/*!
 * Bootstrap v4.3.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 The Bootstrap Authors
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

@import "https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700";

:root {
  --blue: #007bff;
  --indigo: #6610f2;
  --purple: #6f42c1;
  --pink: #e83e8c;
  --red: #dc3545;
  --orange: #fd7e14;
  --yellow: #ffc107;
  --green: #28a745;
  --teal: #20c997;
  --cyan: #17a2b8;
  --white: #fff;
  --gray: #6c757d;
  --gray-dark: #343a40;
  --primary: #007bff;
  --secondary: #6c757d;
  --success: #28a745;
  --info: #17a2b8;
  --warning: #ffc107;
  --danger: #dc3545;
  --light: #f8f9fa;
  --dark: #343a40;
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

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

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

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

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

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

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

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

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

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

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

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

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

dt {
  font-weight: 700;
}

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

blockquote {
  margin: 0 0 1rem;
}

b,
strong {
  font-weight: bolder;
}

small {
  font-size: 80%;
}

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

sub {
  bottom: -.25em;
}

sup {
  top: -.5em;
}

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

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

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

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

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

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

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

figure {
  margin: 0 0 1rem;
}

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

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

table {
  border-collapse: collapse;
}

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

th {
  text-align: inherit;
}

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

button {
  border-radius: 0;
}

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

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

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

select {
  word-wrap: normal;
}

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

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

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

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

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

textarea {
  overflow: auto;
  resize: vertical;
}

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

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

progress {
  vertical-align: baseline;
}

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

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

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

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

output {
  display: inline-block;
}

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

template {
  display: none;
}

[hidden] {
  display: none !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.figure {
  display: inline-block;
}

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

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

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

a > code {
  color: inherit;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
  padding-right: 0;
  padding-left: 0;
}

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

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

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

textarea.form-control {
  height: auto;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.was-validated .form-control:invalid, .form-control.is-invalid {
  border-color: #dc3545;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E");
  background-repeat: no-repeat;
  background-position: center right calc(0.375em + 0.1875rem);
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

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

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

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

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

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

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

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

.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
  color: #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 ~ .invalid-feedback,
.was-validated .custom-control-input:invalid ~ .invalid-tooltip, .custom-control-input.is-invalid ~ .invalid-feedback,
.custom-control-input.is-invalid ~ .invalid-tooltip {
  display: block;
}

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

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

.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #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 ~ .invalid-feedback,
.was-validated .custom-file-input:invalid ~ .invalid-tooltip, .custom-file-input.is-invalid ~ .invalid-feedback,
.custom-file-input.is-invalid ~ .invalid-tooltip {
  display: block;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.btn-danger.disabled, .btn-danger:disabled {
  color: #fff;
  background-color: #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 {
  box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.btn-outline-danger {
  color: #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;
  box-shadow: none;
}

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

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

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

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

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

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

.fade {
  transition: opacity 0.15s linear;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.accordion > .card {
  overflow: hidden;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.badge:empty {
  display: none;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.badge-danger {
  color: #fff;
  background-color: #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 {
  z-index: 10000;
  position: relative;
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}

.alert-heading {
  color: inherit;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.toast.showing {
  opacity: 1;
}

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

.toast.hide {
  display: none;
}

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

.toast-body {
  padding: 0.75rem;
}

.modal-open {
  overflow: hidden;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.tooltip.show {
  opacity: 0.9;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.popover .arrow::before, .popover .arrow::after {
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-style: solid;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.carousel {
  position: relative;
}

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

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

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

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

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

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

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

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

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

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

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

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

.carousel-control-prev,
.carousel-control-next {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 15%;
  color: #fff;
  text-align: center;
  opacity: 0.5;
  transition: opacity 0.15s ease;
}

@media (prefers-reduced-motion: reduce) {
  .carousel-control-prev,
  .carousel-control-next {
    transition: none;
  }
}

.carousel-control-prev:hover, .carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  opacity: 0.9;
}

.carousel-control-prev {
  left: 0;
}

.carousel-control-next {
  right: 0;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: no-repeat 50% / 100% 100%;
}

.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e");
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e");
}

.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 15;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  padding-left: 0;
  margin-right: 15%;
  margin-left: 15%;
  list-style: none;
}

.carousel-indicators li {
  box-sizing: content-box;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  width: 30px;
  height: 3px;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #fff;
  background-clip: padding-box;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: .5;
  transition: opacity 0.6s ease;
}

@media (prefers-reduced-motion: reduce) {
  .carousel-indicators li {
    transition: none;
  }
}

.carousel-indicators .active {
  opacity: 1;
}

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
}

@-webkit-keyframes spinner-border {
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes spinner-border {
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.spinner-border {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: text-bottom;
  border: 0.25em solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  -webkit-animation: spinner-border .75s linear infinite;
  animation: spinner-border .75s linear infinite;
}

.spinner-border-sm {
  width: 1rem;
  height: 1rem;
  border-width: 0.2em;
}

@-webkit-keyframes spinner-grow {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  50% {
    opacity: 1;
  }
}

@keyframes spinner-grow {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  50% {
    opacity: 1;
  }
}

.spinner-grow {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: text-bottom;
  background-color: currentColor;
  border-radius: 50%;
  opacity: 0;
  -webkit-animation: spinner-grow .75s linear infinite;
  animation: spinner-grow .75s linear infinite;
}

.spinner-grow-sm {
  width: 1rem;
  height: 1rem;
}

.align-baseline {
  vertical-align: baseline !important;
}

.align-top {
  vertical-align: top !important;
}

.align-middle {
  vertical-align: middle !important;
}

.align-bottom {
  vertical-align: bottom !important;
}

.align-text-bottom {
  vertical-align: text-bottom !important;
}

.align-text-top {
  vertical-align: text-top !important;
}

.bg-primary {
  background-color: #007bff !important;
}

a.bg-primary:hover, a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
  background-color: #0062cc !important;
}

.bg-secondary {
  background-color: #6c757d !important;
}

a.bg-secondary:hover, a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus {
  background-color: #545b62 !important;
}

.bg-success {
  background-color: #28a745 !important;
}

a.bg-success:hover, a.bg-success:focus,
button.bg-success:hover,
button.bg-success:focus {
  background-color: #1e7e34 !important;
}

.bg-info {
  background-color: #17a2b8 !important;
}

a.bg-info:hover, a.bg-info:focus,
button.bg-info:hover,
button.bg-info:focus {
  background-color: #117a8b !important;
}

.bg-warning {
  background-color: #ffc107 !important;
}

a.bg-warning:hover, a.bg-warning:focus,
button.bg-warning:hover,
button.bg-warning:focus {
  background-color: #d39e00 !important;
}

.bg-danger {
  background-color: #dc3545 !important;
}

a.bg-danger:hover, a.bg-danger:focus,
button.bg-danger:hover,
button.bg-danger:focus {
  background-color: #bd2130 !important;
}

.bg-light {
  background-color: #f8f9fa !important;
}

a.bg-light:hover, a.bg-light:focus,
button.bg-light:hover,
button.bg-light:focus {
  background-color: #dae0e5 !important;
}

.bg-dark {
  background-color: #343a40 !important;
}

a.bg-dark:hover, a.bg-dark:focus,
button.bg-dark:hover,
button.bg-dark:focus {
  background-color: #1d2124 !important;
}

.bg-white {
  background-color: #fff !important;
}

.bg-transparent {
  background-color: transparent !important;
}

.border {
  border: 1px solid #dee2e6 !important;
}

.border-top {
  border-top: 1px solid #dee2e6 !important;
}

.border-right {
  border-right: 1px solid #dee2e6 !important;
}

.border-bottom {
  border-bottom: 1px solid #dee2e6 !important;
}

.border-left {
  border-left: 1px solid #dee2e6 !important;
}

.border-0 {
  border: 0 !important;
}

.border-top-0 {
  border-top: 0 !important;
}

.border-right-0 {
  border-right: 0 !important;
}

.border-bottom-0 {
  border-bottom: 0 !important;
}

.border-left-0 {
  border-left: 0 !important;
}

.border-primary {
  border-color: #007bff !important;
}

.border-secondary {
  border-color: #6c757d !important;
}

.border-success {
  border-color: #28a745 !important;
}

.border-info {
  border-color: #17a2b8 !important;
}

.border-warning {
  border-color: #ffc107 !important;
}

.border-danger {
  border-color: #dc3545 !important;
}

.border-light {
  border-color: #f8f9fa !important;
}

.border-dark {
  border-color: #343a40 !important;
}

.border-white {
  border-color: #fff !important;
}

.rounded-sm {
  border-radius: 0.2rem !important;
}

.rounded {
  border-radius: 0.25rem !important;
}

.rounded-top {
  border-top-left-radius: 0.25rem !important;
  border-top-right-radius: 0.25rem !important;
}

.rounded-right {
  border-top-right-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important;
}

.rounded-bottom {
  border-bottom-right-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}

.rounded-left {
  border-top-left-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}

.rounded-lg {
  border-radius: 0.3rem !important;
}

.rounded-circle {
  border-radius: 50% !important;
}

.rounded-pill {
  border-radius: 50rem !important;
}

.rounded-0 {
  border-radius: 0 !important;
}

.clearfix::after {
  display: block;
  clear: both;
  content: "";
}

.d-none {
  display: none !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: -ms-flexbox !important;
  display: flex !important;
}

.d-inline-flex {
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}

@media (min-width: 576px) {
  .d-sm-none {
    display: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

@media (min-width: 768px) {
  .d-md-none {
    display: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-md-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

@media (min-width: 992px) {
  .d-lg-none {
    display: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

@media print {
  .d-print-none {
    display: none !important;
  }
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-print-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

.embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
}

.embed-responsive::before {
  display: block;
  content: "";
}

.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.embed-responsive-21by9::before {
  padding-top: 42.857143%;
}

.embed-responsive-16by9::before {
  padding-top: 56.25%;
}

.embed-responsive-4by3::before {
  padding-top: 75%;
}

.embed-responsive-1by1::before {
  padding-top: 100%;
}

.flex-row {
  -ms-flex-direction: row !important;
  flex-direction: row !important;
}

.flex-column {
  -ms-flex-direction: column !important;
  flex-direction: column !important;
}

.flex-row-reverse {
  -ms-flex-direction: row-reverse !important;
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  -ms-flex-direction: column-reverse !important;
  flex-direction: column-reverse !important;
}

.flex-wrap {
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important;
}

.flex-nowrap {
  -ms-flex-wrap: nowrap !important;
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  -ms-flex-wrap: wrap-reverse !important;
  flex-wrap: wrap-reverse !important;
}

.flex-fill {
  -ms-flex: 1 1 auto !important;
  flex: 1 1 auto !important;
}

.flex-grow-0 {
  -ms-flex-positive: 0 !important;
  flex-grow: 0 !important;
}

.flex-grow-1 {
  -ms-flex-positive: 1 !important;
  flex-grow: 1 !important;
}

.flex-shrink-0 {
  -ms-flex-negative: 0 !important;
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  -ms-flex-negative: 1 !important;
  flex-shrink: 1 !important;
}

.justify-content-start {
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
}

.justify-content-end {
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
}

.justify-content-center {
  -ms-flex-pack: center !important;
  justify-content: center !important;
}

.justify-content-between {
  -ms-flex-pack: justify !important;
  justify-content: space-between !important;
}

.justify-content-around {
  -ms-flex-pack: distribute !important;
  justify-content: space-around !important;
}

.align-items-start {
  -ms-flex-align: start !important;
  align-items: flex-start !important;
}

.align-items-end {
  -ms-flex-align: end !important;
  align-items: flex-end !important;
}

.align-items-center {
  -ms-flex-align: center !important;
  align-items: center !important;
}

.align-items-baseline {
  -ms-flex-align: baseline !important;
  align-items: baseline !important;
}

.align-items-stretch {
  -ms-flex-align: stretch !important;
  align-items: stretch !important;
}

.align-content-start {
  -ms-flex-line-pack: start !important;
  align-content: flex-start !important;
}

.align-content-end {
  -ms-flex-line-pack: end !important;
  align-content: flex-end !important;
}

.align-content-center {
  -ms-flex-line-pack: center !important;
  align-content: center !important;
}

.align-content-between {
  -ms-flex-line-pack: justify !important;
  align-content: space-between !important;
}

.align-content-around {
  -ms-flex-line-pack: distribute !important;
  align-content: space-around !important;
}

.align-content-stretch {
  -ms-flex-line-pack: stretch !important;
  align-content: stretch !important;
}

.align-self-auto {
  -ms-flex-item-align: auto !important;
  align-self: auto !important;
}

.align-self-start {
  -ms-flex-item-align: start !important;
  align-self: flex-start !important;
}

.align-self-end {
  -ms-flex-item-align: end !important;
  align-self: flex-end !important;
}

.align-self-center {
  -ms-flex-item-align: center !important;
  align-self: center !important;
}

.align-self-baseline {
  -ms-flex-item-align: baseline !important;
  align-self: baseline !important;
}

.align-self-stretch {
  -ms-flex-item-align: stretch !important;
  align-self: stretch !important;
}

@media (min-width: 576px) {
  .flex-sm-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-sm-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-sm-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .flex-sm-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }
  .flex-sm-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  .justify-content-sm-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-sm-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-sm-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-sm-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-sm-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-sm-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-sm-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-sm-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-sm-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}

@media (min-width: 768px) {
  .flex-md-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-md-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-md-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .flex-md-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }
  .flex-md-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  .justify-content-md-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-md-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-md-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-md-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-md-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-md-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-md-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-md-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-md-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-md-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-md-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-md-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-md-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-md-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-md-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-md-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}

@media (min-width: 992px) {
  .flex-lg-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-lg-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-lg-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .flex-lg-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }
  .flex-lg-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  .justify-content-lg-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-lg-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-lg-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-lg-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-lg-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-lg-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-lg-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-lg-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-lg-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}

@media (min-width: 1200px) {
  .flex-xl-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-xl-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-xl-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .flex-xl-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }
  .flex-xl-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  .justify-content-xl-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-xl-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-xl-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-xl-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-xl-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-xl-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-xl-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-xl-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-xl-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}

.float-left {
  float: left !important;
}

.float-right {
  float: right !important;
}

.float-none {
  float: none !important;
}

@media (min-width: 576px) {
  .float-sm-left {
    float: left !important;
  }
  .float-sm-right {
    float: right !important;
  }
  .float-sm-none {
    float: none !important;
  }
}

@media (min-width: 768px) {
  .float-md-left {
    float: left !important;
  }
  .float-md-right {
    float: right !important;
  }
  .float-md-none {
    float: none !important;
  }
}

@media (min-width: 992px) {
  .float-lg-left {
    float: left !important;
  }
  .float-lg-right {
    float: right !important;
  }
  .float-lg-none {
    float: none !important;
  }
}

@media (min-width: 1200px) {
  .float-xl-left {
    float: left !important;
  }
  .float-xl-right {
    float: right !important;
  }
  .float-xl-none {
    float: none !important;
  }
}

.overflow-auto {
  overflow: auto !important;
}

.overflow-hidden {
  overflow: hidden !important;
}

.position-static {
  position: static !important;
}

.position-relative {
  position: relative !important;
}

.position-absolute {
  position: absolute !important;
}

.position-fixed {
  position: fixed !important;
}

.position-sticky {
  position: -webkit-sticky !important;
  position: sticky !important;
}

.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}

.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
}

@supports ((position: -webkit-sticky) or (position: sticky)) {
  .sticky-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
  white-space: normal;
}

.shadow-sm {
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

.shadow {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

.shadow-lg {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}

.shadow-none {
  box-shadow: none !important;
}

.w-25 {
  width: 25% !important;
}

.w-50 {
  width: 50% !important;
}

.w-75 {
  width: 75% !important;
}

.w-100 {
  width: 100% !important;
}

.w-auto {
  width: auto !important;
}

.h-25 {
  height: 25% !important;
}

.h-50 {
  height: 50% !important;
}

.h-75 {
  height: 75% !important;
}

.h-100 {
  height: 100% !important;
}

.h-auto {
  height: auto !important;
}

.mw-100 {
  max-width: 100% !important;
}

.mh-100 {
  max-height: 100% !important;
}

.min-vw-100 {
  min-width: 100vw !important;
}

.min-vh-100 {
  min-height: 100vh !important;
}

.vw-100 {
  width: 100vw !important;
}

.vh-100 {
  height: 100vh !important;
}

.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  pointer-events: auto;
  content: "";
  background-color: rgba(0, 0, 0, 0);
}

.m-0 {
  margin: 0 !important;
}

.mt-0,
.my-0 {
  margin-top: 0 !important;
}

.mr-0,
.mx-0 {
  margin-right: 0 !important;
}

.mb-0,
.my-0 {
  margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
  margin-left: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.mt-1,
.my-1 {
  margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
  margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
  margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
  margin-left: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.mt-2,
.my-2 {
  margin-top: 0.5rem !important;
}

.mr-2,
.mx-2 {
  margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
  margin-bottom: 0.5rem !important;
}

.ml-2,
.mx-2 {
  margin-left: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.mt-3,
.my-3 {
  margin-top: 1rem !important;
}

.mr-3,
.mx-3 {
  margin-right: 1rem !important;
}

.mb-3,
.my-3 {
  margin-bottom: 1rem !important;
}

.ml-3,
.mx-3 {
  margin-left: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.mt-4,
.my-4 {
  margin-top: 1.5rem !important;
}

.mr-4,
.mx-4 {
  margin-right: 1.5rem !important;
}

.mb-4,
.my-4 {
  margin-bottom: 1.5rem !important;
}

.ml-4,
.mx-4 {
  margin-left: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.mt-5,
.my-5 {
  margin-top: 3rem !important;
}

.mr-5,
.mx-5 {
  margin-right: 3rem !important;
}

.mb-5,
.my-5 {
  margin-bottom: 3rem !important;
}

.ml-5,
.mx-5 {
  margin-left: 3rem !important;
}

.p-0 {
  padding: 0 !important;
}

.pt-0,
.py-0 {
  padding-top: 0 !important;
}

.pr-0,
.px-0 {
  padding-right: 0 !important;
}

.pb-0,
.py-0 {
  padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
  padding-left: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.pt-1,
.py-1 {
  padding-top: 0.25rem !important;
}

.pr-1,
.px-1 {
  padding-right: 0.25rem !important;
}

.pb-1,
.py-1 {
  padding-bottom: 0.25rem !important;
}

.pl-1,
.px-1 {
  padding-left: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.pt-2,
.py-2 {
  padding-top: 0.5rem !important;
}

.pr-2,
.px-2 {
  padding-right: 0.5rem !important;
}

.pb-2,
.py-2 {
  padding-bottom: 0.5rem !important;
}

.pl-2,
.px-2 {
  padding-left: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.pt-3,
.py-3 {
  padding-top: 1rem !important;
}

.pr-3,
.px-3 {
  padding-right: 1rem !important;
}

.pb-3,
.py-3 {
  padding-bottom: 1rem !important;
}

.pl-3,
.px-3 {
  padding-left: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.pt-4,
.py-4 {
  padding-top: 1.5rem !important;
}

.pr-4,
.px-4 {
  padding-right: 1.5rem !important;
}

.pb-4,
.py-4 {
  padding-bottom: 1.5rem !important;
}

.pl-4,
.px-4 {
  padding-left: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.pt-5,
.py-5 {
  padding-top: 3rem !important;
}

.pr-5,
.px-5 {
  padding-right: 3rem !important;
}

.pb-5,
.py-5 {
  padding-bottom: 3rem !important;
}

.pl-5,
.px-5 {
  padding-left: 3rem !important;
}

.m-n1 {
  margin: -0.25rem !important;
}

.mt-n1,
.my-n1 {
  margin-top: -0.25rem !important;
}

.mr-n1,
.mx-n1 {
  margin-right: -0.25rem !important;
}

.mb-n1,
.my-n1 {
  margin-bottom: -0.25rem !important;
}

.ml-n1,
.mx-n1 {
  margin-left: -0.25rem !important;
}

.m-n2 {
  margin: -0.5rem !important;
}

.mt-n2,
.my-n2 {
  margin-top: -0.5rem !important;
}

.mr-n2,
.mx-n2 {
  margin-right: -0.5rem !important;
}

.mb-n2,
.my-n2 {
  margin-bottom: -0.5rem !important;
}

.ml-n2,
.mx-n2 {
  margin-left: -0.5rem !important;
}

.m-n3 {
  margin: -1rem !important;
}

.mt-n3,
.my-n3 {
  margin-top: -1rem !important;
}

.mr-n3,
.mx-n3 {
  margin-right: -1rem !important;
}

.mb-n3,
.my-n3 {
  margin-bottom: -1rem !important;
}

.ml-n3,
.mx-n3 {
  margin-left: -1rem !important;
}

.m-n4 {
  margin: -1.5rem !important;
}

.mt-n4,
.my-n4 {
  margin-top: -1.5rem !important;
}

.mr-n4,
.mx-n4 {
  margin-right: -1.5rem !important;
}

.mb-n4,
.my-n4 {
  margin-bottom: -1.5rem !important;
}

.ml-n4,
.mx-n4 {
  margin-left: -1.5rem !important;
}

.m-n5 {
  margin: -3rem !important;
}

.mt-n5,
.my-n5 {
  margin-top: -3rem !important;
}

.mr-n5,
.mx-n5 {
  margin-right: -3rem !important;
}

.mb-n5,
.my-n5 {
  margin-bottom: -3rem !important;
}

.ml-n5,
.mx-n5 {
  margin-left: -3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mt-auto,
.my-auto {
  margin-top: auto !important;
}

.mr-auto,
.mx-auto {
  margin-right: auto !important;
}

.mb-auto,
.my-auto {
  margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
  margin-left: auto !important;
}

@media (min-width: 576px) {
  .m-sm-0 {
    margin: 0 !important;
  }
  .mt-sm-0,
  .my-sm-0 {
    margin-top: 0 !important;
  }
  .mr-sm-0,
  .mx-sm-0 {
    margin-right: 0 !important;
  }
  .mb-sm-0,
  .my-sm-0 {
    margin-bottom: 0 !important;
  }
  .ml-sm-0,
  .mx-sm-0 {
    margin-left: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25rem !important;
  }
  .mt-sm-1,
  .my-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mr-sm-1,
  .mx-sm-1 {
    margin-right: 0.25rem !important;
  }
  .mb-sm-1,
  .my-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-sm-1,
  .mx-sm-1 {
    margin-left: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem !important;
  }
  .mt-sm-2,
  .my-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mr-sm-2,
  .mx-sm-2 {
    margin-right: 0.5rem !important;
  }
  .mb-sm-2,
  .my-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-sm-2,
  .mx-sm-2 {
    margin-left: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 1rem !important;
  }
  .mt-sm-3,
  .my-sm-3 {
    margin-top: 1rem !important;
  }
  .mr-sm-3,
  .mx-sm-3 {
    margin-right: 1rem !important;
  }
  .mb-sm-3,
  .my-sm-3 {
    margin-bottom: 1rem !important;
  }
  .ml-sm-3,
  .mx-sm-3 {
    margin-left: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem !important;
  }
  .mt-sm-4,
  .my-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mr-sm-4,
  .mx-sm-4 {
    margin-right: 1.5rem !important;
  }
  .mb-sm-4,
  .my-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-sm-4,
  .mx-sm-4 {
    margin-left: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 3rem !important;
  }
  .mt-sm-5,
  .my-sm-5 {
    margin-top: 3rem !important;
  }
  .mr-sm-5,
  .mx-sm-5 {
    margin-right: 3rem !important;
  }
  .mb-sm-5,
  .my-sm-5 {
    margin-bottom: 3rem !important;
  }
  .ml-sm-5,
  .mx-sm-5 {
    margin-left: 3rem !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .pt-sm-0,
  .py-sm-0 {
    padding-top: 0 !important;
  }
  .pr-sm-0,
  .px-sm-0 {
    padding-right: 0 !important;
  }
  .pb-sm-0,
  .py-sm-0 {
    padding-bottom: 0 !important;
  }
  .pl-sm-0,
  .px-sm-0 {
    padding-left: 0 !important;
  }
  .p-sm-1 {
    padding: 0.25rem !important;
  }
  .pt-sm-1,
  .py-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pr-sm-1,
  .px-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pb-sm-1,
  .py-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-sm-1,
  .px-sm-1 {
    padding-left: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem !important;
  }
  .pt-sm-2,
  .py-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pr-sm-2,
  .px-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pb-sm-2,
  .py-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-sm-2,
  .px-sm-2 {
    padding-left: 0.5rem !important;
  }
  .p-sm-3 {
    padding: 1rem !important;
  }
  .pt-sm-3,
  .py-sm-3 {
    padding-top: 1rem !important;
  }
  .pr-sm-3,
  .px-sm-3 {
    padding-right: 1rem !important;
  }
  .pb-sm-3,
  .py-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pl-sm-3,
  .px-sm-3 {
    padding-left: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem !important;
  }
  .pt-sm-4,
  .py-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pr-sm-4,
  .px-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pb-sm-4,
  .py-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-sm-4,
  .px-sm-4 {
    padding-left: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 3rem !important;
  }
  .pt-sm-5,
  .py-sm-5 {
    padding-top: 3rem !important;
  }
  .pr-sm-5,
  .px-sm-5 {
    padding-right: 3rem !important;
  }
  .pb-sm-5,
  .py-sm-5 {
    padding-bottom: 3rem !important;
  }
  .pl-sm-5,
  .px-sm-5 {
    padding-left: 3rem !important;
  }
  .m-sm-n1 {
    margin: -0.25rem !important;
  }
  .mt-sm-n1,
  .my-sm-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-sm-n1,
  .mx-sm-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-sm-n1,
  .my-sm-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-sm-n1,
  .mx-sm-n1 {
    margin-left: -0.25rem !important;
  }
  .m-sm-n2 {
    margin: -0.5rem !important;
  }
  .mt-sm-n2,
  .my-sm-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-sm-n2,
  .mx-sm-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-sm-n2,
  .my-sm-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-sm-n2,
  .mx-sm-n2 {
    margin-left: -0.5rem !important;
  }
  .m-sm-n3 {
    margin: -1rem !important;
  }
  .mt-sm-n3,
  .my-sm-n3 {
    margin-top: -1rem !important;
  }
  .mr-sm-n3,
  .mx-sm-n3 {
    margin-right: -1rem !important;
  }
  .mb-sm-n3,
  .my-sm-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-sm-n3,
  .mx-sm-n3 {
    margin-left: -1rem !important;
  }
  .m-sm-n4 {
    margin: -1.5rem !important;
  }
  .mt-sm-n4,
  .my-sm-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-sm-n4,
  .mx-sm-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-sm-n4,
  .my-sm-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-sm-n4,
  .mx-sm-n4 {
    margin-left: -1.5rem !important;
  }
  .m-sm-n5 {
    margin: -3rem !important;
  }
  .mt-sm-n5,
  .my-sm-n5 {
    margin-top: -3rem !important;
  }
  .mr-sm-n5,
  .mx-sm-n5 {
    margin-right: -3rem !important;
  }
  .mb-sm-n5,
  .my-sm-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-sm-n5,
  .mx-sm-n5 {
    margin-left: -3rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mt-sm-auto,
  .my-sm-auto {
    margin-top: auto !important;
  }
  .mr-sm-auto,
  .mx-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-auto,
  .my-sm-auto {
    margin-bottom: auto !important;
  }
  .ml-sm-auto,
  .mx-sm-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 768px) {
  .m-md-0 {
    margin: 0 !important;
  }
  .mt-md-0,
  .my-md-0 {
    margin-top: 0 !important;
  }
  .mr-md-0,
  .mx-md-0 {
    margin-right: 0 !important;
  }
  .mb-md-0,
  .my-md-0 {
    margin-bottom: 0 !important;
  }
  .ml-md-0,
  .mx-md-0 {
    margin-left: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem !important;
  }
  .mt-md-1,
  .my-md-1 {
    margin-top: 0.25rem !important;
  }
  .mr-md-1,
  .mx-md-1 {
    margin-right: 0.25rem !important;
  }
  .mb-md-1,
  .my-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-md-1,
  .mx-md-1 {
    margin-left: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem !important;
  }
  .mt-md-2,
  .my-md-2 {
    margin-top: 0.5rem !important;
  }
  .mr-md-2,
  .mx-md-2 {
    margin-right: 0.5rem !important;
  }
  .mb-md-2,
  .my-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-md-2,
  .mx-md-2 {
    margin-left: 0.5rem !important;
  }
  .m-md-3 {
    margin: 1rem !important;
  }
  .mt-md-3,
  .my-md-3 {
    margin-top: 1rem !important;
  }
  .mr-md-3,
  .mx-md-3 {
    margin-right: 1rem !important;
  }
  .mb-md-3,
  .my-md-3 {
    margin-bottom: 1rem !important;
  }
  .ml-md-3,
  .mx-md-3 {
    margin-left: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem !important;
  }
  .mt-md-4,
  .my-md-4 {
    margin-top: 1.5rem !important;
  }
  .mr-md-4,
  .mx-md-4 {
    margin-right: 1.5rem !important;
  }
  .mb-md-4,
  .my-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-md-4,
  .mx-md-4 {
    margin-left: 1.5rem !important;
  }
  .m-md-5 {
    margin: 3rem !important;
  }
  .mt-md-5,
  .my-md-5 {
    margin-top: 3rem !important;
  }
  .mr-md-5,
  .mx-md-5 {
    margin-right: 3rem !important;
  }
  .mb-md-5,
  .my-md-5 {
    margin-bottom: 3rem !important;
  }
  .ml-md-5,
  .mx-md-5 {
    margin-left: 3rem !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .pt-md-0,
  .py-md-0 {
    padding-top: 0 !important;
  }
  .pr-md-0,
  .px-md-0 {
    padding-right: 0 !important;
  }
  .pb-md-0,
  .py-md-0 {
    padding-bottom: 0 !important;
  }
  .pl-md-0,
  .px-md-0 {
    padding-left: 0 !important;
  }
  .p-md-1 {
    padding: 0.25rem !important;
  }
  .pt-md-1,
  .py-md-1 {
    padding-top: 0.25rem !important;
  }
  .pr-md-1,
  .px-md-1 {
    padding-right: 0.25rem !important;
  }
  .pb-md-1,
  .py-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-md-1,
  .px-md-1 {
    padding-left: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem !important;
  }
  .pt-md-2,
  .py-md-2 {
    padding-top: 0.5rem !important;
  }
  .pr-md-2,
  .px-md-2 {
    padding-right: 0.5rem !important;
  }
  .pb-md-2,
  .py-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-md-2,
  .px-md-2 {
    padding-left: 0.5rem !important;
  }
  .p-md-3 {
    padding: 1rem !important;
  }
  .pt-md-3,
  .py-md-3 {
    padding-top: 1rem !important;
  }
  .pr-md-3,
  .px-md-3 {
    padding-right: 1rem !important;
  }
  .pb-md-3,
  .py-md-3 {
    padding-bottom: 1rem !important;
  }
  .pl-md-3,
  .px-md-3 {
    padding-left: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem !important;
  }
  .pt-md-4,
  .py-md-4 {
    padding-top: 1.5rem !important;
  }
  .pr-md-4,
  .px-md-4 {
    padding-right: 1.5rem !important;
  }
  .pb-md-4,
  .py-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-md-4,
  .px-md-4 {
    padding-left: 1.5rem !important;
  }
  .p-md-5 {
    padding: 3rem !important;
  }
  .pt-md-5,
  .py-md-5 {
    padding-top: 3rem !important;
  }
  .pr-md-5,
  .px-md-5 {
    padding-right: 3rem !important;
  }
  .pb-md-5,
  .py-md-5 {
    padding-bottom: 3rem !important;
  }
  .pl-md-5,
  .px-md-5 {
    padding-left: 3rem !important;
  }
  .m-md-n1 {
    margin: -0.25rem !important;
  }
  .mt-md-n1,
  .my-md-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-md-n1,
  .mx-md-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-md-n1,
  .my-md-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-md-n1,
  .mx-md-n1 {
    margin-left: -0.25rem !important;
  }
  .m-md-n2 {
    margin: -0.5rem !important;
  }
  .mt-md-n2,
  .my-md-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-md-n2,
  .mx-md-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-md-n2,
  .my-md-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-md-n2,
  .mx-md-n2 {
    margin-left: -0.5rem !important;
  }
  .m-md-n3 {
    margin: -1rem !important;
  }
  .mt-md-n3,
  .my-md-n3 {
    margin-top: -1rem !important;
  }
  .mr-md-n3,
  .mx-md-n3 {
    margin-right: -1rem !important;
  }
  .mb-md-n3,
  .my-md-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-md-n3,
  .mx-md-n3 {
    margin-left: -1rem !important;
  }
  .m-md-n4 {
    margin: -1.5rem !important;
  }
  .mt-md-n4,
  .my-md-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-md-n4,
  .mx-md-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-md-n4,
  .my-md-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-md-n4,
  .mx-md-n4 {
    margin-left: -1.5rem !important;
  }
  .m-md-n5 {
    margin: -3rem !important;
  }
  .mt-md-n5,
  .my-md-n5 {
    margin-top: -3rem !important;
  }
  .mr-md-n5,
  .mx-md-n5 {
    margin-right: -3rem !important;
  }
  .mb-md-n5,
  .my-md-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-md-n5,
  .mx-md-n5 {
    margin-left: -3rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mt-md-auto,
  .my-md-auto {
    margin-top: auto !important;
  }
  .mr-md-auto,
  .mx-md-auto {
    margin-right: auto !important;
  }
  .mb-md-auto,
  .my-md-auto {
    margin-bottom: auto !important;
  }
  .ml-md-auto,
  .mx-md-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 992px) {
  .m-lg-0 {
    margin: 0 !important;
  }
  .mt-lg-0,
  .my-lg-0 {
    margin-top: 0 !important;
  }
  .mr-lg-0,
  .mx-lg-0 {
    margin-right: 0 !important;
  }
  .mb-lg-0,
  .my-lg-0 {
    margin-bottom: 0 !important;
  }
  .ml-lg-0,
  .mx-lg-0 {
    margin-left: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25rem !important;
  }
  .mt-lg-1,
  .my-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mr-lg-1,
  .mx-lg-1 {
    margin-right: 0.25rem !important;
  }
  .mb-lg-1,
  .my-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-lg-1,
  .mx-lg-1 {
    margin-left: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem !important;
  }
  .mt-lg-2,
  .my-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mr-lg-2,
  .mx-lg-2 {
    margin-right: 0.5rem !important;
  }
  .mb-lg-2,
  .my-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-lg-2,
  .mx-lg-2 {
    margin-left: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 1rem !important;
  }
  .mt-lg-3,
  .my-lg-3 {
    margin-top: 1rem !important;
  }
  .mr-lg-3,
  .mx-lg-3 {
    margin-right: 1rem !important;
  }
  .mb-lg-3,
  .my-lg-3 {
    margin-bottom: 1rem !important;
  }
  .ml-lg-3,
  .mx-lg-3 {
    margin-left: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem !important;
  }
  .mt-lg-4,
  .my-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mr-lg-4,
  .mx-lg-4 {
    margin-right: 1.5rem !important;
  }
  .mb-lg-4,
  .my-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-lg-4,
  .mx-lg-4 {
    margin-left: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 3rem !important;
  }
  .mt-lg-5,
  .my-lg-5 {
    margin-top: 3rem !important;
  }
  .mr-lg-5,
  .mx-lg-5 {
    margin-right: 3rem !important;
  }
  .mb-lg-5,
  .my-lg-5 {
    margin-bottom: 3rem !important;
  }
  .ml-lg-5,
  .mx-lg-5 {
    margin-left: 3rem !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .pt-lg-0,
  .py-lg-0 {
    padding-top: 0 !important;
  }
  .pr-lg-0,
  .px-lg-0 {
    padding-right: 0 !important;
  }
  .pb-lg-0,
  .py-lg-0 {
    padding-bottom: 0 !important;
  }
  .pl-lg-0,
  .px-lg-0 {
    padding-left: 0 !important;
  }
  .p-lg-1 {
    padding: 0.25rem !important;
  }
  .pt-lg-1,
  .py-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pr-lg-1,
  .px-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pb-lg-1,
  .py-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-lg-1,
  .px-lg-1 {
    padding-left: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem !important;
  }
  .pt-lg-2,
  .py-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pr-lg-2,
  .px-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pb-lg-2,
  .py-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-lg-2,
  .px-lg-2 {
    padding-left: 0.5rem !important;
  }
  .p-lg-3 {
    padding: 1rem !important;
  }
  .pt-lg-3,
  .py-lg-3 {
    padding-top: 1rem !important;
  }
  .pr-lg-3,
  .px-lg-3 {
    padding-right: 1rem !important;
  }
  .pb-lg-3,
  .py-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pl-lg-3,
  .px-lg-3 {
    padding-left: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem !important;
  }
  .pt-lg-4,
  .py-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pr-lg-4,
  .px-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pb-lg-4,
  .py-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-lg-4,
  .px-lg-4 {
    padding-left: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 3rem !important;
  }
  .pt-lg-5,
  .py-lg-5 {
    padding-top: 3rem !important;
  }
  .pr-lg-5,
  .px-lg-5 {
    padding-right: 3rem !important;
  }
  .pb-lg-5,
  .py-lg-5 {
    padding-bottom: 3rem !important;
  }
  .pl-lg-5,
  .px-lg-5 {
    padding-left: 3rem !important;
  }
  .m-lg-n1 {
    margin: -0.25rem !important;
  }
  .mt-lg-n1,
  .my-lg-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-lg-n1,
  .mx-lg-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-lg-n1,
  .my-lg-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-lg-n1,
  .mx-lg-n1 {
    margin-left: -0.25rem !important;
  }
  .m-lg-n2 {
    margin: -0.5rem !important;
  }
  .mt-lg-n2,
  .my-lg-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-lg-n2,
  .mx-lg-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-lg-n2,
  .my-lg-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-lg-n2,
  .mx-lg-n2 {
    margin-left: -0.5rem !important;
  }
  .m-lg-n3 {
    margin: -1rem !important;
  }
  .mt-lg-n3,
  .my-lg-n3 {
    margin-top: -1rem !important;
  }
  .mr-lg-n3,
  .mx-lg-n3 {
    margin-right: -1rem !important;
  }
  .mb-lg-n3,
  .my-lg-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-lg-n3,
  .mx-lg-n3 {
    margin-left: -1rem !important;
  }
  .m-lg-n4 {
    margin: -1.5rem !important;
  }
  .mt-lg-n4,
  .my-lg-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-lg-n4,
  .mx-lg-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-lg-n4,
  .my-lg-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-lg-n4,
  .mx-lg-n4 {
    margin-left: -1.5rem !important;
  }
  .m-lg-n5 {
    margin: -3rem !important;
  }
  .mt-lg-n5,
  .my-lg-n5 {
    margin-top: -3rem !important;
  }
  .mr-lg-n5,
  .mx-lg-n5 {
    margin-right: -3rem !important;
  }
  .mb-lg-n5,
  .my-lg-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-lg-n5,
  .mx-lg-n5 {
    margin-left: -3rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mt-lg-auto,
  .my-lg-auto {
    margin-top: auto !important;
  }
  .mr-lg-auto,
  .mx-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-auto,
  .my-lg-auto {
    margin-bottom: auto !important;
  }
  .ml-lg-auto,
  .mx-lg-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 1200px) {
  .m-xl-0 {
    margin: 0 !important;
  }
  .mt-xl-0,
  .my-xl-0 {
    margin-top: 0 !important;
  }
  .mr-xl-0,
  .mx-xl-0 {
    margin-right: 0 !important;
  }
  .mb-xl-0,
  .my-xl-0 {
    margin-bottom: 0 !important;
  }
  .ml-xl-0,
  .mx-xl-0 {
    margin-left: 0 !important;
  }
  .m-xl-1 {
    margin: 0.25rem !important;
  }
  .mt-xl-1,
  .my-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mr-xl-1,
  .mx-xl-1 {
    margin-right: 0.25rem !important;
  }
  .mb-xl-1,
  .my-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-xl-1,
  .mx-xl-1 {
    margin-left: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem !important;
  }
  .mt-xl-2,
  .my-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mr-xl-2,
  .mx-xl-2 {
    margin-right: 0.5rem !important;
  }
  .mb-xl-2,
  .my-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-xl-2,
  .mx-xl-2 {
    margin-left: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 1rem !important;
  }
  .mt-xl-3,
  .my-xl-3 {
    margin-top: 1rem !important;
  }
  .mr-xl-3,
  .mx-xl-3 {
    margin-right: 1rem !important;
  }
  .mb-xl-3,
  .my-xl-3 {
    margin-bottom: 1rem !important;
  }
  .ml-xl-3,
  .mx-xl-3 {
    margin-left: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem !important;
  }
  .mt-xl-4,
  .my-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mr-xl-4,
  .mx-xl-4 {
    margin-right: 1.5rem !important;
  }
  .mb-xl-4,
  .my-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-xl-4,
  .mx-xl-4 {
    margin-left: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 3rem !important;
  }
  .mt-xl-5,
  .my-xl-5 {
    margin-top: 3rem !important;
  }
  .mr-xl-5,
  .mx-xl-5 {
    margin-right: 3rem !important;
  }
  .mb-xl-5,
  .my-xl-5 {
    margin-bottom: 3rem !important;
  }
  .ml-xl-5,
  .mx-xl-5 {
    margin-left: 3rem !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .pt-xl-0,
  .py-xl-0 {
    padding-top: 0 !important;
  }
  .pr-xl-0,
  .px-xl-0 {
    padding-right: 0 !important;
  }
  .pb-xl-0,
  .py-xl-0 {
    padding-bottom: 0 !important;
  }
  .pl-xl-0,
  .px-xl-0 {
    padding-left: 0 !important;
  }
  .p-xl-1 {
    padding: 0.25rem !important;
  }
  .pt-xl-1,
  .py-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pr-xl-1,
  .px-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pb-xl-1,
  .py-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-xl-1,
  .px-xl-1 {
    padding-left: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem !important;
  }
  .pt-xl-2,
  .py-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pr-xl-2,
  .px-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pb-xl-2,
  .py-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-xl-2,
  .px-xl-2 {
    padding-left: 0.5rem !important;
  }
  .p-xl-3 {
    padding: 1rem !important;
  }
  .pt-xl-3,
  .py-xl-3 {
    padding-top: 1rem !important;
  }
  .pr-xl-3,
  .px-xl-3 {
    padding-right: 1rem !important;
  }
  .pb-xl-3,
  .py-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pl-xl-3,
  .px-xl-3 {
    padding-left: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem !important;
  }
  .pt-xl-4,
  .py-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pr-xl-4,
  .px-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pb-xl-4,
  .py-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-xl-4,
  .px-xl-4 {
    padding-left: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 3rem !important;
  }
  .pt-xl-5,
  .py-xl-5 {
    padding-top: 3rem !important;
  }
  .pr-xl-5,
  .px-xl-5 {
    padding-right: 3rem !important;
  }
  .pb-xl-5,
  .py-xl-5 {
    padding-bottom: 3rem !important;
  }
  .pl-xl-5,
  .px-xl-5 {
    padding-left: 3rem !important;
  }
  .m-xl-n1 {
    margin: -0.25rem !important;
  }
  .mt-xl-n1,
  .my-xl-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-xl-n1,
  .mx-xl-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-xl-n1,
  .my-xl-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-xl-n1,
  .mx-xl-n1 {
    margin-left: -0.25rem !important;
  }
  .m-xl-n2 {
    margin: -0.5rem !important;
  }
  .mt-xl-n2,
  .my-xl-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-xl-n2,
  .mx-xl-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-xl-n2,
  .my-xl-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-xl-n2,
  .mx-xl-n2 {
    margin-left: -0.5rem !important;
  }
  .m-xl-n3 {
    margin: -1rem !important;
  }
  .mt-xl-n3,
  .my-xl-n3 {
    margin-top: -1rem !important;
  }
  .mr-xl-n3,
  .mx-xl-n3 {
    margin-right: -1rem !important;
  }
  .mb-xl-n3,
  .my-xl-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-xl-n3,
  .mx-xl-n3 {
    margin-left: -1rem !important;
  }
  .m-xl-n4 {
    margin: -1.5rem !important;
  }
  .mt-xl-n4,
  .my-xl-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-xl-n4,
  .mx-xl-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-xl-n4,
  .my-xl-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-xl-n4,
  .mx-xl-n4 {
    margin-left: -1.5rem !important;
  }
  .m-xl-n5 {
    margin: -3rem !important;
  }
  .mt-xl-n5,
  .my-xl-n5 {
    margin-top: -3rem !important;
  }
  .mr-xl-n5,
  .mx-xl-n5 {
    margin-right: -3rem !important;
  }
  .mb-xl-n5,
  .my-xl-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-xl-n5,
  .mx-xl-n5 {
    margin-left: -3rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mt-xl-auto,
  .my-xl-auto {
    margin-top: auto !important;
  }
  .mr-xl-auto,
  .mx-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-auto,
  .my-xl-auto {
    margin-bottom: auto !important;
  }
  .ml-xl-auto,
  .mx-xl-auto {
    margin-left: auto !important;
  }
}

.text-monospace {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
}

.text-justify {
  text-align: justify !important;
}

.text-wrap {
  white-space: normal !important;
}

.text-nowrap {
  white-space: nowrap !important;
}

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}

.text-center {
  text-align: center !important;
}

@media (min-width: 576px) {
  .text-sm-left {
    text-align: left !important;
  }
  .text-sm-right {
    text-align: right !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
}

@media (min-width: 768px) {
  .text-md-left {
    text-align: left !important;
  }
  .text-md-right {
    text-align: right !important;
  }
  .text-md-center {
    text-align: center !important;
  }
}

@media (min-width: 992px) {
  .text-lg-left {
    text-align: left !important;
  }
  .text-lg-right {
    text-align: right !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
}

@media (min-width: 1200px) {
  .text-xl-left {
    text-align: left !important;
  }
  .text-xl-right {
    text-align: right !important;
  }
  .text-xl-center {
    text-align: center !important;
  }
}

.text-lowercase {
  text-transform: lowercase !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.text-capitalize {
  text-transform: capitalize !important;
}

.font-weight-light {
  font-weight: 300 !important;
}

.font-weight-lighter {
  font-weight: lighter !important;
}

.font-weight-normal {
  font-weight: 400 !important;
}

.font-weight-bold {
  font-weight: 700 !important;
}

.font-weight-bolder {
  font-weight: bolder !important;
}

.font-italic {
  font-style: italic !important;
}

.text-white {
  color: #fff !important;
}

.text-primary {
  color: #007bff !important;
}

a.text-primary:hover, a.text-primary:focus {
  color: #0056b3 !important;
}

.text-secondary {
  color: #6c757d !important;
}

a.text-secondary:hover, a.text-secondary:focus {
  color: #494f54 !important;
}

.text-success {
  color: #28a745 !important;
}

a.text-success:hover, a.text-success:focus {
  color: #19692c !important;
}

.text-info {
  color: #17a2b8 !important;
}

a.text-info:hover, a.text-info:focus {
  color: #0f6674 !important;
}

.text-warning {
  color: #ffc107 !important;
}

a.text-warning:hover, a.text-warning:focus {
  color: #ba8b00 !important;
}

.text-danger {
  color: #dc3545 !important;
}

a.text-danger:hover, a.text-danger:focus {
  color: #a71d2a !important;
}

.text-light {
  color: #f8f9fa !important;
}

a.text-light:hover, a.text-light:focus {
  color: #cbd3da !important;
}

.text-dark {
  color: #343a40 !important;
}

a.text-dark:hover, a.text-dark:focus {
  color: #121416 !important;
}

.text-body {
  color: #212529 !important;
}

.text-muted {
  color: #6c757d !important;
}

.text-black-50 {
  color: rgba(0, 0, 0, 0.5) !important;
}

.text-white-50 {
  color: rgba(255, 255, 255, 0.5) !important;
}

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.text-decoration-none {
  text-decoration: none !important;
}

.text-break {
  word-break: break-word !important;
  overflow-wrap: break-word !important;
}

.text-reset {
  color: inherit !important;
}

.visible {
  visibility: visible !important;
}

.invisible {
  visibility: hidden !important;
}

@media print {
  *,
  *::before,
  *::after {
    text-shadow: none !important;
    box-shadow: none !important;
  }
  a:not(.btn) {
    text-decoration: underline;
  }
  abbr[title]::after {
    content: " (" attr(title) ")";
  }
  pre {
    white-space: pre-wrap !important;
  }
  pre,
  blockquote {
    border: 1px solid #adb5bd;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  @page {
    size: a3;
  }
  body {
    min-width: 992px !important;
  }
  .container {
    min-width: 992px !important;
  }
  .navbar {
    display: none;
  }
  .badge {
    border: 1px solid #000;
  }
  .table {
    border-collapse: collapse !important;
  }
  .table td,
  .table th {
    background-color: #fff !important;
  }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #dee2e6 !important;
  }
  .table-dark {
    color: inherit;
  }
  .table-dark th,
  .table-dark td,
  .table-dark thead th,
  .table-dark tbody + tbody {
    border-color: #dee2e6;
  }
  .table .thead-dark th {
    color: inherit;
    border-color: #dee2e6;
  }
}
/*# sourceMappingURL=bootstrap.css.map */
@import url(https://fonts.googleapis.com/css?family=Lato:300,400,700);
*,
*:after,
*::before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.compact_menu #menu-container:not(.menu-open) .gn-menu-main {
  width: unset; }

.compact_menu #menu-container:not(.menu-open) .gn-trigger, .compact_menu #menu-container:not(.menu-open) #gn-menu {
  transition: all 0.3s ease; }
  .compact_menu #menu-container:not(.menu-open) .gn-trigger:not(:hover, :focus), .compact_menu #menu-container:not(.menu-open) #gn-menu:not(:hover, :focus) {
    border-radius: 0px 0px 20px 0px;
    opacity: 0.5; }

.compact_menu #menu-container .menu-snappy-logo, .compact_menu #menu-container .page_title {
  display: none !important; }

.compact_menu #menu-container .menu-separator {
  display: none; }

.compact_menu #content {
  top: 0px;
  padding-top: 20px; }

@font-face {
  font-weight: normal;
  font-style: normal;
  font-family: 'ecoicons';
  src: url("static/fonts/ecoicons/ecoicons.eot");
  src: url("static/fonts/ecoicons/ecoicons.eot?#iefix") format("embedded-opentype"), url("../fonts/ecoicons/ecoicons.woff") format("woff"), url("../fonts/ecoicons/ecoicons.ttf") format("truetype"), url("../fonts/ecoicons/ecoicons.svg#ecoicons") format("svg"); }

/* Icomoon.com */
.main.dimmed {
  opacity: 0.4; }

.gn-menu-main {
  z-index: 500; }

.gn-menu-main,
.gn-menu-main ul {
  margin: 0;
  padding: 0;
  background: #ececec;
  color: #1a1a1a;
  list-style: none;
  text-transform: none;
  font-weight: 300;
  font-family: 'Lato', Arial, sans-serif;
  line-height: 60px;
  white-space: nowrap; }

.un-nested-menu {
  line-height: 40px; }

.nested-menu {
  line-height: 40px; }

.menu-separator {
  position: sticky;
  top: 0px;
  box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.8); }

.gn-menu-main {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 60px;
  font-size: 13px;
  z-index: 2000;
  display: flex; }

.gn-menu-main a {
  display: block;
  height: 100%;
  color: #1a1a1a;
  text-decoration: none;
  cursor: pointer; }
  .gn-menu-main a:hover {
    text-decoration: none;
    color: #1a1a1a; }

.no-touch .gn-menu-main a:hover,
.no-touch .gn-menu li.gn-search-item:hover,
.no-touch .gn-menu li.gn-search-item:hover a {
  background: #5f6f81;
  color: white; }

.menu-spacer {
  flex-grow: 1; }

#settings-toggle-header {
  font-size: 20px; }

.gn-menu-main > li {
  display: block;
  height: 100%;
  border-right: 1px solid #c6d0da;
  text-align: center; }
  .gn-menu-main > li.menu-snappy-logo {
    display: flex; }
    @media screen and (max-width: 740px) {
      .gn-menu-main > li.menu-snappy-logo {
        display: none; } }
.compact_menu .gn-menu-main > li {
  border-right: 1px solid transparent; }

/* icon-only trigger (menu item) */
.gn-menu-main li.gn-trigger {
  position: relative;
  width: 61px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.gn-menu-main > li:last-child {
  border-right: none;
  border-left: 1px solid #c6d0da; }

.alt_link.selected {
  background: #346ca5;
  border-bottom: 1px solid #346ca5; }
  .alt_link.selected a {
    color: #ececec; }

.gn-menu-main > li.alt_link {
  float: right;
  border-right: none;
  border-left: 1px solid #c6d0da; }

.gn-menu-main > li > a {
  padding: 0 30px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: bold; }

.gn-menu-main:after {
  display: table;
  clear: both;
  content: ""; }

.gn-menu-wrapper {
  z-index: 50;
  position: fixed;
  top: 60px;
  bottom: 0;
  left: 0;
  overflow: hidden;
  width: 60px;
  border-top: 1px solid #c6d0da;
  background: white;
  -webkit-transform: translateX(-60px);
  -moz-transform: translateX(-60px);
  transform: translateX(-60px);
  -webkit-transition: -webkit-transform 0.3s, width 0.3s;
  -moz-transition: -moz-transform 0.3s, width 0.3s;
  transition: transform 0.3s, width 0.3s; }

.gn-scroller {
  z-index: 200;
  background: #ececec;
  position: absolute;
  overflow-y: scroll;
  width: 370px;
  height: 100%; }

.gn-menu {
  border-bottom: 1px solid #c6d0da;
  text-align: left;
  font-size: 18px; }
  .gn-menu .nested-menu.selected {
    font-weight: 900; }

.gn-menu li:not(:first-child),
.gn-menu li li {
  box-shadow: inset 0 1px #c6d0da; }
  .gn-menu li:not(:first-child) .gn-submenu li,
  .gn-menu li li .gn-submenu li {
    box-shadow: none; }

.badge-before {
  margin-left: 0px; }

.badge-before::before {
  color: #fdaf00;
  display: inline-block;
  width: 40px;
  text-align: center;
  font-weight: 500;
  line-height: 1;
  -webkit-font-smoothing: antialiased; }

.badge-before::before {
  content: attr(badge-before-content); }

.nested-menu:hover, .un-nested-menu:hover {
  font-weight: bold; }

.gn-submenu li {
  overflow: hidden;
  height: 0;
  -webkit-transition: height 0.3s;
  -moz-transition: height 0.3s;
  transition: height 0.3s; }

.gn-menu-wrapper.gn-open-all .gn-submenu.collapsed li {
  height: 0px;
  overflow: hidden; }

.gn-menu-wrapper.gn-open-all .gn-submenu li {
  transition: all 0.3s ease;
  height: 40px;
  line-height: 40px;
  background: #313131;
  color: #ececec; }
  .gn-menu-wrapper.gn-open-all .gn-submenu li:first-child {
    box-shadow: inset -6px 10px 13px 0px rgba(0, 0, 0, 0.5); }
  .gn-menu-wrapper.gn-open-all .gn-submenu li:last-child {
    box-shadow: inset 0px -9px 11px -1px rgba(0, 0, 0, 0.3); }
  .gn-menu-wrapper.gn-open-all .gn-submenu li.pda-tall {
    color: #d9e5f1 !important;
    height: 80px;
    line-height: 80px;
    border-bottom: 1px solid;
    background: #203950; }
    .gn-menu-wrapper.gn-open-all .gn-submenu li.pda-tall:last-child {
      border-bottom: none; }
    .gn-menu-wrapper.gn-open-all .gn-submenu li.pda-tall a {
      margin-left: 20px; }
      .gn-menu-wrapper.gn-open-all .gn-submenu li.pda-tall a::before {
        font-family: icofont;
        content: '\ea94';
        margin-right: 20px; }
  .gn-menu-wrapper.gn-open-all .gn-submenu li a {
    text-decoration: none;
    color: #c1c9d1;
    color: #ececec;
    margin-left: 40px; }
    .gn-menu-wrapper.gn-open-all .gn-submenu li a.badge-before {
      margin-left: 0px; }
  .gn-menu-wrapper.gn-open-all .gn-submenu li.selected {
    background: #346ca5;
    color: white;
    font-weight: 600; }
  .gn-menu-wrapper.gn-open-all .gn-submenu li:hover {
    background: #ececec;
    color: #1a1a1a; }
    .gn-menu-wrapper.gn-open-all .gn-submenu li:hover a {
      color: #1a1a1a; }

.badge-menu {
  box-shadow: none !important;
  background: #ececec;
  color: #1a1a1a;
  position: absolute; }

input.gn-search {
  position: relative;
  z-index: 10;
  padding-left: 60px;
  width: calc(100% - 60px);
  outline: none;
  border: none;
  background: transparent;
  color: #5f6f81;
  font-weight: 300;
  font-family: 'Lato', Arial, sans-serif;
  cursor: pointer; }

.pda-heading {
  background: #161e26;
  color: #d9e5f1 !important;
  border-bottom: 1px solid #394b5c; }

/* placeholder */
.gn-search::-webkit-input-placeholder {
  color: #5f6f81; }

.gn-search:-moz-placeholder {
  color: #5f6f81; }

.gn-search::-moz-placeholder {
  color: #5f6f81; }

.gn-search:-ms-input-placeholder {
  color: #5f6f81; }

/* hide placeholder when active in Chrome */
.gn-search:focus::-webkit-input-placeholder,
.no-touch .gn-menu li.gn-search-item:hover .gn-search:focus::-webkit-input-placeholder {
  color: transparent; }

input.gn-search:focus {
  cursor: text; }

.no-touch .gn-menu li.gn-search-item:hover input.gn-search {
  color: white; }

/* placeholder */
.no-touch .gn-menu li.gn-search-item:hover .gn-search::-webkit-input-placeholder {
  color: white; }

.no-touch .gn-menu li.gn-search-item:hover .gn-search:-moz-placeholder {
  color: white; }

.no-touch .gn-menu li.gn-search-item:hover .gn-search::-moz-placeholder {
  color: white; }

.no-touch .gn-menu li.gn-search-item:hover .gn-search:-ms-input-placeholder {
  color: white; }

.gn-menu-main a.gn-icon-search {
  position: absolute;
  top: 0;
  left: 0;
  height: 60px; }

.gn-menu-main a.gn-icon-search-2 {
  position: absolute;
  top: 60px;
  left: 0;
  height: 60px; }

.nested-menu .gn-icon ::after {
  content: "CARRET";
  position: absolute;
  right: 20px; }

.nested-menu:not(.selected) .gn-icon::after {
  font-family: IcoFont;
  content: "\ea67";
  position: absolute;
  right: 40px; }

.nested-menu.selected .gn-icon::after {
  font-family: IcoFont;
  content: "\eee1";
  position: absolute;
  right: 40px; }

.gn-icon::before {
  display: inline-block;
  width: 60px;
  text-align: center;
  text-transform: none;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  font-family: IcoFont;
  line-height: 1;
  speak: none;
  -webkit-font-smoothing: antialiased; }

.gn-icon-help::before {
  content: "\e000"; }

.gn-icon-earth::before {
  content: "\e004"; }

.icon-move::before {
  content: "\ef4c"; }

.mobile_message {
  z-index: -1;
  position: fixed;
  top: 62px;
  width: 100%;
  opacity: 0.95;
  text-align: center;
  padding: 20px 20px 20px 20px;
  background: #1a1a1a; }
  @media screen and (max-width: 750px) {
    .mobile_message {
      z-index: 2000;
      height: calc(100vh - 62px); } }
  .mobile_message .history-message {
    height: 23px !important;
    width: 100%;
    text-align: center;
    height: initial; }
    .mobile_message .history-message.success {
      color: #27a745; }
    .mobile_message .history-message.error {
      color: #de0b0b; }
    .mobile_message .history-message.pending {
      color: rgba(255, 255, 255, 0.7); }

.quick-move-locator .mobile_message {
  display: none; }

.quick-move-locator.focused .mobile_message {
  display: block; }

.icon-move.focused {
  font-weight: 700;
  background: #27a745;
  margin-left: -2px;
  color: #ececec !important; }

.gn-icon-search::before {
  content: "\ed1b"; }

.gn-icon-search-2::before {
  content: "\ed1b"; }

.icon-login::before {
  content: "\ef7b"; }

.icon-logout::before {
  content: "\ef7c"; }

.icon-settings::before {
  content: "\efe1"; }

.icon-rota::before {
  content: "\ec45"; }

.icon-production::before {
  content: "\e9b9"; }

.icon-transfer::before {
  content: "\ef18"; }

.icon-report::before {
  content: '\e979'; }

.icon-purchases::before {
  content: "\eeb0"; }

.icon-quote::before {
  content: "\efce"; }

.icon-stock::before {
  content: "\eec1"; }

.icon-barcode::before {
  content: '\e963'; }

.icon-tools::before {
  content: "\f013"; }

.icon-shopify::before {
  content: "\ed65"; }

.icon-inter::before {
  content: "\ef18"; }

/* if an icon anchor has a span, hide the span */
.gn-icon span {
  width: 0;
  height: 0;
  display: block;
  overflow: hidden; }

.gn-icon-menu {
  line-height: 60px; }

.menu-snappy-logo a {
  line-height: 60px; }

.gn-icon-menu::before {
  margin-left: -15px;
  vertical-align: -2px;
  width: 30px;
  height: 3px;
  background: #5f6f81;
  box-shadow: 0 3px #ececec, 0 -6px #5f6f81, 0 -9px #ececec, 0 -12px #5f6f81;
  content: ''; }

.no-touch .gn-icon-menu:hover::before,
.no-touch .gn-icon-menu.gn-selected:hover::before {
  background: white;
  box-shadow: 0 3px #5f6f81, 0 -6px #ececec, 0 -9px #5f6f81, 0 -12px #ececec; }

.gn-icon-menu.gn-selected::before {
  background: #5993cd;
  box-shadow: 0 3px #ececec, 0 -6px #5993cd, 0 -9px #ececec, 0 -12px #5993cd; }

/* styles for opening menu */
.gn-menu-wrapper.gn-open-all,
.gn-menu-wrapper.gn-open-part {
  -webkit-transform: translateX(0px);
  -moz-transform: translateX(0px);
  transform: translateX(0px); }

.gn-menu-wrapper.gn-open-all {
  width: 340px; }

@media screen and (max-width: 422px) {
  .gn-menu-wrapper.gn-open-all {
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    transform: translateX(0px);
    width: 100%; }
  .gn-menu-wrapper.gn-open-all .gn-scroller {
    width: 130%; } }

.gn-spacer {
  height: 120px; }

@font-face {
  font-family: 'codropsicons';
  src: url("../fonts/codropsicons/codropsicons.eot");
  src: url("../fonts/codropsicons/codropsicons.eot?#iefix") format("embedded-opentype"), url("../fonts/codropsicons/codropsicons.woff") format("woff"), url("../fonts/codropsicons/codropsicons.ttf") format("truetype"), url("../fonts/codropsicons/codropsicons.svg#codropsicons") format("svg");
  font-weight: normal;
  font-style: normal; }

body {
  background: #34495e; }

.container > header,
.codrops-top {
  color: #fff;
  font-family: 'Lato', Arial, sans-serif; }

.container > header {
  margin: 0 auto;
  padding: 12em 2em;
  padding-left: 370px;
  background: rgba(0, 0, 0, 0.05); }

.container > header a {
  color: #566473;
  text-decoration: none;
  outline: none; }

.container > header a:hover {
  color: #4f7bab; }

.container > header h1 {
  font-size: 3.2em;
  line-height: 1.3;
  margin: 0;
  font-weight: 300; }

.container > header span {
  display: block;
  font-size: 55%;
  color: #74818e;
  padding: 0 0 0.6em 0.1em; }

/* To Navigation Style */
.codrops-top {
  background: #fff;
  background: rgba(255, 255, 255, 0.6);
  text-transform: uppercase;
  width: 100%;
  font-size: 0.69em;
  line-height: 2.2; }

.codrops-top a {
  text-decoration: none;
  padding: 0 1em;
  letter-spacing: 0.1em;
  color: #888;
  display: inline-block; }

.codrops-top a:hover {
  background: rgba(255, 255, 255, 0.95);
  color: #333; }

.codrops-top span.right {
  float: right; }

.codrops-top span.right a {
  float: left;
  display: block; }

.codrops-icon:before {
  font-family: 'codropsicons';
  margin: 0 4px;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased; }

.codrops-icon-drop:before {
  content: "\e001"; }

.codrops-icon-prev:before {
  content: "\e004"; }

/* Demo Buttons Style */
.codrops-demos {
  padding-top: 1em;
  font-size: 0.9em; }

.codrops-demos a {
  text-decoration: none;
  outline: none;
  display: inline-block;
  margin: 0.5em;
  padding: 0.7em 1.1em;
  border: 3px solid #b1aea6;
  color: #b1aea6;
  font-weight: 700; }

.codrops-demos a:hover,
.codrops-demos a.current-demo,
.codrops-demos a.current-demo:hover {
  border-color: #89867e;
  color: #89867e; }

@media screen and (max-width: 1025px) {
  .container > header {
    margin: 0 auto;
    padding: 120px 50px;
    font-size: 70%;
    text-align: right; } }

@media screen and (max-width: 740px) {
  .codrops-icon span {
    display: none; } }

/*# sourceMappingURL=menu.css.map */
@charset "UTF-8";
.alert {
  border: 1px solid #97c0ed !important;
  color: #97c0ed;
  background: #052539;
  margin: auto;
  max-width: 1200px; }
  .alert.alert-danger {
    border-color: #ffcadb;
    background: #ff1b66;
    color: #ffcadb; }

#search_results, .universal-search-bar {
  font-family: poppins;
  font-weight: 400; }
  #search_results .extra_items, .universal-search-bar .extra_items {
    width: calc(100% - 40px);
    margin-bottom: 60px;
    margin-left: 20px;
    text-align: center;
    border: 1px solid;
    padding: 10px;
    border-radius: 5px; }

.flex-break {
  flex-basis: 100%;
  height: 0; }

#login-wrapper {
  position: fixed;
  top: 0px;
  left: 0px;
  height: 100vh;
  width: 100vw; }
  @media (max-width: 800px) {
    #login-wrapper {
      background-image: url("/static/img/login-logo.png");
      background-position: center; }
      #login-wrapper #art-work {
        display: none; } }
  #login-wrapper #login-inner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -70%);
    box-shadow: 0 0 5px 5px #0000003b;
    border: 1px solid #96c0ed;
    border-radius: 20px;
    background: linear-gradient(176deg, #053e58 0%, #042235 100%);
    display: flex;
    overflow: hidden; }
    @media (max-width: 800px) {
      #login-wrapper #login-inner {
        display: block;
        width: 100%;
        opacity: 0.95;
        border-radius: 0px;
        border-left: none;
        border-right: none; } }
    #login-wrapper #login-inner #title {
      position: absolute;
      top: 20px;
      left: 50%;
      transform: translateX(-50%);
      z-index: 100;
      color: #b2b7b4;
      font-size: 22px;
      font-weight: 100; }
    #login-wrapper #login-inner #art-work {
      flex-basis: 50%;
      width: 200px;
      position: relative; }
      #login-wrapper #login-inner #art-work img {
        height: calc(100% + 40px);
        position: absolute;
        top: 0px;
        left: -180px;
        opacity: 0.7; }
    #login-wrapper #login-inner #login-form {
      padding: 100px 40px;
      flex-basis: 50%; }
      #login-wrapper #login-inner #login-form input {
        background: transparent;
        border: none;
        border-bottom: 1px solid #96c0ed;
        color: #96c0ed;
        padding: 3px 20px;
        margin-bottom: 20px;
        z-index: 100; }
        #login-wrapper #login-inner #login-form input:focus {
          outline: none; }
      #login-wrapper #login-inner #login-form button {
        color: #96c0ed;
        border: 1px solid #96c0ed;
        background: #09384b;
        padding: 10px 40px;
        border-radius: 5px;
        z-index: 100;
        transition: all 0.15s ease; }
        #login-wrapper #login-inner #login-form button:hover {
          background: #0a526f;
          color: #b7d9fd;
          border: 1px solid #b7d9fd; }
      #login-wrapper #login-inner #login-form form {
        display: flex;
        flex-direction: column;
        align-items: center; }

.ios_button_fix {
  border: none;
  background: transparent;
  position: absolute;
  right: 27px; }
  .ios_button_fix::before {
    content: '\ea94';
    font-family: icofont;
    color: grey;
    font-size: 30px; }

.max_width, .order_wrapper, .search_bar, .schedule-menu, .group_loader, .title-table-wrapper, .new-tables-wrapper, #calculator, #calculator-included {
  max-width: 1400px;
  margin: auto; }

a.active {
  color: #ff5c37; }

.generic_image_wrapper {
  overflow: hidden;
  border-radius: 10px;
  border: 5px solid #506374;
  cursor: pointer; }

body {
  background-image: linear-gradient(242deg, rgba(195, 195, 195, 0.02) 0%, rgba(195, 195, 195, 0.02) 16.667%, rgba(91, 91, 91, 0.02) 16.667%, rgba(91, 91, 91, 0.02) 33.334%, rgba(230, 230, 230, 0.02) 33.334%, rgba(230, 230, 230, 0.02) 50.001%, rgba(18, 18, 18, 0.02) 50.001%, rgba(18, 18, 18, 0.02) 66.668%, rgba(163, 163, 163, 0.02) 66.668%, rgba(163, 163, 163, 0.02) 83.335%, rgba(140, 140, 140, 0.02) 83.335%, rgba(140, 140, 140, 0.02) 100.002%), linear-gradient(152deg, rgba(151, 151, 151, 0.02) 0%, rgba(151, 151, 151, 0.02) 16.667%, rgba(11, 11, 11, 0.02) 16.667%, rgba(11, 11, 11, 0.02) 33.334%, rgba(162, 162, 162, 0.02) 33.334%, rgba(162, 162, 162, 0.02) 50.001%, rgba(171, 171, 171, 0.02) 50.001%, rgba(171, 171, 171, 0.02) 66.668%, rgba(119, 119, 119, 0.02) 66.668%, rgba(119, 119, 119, 0.02) 83.335%, rgba(106, 106, 106, 0.02) 83.335%, rgba(106, 106, 106, 0.02) 100.002%), linear-gradient(11deg, rgba(245, 245, 245, 0.01) 0%, rgba(245, 245, 245, 0.01) 16.667%, rgba(23, 23, 23, 0.01) 16.667%, rgba(23, 23, 23, 0.01) 33.334%, rgba(96, 96, 96, 0.01) 33.334%, rgba(96, 96, 96, 0.01) 50.001%, rgba(140, 140, 140, 0.01) 50.001%, rgba(140, 140, 140, 0.01) 66.668%, rgba(120, 120, 120, 0.01) 66.668%, rgba(120, 120, 120, 0.01) 83.335%, rgba(48, 48, 48, 0.01) 83.335%, rgba(48, 48, 48, 0.01) 100.002%), linear-gradient(27deg, rgba(106, 106, 106, 0.03) 0%, rgba(106, 106, 106, 0.03) 14.286%, rgba(203, 203, 203, 0.03) 14.286%, rgba(203, 203, 203, 0.03) 28.572%, rgba(54, 54, 54, 0.03) 28.572%, rgba(54, 54, 54, 0.03) 42.858%, rgba(75, 75, 75, 0.03) 42.858%, rgba(75, 75, 75, 0.03) 57.144%, rgba(216, 216, 216, 0.03) 57.144%, rgba(216, 216, 216, 0.03) 71.43%, rgba(39, 39, 39, 0.03) 71.43%, rgba(39, 39, 39, 0.03) 85.716%, rgba(246, 246, 246, 0.03) 85.716%, rgba(246, 246, 246, 0.03) 100.002%), linear-gradient(317deg, rgba(215, 215, 215, 0.01) 0%, rgba(215, 215, 215, 0.01) 16.667%, rgba(72, 72, 72, 0.01) 16.667%, rgba(72, 72, 72, 0.01) 33.334%, rgba(253, 253, 253, 0.01) 33.334%, rgba(253, 253, 253, 0.01) 50.001%, rgba(4, 4, 4, 0.01) 50.001%, rgba(4, 4, 4, 0.01) 66.668%, rgba(183, 183, 183, 0.01) 66.668%, rgba(183, 183, 183, 0.01) 83.335%, rgba(17, 17, 17, 0.01) 83.335%, rgba(17, 17, 17, 0.01) 100.002%), linear-gradient(128deg, rgba(119, 119, 119, 0.03) 0%, rgba(119, 119, 119, 0.03) 12.5%, rgba(91, 91, 91, 0.03) 12.5%, rgba(91, 91, 91, 0.03) 25%, rgba(45, 45, 45, 0.03) 25%, rgba(45, 45, 45, 0.03) 37.5%, rgba(182, 182, 182, 0.03) 37.5%, rgba(182, 182, 182, 0.03) 50%, rgba(243, 243, 243, 0.03) 50%, rgba(243, 243, 243, 0.03) 62.5%, rgba(162, 162, 162, 0.03) 62.5%, rgba(162, 162, 162, 0.03) 75%, rgba(190, 190, 190, 0.03) 75%, rgba(190, 190, 190, 0.03) 87.5%, rgba(148, 148, 148, 0.03) 87.5%, rgba(148, 148, 148, 0.03) 100%), radial-gradient(circle at 0% 10%, #0a6e9e, #00111b 70%, #1d1e26); }

h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child, p:last-child {
  margin: 0px; }

h1.no_margin, h2.no_margin, h3.no_margin, h4.no_margin, h5.no_margin, h6.no_margin, p.no_margin {
  margin: 0px; }

.subtext {
  font-size: 12px;
  opacity: 0.4; }
  .subtext.larger {
    font-size: 14px; }
  .subtext.half {
    opacity: 0.8; }
  .subtext.opaque {
    opacity: 1; }

.ic_c {
  background: #1b263e;
  border-radius: 24px;
  height: 24px;
  width: 24px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: rgba(255, 255, 255, 0.7) !important;
  margin-right: 10px; }
  .ic_c.g {
    background: #1cbd6b; }
  .ic_c.r {
    background: #ea1c54; }
  .ic_c.b {
    background: #679fd1; }

.co {
  font-weight: 600;
  color: #a3a3a3; }
  .co.g {
    color: #1cbd6b; }
  .co.r {
    color: #ea1c54; }
  .co.b {
    color: #679fd1; }

.bordered_message {
  border: 1px solid #ceccad;
  flex-wrap: wrap;
  color: #b5babe;
  border-color: #b5babe;
  border-radius: 5px;
  padding: 8px 20px;
  margin-bottom: 20px;
  margin-top: 20px;
  margin-left: -20px;
  width: calc(100% + 40px);
  display: flex;
  align-items: center; }
  .bordered_message.green {
    color: #1dbd6b;
    border-color: #1dbd6b; }
    .bordered_message.green span {
      color: #81ffbf; }
  .bordered_message.info {
    color: #7aaedc;
    border-color: #7aaedc; }
    .bordered_message.info span {
      color: #bae3fd; }
  .bordered_message.warning-message {
    color: #ef3647;
    border-color: #ef3647; }
    .bordered_message.warning-message span {
      color: #f1cbcb; }
  .bordered_message.inset {
    width: 100%;
    margin-left: unset; }
  .bordered_message i {
    font-size: 30px;
    margin-right: 10px; }
  .bordered_message span {
    margin: 0px 4px; }

.mini_bright {
  font-size: 16px;
  color: #ceccad; }

.big_bright {
  font-size: 24px;
  font-weight: 100;
  color: #5fbcff; }

.home-page-search {
  max-width: 1100px;
  margin: auto; }
  .home-page-search .home-page-search-input {
    width: 100%;
    padding: 20px;
    background: #1a1f2e;
    border: 1px solid #363841;
    border-radius: 5px;
    color: #e2e8f0;
    font-size: 20px;
    transition: all 0.2s ease;
    text-align: center; }
    .home-page-search .home-page-search-input::placeholder {
      color: #a0aec0; }
    .home-page-search .home-page-search-input:focus {
      outline: none;
      border-color: #615fff;
      box-shadow: 0 0 0 3px rgba(97, 95, 255, 0.2);
      background: #101828; }

.j_wrapper {
  background-color: #151c23;
  padding: 30px 50px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  border: 1px solid rgba(255, 255, 255, 0.1);
  margin: 40px auto;
  max-width: 1100px;
  border-radius: 4px;
  position: relative;
  color: #bbd8f5; }
  .j_wrapper.alert {
    background: #ff7d3f;
    color: black; }
  .j_wrapper.slide-in {
    overflow: hidden;
    animation: slide_in 60s ease-in; }
  .j_wrapper.complete_banner {
    background: #0b0c0e;
    border-color: #46d16f;
    position: relative; }
    .j_wrapper.complete_banner::after {
      opacity: 1;
      content: 'Step Complete';
      color: #024c18;
      background: #46d16f;
      position: absolute;
      top: 15px;
      right: -15px;
      box-shadow: 0 0 2px 2px #00000069;
      padding: 10px 40px; }
  .j_wrapper.success_banner {
    background: #0b0c0e;
    border-color: #46d16f;
    position: relative; }
    .j_wrapper.success_banner::after {
      opacity: 1;
      content: attr(data-success_text);
      color: #024c18;
      background: #46d16f;
      position: absolute;
      top: 15px;
      right: -15px;
      box-shadow: 0 0 2px 2px #00000069;
      padding: 10px 40px; }
  @media (max-width: 800px) {
    .j_wrapper {
      border-radius: 0px;
      border-left: none;
      border-right: none; } }
  .j_wrapper .full_spacer {
    border-top: 1px solid #384553;
    width: calc(100% + 100px);
    margin-left: -50px;
    margin-bottom: 10px;
    margin-top: 10px; }
  .j_wrapper .lined_spacer {
    border-top: 1px solid #384553;
    width: calc(100% + 40px);
    margin-left: -20px;
    margin-bottom: 10px;
    margin-top: 10px; }
  .j_wrapper .vertical_spacer {
    border-left: 1px solid #384553;
    margin-left: 20px;
    margin-right: 20px; }
  .j_wrapper.wrapper_only {
    border: none;
    background: none;
    box-shadow: unset;
    padding: unset;
    margin: unset;
    max-width: unset;
    position: unset;
    border-radius: unset; }
  .j_wrapper.nobg {
    background: none; }
  .j_wrapper.nobs {
    box-shadow: unset; }
  .j_wrapper.nobd {
    border: none; }
  .j_wrapper.solid {
    background-color: #152432; }
    .j_wrapper.solid.darker {
      background-color: #00000045; }
  .j_wrapper.no-max {
    max-width: unset; }
  .j_wrapper .code_section {
    background: #060a0e;
    color: #ff5c37;
    padding: 20px;
    border-radius: 5px;
    border: 1px solid grey; }
  .j_wrapper .contrast_section {
    background: #ffffff1c; }
    .j_wrapper .contrast_section.padded {
      border: 1px solid #495967;
      padding: 5px 20px;
      border-radius: 5px; }
  .j_wrapper .info_section {
    background: #ffffff1c;
    color: #e9e6d3; }
    .j_wrapper .info_section.bright {
      background: #279ed32b; }
    .j_wrapper .info_section .spacer {
      padding-right: 40px; }
    .j_wrapper .info_section.padded {
      border: 1px solid #495967;
      padding: 20px;
      border-radius: 5px; }
  .j_wrapper .with_icon::before {
    font-family: icofont;
    margin-right: 5px; }
  .j_wrapper .with_icon.positive {
    color: #5ff2a4; }
    .j_wrapper .with_icon.positive::before {
      content: '\eed7'; }
  .j_wrapper .with_icon.negative {
    color: #ef3647; }
    .j_wrapper .with_icon.negative.grey {
      color: grey; }
    .j_wrapper .with_icon.negative::before {
      content: '\eedd'; }
  .j_wrapper .with_icon.neutral {
    color: grey; }
    .j_wrapper .with_icon.neutral::before {
      content: '\eff7'; }
  .j_wrapper .with_icon.warning {
    color: #ffcb6c; }
    .j_wrapper .with_icon.warning::before {
      content: '\f026'; }
  .j_wrapper .with_icon.warning-yellow {
    color: #ffcb6c; }
    .j_wrapper .with_icon.warning-yellow::before {
      content: '\f026'; }
  .j_wrapper .icon_before::before {
    font-family: icofont;
    margin-right: 20px;
    display: flex;
    align-items: center;
    font-size: 20px; }
  .j_wrapper .icon_before.neutral::before {
    color: grey;
    content: '\eff7'; }
  .j_wrapper .icon_before.positive {
    background: #059e4a;
    color: #c6f9de; }
    .j_wrapper .icon_before.positive::before {
      color: #c6f9de;
      content: '\eed7'; }
    .j_wrapper .icon_before.positive button, .j_wrapper .icon_before.positive input, .j_wrapper .icon_before.positive label {
      color: #c6f9de; }
    .j_wrapper .icon_before.positive .special {
      color: #07260d !important; }
    .j_wrapper .icon_before.positive.hover_highlight:hover {
      background: #007334; }
  .j_wrapper .icon_before.negative::before {
    color: #ef3647;
    content: '\eedd'; }
  .j_wrapper .hover_highlight {
    padding: 5px 10px;
    border-radius: 3px; }
    .j_wrapper .hover_highlight:hover {
      background: rgba(255, 255, 255, 0.1); }
  .j_wrapper.hover_highlight:hover {
    background: #242e39; }
  @media (max-width: 800px) {
    .j_wrapper {
      padding: 20px 0px; } }
  .j_wrapper.compact {
    padding: 5px 15px;
    margin: 10px auto; }
    .j_wrapper.compact .full_spacer {
      border-top: 1px solid #384553;
      width: calc(100% + 30px);
      margin-left: -15px;
      margin-bottom: 10px;
      margin-top: 10px; }
  .j_wrapper.semi-compact {
    padding: 15px 50px; }
  .j_wrapper.unpadded {
    padding: 0px; }
  .j_wrapper.tight {
    margin: 10px auto; }
  .j_wrapper.greyed-out {
    pointer-events: none;
    opacity: 0.5; }
  .j_wrapper .full_width {
    width: 100%; }
  .j_wrapper .flex {
    display: flex;
    flex-wrap: wrap; }
    .j_wrapper .flex p {
      margin: 0px; }
    .j_wrapper .flex.no-wrap {
      flex-wrap: nowrap; }
  .j_wrapper .bottom_border {
    border-bottom: 1px solid #67778a; }
  .j_wrapper .corner_icon {
    position: absolute;
    top: 10px;
    right: 10px; }
  .j_wrapper .v_center {
    align-items: center; }
  .j_wrapper .light_text {
    color: rgba(255, 255, 255, 0.8); }
  .j_wrapper .centered {
    justify-content: center;
    align-items: center; }
  .j_wrapper .column {
    flex-direction: column; }
  .j_wrapper .flex-end {
    justify-content: flex-end;
    align-items: flex-end; }
  .j_wrapper .grow {
    flex-grow: 1; }
  .j_wrapper .stretch {
    align-items: stretch;
    justify-content: stretch; }
  .j_wrapper .hidden {
    display: none; }
  .j_wrapper.not_visible {
    display: none; }
  .j_wrapper .row_margin {
    margin: 0px 10px; }
    .j_wrapper .row_margin.s_m {
      margin: 0px 5px; }
    .j_wrapper .row_margin.x_s_m {
      margin: 0px 2px; }
    .j_wrapper .row_margin:last-child {
      margin-right: 0px; }
    .j_wrapper .row_margin:first-child {
      margin-left: 0px; }
  .j_wrapper .column_margin {
    margin: 10px 0px; }
    .j_wrapper .column_margin.s_m {
      margin: 5px 0px; }
    .j_wrapper .column_margin:last-child {
      margin-bottom: 0px; }
    .j_wrapper .column_margin:first-child {
      margin-top: 0px; }
  .j_wrapper .margin-bottom {
    margin-bottom: 20px; }
    .j_wrapper .margin-bottom.s_m {
      margin-bottom: 10px; }
    .j_wrapper .margin-bottom:last-child:not(.force_margin) {
      margin-bottom: 0px; }
  .j_wrapper .margin-top {
    margin-top: 20px; }
    .j_wrapper .margin-top.s_m {
      margin-top: 10px; }
    .j_wrapper .margin-top:first-child:not(.force_margin) {
      margin-top: 0px; }
  .j_wrapper .margin-left {
    margin-left: 20px; }
    .j_wrapper .margin-left.s_m {
      margin-left: 10px; }
    .j_wrapper .margin-left:first-child:not(.force_margin) {
      margin-left: 0px; }
  .j_wrapper .margin-right {
    margin-right: 20px; }
    .j_wrapper .margin-right.s_m {
      margin-right: 10px; }
    .j_wrapper .margin-right:last-child:not(.force_margin) {
      margin-right: 0px; }
  .j_wrapper table.white_full {
    width: calc(100% + 100px) !important;
    margin-left: -50px !important;
    margin-top: 20px !important; }
    .j_wrapper table.white_full thead {
      background: black; }
    .j_wrapper table.white_full td {
      color: black; }
    .j_wrapper table.white_full tfoot {
      background: grey; }
  .j_wrapper.full_width {
    max-width: unset;
    width: 100%;
    border-left: none;
    border-right: none;
    border-radius: unset; }
    @media (max-width: 800px) {
      .j_wrapper.full_width {
        margin-left: 0px;
        width: 100%; } }
  .j_wrapper h1 {
    font-size: 2.5rem;
    color: #5fbcff;
    font-weight: 100; }
  .j_wrapper h2 {
    font-size: 2rem;
    color: #5fbcff;
    font-weight: 100; }
  .j_wrapper h4 {
    font-size: 1.5rem;
    color: #5fbcff;
    font-weight: 100; }
  .j_wrapper p {
    font-size: 1rem;
    color: #31465a;
    color: #bbd8f5;
    font-weight: 200; }
    .j_wrapper p:last-child {
      margin: 0px; }
  .j_wrapper .inner, .j_wrapper .inner-2 {
    max-width: 1000px;
    margin: auto; }
    .j_wrapper .inner.flex, .j_wrapper .inner-2.flex {
      display: flex; }
    @media (max-width: 800px) {
      .j_wrapper .inner, .j_wrapper .inner-2 {
        padding: 0px 20px; } }
  .j_wrapper textarea {
    line-height: 1; }
  .j_wrapper input, .j_wrapper select, .j_wrapper textarea {
    padding: 5px 10px;
    border: 2px solid #284253;
    background: #151c20;
    border-radius: 5px;
    box-shadow: inset 0 1px 3px rgba(12, 12, 12, 0.7), 0 1px #353535;
    color: #5fbcff;
    transition: all 0.15s ease; }
    .j_wrapper input.compact, .j_wrapper select.compact, .j_wrapper textarea.compact {
      font-size: 14px;
      padding: 3px 10px;
      border: 1px solid #284253; }
    .j_wrapper input.flag, .j_wrapper select.flag, .j_wrapper textarea.flag {
      border-color: #d33e4c;
      color: #ef3647; }
      .j_wrapper input.flag:hover, .j_wrapper select.flag:hover, .j_wrapper textarea.flag:hover {
        border-color: #ef3647; }
    .j_wrapper input::placeholder, .j_wrapper select::placeholder, .j_wrapper textarea::placeholder {
      /* Chrome, Firefox, Opera, Safari 10.1+ */
      color: #31465a;
      opacity: 0.5;
      /* Firefox */ }
    .j_wrapper input:-ms-input-placeholder, .j_wrapper select:-ms-input-placeholder, .j_wrapper textarea:-ms-input-placeholder {
      /* Internet Explorer 10-11 */
      color: #31465a;
      opacity: 0.5; }
    .j_wrapper input::-ms-input-placeholder, .j_wrapper select::-ms-input-placeholder, .j_wrapper textarea::-ms-input-placeholder {
      /* Microsoft Edge */
      color: #31465a;
      opacity: 0.5; }
    .j_wrapper input.chunky, .j_wrapper select.chunky, .j_wrapper textarea.chunky {
      font-size: 20px; }
    .j_wrapper input.full_width, .j_wrapper select.full_width, .j_wrapper textarea.full_width {
      width: 100%; }
    .j_wrapper input.centered, .j_wrapper select.centered, .j_wrapper textarea.centered {
      text-align: center; }
    .j_wrapper input:hover, .j_wrapper select:hover, .j_wrapper textarea:hover {
      border: solid 2px #31465a; }
    .j_wrapper input:focus, .j_wrapper select:focus, .j_wrapper textarea:focus {
      border: solid 2px #5fbcff;
      outline: none; }
  .j_wrapper textarea {
    padding: 15px; }
  .j_wrapper input[type=number] {
    text-align: center;
    width: 70px; }
    .j_wrapper input[type=number].small {
      width: 45px; }
    .j_wrapper input[type=number].jumbo {
      width: 100px;
      font-size: 24px; }
  .j_wrapper label {
    margin: 0px;
    color: #5fbcff; }

@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

@keyframes slide_in {
  0% {
    max-height: 0px;
    padding-top: 0px;
    padding-bottom: 0px; }
  100% {
    max-height: 1000px; } }

.done-form input, .done-form label {
  display: none; }

.done-form button {
  pointer-events: none;
  opacity: 0.5; }

.j_button {
  padding: 8px 30px;
  border-radius: 5px;
  box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.2);
  transition: all 0.1s ease;
  color: rgba(255, 255, 255, 0.8);
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.3);
  text-decoration: none; }
  .j_button:focus {
    outline: none; }
  .j_button::after {
    content: attr(data-text); }
  .j_button.done {
    pointer-events: none;
    background: #69B578 !important; }
    .j_button.done.fbk {
      background: #050c13 !important;
      padding: 0px 20px;
      font-size: 30px;
      box-shadow: 0 0 0 3px #a8bdd3;
      min-width: 170px; }
      .j_button.done.fbk:focus {
        box-shadow: 0 0 0 3px #a8bdd3; }
    .j_button.done::after {
      content: attr(data-done-text); }
    .j_button.done i::before {
      display: inline-block;
      content: '\eed8'; }
  .j_button.icon_rotate {
    pointer-events: none;
    opacity: 0.7; }
    .j_button.icon_rotate i::before {
      display: inline-block;
      content: '\effa';
      animation: spin 2s infinite linear; }
  .j_button.as_link {
    border: none;
    outline: none;
    box-shadow: none;
    color: inherit;
    margin: 0px;
    padding: 0px;
    background: transparent; }
    .j_button.as_link:hover {
      border: none;
      outline: none;
      box-shadow: none;
      color: #f59e5f; }
    .j_button.as_link.selected {
      pointer-events: none;
      color: #ff5c37; }
  .j_button.chunky {
    font-size: 20px;
    padding: 12px 40px; }
  .j_button.compact {
    padding: 6px 20px; }
  .j_button.mini {
    padding: 3px 9px; }
  .j_button.small_icon {
    background: transparent;
    border: none;
    padding: 0px;
    box-shadow: none;
    color: #75889c; }
    .j_button.small_icon:hover {
      color: #5fbcff;
      box-shadow: none; }
    .j_button.small_icon.danger:hover {
      color: #ef3647; }
    .j_button.small_icon.on_state {
      color: #f59e5f; }
      .j_button.small_icon.on_state:hover {
        color: #ff5c37; }
    .j_button.small_icon.off_state:hover {
      color: whitesmoke; }
  .j_button.medium_icon {
    background: transparent;
    border: none;
    padding: 0px;
    box-shadow: none;
    color: rgba(255, 255, 255, 0.5);
    font-size: 26px; }
    .j_button.medium_icon:hover {
      color: rgba(255, 255, 255, 0.9);
      box-shadow: none; }
    .j_button.medium_icon.danger:hover {
      color: #ef3647; }
    .j_button.medium_icon.on_state {
      color: #f59e5f; }
      .j_button.medium_icon.on_state:hover {
        color: #ff5c37; }
  .j_button:hover {
    text-decoration: none;
    transform: scale(1.02);
    box-shadow: 0 0 8px 3px rgba(0, 0, 0, 0.2);
    color: rgba(255, 255, 255, 0.8); }
  .j_button.yellow {
    background: #284253; }
    .j_button.yellow:hover {
      background: #ceccad; }
    .j_button.yellow:focus {
      box-shadow: 0 0 0 3px #284253; }
  .j_button.blue {
    background: #31465a; }
    .j_button.blue:hover {
      background: #446e97; }
    .j_button.blue:focus {
      box-shadow: 0 0 0 3px #31465a; }
  .j_button.green {
    background: #69B578; }
    .j_button.green:hover {
      background: #059e4a; }
    .j_button.green:focus {
      box-shadow: 0 0 0 3px #69B578; }
  .j_button.red {
    background: #d33e4c; }
    .j_button.red:hover {
      background: #ef3647; }
    .j_button.red:focus {
      box-shadow: 0 0 0 3px #d33e4c; }
  .j_button.orange {
    background: #f59e5f; }
    .j_button.orange:hover {
      background: #ff5c37; }
    .j_button.orange:focus {
      box-shadow: 0 0 0 3px #f59e5f; }
  .j_button.grey {
    background: #75889c;
    border: 1px solid rgba(255, 255, 255, 0.8);
    color: rgba(255, 255, 255, 0.8); }
    .j_button.grey:hover {
      background: #75889c; }
  .j_button.active {
    background: #ff5c37;
    border: 1px solid #fd9c86;
    color: rgba(255, 255, 255, 0.9);
    cursor: default; }
    .j_button.active:hover {
      background: #ff5c37; }

.warning_message {
  color: #ff005e; }
  .warning_message span {
    color: rgba(255, 255, 255, 0.6) !important; }
  .warning_message::before {
    font-family: icofont;
    content: '\f026';
    margin-right: 0.5rem; }

.checked_off {
  color: #7bf571; }
  .checked_off::before {
    font-family: icofont;
    content: '\eed8';
    margin-right: 0.5rem; }

.switch-field-wrapper.disabled {
  pointer-events: none;
  opacity: 0.7;
  filter: grayscale(1); }

.switch-field {
  border: 2px solid #284152;
  border-radius: 5px;
  display: flex;
  overflow: hidden; }
  .switch-field.full_width label {
    width: 120px; }
    .switch-field.full_width label:first-child {
      flex-grow: 1; }
  .switch-field:not(.labled).full_width label {
    width: unset;
    flex-grow: 1; }

.switch-field input {
  position: absolute !important;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  width: 1px;
  border: 0;
  overflow: hidden; }

.switch-field label {
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  background-color: #4a4a4a;
  color: rgba(255, 255, 255, 0.9);
  font-size: 14px;
  line-height: 1;
  text-align: center;
  padding: 8px 16px;
  margin-right: 0px;
  border: 0px solid rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
  transition: all 0.1s ease-in-out;
  border: 2px solid #284253;
  background: #151c20; }
  .switch-field label:hover {
    border-color: #5fbcff; }

.switch-field label {
  display: flex;
  align-items: center; }

.switch-field label:hover {
  cursor: pointer; }

.switch-field input:checked + label {
  background-color: #31465a;
  box-shadow: none;
  border-color: #31465a;
  cursor: default; }

.switch-field.bool input:checked + label:last-of-type {
  background-color: #f59e5f;
  box-shadow: none;
  border-color: #f59e5f; }

.switch-field.lhn input:checked + label {
  background-color: #f59e5f;
  box-shadow: none;
  border-color: #f59e5f; }

.switch-field.lhn input:checked + label:last-of-type {
  background-color: #1a4f69;
  box-shadow: none; }

.switch-field label:first-of-type {
  border-radius: 2px 0 0 2px; }

.switch-field.labled label:first-of-type {
  border-radius: 5px 0 0 5px;
  font-weight: 400;
  box-shadow: none;
  width: 200px;
  background-color: #151c20; }
  .switch-field.labled label:first-of-type:hover {
    border-color: #151c20; }

.switch-field label:last-of-type {
  border-radius: 0 4px 4px 0;
  border-left: none; }

.switch-field label:first-of-type {
  border-radius: 4px 0 0 4px;
  border-right: none; }

.creator-section {
  padding: 20px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  margin-bottom: 10px; }
  .creator-section.disabled {
    pointer-events: none;
    opacity: 0.7;
    filter: grayscale(1) blur(4px); }
  .creator-section.no_margin {
    margin-bottom: unset; }

.diagonal {
  transform: skewY(-4deg);
  padding-top: 50px;
  padding-bottom: 50px;
  box-shadow: none;
  backdrop-filter: blur(5px) saturate(1.5);
  background: transparent;
  border: none; }
  .diagonal .inner {
    transform: skewY(4deg); }

.help_image {
  border-radius: 5px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.3);
  margin: 15px; }

.help_diagram .stage_section {
  position: relative;
  border: 1px solid rgba(255, 255, 255, 0.3);
  display: inline-block;
  padding: 40px; }
  .help_diagram .stage_section::before {
    content: attr(stage_label);
    position: absolute;
    top: 0px;
    left: 50%;
    transform: translateX(-50%); }
  .help_diagram .stage_section::after {
    content: attr(stage_text);
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%); }

.help_diagram .stage_separator {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 30px; }
  .help_diagram .stage_separator.arrow_right::before {
    font-family: icofont;
    content: '\ea94'; }

.help_diagram .loop_blob {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  color: rgba(255, 255, 255, 0.8);
  display: inline-block;
  padding: 5px 10px; }
  .help_diagram .loop_blob.start {
    background: #34623F; }
  .help_diagram .loop_blob.stroke {
    background: #E94F37; }
  .help_diagram .loop_blob.pause {
    background: #333; }
  .help_diagram .loop_blob.edge {
    background: #08415C; }
  .help_diagram .loop_blob.task {
    background: #8B2635; }
  .help_diagram .loop_blob.denied {
    background: #342E37; }
  .help_diagram .loop_blob.cumshot {
    background: #F6F7EB;
    color: #1a1a1a; }
  .help_diagram .loop_blob.ruined {
    background: #400406; }

.all_player_stats {
  margin-left: 20px;
  border: 1px solid #F1BC50;
  padding: 3px;
  border-radius: 10px; }
  .all_player_stats .player_stats {
    font-weight: 200;
    text-align: center;
    background: #F1BC50;
    color: #363e4afa;
    padding: 20px;
    border-radius: 6px; }
    .all_player_stats .player_stats::before {
      content: 'All Player Stats';
      font-weight: 500;
      font-size: 20px;
      text-align: center;
      margin-bottom: 10px;
      display: block; }
    .all_player_stats .player_stats div {
      display: flex;
      justify-content: space-between; }
      .all_player_stats .player_stats div::after {
        margin-left: 4px;
        font-weight: 500; }
    .all_player_stats .player_stats .games::after {
      content: 'Games Played'; }
    .all_player_stats .player_stats .minutes::after {
      content: 'Minutes Edged'; }
    .all_player_stats .player_stats .cumshots::after {
      content: 'Cumshots'; }
    .all_player_stats .player_stats .ruined::after {
      content: 'Ruined Orgasms'; }
    .all_player_stats .player_stats .denied::after {
      content: 'Cumshots Denied'; }

.special {
  color: #f59e5f !important; }
  .special span {
    color: #8db2da; }

.special_positive {
  color: #059e4a !important; }
  .special_positive span {
    color: grey; }

.special_highlight {
  color: #f97ef0 !important; }
  .special_highlight span {
    color: grey; }

.special_grey {
  color: #a4b8cf !important; }
  .special_grey span {
    color: #a4b8cf; }

.special_dim_grey {
  color: #2e4967 !important; }
  .special_dim_grey span {
    color: #2e4967; }

#offline_game_app {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  display: flex;
  align-items: stretch; }
  @media (max-width: 767px) {
    #offline_game_app {
      flex-direction: column; } }
  #offline_game_app #left_wrapper {
    flex-grow: 1;
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 45px; }
    #offline_game_app #left_wrapper #game_stats {
      width: 100%;
      background: #10293e;
      position: absolute;
      bottom: 0px;
      padding: 0px;
      text-align: center;
      color: rgba(255, 255, 255, 0.7);
      display: flex;
      justify-content: flex-end;
      padding: 0px 20px; }
      #offline_game_app #left_wrapper #game_stats .icon-actions {
        display: flex;
        align-items: center; }
        #offline_game_app #left_wrapper #game_stats .icon-actions span {
          margin: 5px; }
      #offline_game_app #left_wrapper #game_stats .settings_toggle {
        flex-grow: 1;
        display: none; }
        @media (max-width: 800px) {
          #offline_game_app #left_wrapper #game_stats .settings_toggle {
            display: flex; } }
      #offline_game_app #left_wrapper #game_stats .in_game_settings {
        flex-grow: 1;
        display: flex;
        align-items: center; }
        @media (max-width: 800px) {
          #offline_game_app #left_wrapper #game_stats .in_game_settings {
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
            position: fixed;
            left: 0px;
            right: 0px;
            bottom: 44px;
            padding: 20px;
            background: rgba(25, 27, 29, 0.9);
            backdrop-filter: blur(5px);
            z-index: 10000;
            transition: height 0.3s ease;
            overflow: hidden;
            height: 286px; }
            #offline_game_app #left_wrapper #game_stats .in_game_settings.hidden {
              height: 0px;
              padding: 0px 20px; } }
        #offline_game_app #left_wrapper #game_stats .in_game_settings .slidecontainer {
          display: flex;
          flex-basis: 200px;
          margin: 5px;
          cursor: pointer;
          position: relative; }
          #offline_game_app #left_wrapper #game_stats .in_game_settings .slidecontainer.locked {
            pointer-events: none;
            opacity: 0.1; }
          @media (max-width: 1000px) {
            #offline_game_app #left_wrapper #game_stats .in_game_settings .slidecontainer {
              flex-basis: 150px; } }
          @media (max-width: 800px) {
            #offline_game_app #left_wrapper #game_stats .in_game_settings .slidecontainer {
              flex-basis: unset;
              width: 100%;
              margin: 20px 0px;
              flex-direction: column; } }
          #offline_game_app #left_wrapper #game_stats .in_game_settings .slidecontainer .label {
            pointer-events: none;
            position: absolute;
            font-size: 12px;
            color: rgba(255, 255, 255, 0.3);
            text-align: center;
            top: -20px;
            right: 0px; }
            @media (max-width: 800px) {
              #offline_game_app #left_wrapper #game_stats .in_game_settings .slidecontainer .label {
                display: none; } }
          #offline_game_app #left_wrapper #game_stats .in_game_settings .slidecontainer .output {
            display: block;
            padding: 5px;
            font-size: 14px;
            position: absolute;
            top: -60px;
            background: whitesmoke;
            border-radius: 5px;
            opacity: 0;
            transition: all 0.3s ease;
            pointer-events: none;
            white-space: nowrap;
            color: #1a1a1a;
            border: 1px solid #333;
            box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.4); }
            @media (max-width: 800px) {
              #offline_game_app #left_wrapper #game_stats .in_game_settings .slidecontainer .output {
                position: initial;
                opacity: 1;
                background: transparent;
                color: rgba(255, 255, 255, 0.6);
                border: none;
                padding: 0px;
                margin-top: 10px;
                text-align: right;
                box-shadow: none; } }
          #offline_game_app #left_wrapper #game_stats .in_game_settings .slidecontainer:hover .output {
            opacity: 1; }
        #offline_game_app #left_wrapper #game_stats .in_game_settings .ratings_wrapper {
          flex-grow: 1;
          color: #707f8b; }
          @media (max-width: 800px) {
            #offline_game_app #left_wrapper #game_stats .in_game_settings .ratings_wrapper {
              text-align: right;
              width: 100%; } }
      @media (max-width: 767px) {
        #offline_game_app #left_wrapper #game_stats {
          text-align: right; } }
      #offline_game_app #left_wrapper #game_stats .chat_span {
        cursor: pointer;
        transition: all .15s ease; }
        #offline_game_app #left_wrapper #game_stats .chat_span::before {
          font-family: icofont;
          content: '\eed5'; }
      #offline_game_app #left_wrapper #game_stats .mute-volume {
        z-index: 10000;
        position: relative; }
        #offline_game_app #left_wrapper #game_stats .mute-volume .mute-volume-button img {
          vertical-align: middle;
          position: relative;
          top: -2px; }
        #offline_game_app #left_wrapper #game_stats .mute-volume .volume-slider #voume-slider {
          position: absolute;
          top: -50px;
          right: -35px; }
    #offline_game_app #left_wrapper #left_wrapper_inner, #offline_game_app #left_wrapper #left_wrapper_inner_game {
      padding: 0px 20px;
      position: absolute;
      top: 0px;
      left: 0px;
      right: 0px;
      bottom: 44px;
      overflow-x: hidden;
      overflow-y: auto; }
      #offline_game_app #left_wrapper #left_wrapper_inner::-webkit-scrollbar, #offline_game_app #left_wrapper #left_wrapper_inner_game::-webkit-scrollbar {
        width: 4px; }
      #offline_game_app #left_wrapper #left_wrapper_inner::-webkit-scrollbar-track, #offline_game_app #left_wrapper #left_wrapper_inner_game::-webkit-scrollbar-track {
        box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); }
      #offline_game_app #left_wrapper #left_wrapper_inner::-webkit-scrollbar-thumb, #offline_game_app #left_wrapper #left_wrapper_inner_game::-webkit-scrollbar-thumb {
        background-color: #ff5c37;
        outline: 1px solid slategrey;
        border-radius: 2px; }
  #offline_game_app #in_game_chat_wrapper {
    border-left: solid 1px rgba(255, 255, 255, 0.2);
    flex-grow: 0;
    flex-basis: 340px; }

.game_control_icon {
  font-size: 20px;
  transition: all 0.15s ease;
  cursor: pointer;
  color: rgba(255, 255, 255, 0.4); }
  .game_control_icon:hover {
    transform: scale(1.2);
    color: rgba(255, 255, 255, 0.8); }

@media (max-width: 800px) {
  .slider {
    opacity: 1; } }

.settings_span {
  display: none; }
  .settings_span::before {
    font-family: icofont;
    content: '\efe2'; }
  @media (max-width: 800px) {
    .settings_span {
      display: block; } }
.pause-play {
  display: flex; }
  .pause-play .play-icon, .pause-play .block {
    display: none; }
  .pause-play .material-icons {
    font-size: 24px; }
  .pause-play.inactive {
    pointer-events: none;
    opacity: 0.1;
    pointer-events: none; }
    .pause-play.inactive .block {
      display: block; }
    .pause-play.inactive .play-icon, .pause-play.inactive .pause-icon {
      display: none; }
  .pause-play.paused .pause-icon {
    display: none; }
  .pause-play.paused .play-icon {
    display: block; }

.pending_order .OptionsServiceLine .lead_time_input, .pending_order .OptionsServiceLine .baseview {
  opacity: 0; }

.pending_order.merge_mode .not_merge_candidate .main_line {
  opacity: 0.1; }

.pending_order.merge_mode .not_merge_candidate:not(.merge_source) .line_options {
  opacity: 0.1; }

.pending_order.merge_mode .merge_candidate .main_line {
  background: rgba(255, 255, 255, 0.1);
  border-radius: 3px;
  padding: 3px 20px;
  cursor: pointer; }
  .pending_order.merge_mode .merge_candidate .main_line:hover {
    background: rgba(255, 255, 255, 0.3); }

.pending_order.merge_mode .merge_candidate .no_line_info::before {
  font-family: icofont, poppins;
  content: '\ef4e\00a0\00a0 Select To Merge Options'; }

.pending_order.merge_mode .merge_source .line_options {
  color: #ff5c37;
  font-size: 12px;
  font-weight: 400; }
  .pending_order.merge_mode .merge_source .line_options .property {
    color: #ab513d; }

.pending_order .order_info {
  position: relative;
  margin-bottom: 10px; }
  .pending_order .order_info .lead_time {
    font-size: 16px;
    height: 40px;
    width: 40px;
    line-height: 40px;
    border-radius: 50%;
    position: absolute;
    top: 0px;
    right: 0px; }
    .pending_order .order_info .lead_time:after {
      content: 'Weeks';
      position: absolute;
      bottom: -37px;
      left: -6px;
      color: grey; }

.pending_order .pending_order_line {
  color: rgba(255, 255, 255, 0.9); }
  .pending_order .pending_order_line:not(:last-child)::after {
    content: '';
    display: block;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    margin: 10px 0px; }
  .pending_order .pending_order_line.needs_leadtime .lead_time_input {
    border-color: #ef3647;
    color: #ef3647; }
  .pending_order .pending_order_line.needs_leadtime::after {
    font-family: icofont,poppins;
    content: '\ea95This line will not be converted until a lead time is set.\ea95';
    color: #ef3647;
    font-size: 12px;
    text-align: center;
    display: block;
    padding-bottom: 10px; }
  .pending_order .pending_order_line.ignored .main_line, .pending_order .pending_order_line.ignored .line_options {
    text-decoration: line-through;
    opacity: 0.2; }
  .pending_order .pending_order_line.ignored::after {
    font-family: icofont,poppins;
    content: '\ea95Line will be dismissed on page refresh, make sure this line is not required for production\ea95';
    color: #ef3647;
    font-size: 12px;
    text-align: center;
    display: block;
    padding-bottom: 10px; }
  .pending_order .pending_order_line.pending::after {
    font-family: icofont,poppins;
    content: '\ea95Orders with lines in Pending will not send the customer an ETA email until the line moves to another view.\ea95';
    color: #ff16a8;
    font-size: 16px;
    text-align: center;
    display: block;
    padding-bottom: 10px; }
  .pending_order .pending_order_line .no_line_info::before {
    font-family: icofont, poppins;
    content: '\ef4e\00a0\00a0No Option Info'; }
  .pending_order .pending_order_line .main_line {
    display: flex;
    align-items: center;
    transition: all 0.15s ease; }
  .pending_order .pending_order_line .line_options {
    font-size: 10px;
    margin-bottom: 10px; }
    .pending_order .pending_order_line .line_options:empty {
      margin: 0px; }
    .pending_order .pending_order_line .line_options .property {
      color: rgba(255, 255, 255, 0.5);
      width: 220px;
      text-align: right;
      display: inline-block; }
    .pending_order .pending_order_line .line_options .dim {
      opacity: 0.3; }
  .pending_order .pending_order_line .line_flags {
    font-size: 12px; }
    .pending_order .pending_order_line .line_flags .red {
      color: #ef3647; }
  .pending_order .pending_order_line .lead_time_input {
    margin-right: 10px;
    width: 40px; }
    .pending_order .pending_order_line .lead_time_input.edited {
      border-color: #cc7028a1;
      color: #ef8431; }
  .pending_order .pending_order_line .ignore_base_view {
    background: transparent;
    border: none;
    color: rgba(255, 255, 255, 0.5);
    transition: all 0.15s ease; }
    .pending_order .pending_order_line .ignore_base_view:focus {
      outline: none !important; }
    .pending_order .pending_order_line .ignore_base_view:hover {
      color: rgba(255, 255, 255, 0.7); }
    .pending_order .pending_order_line .ignore_base_view::before {
      font-family: icofont;
      content: '\eee1'; }
    .pending_order .pending_order_line .ignore_base_view.ignored::before {
      font-family: icofont;
      content: '\ee0b'; }

.pending_order .order_info {
  display: flex;
  align-items: center; }

.pending_order .quantity::after {
  content: '×';
  margin: 0px 5px; }

.pending_order .baseview {
  color: rgba(255, 255, 255, 0.5); }
  .pending_order .baseview::before {
    font-family: icofont;
    content: '\ea94';
    margin: 0px 10px;
    display: inline-block; }
  .pending_order .baseview.ignored {
    text-decoration: line-through;
    color: #fb225d; }
    .pending_order .baseview.ignored::after {
      content: 'Pending';
      margin: 0px 10px;
      display: inline-block; }

.pending_order .lead_time {
  border: 1px solid white;
  background: white;
  color: #313131;
  height: 15px;
  width: 15px;
  font-size: 10px;
  line-height: 15px;
  text-align: center;
  border-radius: 3px;
  margin-right: 10px;
  font-weight: 500; }
  .pending_order .lead_time.weeks_0 {
    border: 1px solid #fb1648;
    background: #fb1648;
    color: rgba(255, 255, 255, 0.8); }

.schedule_wrapper {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  display: flex;
  justify-content: stretch;
  align-items: stretch; }
  .schedule_wrapper .schedule_main {
    display: flex;
    justify-content: stretch;
    align-items: stretch;
    width: 100%; }
    .schedule_wrapper .schedule_main .nav_bar {
      padding: 40px 20px;
      background: rgba(255, 255, 255, 0.2);
      flex-basis: 300px; }
    .schedule_wrapper .schedule_main .item_viewer {
      padding: 40px;
      background: rgba(255, 255, 255, 0.1);
      flex-grow: 1;
      overflow: auto; }
    .schedule_wrapper .schedule_main .action_bar {
      padding: 40px 20px;
      background: rgba(255, 255, 255, 0.2);
      flex-basis: 300px; }
  .schedule_wrapper .item_editor {
    transition: all 0.15s ease;
    position: absolute;
    z-index: 100;
    background: red;
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: 30%; }
    .schedule_wrapper .item_editor.closed {
      left: 100%;
      overflow: hidden; }
  .schedule_wrapper .unbundled_line {
    background: whitesmoke;
    padding: 10px 20px;
    border-radius: 2px;
    color: #1a1a1a;
    margin-bottom: 5px; }

#url_display {
  font-size: 12px; }
  #url_display.error {
    color: #ef3647 !important; }

.p_discount_result {
  border: 1px solid rgba(255, 255, 255, 0.3);
  padding: 20px;
  border-radius: 5px;
  background: #212a33; }
  .p_discount_result.grey_waiting {
    opacity: 0.3;
    pointer-events: none;
    position: relative; }
    .p_discount_result.grey_waiting::after {
      content: 'Working...';
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      font-size: 30px; }

.discount_item {
  width: 55px; }

.ra_conv_sumary {
  margin: 5px;
  margin: 20px 0px;
  background: whitesmoke;
  padding: 10px 40px;
  border-radius: 20px; }
  .ra_conv_sumary .main_line {
    margin-bottom: 10px; }
    .ra_conv_sumary .main_line .when {
      color: grey; }
  .ra_conv_sumary .conversation {
    font-size: 13px; }
    .ra_conv_sumary .conversation .grow {
      min-width: 100px; }
    .ra_conv_sumary .conversation .customer {
      color: #3b3b3b;
      background: white;
      border-radius: 5px;
      padding: 3px 15px;
      margin: 2px 0px;
      box-shadow: 0 0 3px 2px #0000001a; }
    .ra_conv_sumary .conversation .staff {
      color: #3b3b3b;
      background: #f0fcff;
      border-radius: 5px;
      padding: 3px 15px;
      margin: 2px 0px;
      box-shadow: 0 0 3px 2px #0000001a; }
    .ra_conv_sumary .conversation .spacer {
      color: grey;
      text-align: center;
      margin-bottom: 17px;
      font-size: 30px;
      line-height: 12px; }

.scroll_spacer {
  margin-bottom: 300px; }

.order_transfer_wrapper .pick_info {
  display: none; }

.order_transfer_wrapper .pick_info_togg {
  display: block; }

.order_transfer_wrapper .transferring .pick_info {
  display: block; }

.order_transfer_wrapper .transferring .pick_info_togg {
  display: none; }

#filter_table {
  width: 100%; }
  #filter_table tr, #filter_table td {
    padding: 0px; }

.external_note {
  color: #dfafff; }

.load_po_button {
  border: none;
  background: transparent;
  padding: 0px 12px;
  color: #ffb900;
  font-size: 16px;
  transition: all 0.15s ease; }
  .load_po_button.loading {
    pointer-events: none;
    color: grey; }
  .load_po_button:hover {
    transform: scale(1.05); }
  .load_po_button:focus {
    border: none;
    box-shadow: none; }
  .load_po_button:active {
    border: none;
    box-shadow: none; }

.po_info_block {
  padding: 20px;
  border: 1px solid grey;
  border-radius: 3px;
  text-align: left;
  margin-bottom: 20px; }
  .po_info_block .po_header {
    font-size: 20px;
    color: #76b6ff;
    margin-bottom: 20px; }
  .po_info_block .po_line {
    font-size: 14px;
    color: #dad9d9; }
    .po_info_block .po_line span {
      margin-left: 10px; }
    .po_info_block .po_line.highlight_line {
      color: #ff874c; }

@media (max-width: 1400px) {
  .rotacloud_cal_wrapper {
    padding: 20px 20px; } }

.rotacloud_cal_wrapper .ajax_message {
  font-size: 8px; }

.rotacloud_cal_wrapper .dimmed {
  opacity: 0.3; }

.rotacloud_cal_wrapper .hero {
  background: #45546c;
  margin: 5px;
  color: #e1e7f3;
  flex-grow: 1;
  border-radius: 5px;
  padding: 10px;
  font-size: 20px;
  display: flex;
  align-items: center; }
  .rotacloud_cal_wrapper .hero .spacer {
    flex-grow: 1; }
  .rotacloud_cal_wrapper .hero button {
    border: none;
    background: whitesmoke;
    border-radius: 5px; }
  .rotacloud_cal_wrapper .hero span {
    color: #7dafff;
    margin-right: 7px; }

.rotacloud_cal_wrapper .parent {
  display: flex;
  flex-wrap: wrap;
  max-width: 1600px;
  margin: auto; }
  @media (max-width: 1400px) {
    .rotacloud_cal_wrapper .parent {
      max-width: 800px; } }
.rotacloud_cal_wrapper .child {
  flex: 1 0 12%;
  /* explanation below */
  margin: 5px;
  background: #45546c;
  border-radius: 5px;
  padding: 5px;
  min-height: 250px; }
  @media (max-width: 1400px) {
    .rotacloud_cal_wrapper .child {
      flex: 1 0 100%;
      /* explanation below */
      min-height: unset; } }
  .rotacloud_cal_wrapper .child.drag_target::after {
    font-family: icofont;
    content: '\ea5b';
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    background: rgba(255, 255, 255, 0.3);
    height: 150px; }
  .rotacloud_cal_wrapper .child .date_header {
    color: #e1e7f3;
    font-size: 12px;
    margin-bottom: 10px;
    background: #00000078;
    border-radius: 5px 5px 0 0;
    padding: 5px;
    margin-top: -5px;
    margin-left: -5px;
    width: calc(100% + 10px); }
  .rotacloud_cal_wrapper .child.today {
    background: #3672c9; }

.rotacloud_cal_wrapper .child:nth-child(7n) {
  background-color: #7f8da3;
  background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.5) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.5) 75%, transparent 75%, transparent);
  background-size: 5px 5px; }

.rotacloud_cal_wrapper .child:nth-child(7n-1) {
  background-color: #7f8da3;
  background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.5) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.5) 75%, transparent 75%, transparent);
  background-size: 5px 5px; }

.rotacloud_cal_wrapper .date_picker_wrapper {
  position: relative; }
  .rotacloud_cal_wrapper .date_picker_wrapper::after {
    font-family: icofont;
    content: '\ec45';
    position: absolute;
    right: 0px;
    color: #ff8a00;
    pointer-events: none; }

.rotacloud_cal_wrapper .other_shifts {
  font-size: 10px; }
  .rotacloud_cal_wrapper .other_shifts .location_block {
    border: 1px solid grey;
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 3px;
    background: #061828;
    box-shadow: 2px 2px 4px 2px #0000044d; }
    .rotacloud_cal_wrapper .other_shifts .location_block .location.upl {
      color: #ff5d7a; }
    .rotacloud_cal_wrapper .other_shifts .location_block .location.wfh {
      color: #ffa946; }
    .rotacloud_cal_wrapper .other_shifts .location_block .location.fet {
      color: #6ae988; }
    .rotacloud_cal_wrapper .other_shifts .location_block .location.lon {
      color: #ffffb7; }
  .rotacloud_cal_wrapper .other_shifts .other_shift {
    transition: all 0.2s ease;
    cursor: pointer;
    display: flex; }
    .rotacloud_cal_wrapper .other_shifts .other_shift .grow {
      flex-grow: 1; }

.rotacloud_cal_wrapper .shift {
  background: #061828;
  border-radius: 5px;
  padding: 10px;
  box-shadow: 2px 2px 4px 2px #0000044d;
  margin-bottom: 10px; }
  .rotacloud_cal_wrapper .shift.unpublished {
    opacity: 0.5; }
  .rotacloud_cal_wrapper .shift.dragging {
    opacity: 0.5;
    position: absolute;
    pointer-events: none;
    width: 200px; }
    .rotacloud_cal_wrapper .shift.dragging .extra_contents {
      display: none; }
  .rotacloud_cal_wrapper .shift .shift_notes {
    width: 100%; }
  .rotacloud_cal_wrapper .shift .dragger {
    cursor: move;
    background: rgba(255, 255, 255, 0.1);
    position: relative;
    width: calc(100% + 20px);
    margin-left: -10px;
    margin-top: -10px;
    margin-bottom: 3px;
    border-radius: 5px 5px 0 0;
    height: 30px; }
    .rotacloud_cal_wrapper .shift .dragger::after {
      color: rgba(255, 255, 255, 0.5);
      font-family: icofont;
      content: '\ea81';
      position: absolute;
      right: 10px;
      top: 3px; }
  .rotacloud_cal_wrapper .shift input[type=date], .rotacloud_cal_wrapper .shift select {
    width: 100%;
    background: #051828;
    border: none;
    margin-bottom: 5px; }
  @media (min-width: 1400px) {
    .rotacloud_cal_wrapper .shift input[type=date] {
      display: none; } }
  .rotacloud_cal_wrapper .shift.upl input[type=date], .rotacloud_cal_wrapper .shift.upl select, .rotacloud_cal_wrapper .shift.upl .date_picker_wrapper::after {
    color: #ff5d7a; }
  .rotacloud_cal_wrapper .shift.wfh input[type=date], .rotacloud_cal_wrapper .shift.wfh select, .rotacloud_cal_wrapper .shift.wfh .date_picker_wrapper::after {
    color: #ffa946; }
  .rotacloud_cal_wrapper .shift.fet input[type=date], .rotacloud_cal_wrapper .shift.fet select, .rotacloud_cal_wrapper .shift.fet .date_picker_wrapper::after {
    color: #6ae988; }
  .rotacloud_cal_wrapper .shift.lon input[type=date], .rotacloud_cal_wrapper .shift.lon select, .rotacloud_cal_wrapper .shift.lon .date_picker_wrapper::after {
    color: #ffffb7; }
  .rotacloud_cal_wrapper .shift button {
    width: 100%;
    background: #609dfe;
    border-radius: 3px;
    border: none;
    color: #fff1e0; }
  .rotacloud_cal_wrapper .shift textarea {
    border-radius: 5px;
    color: #1a1a1a;
    background: #e0e2e4;
    height: 30px; }

.rotacloud_cal_wrapper .times {
  display: flex;
  align-items: center;
  font-size: 14px;
  margin-bottom: 5px; }
  .rotacloud_cal_wrapper .times input {
    border: 1px solid;
    text-align: center;
    color: #1a1a1a;
    background: #e0e2e4; }
    .rotacloud_cal_wrapper .times input:first-child {
      border-radius: 5px 0 0 5px; }
    .rotacloud_cal_wrapper .times input:last-child {
      border-radius: 0 5px 5px 0; }
  .rotacloud_cal_wrapper .times .spacer {
    flex-grow: 1; }
  .rotacloud_cal_wrapper .times .minutes_break input {
    border-radius: 5px; }

.move_order_location_picker form {
  display: flex;
  justify-content: space-between; }
  .move_order_location_picker form.form-submitting {
    pointer-events: none; }
    .move_order_location_picker form.form-submitting .current .status_ring {
      border: 1px solid #689acc; }
      .move_order_location_picker form.form-submitting .current .status_ring::before {
        font-family: icofont;
        content: '\eff6' !important;
        animation: spin 2s infinite linear; }
    .move_order_location_picker form.form-submitting .current .info_text::before {
      content: 'Moving on Linnworks...' !important; }
  .move_order_location_picker form .move_order_button {
    display: flex;
    flex-direction: column;
    align-items: center;
    border: 1px solid #323b44;
    width: 180px;
    border-radius: 5px;
    background: #13202e;
    color: #b8bfc7;
    padding: 10px; }
    .move_order_location_picker form .move_order_button:focus {
      box-shadow: none;
      outline: none; }
    .move_order_location_picker form .move_order_button .status_ring {
      border: 1px dashed #323b44;
      border-radius: 50%;
      height: 30px;
      width: 30px;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 20px;
      margin-bottom: 10px; }
    .move_order_location_picker form .move_order_button .info_wrapper {
      margin-top: 6px;
      flex-grow: 1;
      display: flex;
      flex-direction: column; }
      .move_order_location_picker form .move_order_button .info_wrapper .info_text {
        margin-top: 2px;
        font-size: 14px; }
    .move_order_location_picker form .move_order_button:hover {
      border: 1px solid #689acc;
      color: #689acc;
      box-shadow: 0 0 4px 2px #414d53; }
      .move_order_location_picker form .move_order_button:hover .status_ring {
        border: 1px solid #689acc; }
        .move_order_location_picker form .move_order_button:hover .status_ring::before {
          font-family: icofont;
          content: '\ea5b'; }
      .move_order_location_picker form .move_order_button:hover .info_text::before {
        content: 'Move'; }
    .move_order_location_picker form .move_order_button.current {
      background-color: #121619;
      color: #6af192;
      border: 1px solid #6af192 !important;
      pointer-events: none; }
      .move_order_location_picker form .move_order_button.current .status_ring {
        border: 1px solid #6af192 !important; }
        .move_order_location_picker form .move_order_button.current .status_ring::before {
          font-family: icofont;
          content: '\eed8'; }
      .move_order_location_picker form .move_order_button.current .info_text::before {
        content: 'Current'; }
    .move_order_location_picker form .move_order_button.moving {
      pointer-events: none;
      opacity: 0.8;
      border: 1px solid #689acc;
      color: #689acc; }
      .move_order_location_picker form .move_order_button.moving .status_ring {
        border: 1px solid #689acc; }
        .move_order_location_picker form .move_order_button.moving .status_ring::before {
          font-family: icofont;
          content: '\eff6';
          animation: spin 2s infinite linear; }
      .move_order_location_picker form .move_order_button.moving .info_text::before {
        content: 'Moving on Linnworks...'; }

.waiting_spinner::before {
  color: #5fbcff;
  font-family: icofont;
  display: block;
  content: '\effa' !important;
  animation: spin 2s infinite linear; }

.transfer_stock_source_tabs {
  width: 100%; }
  .transfer_stock_source_tabs form {
    display: flex;
    margin-top: 20px;
    justify-content: space-between; }
    .transfer_stock_source_tabs form .location_button {
      width: 180px;
      border-radius: 10px 10px 0 0;
      background: #13202e;
      color: #b8bfc7;
      border: 1px solid #323b44;
      padding: 10px 0px;
      border-bottom: none; }
      .transfer_stock_source_tabs form .location_button:focus {
        box-shadow: none;
        outline: none; }
      .transfer_stock_source_tabs form .location_button .info_text {
        font-size: 12px; }
        .transfer_stock_source_tabs form .location_button .info_text.green {
          color: #69ed69; }
        .transfer_stock_source_tabs form .location_button .info_text.light_green {
          color: #4cbae5; }
        .transfer_stock_source_tabs form .location_button .info_text.amber {
          color: #e49142; }
        .transfer_stock_source_tabs form .location_button .info_text.red {
          color: #ff084f; }
      .transfer_stock_source_tabs form .location_button.current {
        background-color: #121619;
        color: #be91ff;
        border: 1px solid #be91ff;
        pointer-events: none;
        border-bottom: none;
        position: relative; }
        .transfer_stock_source_tabs form .location_button.current::after {
          content: '';
          background-color: #121619;
          width: 100%;
          height: 1px;
          position: absolute;
          bottom: -1px;
          left: 0px; }

.order_stock_transfer_form {
  border-radius: 0 0 5px 5px;
  border: 1px solid #be91ff;
  padding: 20px;
  background-color: #121619; }

#confirmation_modal .modal-content {
  background: #151c23;
  border: 2px solid #415868;
  border-radius: 7px;
  width: 100%; }

#confirmation_modal .modal-footer {
  border-top: 1px solid #415868;
  display: flex;
  justify-content: space-evenly; }

#confirmation_modal .modal-header {
  border-bottom: 1px solid #415868; }

#confirmation_modal .message-with-icon {
  display: flex;
  justify-content: center;
  align-items: center; }
  #confirmation_modal .message-with-icon .modal-message {
    flex-grow: 1; }
  #confirmation_modal .message-with-icon .modal-icon {
    font-size: 40px;
    margin-left: 20px; }

#exit_focus_mode {
  position: fixed;
  top: 141px;
  right: 50px; }

.urgent_order_info::before {
  font-family: poppins, icofont;
  content: 'No Absolute Deadine';
  margin-right: 20px;
  color: grey;
  font-size: 14px; }

.urgent_order .urgent_order_info::before {
  content: '\f026 The customer has stipulated an important dealine for this order';
  color: #ff0949; }

.production_board_item {
  position: relative; }
  .production_board_item .image {
    border-radius: 3px;
    overflow: hidden; }
  .production_board_item .remove_board_item {
    position: absolute;
    top: -7px;
    right: -15px;
    color: white;
    opacity: 0.3;
    transition: all 0.2s ease;
    background: #1a1a1a;
    border: 1px solid white;
    border-radius: 50%;
    height: 30px;
    width: 30px; }
    .production_board_item .remove_board_item:hover {
      opacity: 1;
      color: #ef3647;
      border-color: #ef3647; }
    .production_board_item .remove_board_item::before {
      font-family: icofont;
      content: '\eee1'; }
  .production_board_item.in_production {
    background: #1a3144;
    border-color: #255175; }
    .production_board_item.in_production .po_creator {
      margin-bottom: 5px; }
  .production_board_item .item_info .sales_info {
    display: flex;
    font-size: 12px;
    color: #bc95e5; }
    .production_board_item .item_info .sales_info div {
      margin-right: 10px; }
    .production_board_item .item_info .sales_info span {
      color: grey;
      margin-right: 5px; }
  .production_board_item .stock_info .location {
    color: grey; }
  .production_board_item .stock_info .available {
    color: #059e4a;
    font-weight: 600;
    margin-left: 10px;
    border: 2px solid #059e4a;
    border-radius: 50%;
    height: 25px;
    width: 25px;
    display: flex;
    align-items: center;
    justify-content: center; }
    .production_board_item .stock_info .available.oos {
      color: #ef3647;
      border-color: #ef3647; }
  .production_board_item .stock_info .due {
    font-size: 10px;
    margin-left: 10px;
    color: #5fbcff; }
    .production_board_item .stock_info .due::before {
      content: '+'; }
    .production_board_item .stock_info .due::after {
      content: ' Due'; }
  .production_board_item .stock_info .sale_frequency {
    font-size: 10px;
    color: grey; }
  .production_board_item .stock_info .day_data .oos {
    color: #ef3647; }
  .production_board_item .stock_info .day_data .days_left {
    color: #5fbcff; }
    .production_board_item .stock_info .day_data .days_left.amber {
      color: #ff5c37; }

.production_summary_line:hover {
  cursor: pointer; }

.production_summary_line.excluded {
  opacity: 0.4; }

.production_summary_line .line_value {
  width: 100px;
  text-align: right;
  margin-right: 20px;
  color: #dddddd; }
  .production_summary_line .line_value::before {
    content: '£'; }

.production_summary_line .activity_chain {
  font-size: 10px; }

.day_group.weekend {
  opacity: 0.3; }

.day_group .total_cell {
  font-size: 1.5rem;
  color: #ffb01b;
  font-weight: 100; }
  .day_group .total_cell::before {
    content: '£'; }

.product-image {
  background: white;
  border-radius: 5px;
  overflow: hidden;
  max-width: 50px; }
  .product-image img {
    max-width: 50px; }

.performance-span {
  border: none !important; }
  .performance-span::before {
    font-family: icofont;
    margin-right: 3px; }
  .performance-span.up {
    color: #1ecb6c; }
    .performance-span.up::before {
      content: '\ea95'; }
  .performance-span.down {
    color: #ef3665; }
    .performance-span.down::before {
      content: '\ea92'; }

#single-po-editor {
  background: #162a39;
  padding: 0px 20px 20px 20px;
  border-radius: 5px;
  margin: auto;
  margin-top: 40px;
  margin-bottom: 200px; }
  #single-po-editor .sales-data-toggle {
    color: #c69c64;
    margin-right: 5px; }
    #single-po-editor .sales-data-toggle:hover {
      color: #ffad3f; }
  #single-po-editor .stick_hero {
    width: 100%;
    height: 80px;
    display: flex;
    position: sticky;
    top: 0px;
    background: #162a39;
    z-index: 100;
    align-items: center; }
    #single-po-editor .stick_hero .supplierName {
      flex-grow: 1; }
      #single-po-editor .stick_hero .supplierName a {
        font-size: 14px;
        margin-right: 10px; }
    #single-po-editor .stick_hero .poTotal {
      margin-right: 20px; }
  #single-po-editor #po-editor-table {
    width: 100%;
    color: #8abcf7;
    border-collapse: collapse;
    table-layout: fixed;
    position: relative; }
    #single-po-editor #po-editor-table tr {
      border: 1px solid #83bdff52; }
      #single-po-editor #po-editor-table tr:nth-child(odd) {
        background: rgba(0, 0, 0, 0.25); }
      #single-po-editor #po-editor-table tr:hover {
        background: rgba(255, 255, 255, 0.05); }
      #single-po-editor #po-editor-table tr.highlight_line {
        background: #06111b; }
    #single-po-editor #po-editor-table th {
      z-index: 100;
      position: sticky !important;
      top: 79px;
      background: #080e14 !important;
      padding: 10px 0;
      border-color: #080e14 !important; }
    #single-po-editor #po-editor-table td, #single-po-editor #po-editor-table th {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      border-left: 1px solid #83bdff52; }
      #single-po-editor #po-editor-table td:first-child, #single-po-editor #po-editor-table th:first-child {
        width: 30px; }
      #single-po-editor #po-editor-table td:last-child, #single-po-editor #po-editor-table th:last-child {
        text-align: right;
        padding: 0px 10px; }
    #single-po-editor #po-editor-table td {
      position: relative; }
    #single-po-editor #po-editor-table .sales_data {
      width: 250px;
      text-align: center; }
      #single-po-editor #po-editor-table .sales_data .sales-blocks a {
        margin-right: 15px;
        color: inherit; }
      #single-po-editor #po-editor-table .sales_data .sales-blocks .show_graph {
        cursor: pointer;
        color: #315677; }
        #single-po-editor #po-editor-table .sales_data .sales-blocks .show_graph:hover {
          color: #8ebae2; }
      #single-po-editor #po-editor-table .sales_data .sales-blocks .trend {
        cursor: pointer;
        color: #325677; }
        #single-po-editor #po-editor-table .sales_data .sales-blocks .trend.up {
          color: #346129; }
        #single-po-editor #po-editor-table .sales_data .sales-blocks .trend.down {
          color: #68373e; }
      #single-po-editor #po-editor-table .sales_data .sales-blocks span {
        color: #ff88ff;
        position: relative;
        position: relative;
        border-left: 1px solid #384c5c;
        display: inline-block;
        text-align: center;
        width: 40px; }
        #single-po-editor #po-editor-table .sales_data .sales-blocks span.irrelevant {
          color: #20374c !important; }
        #single-po-editor #po-editor-table .sales_data .sales-blocks span .other-loc-data {
          font-size: 10px;
          display: inline-block;
          color: #4e94d2; }
          #single-po-editor #po-editor-table .sales_data .sales-blocks span .other-loc-data.other-zero {
            color: #59646e; }
          #single-po-editor #po-editor-table .sales_data .sales-blocks span .other-loc-data::before {
            content: '&';
            font-size: 6px;
            margin: 0px 2px; }
        #single-po-editor #po-editor-table .sales_data .sales-blocks span.zero {
          color: #7f99af; }
        #single-po-editor #po-editor-table .sales_data .sales-blocks span.year {
          color: #a58bf5;
          font-weight: 600; }
        #single-po-editor #po-editor-table .sales_data .sales-blocks span:last-child {
          border-right: 1px solid #384c5c; }
    #single-po-editor #po-editor-table .due {
      cursor: pointer;
      position: absolute;
      top: 1px;
      right: 1px;
      font-size: 12px;
      vertical-align: super;
      color: #3796ff; }
      #single-po-editor #po-editor-table .due:before {
        content: '+'; }
    #single-po-editor #po-editor-table .sortable {
      cursor: pointer; }
      #single-po-editor #po-editor-table .sortable.active {
        position: relative; }
        #single-po-editor #po-editor-table .sortable.active::before {
          position: absolute;
          left: 0px; }
        #single-po-editor #po-editor-table .sortable.active.asc::before {
          font-family: icofont;
          content: '\ea92'; }
        #single-po-editor #po-editor-table .sortable.active.desc::before {
          font-family: icofont;
          content: '\ea95'; }
    #single-po-editor #po-editor-table .ellipsis {
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden; }
    #single-po-editor #po-editor-table .spacer {
      width: 20px;
      background: #0000008a; }
    #single-po-editor #po-editor-table .number {
      width: 50px;
      text-align: center; }
      #single-po-editor #po-editor-table .number.oos {
        color: #fe2f78; }
      #single-po-editor #po-editor-table .number.in_stock {
        color: #a1d1a1; }
    #single-po-editor #po-editor-table .note {
      width: 15%; }
    #single-po-editor #po-editor-table .name {
      padding: 0px 10px; }
      #single-po-editor #po-editor-table .name .balance {
        z-index: 20;
        position: relative; }
      #single-po-editor #po-editor-table .name .selected_text {
        position: relative; }
        #single-po-editor #po-editor-table .name .selected_text .selection {
          z-index: 20;
          color: palegoldenrod;
          position: relative; }
        #single-po-editor #po-editor-table .name .selected_text::before {
          z-index: 19;
          content: '';
          width: calc(100% + 20px);
          height: 23px;
          left: -10px;
          position: absolute;
          background: #4d491a; }
    #single-po-editor #po-editor-table .line_total {
      width: 125px;
      text-align: right;
      padding: 0px 10px; }
      #single-po-editor #po-editor-table .line_total:not(th) {
        color: #d3c89b; }
    #single-po-editor #po-editor-table .editable {
      width: 60px;
      position: relative;
      text-align: center; }
      #single-po-editor #po-editor-table .editable.quantity {
        color: #4bff4b;
        font-weight: 600; }
        #single-po-editor #po-editor-table .editable.quantity.grey {
          color: grey; }
      #single-po-editor #po-editor-table .editable.ro input {
        color: #5d7993; }
        #single-po-editor #po-editor-table .editable.ro input:focus {
          color: #5fbcff; }
      #single-po-editor #po-editor-table .editable input {
        background: #0b131a;
        border: none;
        width: 100%;
        color: inherit;
        text-align: center;
        height: 30px;
        border: 1px solid; }
        #single-po-editor #po-editor-table .editable input:focus {
          outline: none;
          color: #4bff4b; }
    #single-po-editor #po-editor-table .image {
      width: 30px;
      overflow: hidden;
      display: flex;
      justify-content: center; }
      #single-po-editor #po-editor-table .image img {
        height: 30px; }

#group-editor {
  max-width: 1100px;
  margin: auto;
  padding: 40px 0 200px 0; }
  #group-editor .po-sort-button {
    border: none;
    background: transparent;
    color: #5fbcff; }
    #group-editor .po-sort-button:focus {
      outline: none; }
    #group-editor .po-sort-button.active {
      color: #FABC2A; }
      #group-editor .po-sort-button.active.asc::before {
        font-family: icofont;
        content: '\ea92'; }
      #group-editor .po-sort-button.active.desc::before {
        font-family: icofont;
        content: '\ea95'; }
  #group-editor .create-pos-button {
    margin: 40px 0px; }
    #group-editor .create-pos-button button {
      width: 100%;
      font-size: 24px;
      background: #39668e;
      color: #5fbcff;
      padding: 10px;
      border-radius: 3px;
      border: 1px solid #5fbcff;
      transition: all 0.15s ease; }
      #group-editor .create-pos-button button:hover {
        color: #004374;
        background: #5fbcff;
        border-color: #004374; }
  #group-editor .editor-info {
    border: 1px solid #ffffff9e;
    padding: 20px;
    margin-bottom: 20px; }
    #group-editor .editor-info .heading {
      display: flex; }
      #group-editor .editor-info .heading span {
        flex-grow: 1; }
    #group-editor .editor-info .settings {
      display: flex;
      align-items: center;
      padding-bottom: 20px; }
      #group-editor .editor-info .settings input {
        text-align: center;
        width: 60px;
        border-radius: 3px;
        border: 1px solid grey;
        background: transparent;
        color: white;
        padding: 3px 10px;
        margin-left: 10px; }
      #group-editor .editor-info .settings .re-group-button {
        border-radius: 3px;
        border: 1px solid grey;
        background: #3c89cc;
        color: white;
        padding: 3px 10px;
        margin-left: 10px; }
      #group-editor .editor-info .settings .regroup {
        flex-grow: 1; }
    #group-editor .editor-info .timing-data {
      display: flex;
      justify-content: space-between;
      border-top: 1px solid #ffffff9e;
      padding-top: 20px; }
  #group-editor .timing::before {
    font-family: icofont;
    content: '\e9b9';
    margin-right: 5px; }
  #group-editor .extract-line {
    padding: 20px;
    margin-bottom: 20px;
    border: 1px solid #ffffff9e;
    background: #83bdff52;
    color: #89b8ff; }
  #group-editor .po-group {
    border: 1px solid #ffffff9e;
    margin-bottom: 20px; }
    #group-editor .po-group .group-key {
      color: #db8e46;
      padding: 20px;
      display: flex; }
      #group-editor .po-group .group-key .timing {
        color: #6d89a2; }
      #group-editor .po-group .group-key .key {
        flex-grow: 1; }
    #group-editor .po-group .extra-line {
      height: 50px;
      padding: 0px 20px;
      display: flex;
      align-items: center;
      background: #83bdff52;
      color: #89b8ff; }
      #group-editor .po-group .extra-line::before {
        content: "Move to batch " attr(data-group_key); }
    #group-editor .po-group .line {
      display: flex;
      align-items: center;
      background: #ffffff0a;
      border-top: 1px solid #ffffff30;
      padding-right: 20px; }
      #group-editor .po-group .line .line-total {
        min-width: 100px;
        text-align: right;
        color: #f8eebe; }
        #group-editor .po-group .line .line-total .currency {
          color: grey; }
      #group-editor .po-group .line .image {
        width: 50px;
        background: #2e363d;
        overflow: hidden;
        display: flex;
        justify-content: center;
        margin-right: 10px; }
        #group-editor .po-group .line .image img {
          height: 50px; }
      #group-editor .po-group .line.recently-moved {
        animation: recently-moved-line-animation 1s forwards ease; }
      #group-editor .po-group .line .colour-block {
        border-right: 1px solid #373636;
        display: flex;
        height: 50px;
        flex-direction: column;
        margin-right: 10px;
        min-width: 20px;
        background: #2e363d; }
      #group-editor .po-group .line .v_spacer {
        border-right: 1px solid #373636;
        height: 50px;
        margin: 0px 20px; }
      #group-editor .po-group .line.grey {
        color: grey; }
        #group-editor .po-group .line.grey .actions input {
          color: grey;
          border-color: grey; }
      #group-editor .po-group .line:last-child {
        border-bottom: 1px solid #ffffff30; }
      #group-editor .po-group .line .left {
        flex-grow: 1; }
        #group-editor .po-group .line .left .main-details {
          display: flex;
          align-items: center;
          color: #93b5e8; }
        #group-editor .po-group .line .left .sub-details {
          display: flex;
          align-items: center;
          font-size: 12px;
          color: grey; }
          #group-editor .po-group .line .left .sub-details .sold-out-info {
            color: #e21d4b; }
            #group-editor .po-group .line .left .sub-details .sold-out-info::after {
              margin-left: 3px;
              content: 'days sold out'; }
      #group-editor .po-group .line .actions input {
        border: 1px solid #4bff4b;
        color: #4bff4b;
        width: 42px;
        font-size: 20px;
        border-radius: 5px;
        text-align: center;
        background: transparent; }

@keyframes recently-moved-line-animation {
  0% {
    background: #ffffff0a; }
  10% {
    background: #ffffff59; }
  100% {
    background: #ffffff0a; } }

.pay-table tr {
  text-align: right; }
  .pay-table tr:last-child {
    font-weight: 600; }
  .pay-table tr th:first-child, .pay-table tr td:first-child {
    text-align: left; }

.open-po-data {
  position: fixed;
  height: 100vh;
  width: 100vw;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.8);
  z-index: 1000;
  top: 0;
  left: 0; }
  .open-po-data .po-wrapper {
    background: #060a0e;
    border: 1px solid;
    border-radius: 5px;
    padding: 20px;
    overflow: auto;
    max-width: 50%;
    max-height: 70%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }

.consumption-graph {
  position: fixed;
  height: 100vh;
  width: 100vw;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.8);
  z-index: 1000;
  top: 0;
  left: 0; }
  .consumption-graph.loading {
    color: black !important; }
  .consumption-graph .wrapper {
    background: #e3effc;
    border: 1px solid;
    border-radius: 5px;
    padding: 20px;
    overflow: auto;
    max-width: 90%;
    max-height: 70%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }

.react_image_zoom {
  position: fixed;
  height: 100vh;
  width: 100vw;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.8);
  z-index: 10000;
  top: 0;
  left: 0; }
  .react_image_zoom img {
    max-height: 90vh;
    max-width: 90vw;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }

#scan_progress_wrapper .scan-return {
  max-width: 1100px;
  margin: 10px auto;
  background: #e9eef4;
  color: #060a0e;
  padding: 20px 50px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 4px;
  position: relative; }
  #scan_progress_wrapper .scan-return.not-moved {
    box-shadow: 0 0 8px 8px #ff2561; }
  #scan_progress_wrapper .scan-return .undo-button {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: grey;
    border: transparent;
    transition: all 0.15s ease;
    background: transparent;
    border: 1px solid;
    padding: 5px 20px;
    border-radius: 5px;
    box-shadow: 0 0 2px 2px #0000001c; }
    #scan_progress_wrapper .scan-return .undo-button:focus {
      outline: none; }
    #scan_progress_wrapper .scan-return .undo-button:hover {
      color: #ff5c37; }
    #scan_progress_wrapper .scan-return .undo-button::before {
      font-family: icofont;
      content: '\ee0b';
      font-size: 30px; }
  #scan_progress_wrapper .scan-return .force-button {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: grey;
    border: transparent;
    transition: all 0.15s ease;
    background: transparent;
    border: 1px solid;
    padding: 5px 20px;
    border-radius: 5px;
    box-shadow: 0 0 2px 2px #0000001c; }
    #scan_progress_wrapper .scan-return .force-button:focus {
      outline: none; }
    #scan_progress_wrapper .scan-return .force-button:hover {
      color: #ef3647; }
    #scan_progress_wrapper .scan-return .force-button::before {
      font-family: icofont;
      content: '\ea94\ea94';
      font-size: 30px; }
  #scan_progress_wrapper .scan-return .order-number {
    font-size: 14px;
    font-weight: 500;
    color: #4987e1; }
    #scan_progress_wrapper .scan-return .order-number a {
      color: #4987e1; }
  #scan_progress_wrapper .scan-return .line {
    font-size: 20px;
    font-weight: 600; }
  #scan_progress_wrapper .scan-return .move-info {
    color: #ffab00;
    background: #0b131aba;
    display: inline-block;
    padding: 5px 20px;
    margin-top: 5px;
    border-radius: 2px;
    animation: spinAndExpand 0.6s linear forwards;
    overflow: hidden;
    white-space: nowrap;
    height: 35px; }
    #scan_progress_wrapper .scan-return .move-info.check {
      color: #1eea7a; }
      #scan_progress_wrapper .scan-return .move-info.check::before {
        font-family: icofont;
        content: '\eed7';
        margin-right: 10px; }
    #scan_progress_wrapper .scan-return .move-info.warning {
      color: #ff2661; }
    #scan_progress_wrapper .scan-return .move-info.undone {
      color: #42f542; }

@keyframes spinAndExpand {
  0%, 5% {
    width: 35px;
    height: 35px;
    max-width: 35px;
    max-height: 35px;
    border-radius: 20px;
    transform: rotate(-100deg);
    border: 6px dotted #0b131aba;
    padding: 0px;
    color: transparent;
    background: transparent; }
  60% {
    width: 35px;
    height: 35px;
    max-width: 35px;
    max-height: 35px;
    border-radius: 20px;
    transform: rotate(0deg);
    border: 6px dotted #0b131aba;
    padding: 0px;
    color: transparent;
    background: transparent; }
  61% {
    width: unset;
    height: unset;
    max-width: 35px;
    max-height: 35px;
    border-radius: 20px;
    border: 1px dashed orange;
    padding: 5px 0px;
    color: transparent; }
  100% {
    max-width: 1000px;
    /* Full-size width */
    max-height: 100px;
    /* Full-size height */
    border-radius: 5px;
    /* Makes it a square (Optional) */
    transform: rotate(0deg);
    /* Ending rotation angle */ } }

.generic-barcode-scan {
  position: relative;
  max-width: 1100px;
  margin: 60px auto;
  color: #5bb5f5;
  display: flex; }
  .generic-barcode-scan .flex {
    display: flex;
    justify-content: center;
    width: 100%; }
  .generic-barcode-scan .cam-scan {
    background: #3b3b3b;
    color: #5bb5f5;
    border-radius: 5px;
    border: 1px solid;
    margin-left: 20px;
    padding: 0px 15px; }
    @media (max-width: 800px) {
      .generic-barcode-scan .cam-scan {
        margin-left: 0px;
        width: 100%;
        padding: 20px 0px;
        margin-top: -60px;
        border-radius: 0px; } }
    .generic-barcode-scan .cam-scan:focus {
      outline: none; }
    .generic-barcode-scan .cam-scan.active {
      background: #ff8802;
      color: #fbe5cc; }
    .generic-barcode-scan .cam-scan::after {
      font-family: icofont;
      font-size: 26px;
      content: '\eecf';
      right: 20px;
      top: 50%;
      transform: translateY(-50%); }
  .generic-barcode-scan .inner_wrapper {
    flex-grow: 1;
    position: relative; }
    .generic-barcode-scan .inner_wrapper::after {
      position: absolute;
      font-family: icofont;
      font-size: 37px;
      content: '\e963';
      right: 20px;
      top: 50%;
      transform: translateY(-50%); }
    .generic-barcode-scan .inner_wrapper label {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      color: #5bb5f5;
      pointer-events: none; }
      .generic-barcode-scan .inner_wrapper label::before {
        font-size: 20px;
        content: 'Click To Enable Scanning'; }
        @media (max-width: 800px) {
          .generic-barcode-scan .inner_wrapper label::before {
            content: 'Enable Scanning'; } }
    .generic-barcode-scan .inner_wrapper input {
      width: 100%;
      font-size: 20px;
      padding: 10px 20px;
      text-align: center;
      background: #3b3b3b;
      border-radius: 5px;
      border: 1px solid #5bb5f5;
      color: #fffde5;
      caret-color: transparent;
      font-family: "Courier New", Courier, monospace;
      font-weight: 600; }
      .generic-barcode-scan .inner_wrapper input:focus {
        outline: none;
        background: #0b131a;
        box-shadow: 0 0 10px 5px #70b6e7; }
        .generic-barcode-scan .inner_wrapper input:focus + label::before {
          content: attr(data-label_text); }
          @media (max-width: 800px) {
            .generic-barcode-scan .inner_wrapper input:focus + label::before {
              content: attr(data-mobile_text); } }
        .generic-barcode-scan .inner_wrapper input:focus:not(:placeholder-shown) ~ label::before {
          content: ''; }

#RmStockChecker .image {
  width: 100px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  border-radius: 5px; }
  #RmStockChecker .image img {
    height: 100px; }

#RmStockChecker input::placeholder {
  color: #91ff90;
  /* You can use any color value you prefer */
  opacity: 1; }

#scan-container {
  position: relative;
  overflow: hidden;
  max-width: 500px;
  margin: auto;
  margin-top: 10px;
  border-top: 3px solid #4e88d5;
  border-bottom: 3px solid #4e88d5; }
  #scan-container::after {
    content: '';
    border-bottom: 5px solid #f30e3b;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% - 80px);
    margin: auto;
    position: absolute; }
  #scan-container #interactive.viewport {
    width: 100%;
    height: 200px; }

#interactive.viewport canvas,
video {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0; }

#interactive.viewport canvas.drawingBuffer,
video.drawingBuffer {
  width: 100%; }

#ViewManager .wrapper {
  max-width: 1100px;
  margin: 40px auto;
  background: #293d4f;
  border-radius: 5px;
  padding: 27px;
  position: relative; }
  #ViewManager .wrapper .tag-output {
    border: 1px solid;
    padding: 0px 6px;
    margin: 3px 5px 4px 5px;
    border-radius: 3px;
    background: #6a9ecd;
    color: #051421;
    box-shadow: 0 0 2px 2px #00000038; }
  #ViewManager .wrapper .dependancy-warning {
    margin-bottom: 20px;
    color: #f36398; }
  #ViewManager .wrapper .delete-view-button {
    font-size: 34px;
    transition: all 0.5s ease;
    color: #526c83;
    border: none;
    background: transparent;
    position: absolute;
    top: 22px;
    right: 34px; }
    #ViewManager .wrapper .delete-view-button::before {
      font-family: icofont;
      content: '\eebb'; }
    #ViewManager .wrapper .delete-view-button:hover {
      color: #ef3647; }
    #ViewManager .wrapper .delete-view-button:focus {
      outline: none; }
  #ViewManager .wrapper p {
    color: #9cb9d3; }
  #ViewManager .wrapper .flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px; }
  #ViewManager .wrapper .inputs {
    display: flex; }
    #ViewManager .wrapper .inputs .column {
      flex-grow: 1; }
      #ViewManager .wrapper .inputs .column div {
        display: flex;
        border-bottom: 1px solid #495159;
        padding: 5px 20px;
        align-items: center; }
        #ViewManager .wrapper .inputs .column div:first-child {
          border-top: 1px solid #495159; }
        #ViewManager .wrapper .inputs .column div label {
          flex-grow: 1;
          color: #9cb9d3;
          margin: 0px; }
  #ViewManager .wrapper input, #ViewManager .wrapper select {
    font-size: 18px;
    border: none;
    background: #111e2a;
    padding: 3px 10px;
    border-radius: 3px;
    color: #a6d2fb;
    border: 1px solid #6587a6;
    height: 33px; }
    #ViewManager .wrapper input.locked, #ViewManager .wrapper select.locked {
      color: grey;
      pointer-events: none; }
  #ViewManager .wrapper input[type=number] {
    text-align: center;
    width: 70px; }
  #ViewManager .wrapper .view-setting-title {
    font-size: 30px;
    font-weight: 100;
    color: #526c83;
    margin-bottom: 15px; }
  #ViewManager .wrapper .j_button {
    flex-grow: 1;
    margin-top: 20px;
    margin-bottom: 20px; }
  #ViewManager .wrapper .toggle-group-heading {
    margin: 30px 0px 10px 0px;
    color: #526c83;
    font-size: 14px;
    display: flex; }
    #ViewManager .wrapper .toggle-group-heading::before {
      content: '';
      border-bottom: 1px solid #526c83;
      flex-grow: 1;
      margin-bottom: 9px;
      margin-right: 20px; }
    #ViewManager .wrapper .toggle-group-heading::after {
      content: '';
      border-bottom: 1px solid #526c83;
      flex-grow: 1;
      margin-bottom: 9px;
      margin-left: 20px; }
  #ViewManager .wrapper .toggle-buttons {
    display: flex;
    flex-wrap: wrap; }
    #ViewManager .wrapper .toggle-buttons button {
      position: relative;
      border: none;
      flex-grow: 1;
      background: #536e86;
      color: #a6d2fb;
      flex-basis: 1%;
      border-radius: 1px;
      padding: 5px;
      margin: 1px; }
      #ViewManager .wrapper .toggle-buttons button::before {
        font-family: icofont;
        content: '\eee1';
        position: absolute;
        left: 10px;
        font-size: 20px;
        top: 50%;
        transform: translateY(-50%); }
      #ViewManager .wrapper .toggle-buttons button:focus {
        outline: none; }
      #ViewManager .wrapper .toggle-buttons button.active {
        background: #70bbff;
        color: #152839; }
        #ViewManager .wrapper .toggle-buttons button.active::before {
          content: '\f021'; }
      #ViewManager .wrapper .toggle-buttons button.current_view {
        background: #162838;
        pointer-events: none; }
        #ViewManager .wrapper .toggle-buttons button.current_view::before {
          content: '\ea5b'; }

.jesse-test {
  border: 5px solid blue;
  max-width: 500px;
  margin: auto;
  padding: 40px 20px;
  background: palegoldenrod;
  border-radius: 10px;
  color: blue;
  display: flex; }
  .jesse-test .inside {
    background: grey;
    padding: 20px;
    border: 1px solid black;
    flex-grow: 1;
    margin: 10px;
    box-shadow: 0 0 2px 2px #00000069;
    border-radius: 5px; }
  .jesse-test .mythingy {
    display: none; }
  .jesse-test button {
    background: orange;
    transition: all 0.5s ease; }
    .jesse-test button:hover {
      background: white;
      transform: scale(1.3); }

button:focus {
  outline: none; }

#NimbleController {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #091621; }
  #NimbleController .wrapper {
    border: 2px solid #192b39;
    background: #121f29;
    box-shadow: 0 0 10px 5px #00000078;
    border-radius: 40px;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 1000px;
    height: 500px;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    padding: 20px; }
    @media (max-width: 1000px) {
      #NimbleController .wrapper {
        width: 100%;
        height: 100%;
        border-radius: 0px; } }
    #NimbleController .wrapper .upper-wrapper {
      flex-grow: 1;
      display: flex;
      margin-bottom: 20px; }
    #NimbleController .wrapper .lower-wrapper {
      display: flex;
      align-items: center;
      justify-content: center; }
      #NimbleController .wrapper .lower-wrapper .grow {
        flex-grow: 1; }
    #NimbleController .wrapper .screen {
      margin: 0px 20px;
      height: 100%;
      width: 400px;
      background: black;
      flex-grow: 1;
      font-size: 20px;
      border: 1px solid #284052;
      border-radius: 30px;
      box-shadow: inset 0 0 2px 2px black;
      font-family: monospace;
      display: flex;
      flex-direction: column;
      padding: 30px 0px; }
      @media (max-width: 1000px) {
        #NimbleController .wrapper .screen {
          font-size: 16px; } }
      #NimbleController .wrapper .screen .upper {
        color: #fd1152;
        margin-bottom: 10px;
        border-bottom: 1px solid #1f303e;
        padding-left: 30px;
        padding-bottom: 10px; }
        #NimbleController .wrapper .screen .upper.running {
          color: #22e922; }
        #NimbleController .wrapper .screen .upper.paused {
          color: #db8a51; }
      #NimbleController .wrapper .screen .lower {
        color: #9093ec;
        flex-grow: 1;
        padding-left: 30px; }
        #NimbleController .wrapper .screen .lower .active {
          color: #cacbf8;
          position: relative; }
          #NimbleController .wrapper .screen .lower .active::before {
            font-family: icofont;
            content: '\ea69';
            position: absolute;
            left: -22px; }
      #NimbleController .wrapper .screen .info {
        color: #e98a5c;
        padding-left: 30px; }
    #NimbleController .wrapper .inputsWrapper {
      display: flex;
      justify-content: center;
      flex-grow: 1; }
      #NimbleController .wrapper .inputsWrapper input {
        height: 100px;
        border-radius: 30px;
        border: 2px solid #83e6be;
        width: 150px;
        text-align: center;
        font-family: monospace;
        font-size: 50px;
        background: #0a1116;
        box-shadow: inset 0 0 2px 2px black;
        color: #83e6be;
        margin: 0px 20px; }
    #NimbleController .wrapper .sliderWrapper, #NimbleController .wrapper .speedSliderWrapper {
      width: 100px;
      border: 1px solid #253d50;
      padding: 20px 10px;
      border-radius: 30px;
      background: #121c23;
      box-shadow: inset 0 0 2px 2px black; }
    #NimbleController .wrapper .play_pause_wrapper .playPauseButton {
      border: 2px solid #92c7eb;
      background: #537e9f;
      height: 100px;
      width: 100px;
      border-radius: 30px;
      font-size: 60px;
      margin-right: 20px;
      color: #0e2334; }
      #NimbleController .wrapper .play_pause_wrapper .playPauseButton.play {
        padding-left: 18px; }
      #NimbleController .wrapper .play_pause_wrapper .playPauseButton.pause {
        background: #fd1152;
        border-color: #53051a;
        color: #53051a; }
    #NimbleController .wrapper .airInButton, #NimbleController .wrapper .airOutButton {
      border: 2px solid #dec7ad;
      background: #dec7ad;
      height: 100px;
      width: 100px;
      border-radius: 30px;
      position: relative;
      overflow: hidden;
      font-size: 60px;
      color: #282828;
      transition: all 0.15s ease;
      margin-left: 20px; }
      #NimbleController .wrapper .airInButton:hover, #NimbleController .wrapper .airOutButton:hover {
        transform: scale(1.05); }
      #NimbleController .wrapper .airInButton.active, #NimbleController .wrapper .airOutButton.active {
        background: #ffb25a;
        border-color: #ffb25a; }
    #NimbleController .wrapper .airInButton::after {
      background: #0e2334;
      height: 110px;
      width: 50px;
      border-radius: 31px 0 0 60px;
      content: '';
      display: block;
      position: absolute;
      right: -15px;
      top: -10px; }
    #NimbleController .wrapper .airInButton::before {
      background: #0e2334;
      height: 110px;
      width: 50px;
      border-radius: 0 31px 60px 0;
      content: '';
      display: block;
      position: absolute;
      left: -15px;
      top: -10px; }
    #NimbleController .wrapper .airOutButton::after {
      background: #0e2334;
      height: 200px;
      width: 50px;
      border-radius: 50%;
      content: '';
      display: block;
      position: absolute;
      right: -25px;
      top: -50px; }
    #NimbleController .wrapper .airOutButton::before {
      background: #0e2334;
      height: 200px;
      width: 50px;
      border-radius: 50%;
      content: '';
      display: block;
      position: absolute;
      left: -25px;
      top: -50px; }
    #NimbleController .wrapper .connect_button {
      height: 100px;
      width: 100px;
      border-radius: 50%;
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      animation: pulse-glow 2s infinite;
      background: #1d7fe4;
      border: none;
      color: #0b253e; }
      #NimbleController .wrapper .connect_button::before {
        font-family: icofont;
        content: '\ec42';
        font-size: 40px; }
      #NimbleController .wrapper .connect_button.connecting {
        background: #4f769e;
        pointer-events: none; }
        #NimbleController .wrapper .connect_button.connecting::after {
          content: '';
          height: 100px;
          width: 100px;
          border-radius: 50%;
          border-left: 5px solid #9ac1e9;
          display: block;
          position: absolute;
          left: 0;
          top: 0;
          animation: spin 2s infinite linear; }

#MobileScanResult {
  text-align: center; }
  #MobileScanResult .image {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-bottom: 20px; }
  #MobileScanResult h4 {
    text-align: center;
    margin-bottom: 20px; }
  #MobileScanResult input {
    width: 90px;
    padding: 10px;
    border: 2px solid #65caf0;
    text-align: center;
    background: #0b131a;
    color: #65caf0;
    font-size: 30px;
    font-weight: 600;
    border-radius: 10px;
    margin: 20px; }

#CheckoutPayments .dropZone, #CheckoutSettlementSummary .dropZone {
  max-width: unset;
  min-width: unset;
  height: 60px;
  border-color: #5fbcff;
  padding: 0px 30px; }
  #CheckoutPayments .dropZone::before, #CheckoutSettlementSummary .dropZone::before {
    font-family: icofont;
    content: '\ef72';
    font-size: 20px;
    margin-right: 15px; }
  #CheckoutPayments .dropZone svg, #CheckoutSettlementSummary .dropZone svg {
    display: none; }
  #CheckoutPayments .dropZone span, #CheckoutSettlementSummary .dropZone span {
    color: #5fbcff;
    font-size: 16px; }

#CheckoutPayments .checkout_error, #CheckoutSettlementSummary .checkout_error {
  display: flex;
  align-items: center;
  color: #ff457b; }
  #CheckoutPayments .checkout_error span, #CheckoutSettlementSummary .checkout_error span {
    flex-grow: 1; }
  #CheckoutPayments .checkout_error button, #CheckoutSettlementSummary .checkout_error button {
    border: 1px solid;
    border-radius: 5px;
    background: gainsboro;
    margin-left: 10px; }

#JobQueueOuter {
  background: pink;
  overflow: auto;
  position: fixed;
  bottom: 0px;
  right: 40px;
  height: 400px;
  width: 500px;
  z-index: 100;
  padding: 0px 20px;
  border-radius: 5px 5px 0px 0px;
  background: #060a0e;
  border: 1px solid #2d3339;
  border-bottom: none;
  box-shadow: 0 0 5px 5px #00000087;
  transition: all 0.4s ease; }
  #JobQueueOuter.minimized {
    height: 60px;
    width: 200px;
    transition: all 0.15s ease; }
    #JobQueueOuter.minimized .header::after {
      content: '\ea6a'; }
  #JobQueueOuter .header {
    display: flex;
    padding: 20px 0px;
    cursor: pointer;
    color: #92a6ba;
    transition: all 0.2s ease; }
    #JobQueueOuter .header:hover {
      color: #bcd8f5; }
    #JobQueueOuter .header span {
      flex-grow: 1; }
    #JobQueueOuter .header::after {
      font-family: icofont;
      content: '\eee1'; }
  #JobQueueOuter .jobBlock {
    display: flex; }
    #JobQueueOuter .jobBlock .jobName {
      flex-grow: 1; }
    #JobQueueOuter .jobBlock::before {
      font-family: icofont;
      margin-right: 10px;
      display: inline-block; }
    #JobQueueOuter .jobBlock.failed {
      color: #ff0042; }
      #JobQueueOuter .jobBlock.failed::before {
        content: '\f026'; }
    #JobQueueOuter .jobBlock.started {
      color: #f59e5f; }
      #JobQueueOuter .jobBlock.started::before {
        animation: spin 2s infinite linear;
        content: '\effa'; }
    #JobQueueOuter .jobBlock.queued {
      color: #929fb3; }
      #JobQueueOuter .jobBlock.queued::before {
        content: '\ef49'; }
    #JobQueueOuter .jobBlock.finished {
      color: #8ab1d2; }
      #JobQueueOuter .jobBlock.finished::before {
        content: '\eed7'; }

#draft-order-wrapper {
  /* Chrome, Safari, Edge, Opera */
  /* Firefox */ }
  #draft-order-wrapper .builder {
    padding-top: 20px; }
    #draft-order-wrapper .builder .builder_section {
      background: #ffffff0f;
      border-radius: 5px;
      padding: 20px 0px;
      margin-bottom: 20px; }
      #draft-order-wrapper .builder .builder_section .banner {
        color: orange;
        padding: 0px 20px; }
      #draft-order-wrapper .builder .builder_section .info {
        font-size: 12px;
        padding: 0px 20px;
        color: grey; }
  #draft-order-wrapper .vatable_wrapper {
    display: flex;
    justify-content: flex-end; }
    #draft-order-wrapper .vatable_wrapper .switch_wrapper {
      display: flex;
      align-items: center; }
      #draft-order-wrapper .vatable_wrapper .switch_wrapper label.toggle {
        margin: 10px 50px 5px 5px; }
  #draft-order-wrapper .flag {
    color: #ff004b; }
    #draft-order-wrapper .flag::before {
      font-family: icofont,popins;
      content: '\f026';
      margin-right: 10px; }
    #draft-order-wrapper .flag span {
      color: grey; }
  #draft-order-wrapper .option_wrapper.error {
    background: red; }
  #draft-order-wrapper .option_wrapper.hidden {
    opacity: 0.3;
    pointer-events: none; }
  #draft-order-wrapper img {
    max-width: 300px; }
  #draft-order-wrapper .brand_switcher {
    background: rgba(0, 0, 0, 0.25);
    display: flex;
    justify-content: space-between;
    padding: 10px 20px; }
    #draft-order-wrapper .brand_switcher .switch_wrapper {
      display: flex;
      align-items: center; }
      #draft-order-wrapper .brand_switcher .switch_wrapper :first-child {
        margin-right: 20px;
        color: rgba(255, 255, 255, 0.6); }
  #draft-order-wrapper input.toggle[type=checkbox] {
    height: 0;
    width: 0;
    visibility: hidden; }
  #draft-order-wrapper label.toggle {
    cursor: pointer;
    text-indent: -9999px;
    width: 60px;
    height: 30px;
    background: #386cab;
    display: block;
    border-radius: 60px;
    position: relative; }
  #draft-order-wrapper label.toggle:after {
    content: '';
    position: absolute;
    top: 4px;
    left: 4px;
    width: 22px;
    height: 22px;
    background: #fff;
    border-radius: 22px;
    transition: 0.3s; }
  #draft-order-wrapper input.toggle:checked + label {
    background: #217A58; }
  #draft-order-wrapper input.toggle.vatable + label {
    background: grey; }
  #draft-order-wrapper input.toggle.vatable:checked + label {
    background: #fba300; }
  #draft-order-wrapper input.toggle:checked + label:after {
    left: calc(100% - 4px);
    transform: translateX(-100%); }
  #draft-order-wrapper label.toggle:active:after {
    width: 40px; }
  #draft-order-wrapper input::-webkit-outer-spin-button,
  #draft-order-wrapper input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0; }
  #draft-order-wrapper input[type=number] {
    -moz-appearance: textfield; }
  #draft-order-wrapper .quantity_input {
    text-align: center;
    color: white;
    width: 30px;
    background: #49657d;
    border: 1px solid #607fa1;
    border-radius: 5px;
    font-size: 16px;
    padding: 3px;
    box-shadow: inset 0 0 2px 1px #00000096; }
  #draft-order-wrapper .notice-container {
    color: white;
    padding: 40px; }
    #draft-order-wrapper .notice-container span {
      color: orange; }
  #draft-order-wrapper ul {
    padding-left: 20px; }
  #draft-order-wrapper .config_caution {
    font-size: 14px;
    color: #ff0068;
    margin-top: 10px;
    display: block; }
  #draft-order-wrapper .warning {
    color: #ff0068; }
  #draft-order-wrapper .dpo_wrapper input, #draft-order-wrapper .dpo_wrapper select {
    border-radius: 5px;
    padding: 3px 10px;
    background: #49657d;
    color: rgba(255, 255, 255, 0.9);
    border: 1px solid #607fa1; }
  #draft-order-wrapper .dpo_wrapper label, #draft-order-wrapper .dpo_wrapper span {
    padding: 3px 0px;
    display: inline-block;
    flex-grow: 1;
    line-height: 19px; }
  #draft-order-wrapper .dpo_wrapper span {
    color: orange; }
  #draft-order-wrapper .dpo_wrapper .field {
    display: flex; }
    #draft-order-wrapper .dpo_wrapper .field:not(.choice) {
      border-bottom: 1px solid rgba(255, 255, 255, 0.3);
      padding: 5px 10px; }
    #draft-order-wrapper .dpo_wrapper .field:hover {
      background: rgba(255, 255, 255, 0.1); }
    #draft-order-wrapper .dpo_wrapper .field .option {
      display: flex;
      align-items: center;
      padding: 2px 5px 2px 10px;
      border-radius: 2px; }
      #draft-order-wrapper .dpo_wrapper .field .option label {
        flex-grow: 1; }
      #draft-order-wrapper .dpo_wrapper .field .option input {
        margin-left: 10px; }
      #draft-order-wrapper .dpo_wrapper .field .option:hover {
        background: rgba(255, 255, 255, 0.1); }
  #draft-order-wrapper .sm_inv_button {
    border-radius: 3px;
    padding: 3px 10px;
    background: #396cab;
    color: white;
    border: 1px solid #607fa1;
    cursor: pointer; }

#draft-order-wrapper {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: pink;
  display: flex; }
  #draft-order-wrapper #SideBar {
    background: #2f4154;
    flex-basis: 150px;
    min-width: 150px; }
  #draft-order-wrapper #SellScreen {
    background: green;
    flex-grow: 1;
    display: flex; }
    #draft-order-wrapper #SellScreen.Fetters #SearchArea {
      background: #0c3022; }
    #draft-order-wrapper #SellScreen.Fetters #Invoice {
      background: #191e1c; }
    #draft-order-wrapper #SellScreen.Fetters .discount {
      background: #0f6041 !important; }
    #draft-order-wrapper #SellScreen.Fetters .quantity_input, #draft-order-wrapper #SellScreen.Fetters .dpoprice {
      background: #62907a !important;
      border-color: #629079 !important; }
    #draft-order-wrapper #SellScreen.Fetters .edit_toggle {
      color: #62907a !important; }
    #draft-order-wrapper #SellScreen.Fetters select {
      background: #207a57 !important;
      border-color: #629079 !important; }
    #draft-order-wrapper #SellScreen.Fetters .sm_inv_button {
      background: #207a57 !important;
      border-color: #629079 !important; }
    #draft-order-wrapper #SellScreen.Fetters .ProductBlock {
      background: #134e36 !important; }
      #draft-order-wrapper #SellScreen.Fetters .ProductBlock.selected {
        background: #207a57 !important; }
    #draft-order-wrapper #SellScreen.Fetters .pay_button button {
      background: #1c7c56 !important; }
    #draft-order-wrapper #SellScreen.Regulation #SearchArea {
      background: #0b131a; }
    #draft-order-wrapper #SellScreen #SearchArea, #draft-order-wrapper #SellScreen #Invoice {
      background: whitesmoke; }
    #draft-order-wrapper #SellScreen #SearchArea {
      flex-grow: 1;
      padding: 40px; }
      #draft-order-wrapper #SellScreen #SearchArea .input_wrapper {
        position: relative; }
        #draft-order-wrapper #SellScreen #SearchArea .input_wrapper .search_icon {
          pointer-events: none;
          position: absolute;
          font-size: 20px;
          right: 18px;
          top: 11px;
          color: #1a1a1a; }
          #draft-order-wrapper #SellScreen #SearchArea .input_wrapper .search_icon::before {
            font-family: icofont;
            content: '\ed1b'; }
        #draft-order-wrapper #SellScreen #SearchArea .input_wrapper .clear_results {
          cursor: pointer;
          transition: all 0.1s ease;
          position: absolute;
          font-size: 25px;
          right: 10px;
          top: 8px;
          background: transparent;
          border: none;
          color: rgba(0, 0, 0, 0.3); }
          #draft-order-wrapper #SellScreen #SearchArea .input_wrapper .clear_results:hover {
            color: #1a1a1a; }
          #draft-order-wrapper #SellScreen #SearchArea .input_wrapper .clear_results::before {
            font-family: icofont;
            content: '\eee1'; }
          #draft-order-wrapper #SellScreen #SearchArea .input_wrapper .clear_results:focus {
            outline: none; }
      #draft-order-wrapper #SellScreen #SearchArea .ProductBlock {
        transition: all 0.1s ease;
        padding: 5px 40px;
        margin-bottom: 10px;
        display: flex;
        align-items: center;
        color: rgba(255, 255, 255, 0.8);
        cursor: pointer;
        background: #1c2e42;
        position: relative; }
        #draft-order-wrapper #SellScreen #SearchArea .ProductBlock .thumbnail {
          background: white;
          border-radius: 3px;
          margin-right: 10px;
          overflow: hidden; }
          #draft-order-wrapper #SellScreen #SearchArea .ProductBlock .thumbnail img {
            height: 40px;
            margin: auto; }
        #draft-order-wrapper #SellScreen #SearchArea .ProductBlock:hover {
          background-color: #22405d; }
          #draft-order-wrapper #SellScreen #SearchArea .ProductBlock:hover::before {
            font-family: icofont;
            content: "\efc0";
            position: absolute;
            right: 12px; }
        #draft-order-wrapper #SellScreen #SearchArea .ProductBlock.selected {
          background-color: #22405d; }
          #draft-order-wrapper #SellScreen #SearchArea .ProductBlock.selected::before {
            font-family: icofont;
            content: "\efc0";
            position: absolute;
            right: 12px; }
        #draft-order-wrapper #SellScreen #SearchArea .ProductBlock:last-child {
          margin: 0px; }
        #draft-order-wrapper #SellScreen #SearchArea .ProductBlock .deets {
          flex-grow: 1; }
        #draft-order-wrapper #SellScreen #SearchArea .ProductBlock .p_name {
          font-size: 18px; }
        #draft-order-wrapper #SellScreen #SearchArea .ProductBlock .sub_deets {
          display: flex; }
          #draft-order-wrapper #SellScreen #SearchArea .ProductBlock .sub_deets .p_sku {
            font-size: 12px; }
          #draft-order-wrapper #SellScreen #SearchArea .ProductBlock .sub_deets .available {
            font-size: 12px;
            margin-left: 10px;
            color: #ff156b; }
            #draft-order-wrapper #SellScreen #SearchArea .ProductBlock .sub_deets .available.in_stock {
              color: #6fafff; }
        #draft-order-wrapper #SellScreen #SearchArea .ProductBlock .p_price {
          font-size: 18px;
          font-weight: 500; }
      #draft-order-wrapper #SellScreen #SearchArea #search-input {
        width: 100%;
        padding: 10px 40px;
        box-sizing: border-box;
        border: 2px solid whitesmoke;
        background: whitesmoke;
        border-radius: 999px;
        font-size: 20px;
        font-weight: 100; }
        #draft-order-wrapper #SellScreen #SearchArea #search-input.with_results {
          border-radius: 20px 20px 0 0; }
        #draft-order-wrapper #SellScreen #SearchArea #search-input:focus {
          outline: none; }
      #draft-order-wrapper #SellScreen #SearchArea .results-container {
        max-height: calc(100vh - 167px);
        overflow-y: auto;
        border: 2px solid whitesmoke;
        border-top: none;
        padding: 20px 0px;
        border-radius: 0 0 20px 20px; }
      #draft-order-wrapper #SellScreen #SearchArea .search-feedback {
        padding: 15px 20px;
        color: rgba(255, 255, 255, 0.6);
        font-size: 14px;
        border: 2px solid whitesmoke;
        border-top: none;
        border-radius: 0 0 20px 20px;
        background: rgba(255, 255, 255, 0.05); }
    #draft-order-wrapper #SellScreen #Invoice {
      flex-basis: 850px;
      min-width: 850px;
      display: flex;
      flex-direction: column;
      background: #1d262e;
      color: rgba(255, 255, 255, 0.8); }
      #draft-order-wrapper #SellScreen #Invoice .actions .cancel_button {
        margin-top: 20px;
        width: 100%;
        padding: 10px;
        background: #e72649;
        color: white;
        border: none;
        cursor: pointer; }
      #draft-order-wrapper #SellScreen #Invoice .actions .error_message {
        margin-top: 20px;
        width: 100%;
        padding: 10px;
        background: #e72649;
        color: white;
        border: none;
        cursor: pointer;
        text-align: center; }
      #draft-order-wrapper #SellScreen #Invoice .actions .discount {
        background: #24435f;
        width: 100%;
        display: flex;
        align-items: center; }
        #draft-order-wrapper #SellScreen #Invoice .actions .discount.disabled {
          opacity: 0.3; }
        #draft-order-wrapper #SellScreen #Invoice .actions .discount:not(:last-child) {
          margin-bottom: 5px; }
        #draft-order-wrapper #SellScreen #Invoice .actions .discount:after {
          font-size: 28px;
          font-weight: 600;
          color: white;
          width: 50px;
          text-align: center;
          font-size: 20px; }
        #draft-order-wrapper #SellScreen #Invoice .actions .discount.fixed::before {
          content: 'Fixed Discount:';
          flex-grow: 1;
          margin-right: 20px;
          text-align: right; }
        #draft-order-wrapper #SellScreen #Invoice .actions .discount.fixed::after {
          content: '£'; }
        #draft-order-wrapper #SellScreen #Invoice .actions .discount.percent::before {
          content: 'Perentage Discount:';
          flex-grow: 1;
          margin-right: 20px;
          text-align: right; }
        #draft-order-wrapper #SellScreen #Invoice .actions .discount.percent::after {
          content: '%'; }
      #draft-order-wrapper #SellScreen #Invoice .actions input[type='number'] {
        width: 76px;
        font-size: 20px;
        padding: 7px 10px 4px;
        text-align: center;
        border-radius: 0;
        border: none;
        background: rgba(255, 255, 255, 0.3);
        color: whitesmoke;
        border: 1px solid transparent; }
        #draft-order-wrapper #SellScreen #Invoice .actions input[type='number']:focus {
          outline: none;
          border-color: white; }
      #draft-order-wrapper #SellScreen #Invoice #customerResults {
        position: absolute;
        background: black;
        width: 100%;
        overflow-y: auto;
        max-height: 300px; }
        #draft-order-wrapper #SellScreen #Invoice #customerResults .customer_block {
          padding: 10px 20px;
          border-bottom: 1px solid rgba(255, 255, 255, 0.3);
          cursor: pointer; }
          #draft-order-wrapper #SellScreen #Invoice #customerResults .customer_block:hover {
            background: #22405d; }
      #draft-order-wrapper #SellScreen #Invoice .invoice_customer {
        background: #386cab;
        text-align: center;
        padding: 10px;
        position: relative; }
        #draft-order-wrapper #SellScreen #Invoice .invoice_customer .remove_customer {
          cursor: pointer;
          position: absolute;
          right: 19px;
          background: transparent;
          border: none;
          font-size: 25px;
          color: rgba(255, 255, 255, 0.3);
          top: 5px; }
          #draft-order-wrapper #SellScreen #Invoice .invoice_customer .remove_customer:hover {
            color: rgba(255, 255, 255, 0.9); }
          #draft-order-wrapper #SellScreen #Invoice .invoice_customer .remove_customer::before {
            font-family: icofont;
            content: '\eee1'; }
          #draft-order-wrapper #SellScreen #Invoice .invoice_customer .remove_customer:focus {
            outline: none; }
      #draft-order-wrapper #SellScreen #Invoice #CustomerSearch {
        width: 100%; }
        #draft-order-wrapper #SellScreen #Invoice #CustomerSearch #customer-search-input {
          width: calc(100% - 40px);
          padding: 10px 20px;
          color: rgba(255, 255, 255, 0.8);
          background: #1c2f40;
          border: none;
          border-bottom: 1px solid rgba(255, 255, 255, 0.3); }
          #draft-order-wrapper #SellScreen #Invoice #CustomerSearch #customer-search-input:focus {
            outline: none; }
      #draft-order-wrapper #SellScreen #Invoice .pay_button {
        padding: 20px;
        position: relative;
        display: flex;
        justify-content: space-evenly; }
        #draft-order-wrapper #SellScreen #Invoice .pay_button .draft_order_submit_loader {
          display: none; }
        #draft-order-wrapper #SellScreen #Invoice .pay_button .button_label:before {
          content: 'Create Draft Order On Shopify'; }
        #draft-order-wrapper #SellScreen #Invoice .pay_button.submitting .button_label:before {
          content: 'Creating Draft Order'; }
        #draft-order-wrapper #SellScreen #Invoice .pay_button.submitting button {
          pointer-events: none;
          opacity: 0.5; }
        #draft-order-wrapper #SellScreen #Invoice .pay_button.submitting .draft_order_submit_loader {
          display: block; }
        #draft-order-wrapper #SellScreen #Invoice .pay_button.draft_created button {
          background: transparent !important;
          width: unset; }
        #draft-order-wrapper #SellScreen #Invoice .pay_button .new_order_link {
          transition: all 0.1s ease;
          cursor: pointer;
          display: flex;
          padding: 15px 60px 15px 40px;
          font-size: 20px;
          background: #ee9b09 !important;
          font-weight: bold;
          border: none;
          border-radius: 5px;
          color: rgba(0, 0, 0, 0.9);
          text-decoration: none;
          justify-content: center;
          border: 1px solid rgba(255, 255, 255, 0.3);
          position: relative; }
          #draft-order-wrapper #SellScreen #Invoice .pay_button .new_order_link::after {
            font-family: icofont;
            content: '\ea94';
            font-size: 30px;
            position: absolute;
            right: 14px;
            top: 12px; }
          #draft-order-wrapper #SellScreen #Invoice .pay_button .new_order_link:hover {
            border-color: white; }
          #draft-order-wrapper #SellScreen #Invoice .pay_button .new_order_link:focus {
            border-color: rgba(255, 255, 255, 0.8);
            outline: none; }
        #draft-order-wrapper #SellScreen #Invoice .pay_button .dicounted-price {
          margin-right: 10px;
          text-decoration: line-through;
          opacity: 0.7; }
        #draft-order-wrapper #SellScreen #Invoice .pay_button button {
          transition: all 0.1s ease;
          cursor: pointer;
          display: flex;
          width: 100%;
          padding: 15px 40px;
          font-size: 20px;
          background: #396cab;
          border: none;
          border-radius: 5px;
          color: rgba(255, 255, 255, 0.7);
          border: 1px solid rgba(255, 255, 255, 0.3); }
          #draft-order-wrapper #SellScreen #Invoice .pay_button button :first-child {
            flex-grow: 1;
            text-align: left; }
          #draft-order-wrapper #SellScreen #Invoice .pay_button button:hover {
            border-color: rgba(255, 255, 255, 0.9);
            color: rgba(255, 255, 255, 0.9); }
          #draft-order-wrapper #SellScreen #Invoice .pay_button button:focus {
            border-color: rgba(255, 255, 255, 0.8);
            outline: none; }
      #draft-order-wrapper #SellScreen #Invoice .remove_invoice_line_wrapper {
        display: block;
        padding-left: 20px; }
      #draft-order-wrapper #SellScreen #Invoice .remove_invoice_line {
        transition: all 0.15s ease;
        background: transparent;
        border: none;
        color: rgba(255, 255, 255, 0.3);
        font-size: 20px;
        cursor: pointer; }
        #draft-order-wrapper #SellScreen #Invoice .remove_invoice_line:hover {
          color: #e7a408; }
        #draft-order-wrapper #SellScreen #Invoice .remove_invoice_line:focus {
          outline: none; }
        #draft-order-wrapper #SellScreen #Invoice .remove_invoice_line::before {
          font-family: icofont;
          content: '\eebb'; }
      #draft-order-wrapper #SellScreen #Invoice .invoice-line-container {
        flex-grow: 1;
        overflow-y: auto; }
        #draft-order-wrapper #SellScreen #Invoice .invoice-line-container .invoice_line {
          padding: 5px 13px 5px 0px;
          display: flex;
          margin: 10px 0px;
          background: rgba(0, 0, 0, 0.25);
          border-top: 1px solid rgba(255, 255, 255, 0.3);
          border-bottom: 1px solid rgba(255, 255, 255, 0.3); }
          #draft-order-wrapper #SellScreen #Invoice .invoice-line-container .invoice_line.loading_wrapper {
            background: rgba(255, 255, 255, 0.1); }
          #draft-order-wrapper #SellScreen #Invoice .invoice-line-container .invoice_line .edit_toggle {
            font-size: 28px;
            padding-right: 10px;
            color: #49657d;
            cursor: pointer; }
            #draft-order-wrapper #SellScreen #Invoice .invoice-line-container .invoice_line .edit_toggle:hover {
              color: white; }
          #draft-order-wrapper #SellScreen #Invoice .invoice-line-container .invoice_line .dpo_wrapper {
            font-size: 13px;
            font-weight: 400;
            padding: 15px; }
            #draft-order-wrapper #SellScreen #Invoice .invoice-line-container .invoice_line .dpo_wrapper:empty {
              padding: 0px; }
            #draft-order-wrapper #SellScreen #Invoice .invoice-line-container .invoice_line .dpo_wrapper .price-notice {
              margin-left: 10px;
              color: rgba(255, 255, 255, 0.5); }
          #draft-order-wrapper #SellScreen #Invoice .invoice-line-container .invoice_line .custom_property_wrapper:not(:empty) {
            padding-left: 25px;
            padding-top: 20px; }
          #draft-order-wrapper #SellScreen #Invoice .invoice-line-container .invoice_line .custom_property_wrapper .add_price {
            margin-left: 10px;
            color: rgba(255, 255, 255, 0.5); }
          #draft-order-wrapper #SellScreen #Invoice .invoice-line-container .invoice_line .custom_property_wrapper .custom_property {
            margin-bottom: 2px;
            font-size: 13px; }
            #draft-order-wrapper #SellScreen #Invoice .invoice-line-container .invoice_line .custom_property_wrapper .custom_property .key {
              color: rgba(255, 255, 255, 0.5); }
              #draft-order-wrapper #SellScreen #Invoice .invoice-line-container .invoice_line .custom_property_wrapper .custom_property .key::after {
                margin-left: 5px;
                content: ':'; }
            #draft-order-wrapper #SellScreen #Invoice .invoice-line-container .invoice_line .custom_property_wrapper .custom_property .value {
              font-weight: 400;
              color: #e3945c;
              margin-left: 5px; }
          #draft-order-wrapper #SellScreen #Invoice .invoice-line-container .invoice_line .custom_options {
            padding: 20px 25px; }
            #draft-order-wrapper #SellScreen #Invoice .invoice-line-container .invoice_line .custom_options input {
              border-radius: 3px;
              border: 1px solid #1a1a1a;
              padding: 3px 10px;
              width: 100px;
              margin-right: 10px; }
            #draft-order-wrapper #SellScreen #Invoice .invoice-line-container .invoice_line .custom_options input[type='number'] {
              width: 40px;
              text-align: center; }
            #draft-order-wrapper #SellScreen #Invoice .invoice-line-container .invoice_line .custom_options input[type='submit'] {
              width: 60px;
              background: #396cab;
              color: white;
              border: 1px solid #607fa1; }
          #draft-order-wrapper #SellScreen #Invoice .invoice-line-container .invoice_line .deets {
            flex-grow: 1; }
            #draft-order-wrapper #SellScreen #Invoice .invoice-line-container .invoice_line .deets .main_line {
              display: flex; }
            #draft-order-wrapper #SellScreen #Invoice .invoice-line-container .invoice_line .deets .p_sku {
              font-size: 12px; }
              #draft-order-wrapper #SellScreen #Invoice .invoice-line-container .invoice_line .deets .p_sku .single_unit_price {
                margin-left: 10px; }
              #draft-order-wrapper #SellScreen #Invoice .invoice-line-container .invoice_line .deets .p_sku .warning {
                margin-left: 10px; }
              #draft-order-wrapper #SellScreen #Invoice .invoice-line-container .invoice_line .deets .p_sku .configurable {
                margin-left: 10px;
                color: orange;
                cursor: pointer; }
          #draft-order-wrapper #SellScreen #Invoice .invoice-line-container .invoice_line .price {
            display: flex;
            padding-top: 4px;
            font-size: 16px;
            font-weight: 600;
            margin-left: 10px;
            white-space: nowrap; }
            #draft-order-wrapper #SellScreen #Invoice .invoice-line-container .invoice_line .price span {
              margin-bottom: 10px; }
            #draft-order-wrapper #SellScreen #Invoice .invoice-line-container .invoice_line .price .editing {
              display: flex;
              flex-direction: column;
              align-items: end; }
              #draft-order-wrapper #SellScreen #Invoice .invoice-line-container .invoice_line .price .editing .total_price {
                margin-top: 10px;
                padding-top: 10px;
                border-top: 1px solid; }
            #draft-order-wrapper #SellScreen #Invoice .invoice-line-container .invoice_line .price label {
              color: #49657d;
              margin-right: 5px; }
            #draft-order-wrapper #SellScreen #Invoice .invoice-line-container .invoice_line .price input {
              width: 60px;
              font-size: 18px;
              padding: 5px;
              text-align: right;
              border-radius: 5px;
              background: #192839;
              color: white;
              box-shadow: inset 0 0 2px 1px #00000096;
              border: 1px solid #607fa1; }
          #draft-order-wrapper #SellScreen #Invoice .invoice-line-container .invoice_line .p_quantity {
            display: flex;
            font-size: 16px;
            font-weight: 600;
            width: 30px;
            padding-top: 3px; }
            #draft-order-wrapper #SellScreen #Invoice .invoice-line-container .invoice_line .p_quantity::after {
              content: '×';
              flex-grow: 1;
              text-align: center; }
          #draft-order-wrapper #SellScreen #Invoice .invoice-line-container .invoice_line .p_name {
            flex-grow: 1;
            margin-bottom: 3px; }

.draft_order_submit_loader {
  font-size: 5px;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%);
  transform: translateY(-50%);
  text-indent: -9999em;
  -webkit-animation: load5 1.1s infinite ease;
  animation: load5 1.1s infinite ease;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0); }

@-webkit-keyframes load5 {
  0%,
  100% {
    box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7); }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5); }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2); }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5), 2.5em 0em 0 0em rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0em #ffffff, 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2); }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2); }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2); }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2); }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em #ffffff; } }

@keyframes load5 {
  0%,
  100% {
    box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7); }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5); }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2); }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5), 2.5em 0em 0 0em rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0em #ffffff, 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2); }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2); }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2); }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2); }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em #ffffff; } }

.loading {
  margin-left: 36px;
  color: rgba(255, 255, 255, 0.7); }

.loading:after {
  overflow: hidden;
  display: inline-block;
  vertical-align: bottom;
  -webkit-animation: ellipsis steps(4, end) 900ms infinite;
  animation: ellipsis steps(4, end) 900ms infinite;
  content: "\2026";
  /* ascii code for the ellipsis character */
  width: 0px; }

@keyframes ellipsis {
  to {
    width: 16px; } }

@-webkit-keyframes ellipsis {
  to {
    width: 16px; } }

#PayrollReport {
  padding: 40px; }
  #PayrollReport .toggleSettings {
    position: fixed;
    top: 100px;
    right: 30px;
    z-index: 11;
    border-radius: 50%;
    height: 60px;
    width: 60px;
    display: flex;
    justify-content: center;
    align-items: center; }
    #PayrollReport .toggleSettings::before {
      font-family: icofont;
      content: '\ec8e';
      font-size: 30px; }
    #PayrollReport .toggleSettings.close::before {
      content: '\eee4'; }
  #PayrollReport #BreatheUserEditor {
    z-index: 10;
    position: fixed;
    right: 0px;
    top: 60px;
    bottom: 0px;
    background: #3d3d3d;
    overflow: auto;
    border-left: 2px solid white;
    transition: width 0.2s ease;
    width: 700px; }
    #PayrollReport #BreatheUserEditor .inner {
      overflow: hidden;
      padding: 40px; }
    #PayrollReport #BreatheUserEditor.closed {
      width: 0px; }
  #PayrollReport .overview-table {
    border: 2px solid; }
    #PayrollReport .overview-table .header-row {
      display: flex; }
      #PayrollReport .overview-table .header-row .header-cell {
        width: 45px;
        height: 45px;
        font-weight: 600;
        border-left: 1px solid;
        display: flex;
        align-items: center;
        justify-content: center; }
        #PayrollReport .overview-table .header-row .header-cell:first-child {
          width: 150px; }
        #PayrollReport .overview-table .header-row .header-cell.weekend {
          background: #091015; }
          #PayrollReport .overview-table .header-row .header-cell.weekend::after {
            content: '';
            width: 45px;
            height: 45px;
            background-image: linear-gradient(45deg, rgba(172, 227, 255, 0.5) 25%, transparent 25%, transparent 50%, rgba(172, 227, 255, 0.5) 50%, rgba(172, 227, 255, 0.5) 75%, transparent 75%, transparent);
            background-size: 5px 5px;
            position: absolute;
            opacity: 0.4; }
        #PayrollReport .overview-table .header-row .header-cell:first-child {
          border-left: none; }
    #PayrollReport .overview-table .user-row {
      display: flex;
      border-bottom: 1px solid grey;
      transition: all 0.15s ease; }
      #PayrollReport .overview-table .user-row.dimmed {
        opacity: 0.5; }
      #PayrollReport .overview-table .user-row:nth-child(even) {
        background: #233545; }
      #PayrollReport .overview-table .user-row:last-child {
        border-bottom: none; }
      #PayrollReport .overview-table .user-row .user-cell {
        width: 150px;
        border-left: 1px solid;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: flex;
        align-items: center;
        padding-left: 5px; }
        #PayrollReport .overview-table .user-row .user-cell:first-child {
          border-left: none; }
      #PayrollReport .overview-table .user-row .calendar-cell {
        width: 45px;
        height: 45px;
        border-left: 1px solid;
        display: flex;
        flex-direction: column; }
        #PayrollReport .overview-table .user-row .calendar-cell.weekend {
          background: #091015; }
          #PayrollReport .overview-table .user-row .calendar-cell.weekend::after {
            content: '';
            width: 45px;
            height: 45px;
            background-image: linear-gradient(45deg, rgba(172, 227, 255, 0.5) 25%, transparent 25%, transparent 50%, rgba(172, 227, 255, 0.5) 50%, rgba(172, 227, 255, 0.5) 75%, transparent 75%, transparent);
            background-size: 5px 5px;
            position: absolute;
            opacity: 0.4; }
        #PayrollReport .overview-table .user-row .calendar-cell .leave, #PayrollReport .overview-table .user-row .calendar-cell .sickness, #PayrollReport .overview-table .user-row .calendar-cell .rota {
          display: flex;
          justify-content: center;
          align-items: center;
          width: 45px;
          flex-grow: 1; }
        #PayrollReport .overview-table .user-row .calendar-cell .leave {
          background: #8b5a9d; }
        #PayrollReport .overview-table .user-row .calendar-cell .sickness {
          background: #ff174f; }
        #PayrollReport .overview-table .user-row .calendar-cell .rota {
          background: #6696ca;
          color: #051627; }
  #PayrollReport button {
    background: whitesmoke;
    border-radius: 10px;
    border: none;
    margin-right: 20px;
    margin-bottom: 40px;
    padding: 3px 10px; }
    #PayrollReport button.active {
      pointer-events: none;
      background: #ff6b00;
      color: white;
      font-weight: 600; }
  #PayrollReport .userTable .is_hidden {
    color: grey; }
  #PayrollReport .userTable tr {
    border-left: 10px solid grey;
    border-right: 10px solid grey; }
  #PayrollReport .userTable .archived {
    opacity: 0.3;
    background: black;
    color: white;
    border-left: 10px solid black !important;
    border-right: 10px solid black !important; }
  #PayrollReport .userTable .Freelance {
    border-left: 10px solid #ff0057;
    border-right: 10px solid #ff0057; }
  #PayrollReport .userTable .Hourly {
    border-left: 10px solid #147fff;
    border-right: 10px solid #147fff; }
  #PayrollReport .userTable .Salary {
    border-left: 10px solid #2fe23e;
    border-right: 10px solid #2fe23e; }
  #PayrollReport .userTable th input, #PayrollReport .userTable td input {
    width: 70px;
    text-align: center;
    background: transparent;
    border: none;
    color: #ff5f00;
    font-weight: 600; }
  #PayrollReport .userTable th:first-child, #PayrollReport .userTable td:first-child {
    width: 70px;
    text-align: center; }
  #PayrollReport .userTable th:nth-child(2), #PayrollReport .userTable td:nth-child(2) {
    padding: 0px 20px; }
  #PayrollReport .userTable th:nth-child(3), #PayrollReport .userTable td:nth-child(3) {
    text-align: center; }
  #PayrollReport .userTable th:nth-child(4), #PayrollReport .userTable td:nth-child(4) {
    text-align: center;
    cursor: pointer;
    padding: 0px 20px; }
  #PayrollReport .userTable th:nth-child(5), #PayrollReport .userTable td:nth-child(5) {
    text-align: center;
    cursor: pointer;
    padding: 0px 20px; }
  #PayrollReport .month {
    padding: 20px 0px; }
  #PayrollReport table {
    margin-bottom: 40px;
    border: 1px solid;
    background: white;
    color: black;
    font-size: 12px; }
    #PayrollReport table th {
      font-weight: 600; }
    #PayrollReport table th, #PayrollReport table td {
      border: 1px solid; }
      #PayrollReport table th.username, #PayrollReport table td.username {
        width: 200px;
        padding: 3px 10px; }
      #PayrollReport table th.number, #PayrollReport table td.number {
        padding: 3px 10px;
        width: 100px;
        text-align: right; }

.mobile-only {
  display: none; }
  @media (max-width: 800px) {
    .mobile-only {
      display: unset; } }
.mobile-hidden {
  display: block; }
  @media (max-width: 800px) {
    .mobile-hidden {
      display: none; } }
#DiscontinuationOverview {
  background: #162a39; }
  #DiscontinuationOverview table {
    width: 100%;
    color: #8abcf7;
    border-collapse: collapse;
    table-layout: fixed;
    position: relative; }
    #DiscontinuationOverview table tr {
      border: 1px solid #83bdff52; }
      #DiscontinuationOverview table tr:nth-child(odd) {
        background: rgba(0, 0, 0, 0.25); }
      #DiscontinuationOverview table tr:hover {
        background: rgba(255, 255, 255, 0.05); }
      #DiscontinuationOverview table tr.highlight_line {
        background: #06111b; }
      #DiscontinuationOverview table tr th:first-child, #DiscontinuationOverview table tr td:first-child {
        width: 200px; }
      #DiscontinuationOverview table tr th:nth-child(3), #DiscontinuationOverview table tr td:nth-child(3) {
        padding: 0px 20px;
        width: 170px; }
      #DiscontinuationOverview table tr th:nth-child(4), #DiscontinuationOverview table tr td:nth-child(4) {
        text-align: center;
        width: 60px; }
      #DiscontinuationOverview table tr th:nth-child(11), #DiscontinuationOverview table tr td:nth-child(11) {
        text-align: center;
        width: 100px;
        cursor: pointer;
        color: #ff0097; }
      #DiscontinuationOverview table tr th:last-child, #DiscontinuationOverview table tr td:last-child {
        width: 50px; }
    #DiscontinuationOverview table th {
      z-index: 100;
      position: sticky !important;
      top: 0px;
      background: #080e14 !important;
      padding: 10px 0;
      border-color: #080e14 !important; }
    #DiscontinuationOverview table td, #DiscontinuationOverview table th {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      border-left: 1px solid #080e14; }
      #DiscontinuationOverview table td:first-child, #DiscontinuationOverview table th:first-child {
        padding: 0px 20px; }
      #DiscontinuationOverview table td:nth-child(2), #DiscontinuationOverview table th:nth-child(2) {
        padding: 0px 20px; }
      #DiscontinuationOverview table td:last-child, #DiscontinuationOverview table th:last-child {
        text-align: center; }
    #DiscontinuationOverview table td {
      position: relative; }
    #DiscontinuationOverview table .not_listed_anywhere .location {
      background: #ff1161;
      color: white; }
    #DiscontinuationOverview table .location {
      width: 70px;
      text-align: center; }
      #DiscontinuationOverview table .location.none {
        opacity: 0.2; }
      #DiscontinuationOverview table .location.archived {
        opacity: 0.5; }
    #DiscontinuationOverview table .level {
      width: 60px;
      text-align: center;
      color: #95ff7d; }
      #DiscontinuationOverview table .level.total {
        color: #ffb97d; }
      #DiscontinuationOverview table .level.due {
        color: #4f8dcc; }
      #DiscontinuationOverview table .level.onOrder {
        color: #ff1261; }
      #DiscontinuationOverview table .level.zero {
        color: #34526c; }
        #DiscontinuationOverview table .level.zero.total {
          color: #ff5c24;
          font-weight: 600; }
  #DiscontinuationOverview .sortable {
    cursor: pointer; }
    #DiscontinuationOverview .sortable.active {
      position: relative; }
      #DiscontinuationOverview .sortable.active::before {
        position: absolute;
        left: 0px; }
      #DiscontinuationOverview .sortable.active.asc::before {
        font-family: icofont;
        content: '\ea92'; }
      #DiscontinuationOverview .sortable.active.desc::before {
        font-family: icofont;
        content: '\ea95'; }
  #DiscontinuationOverview .archive_button_icon {
    background: black;
    color: grey;
    border-radius: 50%;
    border: 1px solid; }
    #DiscontinuationOverview .archive_button_icon:hover {
      background: red;
      color: white; }
    #DiscontinuationOverview .archive_button_icon::before {
      font-family: icofont;
      content: '\eea5'; }
  #DiscontinuationOverview .actioned-in-store {
    color: rgba(255, 255, 255, 0.3);
    border: 1px solid;
    padding: 1px 3px;
    border-radius: 3px;
    background: black;
    box-shadow: 0 0 1px 1px #0000006b; }
    #DiscontinuationOverview .actioned-in-store::after {
      font-family: icofont;
      content: '\eedd';
      margin-left: 5px; }
    #DiscontinuationOverview .actioned-in-store.actioned {
      color: #ff0097; }
      #DiscontinuationOverview .actioned-in-store.actioned::after {
        content: '\eed7'; }

#StoreStockTableWrapper {
  background: #162a39; }
  #StoreStockTableWrapper #ModeManager {
    display: flex; }
    #StoreStockTableWrapper #ModeManager div {
      flex-grow: 1;
      background: black; }
    #StoreStockTableWrapper #ModeManager button {
      background: #202020;
      color: #b54025;
      font-size: 20px;
      padding: 5px 20px;
      font-weight: 600;
      border: none; }
      #StoreStockTableWrapper #ModeManager button.active {
        background: #ff4a20;
        color: black; }
  #StoreStockTableWrapper table {
    width: 100%;
    color: #8abcf7;
    border-collapse: collapse;
    table-layout: fixed;
    position: relative; }
    #StoreStockTableWrapper table tr {
      border: 1px solid #83bdff52; }
      #StoreStockTableWrapper table tr:nth-child(odd) {
        background: rgba(0, 0, 0, 0.25); }
      #StoreStockTableWrapper table tr:hover {
        background: rgba(255, 255, 255, 0.05); }
      #StoreStockTableWrapper table tr .image {
        width: 30px;
        overflow: hidden;
        display: flex;
        justify-content: center; }
        #StoreStockTableWrapper table tr .image img {
          height: 30px; }
      #StoreStockTableWrapper table tr .minChangerWrapper {
        padding: 0px; }
      #StoreStockTableWrapper table tr .minLevelChanger {
        text-align: center;
        background: transparent;
        border: 2px solid;
        width: 100%;
        color: #ff4a21;
        font-weight: 400;
        font-size: 20px;
        padding: 0px; }
        #StoreStockTableWrapper table tr .minLevelChanger:focus {
          outline: none;
          border-color: white; }
        #StoreStockTableWrapper table tr .minLevelChanger.zero {
          color: #34526c; }
      #StoreStockTableWrapper table tr.highlight_line {
        background: #06111b; }
      #StoreStockTableWrapper table tr th:nth-child(2), #StoreStockTableWrapper table tr td:nth-child(2) {
        width: 30px; }
      #StoreStockTableWrapper table tr th:nth-child(3), #StoreStockTableWrapper table tr td:nth-child(3) {
        width: 200px; }
      #StoreStockTableWrapper table tr th:nth-child(4), #StoreStockTableWrapper table tr td:nth-child(4) {
        padding: 0px 20px;
        min-width: 250px; }
      #StoreStockTableWrapper table tr th:nth-child(5), #StoreStockTableWrapper table tr td:nth-child(5) {
        padding: 0px 20px;
        width: 250px; }
    #StoreStockTableWrapper table th {
      z-index: 100;
      position: sticky !important;
      top: 0px;
      background: #080e14 !important;
      padding: 10px 0;
      border-color: #080e14 !important; }
    #StoreStockTableWrapper table td, #StoreStockTableWrapper table th {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      border-left: 1px solid #080e14; }
      #StoreStockTableWrapper table td:nth-child(3), #StoreStockTableWrapper table th:nth-child(3) {
        padding: 0px 20px; }
      #StoreStockTableWrapper table td:last-child, #StoreStockTableWrapper table th:last-child {
        text-align: center; }
    #StoreStockTableWrapper table td {
      position: relative; }
    #StoreStockTableWrapper table .oos {
      opacity: 0.5; }
    #StoreStockTableWrapper table .gap {
      width: 50px;
      background: black; }
    #StoreStockTableWrapper table .level {
      width: 60px;
      text-align: center;
      color: #95ff7d; }
      #StoreStockTableWrapper table .level.total {
        color: #ffb97d; }
      #StoreStockTableWrapper table .level.min {
        color: #c58e71; }
      #StoreStockTableWrapper table .level.due {
        color: #4f8dcc; }
      #StoreStockTableWrapper table .level.onOrder {
        color: #ff1261; }
      #StoreStockTableWrapper table .level.zero {
        color: #34526c; }
        #StoreStockTableWrapper table .level.zero.total {
          color: #ff5c24;
          font-weight: 600; }
  #StoreStockTableWrapper .sortable {
    cursor: pointer; }
    #StoreStockTableWrapper .sortable.active {
      position: relative; }
      #StoreStockTableWrapper .sortable.active::before {
        position: absolute;
        left: 0px; }
      #StoreStockTableWrapper .sortable.active.asc::before {
        font-family: icofont;
        content: '\ea92'; }
      #StoreStockTableWrapper .sortable.active.desc::before {
        font-family: icofont;
        content: '\ea95'; }
  #StoreStockTableWrapper .archive_button_icon {
    background: black;
    color: grey;
    border-radius: 50%;
    border: 1px solid; }
    #StoreStockTableWrapper .archive_button_icon:hover {
      background: red;
      color: white; }
    #StoreStockTableWrapper .archive_button_icon::before {
      font-family: icofont;
      content: '\eea5'; }
  #StoreStockTableWrapper .actioned-in-store {
    color: rgba(255, 255, 255, 0.3);
    border: 1px solid;
    padding: 1px 3px;
    border-radius: 3px;
    background: black;
    box-shadow: 0 0 1px 1px #0000006b; }
    #StoreStockTableWrapper .actioned-in-store::after {
      font-family: icofont;
      content: '\eedd';
      margin-left: 5px; }
    #StoreStockTableWrapper .actioned-in-store.actioned {
      color: #ff0097; }
      #StoreStockTableWrapper .actioned-in-store.actioned::after {
        content: '\eed7'; }

#CashFlowReport .spacer {
  margin-bottom: 500px; }

#CashFlowReport .settings {
  max-width: 1400px;
  margin: auto;
  background: #080e14;
  border: 1px solid #395979;
  padding: 10px 20px;
  margin-top: 20px;
  color: #8bbcf7; }
  #CashFlowReport .settings button {
    background: #395979;
    border: 1px solid #a5cbf1;
    color: #a5cbf1; }

#CashFlowReport .group-summary {
  max-width: 1400px;
  margin: auto; }
  #CashFlowReport .group-summary .heading {
    background: #080e14;
    border: 1px solid #395979;
    padding: 10px 20px;
    margin-bottom: 20px;
    color: #8bbcf7; }
    #CashFlowReport .group-summary .heading .date {
      font-size: 14px;
      color: grey; }
    #CashFlowReport .group-summary .heading .data {
      font-size: 20px; }

#CashFlowReport .changeGroupCallBack {
  border: 1px solid;
  background: black;
  border-radius: 5px;
  color: white; }
  #CashFlowReport .changeGroupCallBack::before {
    font-family: icofont;
    content: '\ef18'; }

#CashFlowReport .ignoreInvoiceCallBack {
  border: 1px solid;
  background: black;
  border-radius: 5px;
  color: white; }
  #CashFlowReport .ignoreInvoiceCallBack::before {
    font-family: icofont;
    content: '\eebb'; }

#CashFlowReport .edit-group-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; }
  #CashFlowReport .edit-group-wrapper .inputs {
    display: flex; }
    #CashFlowReport .edit-group-wrapper .inputs .swatch {
      margin: 3px;
      width: 40px;
      border-radius: 4px; }
    #CashFlowReport .edit-group-wrapper .inputs input {
      background: #212d35;
      color: #aadbfe;
      padding: 10px 20px;
      border-radius: 4px;
      margin: 3px;
      border: 1px solid #aadbfe;
      text-align: center; }
      #CashFlowReport .edit-group-wrapper .inputs input:last-child {
        width: 70px; }
    #CashFlowReport .edit-group-wrapper .inputs input[type=color] {
      background: unset;
      padding: unset;
      height: 46px; }
  #CashFlowReport .edit-group-wrapper button {
    background: #141414;
    color: white;
    padding: 10px 20px;
    border-radius: 4px;
    margin: 3px;
    border: 1px solid; }

#CashFlowReport .contact-group-changer .buttons {
  display: flex;
  flex-wrap: wrap; }
  #CashFlowReport .contact-group-changer .buttons button {
    background: #141414;
    color: white;
    padding: 10px 20px;
    border-radius: 4px;
    margin: 3px;
    border: 1px solid; }

#CashFlowReport .contact-group-changer .new_group {
  margin-top: 20px; }
  #CashFlowReport .contact-group-changer .new_group input {
    background: #a6ceec;
    color: #0c2436;
    padding: 10px 20px;
    border-radius: 4px;
    margin: 3px;
    border: 1px solid #aadbfe;
    box-shadow: inset 0 0 4px 2px #00000063;
    text-align: center; }
  #CashFlowReport .contact-group-changer .new_group button {
    background: #1e3c52;
    color: #aadbff;
    margin-left: 20px;
    padding: 10px 20px;
    border-radius: 4px;
    border: 1px solid; }

#CashFlowReport .outer-wrapper {
  max-width: 1400px;
  overflow: auto;
  margin: auto; }
  #CashFlowReport .outer-wrapper .wrapper {
    display: flex; }
    #CashFlowReport .outer-wrapper .wrapper .month-summary {
      border: 1px solid #395979;
      color: #8bbcf7;
      background: #080e14;
      width: 350px;
      min-width: 350px;
      padding: 20px;
      margin: 20px; }
      #CashFlowReport .outer-wrapper .wrapper .month-summary.current {
        border-color: #8dc1f6;
        box-shadow: 0 0 1px 1px #8dc1f6; }
      #CashFlowReport .outer-wrapper .wrapper .month-summary:first-child {
        margin-left: 0px; }
      #CashFlowReport .outer-wrapper .wrapper .month-summary:last-child {
        margin-right: 0px; }
      #CashFlowReport .outer-wrapper .wrapper .month-summary .heading {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-bottom: 20px; }
        #CashFlowReport .outer-wrapper .wrapper .month-summary .heading span {
          font-size: 12px;
          color: grey; }
        #CashFlowReport .outer-wrapper .wrapper .month-summary .heading .value {
          color: #ff3167;
          display: flex;
          align-items: center; }
          #CashFlowReport .outer-wrapper .wrapper .month-summary .heading .value span {
            color: #636e7e;
            margin-left: 10px; }
      #CashFlowReport .outer-wrapper .wrapper .month-summary .group {
        display: flex;
        align-items: center;
        padding: 1px 10px;
        cursor: pointer;
        border-top: 1px solid #2e3c46;
        border-bottom: 1px solid #2e3c46; }
        #CashFlowReport .outer-wrapper .wrapper .month-summary .group i {
          margin-right: 5px; }
        #CashFlowReport .outer-wrapper .wrapper .month-summary .group:hover {
          border-color: #596f7d;
          background: #30363a; }
        #CashFlowReport .outer-wrapper .wrapper .month-summary .group.active {
          border-color: #596f7d;
          background: #30363a; }
        #CashFlowReport .outer-wrapper .wrapper .month-summary .group strong {
          flex-grow: 1; }

#SortableTable {
  background: #162a39; }
  #SortableTable .showGraph {
    border: none;
    background: transparent;
    color: #7c94b1;
    padding: 0px;
    transition: all 0.15s ease; }
    #SortableTable .showGraph:hover {
      color: #ffe9a9; }
    #SortableTable .showGraph::before {
      font-family: icofont;
      content: '\e979'; }
  #SortableTable table {
    width: 100%;
    color: #8abcf7;
    border-collapse: collapse;
    table-layout: fixed;
    position: relative; }
    #SortableTable table tr {
      border: 1px solid #83bdff52;
      border-left: 1px solid #395979; }
      #SortableTable table tr:nth-child(odd) {
        background: rgba(0, 0, 0, 0.25); }
      #SortableTable table tr:hover {
        background: rgba(255, 255, 255, 0.05); }
      #SortableTable table tr.highlight_line {
        background: #06111b; }
    #SortableTable table th {
      z-index: 100;
      position: sticky !important;
      top: 0px;
      background: #080e14 !important;
      padding: 10px 0;
      border-color: #080e14 !important; }
    #SortableTable table td, #SortableTable table th {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      padding-left: 5px;
      padding-right: 5px; }
    #SortableTable table td {
      position: relative; }
  #SortableTable .number {
    text-align: right; }
  #SortableTable .note_changer {
    overflow: visible;
    color: #859ba8; }
    #SortableTable .note_changer::before {
      font-family: icofont;
      content: '\ef10';
      margin-right: 5px; }
    #SortableTable .note_changer input {
      border: none;
      background: transparent;
      color: #ffe9a9; }
      #SortableTable .note_changer input:focus {
        outline: none; }
  #SortableTable .level {
    width: 60px;
    text-align: center;
    color: #95ff7d; }
    #SortableTable .level.total {
      color: #ffb97d; }
    #SortableTable .level.due {
      color: #4f8dcc; }
    #SortableTable .level.zero {
      color: #34526c; }
      #SortableTable .level.zero.total {
        color: #ff5c24;
        font-weight: 600; }
  #SortableTable .not_listed_anywhere .location {
    background: #ff1161;
    color: white; }
  #SortableTable .location {
    width: 70px;
    text-align: center; }
    #SortableTable .location.none {
      opacity: 0.2; }
    #SortableTable .location.archived {
      opacity: 0.5; }
  #SortableTable .sortable {
    cursor: pointer; }
    #SortableTable .sortable.active {
      position: relative; }
      #SortableTable .sortable.active::before {
        left: 0px; }
      #SortableTable .sortable.active.asc::before {
        font-family: icofont;
        content: '\ea92'; }
      #SortableTable .sortable.active.desc::before {
        font-family: icofont;
        content: '\ea95'; }

.data_block {
  background: rgba(255, 255, 255, 0.1);
  padding: 20px;
  margin-bottom: 20px; }

.data_header {
  color: orange;
  font-size: 30px;
  margin-bottom: 15px; }

.SA_Table {
  width: 100%;
  background: white;
  color: black;
  margin-bottom: 40px;
  margin-top: 10px; }
  .SA_Table tr {
    border-bottom: 1px solid; }
  .SA_Table td, .SA_Table th {
    padding: 0px 10px; }
    .SA_Table td.sku, .SA_Table th.sku {
      white-space: nowrap; }
    .SA_Table td.number, .SA_Table th.number {
      text-align: center;
      width: 80px; }
    .SA_Table td.zero-value, .SA_Table th.zero-value {
      text-align: center;
      width: 80px;
      color: grey; }
    .SA_Table td.price, .SA_Table th.price {
      text-align: right; }
      .SA_Table td.price::before, .SA_Table th.price::before {
        content: '£'; }

#StockTakeManual {
  background: #3b72a2;
  overflow: auto;
  padding-bottom: 200px; }
  #StockTakeManual .p_search {
    position: sticky;
    top: 0px;
    z-index: 100; }

.reorder_info_block {
  padding: 20px 50px 10px 50px;
  margin: 20px auto; }
  .reorder_info_block .collapse_toggle {
    color: #80c0ee !important;
    font-weight: 100 !important; }
    .reorder_info_block .collapse_toggle:hover {
      color: #5fbcff !important;
      font-weight: 100 !important; }

#CDPrintConfigManager {
  padding: 50px 0 200px 0;
  max-width: 1200px;
  margin: auto; }
  #CDPrintConfigManager .save_button {
    position: fixed;
    top: 100px;
    right: 100px;
    padding: 20px 30px;
    border-radius: 10px;
    background: #059e4a;
    color: white;
    border: 1px solid;
    font-size: 20px;
    transition: all 0.15s ease;
    opacity: 0.6; }
    #CDPrintConfigManager .save_button:hover {
      transform: scale(1.05);
      opacity: 1; }
  #CDPrintConfigManager .print-config-heading {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #3a5d7c;
    color: orange;
    margin-bottom: 5px;
    margin-top: 15px;
    border-radius: 10px;
    padding: 5px 15px; }
  #CDPrintConfigManager .print-config-row {
    display: flex;
    align-items: center;
    padding: 5px 15px;
    background: #1f2f3e;
    border-radius: 10px;
    margin-bottom: 2px;
    cursor: move;
    align-items: center;
    border: 1px solid #3a5d7c;
    transition: border-color 0.2s ease; }
    #CDPrintConfigManager .print-config-row.is_hidden {
      opacity: 0.5 !important; }
    #CDPrintConfigManager .print-config-row:hover {
      border-color: #5fbcff; }
    #CDPrintConfigManager .print-config-row .print-config-title {
      flex-grow: 1;
      color: orange; }
    #CDPrintConfigManager .print-config-row .print-config-hidden input {
      display: none; }
    #CDPrintConfigManager .print-config-row .print-config-hidden label {
      cursor: pointer;
      transition: all 0.15s ease;
      color: rgba(255, 255, 255, 0.2);
      padding: 5px 10px 0px 0px;
      font-size: 30px;
      line-height: 16px; }
      #CDPrintConfigManager .print-config-row .print-config-hidden label:hover {
        color: rgba(255, 255, 255, 0.7); }
      #CDPrintConfigManager .print-config-row .print-config-hidden label::before {
        font-family: icofont;
        content: '\ef22'; }
    #CDPrintConfigManager .print-config-row .print-config-hidden.is_hidden label {
      color: #ef3647; }
    #CDPrintConfigManager .print-config-row .print-config-alt-value input {
      width: 280px; }

.react-autosuggest__container {
  position: relative; }

.react-autosuggest__input {
  width: 280px; }

.react-autosuggest__input--focused {
  outline: none; }

.react-autosuggest__input--open {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important; }

.react-autosuggest__suggestions-container {
  display: none; }

.react-autosuggest__suggestions-container--open {
  display: block;
  position: absolute;
  top: 42px;
  width: 280px;
  border: 2px solid #5fbcff;
  background-color: #151c20;
  font-weight: 300;
  font-size: 16px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  z-index: 2; }

.react-autosuggest__suggestions-list {
  margin: 0;
  padding: 0;
  list-style-type: none; }

.react-autosuggest__suggestion {
  cursor: pointer;
  padding: 10px 20px; }

.react-autosuggest__suggestion--highlighted {
  background-color: #31465a;
  color: #5fbcff; }

.filterWarning {
  background: #ff0047;
  font-size: 20px;
  padding: 8px;
  text-align: center;
  position: fixed;
  width: 100%;
  top: 60px;
  z-index: 1000; }

/*# sourceMappingURL=master.css.map */
@charset "UTF-8";
/* schedule.scss */
#schedule-app {
  height: calc(100vh);
  width: 100vw;
  display: flex; }
  #schedule-app .mode-notices {
    position: sticky;
    top: 0px;
    width: 100%;
    z-index: 1000;
    display: flex;
    flex-direction: column;
    gap: 5px; }
  #schedule-app .quickNotice {
    width: 100%;
    background: #ef2a0c;
    color: rgba(255, 255, 255, 0.8);
    text-align: center;
    padding: 3px;
    border-radius: 10px;
    cursor: pointer; }
  #schedule-app .groupingNotice {
    width: 100%;
    background: #0c6cef;
    color: rgba(255, 255, 255, 0.8);
    text-align: center;
    padding: 3px;
    border-radius: 10px;
    cursor: pointer; }
  #schedule-app .quickToggle {
    position: fixed;
    top: 100px;
    left: 50px;
    font-size: 30px;
    cursor: pointer;
    border: 1px solid;
    height: 50px;
    width: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    opacity: 0.3;
    cursor: pointer;
    transition: all 0.2s ease; }
    #schedule-app .quickToggle:hover {
      color: #ff3c00; }
    #schedule-app .quickToggle.on {
      color: #ff3c00;
      opacity: 1; }
  #schedule-app .margin-top {
    margin-top: 20px; }
  #schedule-app .other-view-string {
    color: #7ca4c9; }
    #schedule-app .other-view-string span {
      color: #4797e2; }
  #schedule-app .info-box {
    padding: 5px 20px;
    background: #17252f;
    color: #6695be;
    border: 1px solid #406484;
    border-radius: 5px; }
    #schedule-app .info-box ul, #schedule-app .info-box ol {
      font-size: 16px;
      color: #698192;
      margin-bottom: 10px; }
    #schedule-app .info-box::before {
      font-family: icofont;
      content: '\ef4e';
      margin-right: 10px; }
  #schedule-app #view-hero-title {
    position: sticky;
    top: -40px;
    width: calc(100% + 80px);
    margin-left: -40px;
    font-size: 18px;
    height: 40px;
    z-index: 100;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #17252f;
    box-shadow: 0 10px 10px 0px #0b131a8c;
    border-bottom: 1px solid #32393e;
    color: #e9eef4; }
  #schedule-app #scheudle-main-content {
    height: calc(100vh);
    flex-grow: 1;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 40px 20px;
    position: relative; }
  #schedule-app #schedule-side-bar {
    height: 100vh;
    flex-basis: 300px;
    border-left: 2px solid #2c343b; }
    @media (max-width: 1200px) {
      #schedule-app #schedule-side-bar {
        display: none; } }
    #schedule-app #schedule-side-bar #sidebar-content {
      display: flex;
      flex-direction: column;
      height: 100vh; }
      #schedule-app #schedule-side-bar #sidebar-content #week-totals-section {
        overflow: auto;
        padding: 20px 20px;
        flex-grow: 1; }
      #schedule-app #schedule-side-bar #sidebar-content #controls-and-links {
        display: flex;
        justify-content: space-evenly;
        align-items: center;
        height: 40px;
        padding: 8px;
        background: #17252f;
        border-bottom: 1px solid #32393e; }
        #schedule-app #schedule-side-bar #sidebar-content #controls-and-links a {
          color: #757f88;
          font-size: 20px;
          transition: all 0.1s ease;
          text-decoration: none;
          line-height: 0;
          padding: 0px 15px;
          cursor: pointer; }
          #schedule-app #schedule-side-bar #sidebar-content #controls-and-links a:hover {
            color: #FABC2A; }
        #schedule-app #schedule-side-bar #sidebar-content #controls-and-links button {
          color: #757f88;
          font-size: 20px;
          transition: all 0.1s ease;
          text-decoration: none;
          line-height: 0;
          padding: 0px 15px;
          cursor: pointer;
          background: transparent;
          border: none; }
          #schedule-app #schedule-side-bar #sidebar-content #controls-and-links button:focus {
            outline: none;
            box-shadow: none; }
          #schedule-app #schedule-side-bar #sidebar-content #controls-and-links button.active {
            color: #FABC2A; }
      #schedule-app #schedule-side-bar #sidebar-content #action-history {
        padding: 20px;
        border-top: 1px solid #757f88; }
        #schedule-app #schedule-side-bar #sidebar-content #action-history.full {
          overflow: auto;
          border-top: none;
          flex-grow: 1; }
          #schedule-app #schedule-side-bar #sidebar-content #action-history.full .history-tite::before {
            content: '\ea92'; }
          #schedule-app #schedule-side-bar #sidebar-content #action-history.full .event {
            margin-bottom: 4px; }
          #schedule-app #schedule-side-bar #sidebar-content #action-history.full .clear-history::before {
            content: '\eebb'; }
          #schedule-app #schedule-side-bar #sidebar-content #action-history.full .clear-history:hover {
            color: #ef3647; }
        #schedule-app #schedule-side-bar #sidebar-content #action-history .history-tite, #schedule-app #schedule-side-bar #sidebar-content #action-history .clear-history {
          cursor: pointer;
          color: #757f88;
          padding-bottom: 10px; }
          #schedule-app #schedule-side-bar #sidebar-content #action-history .history-tite:hover, #schedule-app #schedule-side-bar #sidebar-content #action-history .clear-history:hover {
            color: #fa9251; }
          #schedule-app #schedule-side-bar #sidebar-content #action-history .history-tite::before, #schedule-app #schedule-side-bar #sidebar-content #action-history .clear-history::before {
            font-family: icofont;
            content: '\ea95'; }
        #schedule-app #schedule-side-bar #sidebar-content #action-history .event {
          font-size: 12px; }
          #schedule-app #schedule-side-bar #sidebar-content #action-history .event .item {
            color: #fa9251; }
            #schedule-app #schedule-side-bar #sidebar-content #action-history .event .item .ts {
              color: #757f88;
              margin-right: 10px; }
          #schedule-app #schedule-side-bar #sidebar-content #action-history .event .action {
            color: #c0f0ff; }

.custom-options-warning {
  background: #0b131a;
  color: #ff007e;
  display: inline-block;
  padding: 5px 10px;
  border-radius: 5px; }

.item-note {
  color: #5e5957;
  font-weight: 600;
  margin: 20px 0px; }
  .item-note::before {
    font-family: icofont;
    content: '\ef4e';
    margin-right: 10px; }

#add-line-to-view-wrapper {
  background: #e9eef4;
  background: #32393e;
  color: #060a0e;
  padding: 10px;
  border-top: 1px solid #757f88; }
  #add-line-to-view-wrapper .warning {
    color: #151515 !important;
    margin-bottom: 10px;
    font-size: 14px;
    background: #ff5c37;
    border-radius: 5px;
    padding: 10px; }
  #add-line-to-view-wrapper .barcode-scan {
    position: relative; }
    #add-line-to-view-wrapper .barcode-scan label {
      color: #e9eef4;
      position: absolute;
      right: 10px;
      top: -5px;
      font-size: 25px;
      transition: all 0.2s ease; }
      #add-line-to-view-wrapper .barcode-scan label::after {
        font-family: icofont;
        content: '\e963'; }
    #add-line-to-view-wrapper .barcode-scan input {
      width: 100%;
      border-radius: 5px;
      text-align: center;
      border: 1px solid #757f88;
      background: #32393e;
      color: #e9eef4;
      transition: all 0.2s ease;
      font-weight: 400; }
      #add-line-to-view-wrapper .barcode-scan input:focus {
        color: #060a0e;
        padding: 15px 10px;
        border-color: #ff7a52;
        box-shadow: inset 0 0 2px 2px #3131318f;
        outline: none;
        background: #e9eef4; }
        #add-line-to-view-wrapper .barcode-scan input:focus + label {
          color: #ff7a52;
          top: 5px;
          font-size: 29px; }

.rs-ws-picker {
  margin: auto;
  max-width: 1100px;
  display: flex; }
  .rs-ws-picker button::before {
    content: '\e9a6'; }

.order-filter-bar {
  position: relative;
  margin-top: 20px; }
  .order-filter-bar input {
    width: 100%;
    padding: 5px 20px;
    border-radius: 1px;
    background-color: #985acd;
    color: #f0deff;
    border: 1px solid #deb6ff; }
    .order-filter-bar input:placeholder-shown {
      background: #32393e;
      border: 1px solid #757f88;
      color: #e9eef4; }
  .order-filter-bar::after {
    font-family: icofont;
    content: '\eee1';
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 20px;
    color: rgba(225, 255, 255, 0.3);
    cursor: pointer; }
  .order-filter-bar:hover::after {
    color: rgba(225, 255, 255, 0.7); }

#error-wrapper, #message-wrapper {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100vw;
  z-index: 10000;
  opacity: 0.95; }
  #error-wrapper .fading-error-message, #message-wrapper .fading-error-message {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #ff0040;
    font-size: 18px;
    border-radius: 1px;
    animation: holdAndSlideUpAnimation 3s ease-out;
    overflow: hidden;
    height: 0px;
    padding: 0px 20px; }
  #error-wrapper .fading-confirm-message, #message-wrapper .fading-confirm-message {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #059e4a;
    font-size: 18px;
    border-radius: 1px;
    animation: holdAndSlideUpAnimation 3s ease-out;
    overflow: hidden;
    height: 0px;
    padding: 0px 20px; }
  #error-wrapper .fading-info-message, #message-wrapper .fading-info-message {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #ce5338;
    font-size: 18px;
    border-radius: 1px;
    animation: holdAndSlideUpAnimation 6s ease-out;
    overflow: hidden;
    height: 0px;
    padding: 0px 20px; }

.rs-menu, .rs-orders {
  margin: auto;
  max-width: 1100px; }
  .rs-menu .no-group-items, .rs-orders .no-group-items {
    display: flex;
    margin: 20px 0px; }
  .rs-menu .groups, .rs-orders .groups {
    display: flex;
    flex-wrap: nowrap; }
    .rs-menu .groups .group-button.selected-view, .rs-orders .groups .group-button.selected-view {
      color: #64b6ff !important; }
    .rs-menu .groups.open .group-button, .rs-orders .groups.open .group-button {
      border-radius: 15px 15px 0 0;
      padding: 10px 5px 5px 5px;
      margin: 0px 10px; }
      .rs-menu .groups.open .group-button::after, .rs-orders .groups.open .group-button::after {
        z-index: 99;
        pointer-events: none;
        content: "";
        position: absolute;
        left: 100%;
        bottom: 0%;
        width: 30px;
        height: 30px;
        background-color: transparent;
        background-image: radial-gradient(circle at 100% 0, transparent 70%, #17252f 71%); }
      .rs-menu .groups.open .group-button::before, .rs-orders .groups.open .group-button::before {
        z-index: 99;
        pointer-events: none;
        content: "";
        position: absolute;
        right: 100%;
        bottom: 0%;
        width: 30px;
        height: 30px;
        background-color: transparent;
        background-image: radial-gradient(circle at 0 0, transparent 70%, #17252f 71%); }
    .rs-menu .groups .group-button, .rs-orders .groups .group-button {
      padding: 10px 5px 10px 5px;
      flex-grow: 1;
      margin: 0px 5px;
      border: transparent;
      border-radius: 5px;
      position: relative;
      background: #17252f;
      color: #a3adb9;
      display: flex;
      align-items: center;
      justify-content: center; }
      .rs-menu .groups .group-button input, .rs-orders .groups .group-button input {
        width: 30px;
        text-align: center;
        background: transparent;
        border: none;
        color: orange; }
        .rs-menu .groups .group-button input:focus, .rs-orders .groups .group-button input:focus {
          outline: none; }
      .rs-menu .groups .group-button:focus, .rs-orders .groups .group-button:focus {
        box-shadow: none;
        outline: none; }
      .rs-menu .groups .group-button .icon, .rs-orders .groups .group-button .icon {
        position: relative;
        display: block;
        margin-right: 10px;
        line-height: 1; }
        @media (max-width: 1400px) {
          .rs-menu .groups .group-button .icon, .rs-orders .groups .group-button .icon {
            display: none; } }
        .rs-menu .groups .group-button .icon::before, .rs-orders .groups .group-button .icon::before {
          font-family: icofont;
          content: '\ef36';
          font-size: 28px; }
        .rs-menu .groups .group-button .icon::after, .rs-orders .groups .group-button .icon::after {
          position: absolute;
          left: 50%;
          top: 10px;
          font-size: 12px;
          transform: translateX(-50%);
          color: #060a0e;
          content: attr(data-line-count); }
        .rs-menu .groups .group-button .icon.active::before, .rs-orders .groups .group-button .icon.active::before {
          content: '\ef35'; }
      .rs-menu .groups .group-button:first-child, .rs-orders .groups .group-button:first-child {
        margin-left: 0px; }
      .rs-menu .groups .group-button:last-child, .rs-orders .groups .group-button:last-child {
        margin-right: 0px; }
      .rs-menu .groups .group-button.active, .rs-orders .groups .group-button.active {
        z-index: 100;
        background: #283d4f;
        color: #e9eef4; }
        .rs-menu .groups .group-button.active::after, .rs-orders .groups .group-button.active::after {
          z-index: 100;
          pointer-events: none;
          content: "";
          position: absolute;
          left: 100%;
          bottom: 0%;
          width: 30px;
          height: 30px;
          background-color: transparent;
          background-image: radial-gradient(circle at 100% 0, transparent 70%, #283d4f 71%); }
        .rs-menu .groups .group-button.active::before, .rs-orders .groups .group-button.active::before {
          z-index: 100;
          pointer-events: none;
          content: "";
          position: absolute;
          right: 100%;
          bottom: 0%;
          width: 30px;
          height: 30px;
          background-color: transparent;
          background-image: radial-gradient(circle at 0 0, transparent 70%, #283d4f 71%); }
  .rs-menu .active-group, .rs-orders .active-group {
    display: flex;
    background: #283d4f;
    padding: 20px;
    border-radius: 0 0 5px 5px; }

.rs-orders {
  padding: 0px 2px; }
  .rs-orders .no_orders {
    background: #293d4f;
    text-align: center;
    border-radius: 5px;
    margin-top: 30px;
    color: #e5984c;
    font-size: 18px;
    padding: 20px; }
  .rs-orders button:focus, .rs-orders input:focus {
    outline: none;
    box-shadow: none; }
  .rs-orders .week-break {
    background: #406484;
    color: #e9eef4;
    font-weight: 400;
    padding: 5px 10px;
    margin-bottom: 20px;
    margin-top: 20px;
    border-radius: 1px;
    display: flex;
    align-items: center; }
    .rs-orders .week-break span {
      flex-grow: 1; }
    .rs-orders .week-break button {
      transition: all 0.5s ease;
      overflow: hidden;
      width: 30px;
      padding: 0px 3px;
      line-height: 26px;
      color: #5f8bb1;
      background: #22313e;
      border-radius: 50px;
      border: none;
      font-size: 22px;
      border: 1px solid #22313e; }
      .rs-orders .week-break button::before {
        font-family: icofont;
        content: '\efc0';
        margin-right: 10px; }
      .rs-orders .week-break button::after {
        content: 'Add Internal Task';
        white-space: nowrap; }
      .rs-orders .week-break button:hover {
        width: 220px;
        background: #71aee3;
        color: #0b131a;
        border: 1px solid #0b131a; }
    .rs-orders .week-break.focused_week {
      background: #ce5338;
      color: #cbe6ff; }
    .rs-orders .week-break.hidden_week {
      background: yellow; }
    .rs-orders .week-break.empty:not(.focused_week) {
      background: #757f88;
      display: flex;
      justify-content: space-between;
      font-size: 8px;
      padding: 2px 10px;
      margin: 2px auto;
      transition: font-size 0.15s ease; }
    .rs-orders .week-break.empty.focused_week::after {
      content: 'No view orders with lines in this week...';
      position: absolute;
      display: block;
      margin-top: 20px;
      color: #fbbb2b; }
  .rs-orders .order {
    padding: 20px;
    margin-bottom: 20px;
    margin-top: 20px;
    border-radius: 1px;
    background: #32393e;
    transition: height,margin,border,padding 0.15s ease;
    position: relative;
    border: 1px solid transparent; }
    .rs-orders .order .outline_action_button {
      margin: 5px;
      border-radius: 5px;
      background: transparent;
      color: #757f88;
      border: 1px solid;
      padding: 0px;
      font-size: 26px;
      position: relative;
      height: 60px;
      width: 60px; }
      .rs-orders .order .outline_action_button:hover {
        color: #e9eef4; }
      .rs-orders .order .outline_action_button.active {
        color: orange; }
        .rs-orders .order .outline_action_button.active::after {
          content: '\ea6a'; }
    .rs-orders .order .view_full_order_link_button {
      margin: 5px;
      border-radius: 5px;
      background: transparent;
      color: #757f88;
      border: 1px solid;
      padding: 0px;
      font-size: 26px;
      position: relative;
      height: 60px;
      width: 60px; }
      .rs-orders .order .view_full_order_link_button:hover {
        color: #e9eef4; }
      .rs-orders .order .view_full_order_link_button::after {
        font-family: icofont;
        content: '\efb2';
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%); }
    .rs-orders .order.history_banner {
      background: #0b0c0e;
      border-color: #0d2c42;
      position: relative; }
      .rs-orders .order.history_banner h2 {
        color: #4989b8 !important; }
      .rs-orders .order.history_banner::after {
        opacity: 1;
        content: 'Previously Moved';
        color: #4fadf0;
        background: #0d2c42;
        position: absolute;
        top: 15px;
        right: -15px;
        box-shadow: 0 0 2px 2px #00000069;
        padding: 10px 40px; }
      .rs-orders .order.history_banner .details {
        color: #4fadf0;
        background: #0d2c42 !important; }
        .rs-orders .order.history_banner .details table {
          color: black; }
    .rs-orders .order.canceled .order-header {
      align-items: center; }
    .rs-orders .order.canceled.focused {
      box-shadow: inset 0 0 0px 3px #ef3647; }
    .rs-orders .order.complete::before {
      content: 'Complete';
      color: #59e59a;
      background: #059e4a;
      z-index: 1000;
      font-size: 20px;
      padding: 3px 20px;
      margin-bottom: 20px;
      margin-left: -20px;
      width: calc(100% + 40px);
      display: block; }
    .rs-orders .order.complete.focused {
      box-shadow: none;
      border-color: #059e4a; }
    .rs-orders .order.complete .actions {
      display: none; }
    .rs-orders .order.complete .order-line {
      border-radius: 1px;
      overflow: hidden; }
    .rs-orders .order.drag-active::after {
      content: 'Attach File';
      position: absolute;
      top: 20px;
      left: 20px;
      background: #1a1a1a;
      border-radius: 3px;
      padding: 10px 20px;
      font-size: 24px;
      color: #ff5c37; }
    .rs-orders .order.drag-active .order-file-upload {
      border: 5px solid #ff5c37; }
      .rs-orders .order.drag-active .order-file-upload::before {
        color: #ff5c37; }
    .rs-orders .order.drag-active .drag-note {
      color: #ff5c37; }
    .rs-orders .order.focused {
      box-shadow: inset 0 0 0px 5px #406484;
      animation: pulseBoxShadow 1s ease-in-out; }
      .rs-orders .order.focused.all_moved {
        box-shadow: none !important; }
    .rs-orders .order.all_moved {
      padding: 0px 0px;
      border: none;
      margin-bottom: 10px;
      margin-top: 10px;
      background: transparent; }
      .rs-orders .order.all_moved .order-header, .rs-orders .order.all_moved .order-notes, .rs-orders .order.all_moved .drag-note, .rs-orders .order.all_moved .order-files, .rs-orders .order.all_moved .po_buttons {
        max-height: 0px;
        padding: 0px 10px;
        overflow: hidden;
        margin-bottom: 0px; }
    .rs-orders .order .drag-note {
      color: #757f88;
      font-size: 12px;
      margin-bottom: 10px; }
    .rs-orders .order .order-files {
      margin-bottom: 20px; }
      .rs-orders .order .order-files .order-file {
        font-size: 14px; }
        .rs-orders .order .order-files .order-file a {
          color: #757f88;
          text-decoration: none; }
          .rs-orders .order .order-files .order-file a:hover {
            color: #e9eef4;
            text-decoration: underline; }
        .rs-orders .order .order-files .order-file .remove-file {
          margin-right: 10px;
          border: none;
          background: transparent;
          padding: 0px;
          color: #546779; }
          .rs-orders .order .order-files .order-file .remove-file:hover {
            color: #ef3647; }
          .rs-orders .order .order-files .order-file .remove-file::before {
            font-family: icofont;
            content: '\eebb'; }
    .rs-orders .order .order-notes {
      margin-bottom: 10px; }
      .rs-orders .order .order-notes .lw-note-input {
        width: 100%;
        display: flex;
        margin-top: 10px; }
        .rs-orders .order .order-notes .lw-note-input input {
          flex-grow: 1;
          flex-grow: 1;
          background: #060a0e;
          border: 1px solid #757f88;
          border-radius: 1px;
          margin-right: 10px;
          color: #c2e0fb;
          font-size: 14px;
          padding: 0px 10px; }
        .rs-orders .order .order-notes .lw-note-input button {
          font-size: 14px;
          border: none;
          border-radius: 1px;
          color: #060a0e;
          background: #757f88; }
          .rs-orders .order .order-notes .lw-note-input button:hover {
            color: #060a0e;
            background: #e9eef4; }
      .rs-orders .order .order-notes .order-note {
        font-size: 14px; }
        .rs-orders .order .order-notes .order-note::before {
          font-family: icofont;
          content: '\ec6f';
          margin-right: 10px; }
        .rs-orders .order .order-notes .order-note.not-printed {
          opacity: 0.3;
          font-size: 10px; }
        .rs-orders .order .order-notes .order-note.printed {
          color: #e9a1ff; }
    .rs-orders .order .order-header {
      max-height: 500px;
      transition: margin,height,max-height,padding 0.15s ease;
      margin-bottom: 10px;
      display: flex;
      justify-content: space-between; }
      .rs-orders .order .order-header .total-time {
        color: #a09fff;
        background: #060a0e;
        padding: 3px 12px;
        border-radius: 5px;
        margin-right: 10px; }
        .rs-orders .order .order-header .total-time::before {
          font-family: icofont;
          content: '\e9b9';
          margin-right: 5px; }
      .rs-orders .order .order-header .canceled-badge {
        background: #060a0e;
        color: #ef3647;
        padding: 3px 12px;
        border-radius: 5px;
        margin-right: 10px;
        font-weight: 600; }
        .rs-orders .order .order-header .canceled-badge::before {
          content: 'CANCELED'; }
      .rs-orders .order .order-header .actions {
        display: flex; }
      .rs-orders .order .order-header .fileInput {
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
        pointer-events: none; }
      .rs-orders .order .order-header .order-file-upload {
        background: pink;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 24px;
        color: #060a0e; }
        .rs-orders .order .order-header .order-file-upload::before {
          font-family: icofont;
          content: '\edfa'; }
      .rs-orders .order .order-header h2 {
        font-size: 20px;
        margin-bottom: 5px;
        color: #e9eef4; }
      .rs-orders .order .order-header p {
        margin: 0; }
      .rs-orders .order .order-header .order_action {
        color: #060a0e !important;
        background: #757f88 !important;
        box-shadow: none !important;
        position: relative; }
        .rs-orders .order .order-header .order_action.reprint::after {
          font-family: icofont;
          content: '\ec7f';
          position: absolute;
          color: #060a0e;
          font-size: 20px;
          top: 9px;
          left: 27px;
          -webkit-text-stroke: 1px #757f88; }
        .rs-orders .order .order-header .order_action.active {
          background: #ff7200 !important;
          color: #e5e4e3 !important; }
          .rs-orders .order .order-header .order_action.active:hover {
            background: #ff7200 !important; }
        .rs-orders .order .order-header .order_action:hover {
          background: #e9eef4 !important; }
        .rs-orders .order .order-header .order_action.danger:hover {
          background: #ef3647 !important;
          color: white !important; }
      .rs-orders .order .order-header .order-dates {
        color: #6cff6c; }
        .rs-orders .order .order-header .order-dates.due-soon {
          color: #f3b539; }
        .rs-orders .order .order-header .order-dates.over-due {
          color: #f51f4c; }
        .rs-orders .order .order-header .order-dates .date_info {
          color: #ffcc70;
          font-size: 14px; }
        .rs-orders .order .order-header .order-dates .date-changer {
          display: flex;
          align-items: center; }
          .rs-orders .order .order-header .order-dates .date-changer .date-string {
            width: 325px; }
          .rs-orders .order .order-header .order-dates .date-changer .date-buttons button {
            background: transparent;
            border: 1px solid #757f88;
            border-radius: 1px;
            color: #e9eef4;
            transition: all 0.1s ease; }
            .rs-orders .order .order-header .order-dates .date-changer .date-buttons button:hover {
              background: #e9eef4;
              color: #060a0e; }
    .rs-orders .order .order-lines .order-line {
      color: #060a0e;
      margin-bottom: 10px;
      position: relative; }
      .rs-orders .order .order-lines .order-line.out-of-stock::after {
        position: absolute;
        top: 5px;
        right: -6px;
        content: 'Out Of Stock';
        z-index: 100;
        background: #f51f4c;
        font-weight: 600;
        color: white;
        padding: 3px 15px;
        font-size: 12px; }
      .rs-orders .order .order-lines .order-line .inLineNameChange {
        background: transparent;
        border: 1px solid black;
        margin-right: 6px;
        padding: 0px 5px;
        width: 100%; }
      .rs-orders .order .order-lines .order-line .line-movement-date {
        display: flex;
        gap: 5px;
        align-items: center;
        background: black;
        padding: 3px 10px;
        color: #d8d8d8; }
        .rs-orders .order .order-lines .order-line .line-movement-date .soft {
          color: grey; }
        .rs-orders .order .order-lines .order-line .line-movement-date .when {
          font-weight: 600; }
        .rs-orders .order .order-lines .order-line .line-movement-date.green .when {
          color: #5dadff; }
        .rs-orders .order .order-lines .order-line .line-movement-date.amber .when {
          color: #e99e3a; }
        .rs-orders .order .order-lines .order-line .line-movement-date.red .when {
          color: #e71651; }
      .rs-orders .order .order-lines .order-line .inLineSaveButton {
        background: #3f3e3e;
        color: white;
        border: none;
        border-radius: 3px;
        transition: all .15s ease; }
        .rs-orders .order .order-lines .order-line .inLineSaveButton::before {
          font-family: icofont;
          content: '\ee00';
          margin-right: 10px; }
        .rs-orders .order .order-lines .order-line .inLineSaveButton:hover {
          background: black; }
      .rs-orders .order .order-lines .order-line .stock-level-info {
        background: #060a0e;
        color: #FABC2A;
        padding: 10px;
        border-bottom: 1px solid #2d2d2d; }
      .rs-orders .order .order-lines .order-line.canceled .details {
        color: #ef3647;
        text-decoration: line-through; }
      .rs-orders .order .order-lines .order-line.moved .details {
        max-height: 0px;
        padding: 0px 10px;
        overflow: hidden; }
      .rs-orders .order .order-lines .order-line.moved .line-movement-date {
        max-height: 0px;
        padding: 0px 0px;
        overflow: hidden; }
      .rs-orders .order .order-lines .order-line.moved .actions {
        padding: 0px 10px;
        background: #dd9e71;
        color: #291202;
        font-weight: 400; }
      .rs-orders .order .order-lines .order-line.moved .stock-level-info {
        max-height: 0px;
        overflow: hidden;
        padding: 0px; }
      .rs-orders .order .order-lines .order-line .details {
        display: flex;
        align-items: center;
        background: #e9eef4;
        border-radius: 1px 1px 0px 0px;
        padding: 10px;
        transition: all 0.2s ease;
        max-height: 500px;
        overflow: auto;
        transition: height,max-height,padding 0.15s ease; }
      .rs-orders .order .order-lines .order-line .actions {
        padding: 10px;
        border-radius: 0 0 1px 1px;
        background: #060a0e;
        transition: color,background,padding 0.15s ease; }
        .rs-orders .order .order-lines .order-line .actions .moved-message {
          justify-content: space-between; }
        .rs-orders .order .order-lines .order-line .actions .move-line-buttons {
          justify-content: center; }
          .rs-orders .order .order-lines .order-line .actions .move-line-buttons .move-backwards {
            flex-grow: 1;
            display: flex;
            flex-wrap: wrap; }
            .rs-orders .order .order-lines .order-line .actions .move-line-buttons .move-backwards button {
              background: #323c48; }
              .rs-orders .order .order-lines .order-line .actions .move-line-buttons .move-backwards button::before {
                font-family: icofont;
                content: '\ea93'; }
          .rs-orders .order .order-lines .order-line .actions .move-line-buttons .move-forwards {
            flex-grow: 1;
            display: flex;
            justify-content: flex-end;
            flex-wrap: wrap; }
            .rs-orders .order .order-lines .order-line .actions .move-line-buttons .move-forwards button {
              background: #664084; }
              .rs-orders .order .order-lines .order-line .actions .move-line-buttons .move-forwards button::after {
                font-family: icofont;
                content: '\ea94'; }
          .rs-orders .order .order-lines .order-line .actions .move-line-buttons .move-sideways {
            flex-grow: 1;
            display: flex;
            justify-content: center;
            flex-wrap: wrap; }
            .rs-orders .order .order-lines .order-line .actions .move-line-buttons .move-sideways button {
              background: #133861; }
        .rs-orders .order .order-lines .order-line .actions .move-line-buttons, .rs-orders .order .order-lines .order-line .actions .moved-message {
          display: flex;
          align-items: center;
          flex-wrap: wrap; }
          .rs-orders .order .order-lines .order-line .actions .move-line-buttons button, .rs-orders .order .order-lines .order-line .actions .moved-message button {
            white-space: nowrap;
            border: 1px solid #757f88;
            border-radius: 3px;
            margin: 3px;
            transition: all 0.2s ease;
            background: #757f88;
            color: #e9eef4; }
            .rs-orders .order .order-lines .order-line .actions .move-line-buttons button:hover, .rs-orders .order .order-lines .order-line .actions .moved-message button:hover {
              color: #060a0e;
              background: #e9eef4; }
      .rs-orders .order .order-lines .order-line .item-info {
        flex-grow: 1; }
        .rs-orders .order .order-lines .order-line .item-info .item-title {
          display: flex;
          font-weight: 600;
          font-size: 18px;
          white-space: nowrap;
          padding-right: 20px;
          align-items: center; }
          .rs-orders .order .order-lines .order-line .item-info .item-title .print-toggle {
            border-radius: 5px;
            margin-right: 5px;
            border: 2px solid rgba(0, 0, 0, 0.3);
            transition: all 0.15s ease; }
            .rs-orders .order .order-lines .order-line .item-info .item-title .print-toggle:hover {
              border: 2px solid black; }
            .rs-orders .order .order-lines .order-line .item-info .item-title .print-toggle.not-printed {
              opacity: 0.2; }
          .rs-orders .order .order-lines .order-line .item-info .item-title .print-indicator {
            margin-right: 5px; }
            .rs-orders .order .order-lines .order-line .item-info .item-title .print-indicator.not-printed {
              opacity: 0.2; }
        .rs-orders .order .order-lines .order-line .item-info .quantity::after {
          content: '×';
          margin-left: 5px;
          margin-right: 5px; }
        .rs-orders .order .order-lines .order-line .item-info .timings {
          display: flex; }
          .rs-orders .order .order-lines .order-line .item-info .timings button {
            padding: 0px 10px;
            border: none;
            border-radius: 3px;
            background: #32393e;
            margin-right: 10px;
            color: #e9eef4; }
            .rs-orders .order .order-lines .order-line .item-info .timings button:hover {
              background: #ff5c37; }
          .rs-orders .order .order-lines .order-line .item-info .timings .cutting, .rs-orders .order .order-lines .order-line .item-info .timings .manufacture, .rs-orders .order .order-lines .order-line .item-info .timings .items {
            padding: 2px 0;
            display: flex; }
            .rs-orders .order .order-lines .order-line .item-info .timings .cutting::before, .rs-orders .order .order-lines .order-line .item-info .timings .manufacture::before, .rs-orders .order .order-lines .order-line .item-info .timings .items::before {
              display: flex;
              justify-content: center;
              align-items: center;
              padding: 0px 6px 0px 10px;
              font-family: icofont;
              background: #32393e;
              color: #e9eef4;
              border-radius: 3px 0 0 3px; }
            .rs-orders .order .order-lines .order-line .item-info .timings .cutting input, .rs-orders .order .order-lines .order-line .item-info .timings .cutting span, .rs-orders .order .order-lines .order-line .item-info .timings .manufacture input, .rs-orders .order .order-lines .order-line .item-info .timings .manufacture span, .rs-orders .order .order-lines .order-line .item-info .timings .items input, .rs-orders .order .order-lines .order-line .item-info .timings .items span {
              width: 43px;
              padding: 0px;
              border: 1px solid #32393e;
              text-align: center;
              margin-right: 10px;
              border-radius: 0 3px 3px 0;
              border-left: none;
              background: transparent;
              color: #060a0e; }
          .rs-orders .order .order-lines .order-line .item-info .timings .items::before {
            content: '\edeb'; }
          .rs-orders .order .order-lines .order-line .item-info .timings .cutting::before {
            content: '\edeb'; }
          .rs-orders .order .order-lines .order-line .item-info .timings .manufacture::before {
            content: '\e9b9'; }
      .rs-orders .order .order-lines .order-line .options-wrapper {
        border: 1px solid #060a0e;
        border-radius: 1px;
        overflow: auto;
        max-height: 400px; }
        .rs-orders .order .order-lines .order-line .options-wrapper .option {
          background: #e9eef4; }
          .rs-orders .order .order-lines .order-line .options-wrapper .option.add-option {
            background: #e9eef4 !important; }
            .rs-orders .order .order-lines .order-line .options-wrapper .option.add-option input {
              width: 100%;
              background: transparent;
              border: none;
              padding: 0px 5px;
              color: #060a0e; }
              .rs-orders .order .order-lines .order-line .options-wrapper .option.add-option input.option-name-input {
                font-weight: 600;
                text-align: right;
                padding: 0px 5px; }
            .rs-orders .order .order-lines .order-line .options-wrapper .option.add-option button {
              color: grey !important; }
              .rs-orders .order .order-lines .order-line .options-wrapper .option.add-option button:hover {
                color: white !important; }
          .rs-orders .order .order-lines .order-line .options-wrapper .option:nth-child(even) {
            background: #757f88;
            color: #e9eef4; }
            .rs-orders .order .order-lines .order-line .options-wrapper .option:nth-child(even) button {
              color: #e9eef4; }
          .rs-orders .order .order-lines .order-line .options-wrapper .option .option-name {
            font-weight: 600;
            text-align: right;
            padding: 0px 5px;
            min-width: 198px; }
          .rs-orders .order .order-lines .order-line .options-wrapper .option .option-value {
            padding: 0px 5px; }
          .rs-orders .order .order-lines .order-line .options-wrapper .option .option-action {
            width: 30px;
            height: 24px; }
          .rs-orders .order .order-lines .order-line .options-wrapper .option button {
            background: transparent;
            border: none;
            color: #757f88;
            transition: all 0.15s ease;
            border-radius: 1px; }
            .rs-orders .order .order-lines .order-line .options-wrapper .option button.delete-button::before {
              font-family: icofont;
              content: '\eebb'; }
            .rs-orders .order .order-lines .order-line .options-wrapper .option button.delete-button:hover {
              background: #ef3647;
              color: #e9eef4; }
            .rs-orders .order .order-lines .order-line .options-wrapper .option button.add-button::before {
              font-family: icofont;
              content: '\ec3e'; }
            .rs-orders .order .order-lines .order-line .options-wrapper .option button.add-button:hover {
              background: #059e4a;
              color: #e9eef4; }

.rs-menu {
  overflow: hidden; }

.item-button {
  border: 1px solid #2d5f8b;
  background-color: #2d5f8b;
  color: #bfd6ed;
  flex-grow: 1;
  position: relative;
  border-radius: 3px;
  padding: 5px;
  margin: 7px;
  transition: all 0.15s ease;
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .item-button#view-button-101::after {
    font-family: icofont;
    content: '\f000';
    margin-right: 10px;
    color: #212e3d;
    font-size: 20px; }
  .item-button .view-name {
    flex-grow: 1;
    flex-grow: 1;
    transform: translateX(-18px); }
  .item-button.empty {
    opacity: 0.4; }
    .item-button.empty:hover {
      opacity: 1; }
    .item-button.empty .icon {
      display: none; }
    .item-button.empty .view-name {
      transform: translateX(0px); }
  .item-button .sort-order {
    display: flex;
    color: orange; }
    .item-button .sort-order::before {
      display: block;
      transform: rotate(90deg);
      font-family: icofont;
      content: '\efef';
      margin-right: 2px; }
  .item-button .icon {
    color: #a2cbfb;
    position: relative;
    display: block;
    margin-right: 10px;
    line-height: 1; }
    .item-button .icon::before {
      font-family: icofont;
      content: '\efb5';
      font-size: 36px;
      line-height: 0.9; }
    .item-button .icon::after {
      position: absolute;
      left: 50%;
      top: 12px;
      font-size: 12px;
      transform: translateX(-50%);
      content: attr(data-line-count); }
    .item-button .icon.active::before {
      content: '\ef35'; }
  .item-button.active, .item-button:hover {
    background-color: #247ad7;
    color: #e9eef4;
    border: 1px solid #247ad7; }
  .item-button:focus {
    outline: none;
    box-shadow: none; }

.slide-up-hide {
  animation: slideUpAnimation 0.3s ease-out; }

@keyframes slideUpAnimation {
  0% {
    transform-origin: top;
    transform: scaleY(1); }
  99% {
    transform-origin: top;
    transform: scaleY(0); }
  100% {
    display: none;
    height: 0px; } }

@keyframes pulseBoxShadow {
  0% {
    box-shadow: inset 0 0 0px 5px #406484; }
  30% {
    box-shadow: inset 0 0 0px 5px #f8c866; }
  100% {
    box-shadow: inset 0 0 0px 5px #406484; } }

@keyframes holdAndSlideUpAnimation {
  0% {
    height: 33px; }
  90% {
    height: 33px; }
  100% {
    height: 0px; } }

.example-enter {
  opacity: 0;
  transform: translateY(100%); }

.example-enter-active {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 300ms, transform 300ms; }

.example-exit {
  opacity: 1;
  max-height: 500px; }

.example-exit-active {
  opacity: 0;
  max-height: 0px;
  transition: max-height 200ms, opacity 300ms; }

#schedule-week-totals .week {
  border-radius: 5px;
  background: #e9eef4;
  border: 1px solid #e9eef4;
  color: #060a0e;
  margin-bottom: 3px;
  cursor: pointer;
  position: relative; }
  #schedule-week-totals .week::after {
    content: attr(data_multiplier) "×";
    position: absolute;
    right: 10px;
    top: 6px;
    font-size: 11px;
    opacity: 0.8;
    color: #060a0e; }
  #schedule-week-totals .week.scroll-point::before {
    color: #ff5c37;
    font-family: icofont;
    content: '\ea5d';
    position: absolute;
    left: -20px;
    top: 50%;
    transform: translateY(-50%); }
  #schedule-week-totals .week.increased::before, #schedule-week-totals .week.decreased::before {
    position: absolute;
    left: 10px;
    top: 6px; }
  #schedule-week-totals .week.increased::before {
    font-family: icofont;
    content: '\ea95'; }
  #schedule-week-totals .week.decreased::before {
    font-family: icofont;
    content: '\ea92'; }
  #schedule-week-totals .week.empty {
    opacity: 0.3; }
  #schedule-week-totals .week.micro {
    font-size: 10px; }
    #schedule-week-totals .week.micro .data {
      display: none; }
    #schedule-week-totals .week.micro .label {
      padding: 0px; }
    #schedule-week-totals .week.micro::after {
      display: none; }
  #schedule-week-totals .week.hidden_week {
    background: #3c4248;
    color: #757f88;
    border-color: #757f88; }
    #schedule-week-totals .week.hidden_week::after {
      color: #757f88; }
  #schedule-week-totals .week.focused_week {
    background: #ce5338;
    border-color: #ce5338; }
    #schedule-week-totals .week.focused_week::after {
      color: #a7bdd0; }
  #schedule-week-totals .week .label {
    padding: 2px 10px;
    display: flex;
    justify-content: center; }
  #schedule-week-totals .week .data {
    display: flex;
    justify-content: space-between;
    background: #060a0e;
    color: #e9eef4;
    border-radius: 0 0 5px 5px; }
  #schedule-week-totals .week .cutting, #schedule-week-totals .week .manufacture, #schedule-week-totals .week .rota, #schedule-week-totals .week .items {
    padding: 2px 10px; }
    #schedule-week-totals .week .cutting::before, #schedule-week-totals .week .manufacture::before, #schedule-week-totals .week .rota::before, #schedule-week-totals .week .items::before {
      font-family: icofont;
      margin-right: 5px; }
  #schedule-week-totals .week .items {
    color: #a2cbfb; }
    #schedule-week-totals .week .items::before {
      content: '\efb5'; }
  #schedule-week-totals .week .cutting::before {
    content: '\edeb'; }
  #schedule-week-totals .week .manufacture {
    color: #a09fff; }
    #schedule-week-totals .week .manufacture::before {
      content: '\e9b9'; }
  #schedule-week-totals .week .rota {
    color: #FABC2A; }
    #schedule-week-totals .week .rota:before {
      content: ' \ec45'; }
    #schedule-week-totals .week .rota.grey {
      color: #44505c; }
      #schedule-week-totals .week .rota.grey:before {
        content: ' \ec8e'; }

.rs-background-blur {
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  background: #060a0e;
  opacity: 0.7;
  z-index: 99999; }

.rs-confirmation-dialog {
  z-index: 100000;
  position: fixed;
  top: 25%;
  left: 50%;
  transform: translate(-50%, -25%);
  background: #060a0e;
  padding: 60px;
  border-radius: 3px;
  border: 1px solid #e9eef4; }
  .rs-confirmation-dialog .conf-message {
    color: #e9eef4;
    font-size: 23px;
    padding: 0 0 40px 0px; }
    .rs-confirmation-dialog .conf-message span {
      color: #31abff;
      font-weight: 600; }
  .rs-confirmation-dialog .conf-actions {
    display: flex;
    justify-content: space-evenly; }
    .rs-confirmation-dialog .conf-actions button {
      font-size: 18px;
      border-radius: 3px;
      border: 1px solid transparent;
      padding: 5px 15px; }
      .rs-confirmation-dialog .conf-actions button:hover {
        border: 1px solid #e9eef4; }
    .rs-confirmation-dialog .conf-actions .danger {
      background: #ef3647;
      color: rgba(255, 255, 255, 0.9); }
    .rs-confirmation-dialog .conf-actions .safe {
      padding: 0px 30px;
      background: #4b4b4b;
      color: rgba(255, 255, 255, 0.9); }

.mini-levels {
  display: flex;
  align-items: center; }
  .mini-levels .grow {
    flex-grow: 1; }
  .mini-levels .sales-blocks a {
    margin-right: 15px; }
  .mini-levels .sales-blocks span {
    position: relative;
    color: #9ad3f8;
    border-left: 1px solid #838383;
    padding: 0 15px; }
    .mini-levels .sales-blocks span:last-child {
      border-right: 1px solid #838383; }
  .mini-levels .level {
    font-size: 20px;
    overflow: hidden;
    display: flex;
    border-radius: 8px;
    border: 1px solid #39444e;
    margin-right: 10px; }
    .mini-levels .level.warehouse {
      border-color: #417fb6; }
      .mini-levels .level.warehouse .icon {
        background: #417fb6; }
    .mini-levels .level.full div {
      width: 88px; }
    .mini-levels .level.store {
      border-color: #697e8e; }
      .mini-levels .level.store .icon {
        background: #697e8e; }
    .mini-levels .level .icon {
      background: #39444e;
      color: #6586a3;
      color: #141c23;
      font-weight: 900;
      padding: 2px 6px;
      display: flex;
      align-items: center;
      justify-content: center; }
    .mini-levels .level div {
      padding: 2px 0px;
      display: flex;
      width: 45px;
      justify-content: center; }
    .mini-levels .level .of {
      color: #69777f; }
      .mini-levels .level .of::before {
        content: 'of';
        color: #32393d;
        margin: 4px; }
  .mini-levels .available {
    color: #9bf8c5; }
    .mini-levels .available.oos {
      color: #ef3647; }
  .mini-levels .due {
    font-size: 65%;
    vertical-align: top;
    margin-left: 2px;
    color: #2a98e7; }
    .mini-levels .due::before {
      content: '+'; }

.full-levels {
  display: flex;
  align-items: center; }
  .full-levels .grow {
    flex-grow: 1; }
  .full-levels .sold-out-info {
    color: #e21d4b;
    margin-left: 10px;
    font-size: 12px; }
    .full-levels .sold-out-info::after {
      margin-left: 3px;
      content: 'days sold out'; }
  .full-levels .sales-blocks {
    margin-left: 20px; }
    .full-levels .sales-blocks a {
      margin-right: 15px; }
    .full-levels .sales-blocks span {
      position: relative;
      color: #9ad3f8;
      border-left: 1px solid #838383;
      padding: 0 15px; }
      .full-levels .sales-blocks span:last-child {
        border-right: 1px solid #838383; }
  .full-levels .level {
    overflow: hidden;
    display: flex;
    margin-right: 10px; }
    .full-levels .level.warehouse .icon {
      color: #417fb6; }
    .full-levels .level.full div {
      width: 70px; }
    .full-levels .level.store .icon {
      color: #697e8e; }
    .full-levels .level .icon {
      font-weight: 900;
      padding: 2px 6px;
      display: flex;
      align-items: center;
      justify-content: center; }
    .full-levels .level div {
      padding: 2px 0px;
      display: flex;
      width: 45px;
      justify-content: center; }
    .full-levels .level .of {
      color: #69777f; }
      .full-levels .level .of::before {
        content: 'of';
        color: #32393d;
        margin: 4px; }
  .full-levels .available {
    color: #9bf8c5; }
    .full-levels .available.oos {
      color: #ef3647; }
  .full-levels .due {
    font-size: 65%;
    vertical-align: top;
    margin-left: 2px;
    color: #2a98e7; }
    .full-levels .due::before {
      content: '+'; }

.void-po-button {
  border-radius: 5px;
  background: #060a0e;
  border: 1px solid;
  color: grey;
  padding: 2px 10px;
  margin-right: 10px; }
  .void-po-button:hover {
    color: #ef3647; }
  .void-po-button::before {
    font-family: icofont;
    content: '\f026';
    margin-right: 10px; }

.get-po-status-button {
  border-radius: 5px;
  background: #060a0e;
  border: 1px solid;
  color: grey;
  padding: 2px 10px;
  margin-right: 10px; }
  .get-po-status-button:hover {
    color: #5fbcff; }
  .get-po-status-button::before {
    font-family: icofont;
    content: '\ef4e';
    margin-right: 10px; }

.po-status {
  margin-right: 10px;
  color: #5fbcff; }
  .po-status::before {
    color: grey;
    content: 'Status:';
    margin-right: 5px; }

.history-message {
  color: #75b7e7;
  font-size: 18px;
  text-align: center; }
  .history-message span {
    color: #697d8b; }

.custom_desc_wrapper {
  margin: 20px 0px 20px 36px; }
  .custom_desc_wrapper .msg {
    font-size: 14px;
    color: #8b799d; }
  .custom_desc_wrapper .desc {
    color: #b783e9; }
    .custom_desc_wrapper .desc::before {
      content: '\ef4e';
      font-family: icofont;
      margin-right: 10px; }

/*# sourceMappingURL=schedule_2.css.map */
#total-results {
  width: 100%;
  display: flex;
  justify-content: center;
  font-size: 18px;
  opacity: 0.7; }

.icon-link {
  text-decoration: none;
  color: white; }
  .icon-link:hover {
    color: #1a1a1a;
    text-decoration: none; }

.no-shadow {
  box-shadow: none; }

.fixed-header-wrapper {
  height: 60px; }

.search_bar {
  padding: 0px;
  display: flex; }
  .search_bar .filter_bar {
    border-radius: 100px 0px 0px 100px; }
    @media screen and (max-width: 800px) {
      .search_bar .filter_bar {
        border-left: none;
        border-radius: 0px; } }
  .search_bar #compact-view-button {
    margin-bottom: 20px;
    border: 1px solid white;
    font-size: 30px;
    padding-right: 20px;
    width: 120px;
    border-radius: 0px 200px 200px 0px; }
    .search_bar #compact-view-button .thin {
      -webkit-text-stroke: 3px #fff; }
    .search_bar #compact-view-button:hover {
      background: #d2d2d2; }
      .search_bar #compact-view-button:hover .thin {
        -webkit-text-stroke: 3px #d2d2d2; }
    .search_bar #compact-view-button:focus {
      outline: none;
      box-shadow: none; }
    @media screen and (max-width: 800px) {
      .search_bar #compact-view-button {
        border-right: none;
        border-radius: 0px; } }
    .search_bar #compact-view-button:not(.compact-view) .compact {
      display: none; }
    .search_bar #compact-view-button:not(.compact-view) .lines {
      display: none; }
    .search_bar #compact-view-button.compact-view:not(.ultra-compact) .compact {
      display: none; }
    .search_bar #compact-view-button.compact-view:not(.ultra-compact) .expanded {
      display: none; }
    .search_bar #compact-view-button.ultra-compact .expanded {
      display: none; }
    .search_bar #compact-view-button.ultra-compact .lines {
      display: none; }

.post-ajax-div {
  border-radius: 200px;
  padding: 10px 20px;
  margin-bottom: 20px;
  background: #5cb85c;
  color: white;
  display: flex; }
  .post-ajax-div .left {
    flex-grow: 1; }
  .post-ajax-div .close-right {
    font-weight: 1000 !important; }
    .post-ajax-div .close-right:hover {
      color: #1a1a1a; }

.schedule-order-block:has(.waiting_line) {
  opacity: 0.5; }

.schedule-order-block {
  border: 2px solid rgba(255, 255, 255, 0.3);
  width: 100%;
  background: #333;
  border-radius: 5px;
  margin-bottom: 70px;
  box-shadow: 0 0 10px 2px black; }
  .schedule-order-block.canceled {
    border: 2px solid #ec1651;
    background: #2a1010; }
  .schedule-order-block.mini_order {
    margin-bottom: 20px;
    cursor: pointer; }
    .schedule-order-block.mini_order .schedule-order-line {
      border-bottom: none; }
    .schedule-order-block.mini_order .load_message {
      text-align: center;
      color: rgba(255, 255, 255, 0.5);
      font-weight: 100; }
    .schedule-order-block.mini_order:hover {
      border-color: white; }
  .schedule-order-block.date_error {
    border-color: #ff003b;
    border-width: 5px; }
    .schedule-order-block.date_error .header-right, .schedule-order-block.date_error .schedule-line-actions {
      display: none !important; }
    .schedule-order-block.date_error .deadline_block {
      padding: 20px;
      border-radius: 10px;
      margin: 20px 0px;
      display: inline-flex;
      box-shadow: 0 0 10px 2px #ff003b; }
      .schedule-order-block.date_error .deadline_block form, .schedule-order-block.date_error .deadline_block div {
        display: flex; }
    .schedule-order-block.date_error .deadline-badge {
      font-size: 20px;
      padding: 5px 20px;
      border: 1px solid #ff003b;
      background: #ff003b; }
    .schedule-order-block.date_error .change_s_date button {
      font-size: 20px; }
    .schedule-order-block.date_error .note_input {
      border-radius: 0px 0px 20px 20px;
      height: 40px;
      line-height: 30px;
      padding-left: 20px; }
  .schedule-order-block .schedule-order-note-box {
    display: flex;
    margin-top: 10px; }
    .schedule-order-block .schedule-order-note-box form {
      width: 100%; }
      .schedule-order-block .schedule-order-note-box form textarea {
        border: none;
        width: 100%;
        padding: 5px 10px 5px 0px;
        background: transparent;
        color: white;
        font-size: 18px;
        resize: none; }
        .schedule-order-block .schedule-order-note-box form textarea:focus {
          outline: none; }
        .schedule-order-block .schedule-order-note-box form textarea:placeholder-shown {
          font-size: 10px; }
  .schedule-order-block .schedule-line-note {
    position: relative;
    width: 100%; }
    .schedule-order-block .schedule-line-note ::after {
      font-family: icofont;
      content: '\ec55';
      position: absolute;
      right: 10px;
      color: grey; }
    .schedule-order-block .schedule-line-note textarea {
      resize: none;
      height: 24px;
      border-radius: 0px;
      padding: 5px 28px 5px 10px;
      width: 100%;
      background: #ececec;
      color: #1a1a1a;
      border: none;
      font-weight: 100;
      line-height: 1; }
      .schedule-order-block .schedule-line-note textarea:focus {
        outline: none;
        background: #ececec;
        color: #1a1a1a; }
    .schedule-order-block .schedule-line-note.printed {
      transition: all 0.3s ease; }
      .schedule-order-block .schedule-line-note.printed ::before {
        font-family: icofont, 'Poppins', sans-serif;
        content: "\ef1b \efc6";
        position: absolute;
        top: 4px;
        left: 10px;
        color: #c31919;
        line-height: 1; }
      .schedule-order-block .schedule-line-note.printed textarea {
        padding: 5px 28px 5px 50px;
        line-height: 1; }
      .schedule-order-block .schedule-line-note.printed:focus-within ::before {
        font-family: icofont, 'Poppins', sans-serif;
        content: "\ef1b \efc6 This line has already been printed, inform the workshop if adding new notes.";
        position: absolute;
        top: 4px;
        left: 10px;
        color: #c31919;
        line-height: 1; }
      .schedule-order-block .schedule-line-note.printed:focus-within textarea {
        padding: 40px 28px 5px 10px;
        min-height: 69px;
        line-height: 1; }
    .schedule-order-block .schedule-line-note form {
      display: flex; }
    .schedule-order-block .schedule-line-note:hover ::after {
      color: #27a745; }
  .schedule-order-block .still-due-div {
    margin-top: 20px;
    background: #3a3a3a;
    border-radius: 20px;
    color: white;
    padding: 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center; }
    .schedule-order-block .still-due-div .section-title {
      display: flex;
      justify-content: center;
      width: 100%;
      color: #ffc107;
      font-size: 18px;
      margin-bottom: 20px; }
    .schedule-order-block .still-due-div .due-item {
      width: 100%;
      display: flex; }
      .schedule-order-block .still-due-div .due-item .item-name {
        flex-grow: 1; }
  .schedule-order-block .post-ajax-div {
    margin-top: 20px; }
  .schedule-order-block .order_action {
    box-shadow: none; }
  @media screen and (max-width: 800px) {
    .schedule-order-block {
      border-left: none;
      border-right: none;
      padding: 15px;
      border-radius: 0px; } }
  .schedule-order-block .header {
    display: flex;
    align-items: center;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
    .schedule-order-block .header .header-left {
      flex-grow: 1;
      margin: auto;
      font-size: 24px;
      font-weight: 100;
      color: #c0dfff;
      padding: 20px 20px 0px 20px;
      border-right: 1px solid rgba(255, 255, 255, 0.1); }
      .schedule-order-block .header .header-left .customer-info-div {
        margin-bottom: 10px; }
    .schedule-order-block .header .header-right {
      display: flex;
      padding: 0px 20px; }
  .schedule-order-block .s_line_wrapper {
    margin: 20px;
    border-radius: 3px;
    box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.5);
    background: white;
    border: 1px solid rgba(0, 0, 0, 0.3); }
  .schedule-order-block .schedule-order-line {
    display: flex;
    border-bottom: 1px solid rgba(0, 0, 0, 0.6);
    color: #1a1a1a;
    padding: 10px 20px;
    position: relative; }
    .schedule-order-block .schedule-order-line .stock_level {
      border-radius: 3px;
      box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.5);
      padding: 1px 10px;
      position: absolute;
      top: 2px;
      left: -11px;
      font-size: 12px;
      transform: rotate(-12deg);
      color: rgba(255, 255, 255, 0.9); }
      .schedule-order-block .schedule-order-line .stock_level.oos {
        background: #ff0047; }
      .schedule-order-block .schedule-order-line .stock_level.in_stock {
        background: #1c6eb5; }
    .schedule-order-block .schedule-order-line h2 {
      color: #1a1a1a;
      margin: 0px; }
    .schedule-order-block .schedule-order-line .line-name {
      flex-grow: 1;
      margin: auto;
      padding-right: 20px; }
      .schedule-order-block .schedule-order-line .line-name h2 {
        font-weight: 500; }
    .schedule-order-block .schedule-order-line .note-text {
      font-size: 14px;
      display: none; }
    .schedule-order-block .schedule-order-line .options-wrapper table {
      max-width: 600px;
      border: 1px solid #1a1a1a; }
      .schedule-order-block .schedule-order-line .options-wrapper table td:first-child {
        font-weight: bold;
        padding-left: 20px; }
      .schedule-order-block .schedule-order-line .options-wrapper table td:nth-child(2) {
        padding-left: 20px;
        padding-right: 20px; }
      .schedule-order-block .schedule-order-line .options-wrapper table td:last-child {
        padding: 0px; }
      .schedule-order-block .schedule-order-line .options-wrapper table tr:nth-child(odd) {
        background: #ddd; }
  .schedule-order-block .schedule-line-actions {
    background: #d0d0d0;
    padding: 5px;
    border-radius: 0px 0px 3px 3px;
    text-align: center; }
    .schedule-order-block .schedule-line-actions .advanced-actions {
      background: white;
      display: flex;
      width: calc(100% + 40px);
      margin-left: -20px;
      padding-right: 20px; }
      @media screen and (max-width: 800px) {
        .schedule-order-block .schedule-line-actions .advanced-actions {
          border-radius: 0px 0px 20px 20px;
          padding-bottom: 20px; } }
      .schedule-order-block .schedule-line-actions .advanced-actions .order_action {
        margin: 0px;
        margin-top: 6px;
        box-shadow: none;
        height: 40px;
        width: 40px;
        padding: 0px;
        padding-top: 2px; }
      .schedule-order-block .schedule-line-actions .advanced-actions .note-box {
        flex-grow: 1;
        margin-right: 20px; }
        .schedule-order-block .schedule-line-actions .advanced-actions .note-box textarea {
          width: 100%;
          padding: 10px;
          padding-left: 20px;
          background: white;
          color: #1a1a1a;
          border: none; }
          .schedule-order-block .schedule-line-actions .advanced-actions .note-box textarea:focus {
            outline: none;
            box-shadow: none; }
    .schedule-order-block .schedule-line-actions .multi-view-toggle {
      display: flex;
      width: calc(100% + 10px);
      margin: -5px;
      background: #ececec;
      border-radius: 0px 0px 10px 10px; }
      @media screen and (max-width: 800px) {
        .schedule-order-block .schedule-line-actions .multi-view-toggle {
          display: none; } }
      .schedule-order-block .schedule-line-actions .multi-view-toggle div:first-child {
        flex-grow: 1; }
      .schedule-order-block .schedule-line-actions .multi-view-toggle div button {
        padding: 10px;
        width: 100%;
        border: none;
        border-radius: 10px 10px 0px 0px;
        border-bottom: 1px solid black;
        background: #8a8a8a; }
        .schedule-order-block .schedule-line-actions .multi-view-toggle div button.collapsed {
          border-radius: 10px 10px 10px 10px; }
        .schedule-order-block .schedule-line-actions .multi-view-toggle div button.active {
          border-radius: 10px 10px 0px 0px;
          background: #d0d0d0;
          border: 1px solid black;
          border-bottom: none; }
        .schedule-order-block .schedule-line-actions .multi-view-toggle div button:hover:not(.active) {
          background: #4a4a4a;
          color: white; }
        .schedule-order-block .schedule-line-actions .multi-view-toggle div button:focus {
          outline: none;
          box-shadow: none; }
    .schedule-order-block .schedule-line-actions .multi-view-selector {
      padding-top: 20px;
      padding-bottom: 20px;
      color: #1a1a1a; }
      .schedule-order-block .schedule-line-actions .multi-view-selector .child_toggles {
        display: flex;
        flex-wrap: wrap;
        justify-content: center; }
        .schedule-order-block .schedule-line-actions .multi-view-selector .child_toggles .schedule_ajax_save {
          display: block;
          border: none;
          padding: 5px 15px 5px 15px;
          margin: 10px 5px 0px 5px;
          border-radius: 3px;
          box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.3);
          white-space: nowrap; }
          .schedule-order-block .schedule-line-actions .multi-view-selector .child_toggles .schedule_ajax_save:focus {
            outline: none;
            box-shadow: none; }
          .schedule-order-block .schedule-line-actions .multi-view-selector .child_toggles .schedule_ajax_save[style]:not(.active) {
            background-color: #4a4a4a !important; }
      .schedule-order-block .schedule-line-actions .multi-view-selector .finished-button {
        margin-top: 20px;
        width: 100%; }
        .schedule-order-block .schedule-line-actions .multi-view-selector .finished-button button {
          width: 100%;
          border: none;
          border-radius: 5px;
          padding: 5px; }
          .schedule-order-block .schedule-line-actions .multi-view-selector .finished-button button:hover {
            background: #1a1a1a;
            color: white; }
    .schedule-order-block .schedule-line-actions .line_note_input, .schedule-order-block .schedule-line-actions .note_input {
      margin: 0px; }
    .schedule-order-block .schedule-line-actions .move-button-holder {
      color: #1a1a1a; }
      @media screen and (max-width: 800px) {
        .schedule-order-block .schedule-line-actions .move-button-holder {
          display: none; } }
      .schedule-order-block .schedule-line-actions .move-button-holder .buttons {
        display: flex;
        flex-wrap: wrap;
        justify-content: center; }
        .schedule-order-block .schedule-line-actions .move-button-holder .buttons .schedule_move_ajax_button {
          display: block;
          border: 1px solid rgba(0, 0, 0, 0.3);
          padding: 10px 12px;
          margin: 5px;
          border-radius: 3px;
          box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.3);
          white-space: nowrap;
          font-size: 14px;
          flex-grow: 1; }
          .schedule-order-block .schedule-line-actions .move-button-holder .buttons .schedule_move_ajax_button.compact {
            height: 60px;
            width: 80px;
            padding: 3px;
            white-space: normal;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center; }
            .schedule-order-block .schedule-line-actions .move-button-holder .buttons .schedule_move_ajax_button.compact .abv {
              font-size: 20px;
              font-weight: 100; }
            .schedule-order-block .schedule-line-actions .move-button-holder .buttons .schedule_move_ajax_button.compact .desc {
              display: flex;
              align-items: center;
              flex-grow: 1;
              font-size: 8px; }
          .schedule-order-block .schedule-line-actions .move-button-holder .buttons .schedule_move_ajax_button:focus {
            outline: none;
            box-shadow: none; }
          .schedule-order-block .schedule-line-actions .move-button-holder .buttons .schedule_move_ajax_button[style]:not(:hover) {
            background-color: #4a4a4a !important; }
          .schedule-order-block .schedule-line-actions .move-button-holder .buttons .schedule_move_ajax_button[style].cancel {
            background-color: #ec1647 !important; }
  .schedule-order-block.compact-view textarea {
    border-radius: 0 0 20px 20px; }
  .schedule-order-block.compact-view h2 {
    font-size: 18px; }
  .schedule-order-block.compact-view .timing_editor {
    display: none; }
  .schedule-order-block.compact-view .schedule-order-line {
    padding: 10px 20px; }
    .schedule-order-block.compact-view .schedule-order-line .note-text {
      font-size: 14px;
      display: flex; }
  .schedule-order-block.compact-view .schedule-line-actions {
    display: none; }
  .schedule-order-block.compact-view .header-right .order_action {
    font-size: 18px;
    height: 28px;
    width: 28px;
    padding: 0px;
    margin-top: 3px;
    margin-left: 20px; }
    .schedule-order-block.compact-view .header-right .order_action:first-child {
      display: none; }
  .schedule-order-block.compact-view .schedule-order-line {
    margin-top: 10px;
    border-radius: 20px 20px 0 0; }
  .schedule-order-block.compact-view .header-left {
    font-size: 20px;
    display: flex; }
    .schedule-order-block.compact-view .header-left .customer-info-div {
      flex-grow: 1;
      display: block;
      margin: auto; }
    .schedule-order-block.compact-view .header-left .deadline-div .badge {
      font-size: 18px;
      padding: 5px 20px;
      display: block;
      margin: auto; }
  .schedule-order-block.ultra-compact {
    opacity: 1 !important;
    border: none;
    background: transparent;
    padding: 0px;
    margin-bottom: 10px; }
    .schedule-order-block.ultra-compact .line-name {
      display: flex;
      align-items: center; }
      .schedule-order-block.ultra-compact .line-name h2 {
        order: 1;
        flex-grow: 1; }
      .schedule-order-block.ultra-compact .line-name h4 {
        order: 2;
        margin: 0px; }
    .schedule-order-block.ultra-compact .schedule-line-note.schedule-line-note {
      border: none; }
    .schedule-order-block.ultra-compact.focused-order {
      border: 3px solid #096da7; }
      .schedule-order-block.ultra-compact.focused-order .schedule-order-line {
        border: none;
        margin-top: 1px; }
    .schedule-order-block.ultra-compact .schedule-order-line {
      border-radius: 20px 20px 0 0; }
      @media screen and (max-width: 800px) {
        .schedule-order-block.ultra-compact .schedule-order-line {
          border-radius: 0px;
          box-shadow: none; } }
    .schedule-order-block.ultra-compact .schedule-order-line {
      border: none;
      margin: 0px;
      margin-top: 2px; }
      .schedule-order-block.ultra-compact .schedule-order-line .note-text {
        font-size: 14px;
        display: flex; }
    .schedule-order-block.ultra-compact .header {
      display: none; }
  @media screen and (max-width: 800px) {
    .schedule-order-block:not(.focused-order) {
      opacity: 0.7; } }
  .schedule-order-block.focused-order {
    background: white;
    color: #1a1a1a; }
    .schedule-order-block.focused-order .schedule-order-line {
      border: 2px solid black;
      border-bottom: none; }
    .schedule-order-block.focused-order .schedule-line-actions {
      border: 2px solid black;
      border-top: none; }
    .schedule-order-block.focused-order .schedule-line-note {
      border-left: 2px solid #1a1a1a;
      border-right: 2px solid #1a1a1a; }
    @media screen and (max-width: 800px) {
      .schedule-order-block.focused-order .move-button-holder {
        display: block !important; } }
    @media screen and (max-width: 800px) {
      .schedule-order-block.focused-order .advanced-actions {
        border-radius: 0px 0px 0px 0px;
        padding-bottom: 0px; } }
    @media screen and (max-width: 800px) {
      .schedule-order-block.focused-order .multi-view-toggle {
        display: flex; } }
    .schedule-order-block.focused-order .schedule-order-note-box textarea {
      color: black;
      width: 100%; }

.schedule_move_ajax_button:focus {
  outline: none;
  box-shadow: none; }

.schedule_move_ajax_button.allocating {
  background: #5cb85c;
  color: white; }

.schedule_move_ajax_button.complete {
  background: #dc3545;
  color: white; }

.board-clear-fix {
  display: inline-block;
  width: 30px;
  opacity: 0; }

.schedule-menu {
  margin-bottom: 20px; }
  .schedule-menu .caret {
    margin-top: -13px;
    width: 100%;
    height: 30px;
    display: flex;
    justify-content: center;
    font-size: 50px;
    color: rgba(255, 255, 255, 0.3); }
  .schedule-menu .menu-row {
    display: flex;
    flex-wrap: wrap; }
    .schedule-menu .menu-row .number-board {
      position: relative; }
      .schedule-menu .menu-row .number-board .clip {
        position: absolute;
        font-size: 30px;
        left: -5px;
        top: -11px; }
      .schedule-menu .menu-row .number-board .count {
        width: 30px;
        text-align: center;
        font-size: 13px;
        position: absolute;
        left: -5px;
        top: 5px; }
        .schedule-menu .menu-row .number-board .count.dark {
          color: #1a1a1a; }
        .schedule-menu .menu-row .number-board .count.small {
          font-size: 9px;
          top: 8px; }
    .schedule-menu .menu-row button {
      display: inline-block; }
    .schedule-menu .menu-row.grouped_views {
      border: 2px solid rgba(255, 255, 255, 0.3);
      border-radius: 5px;
      margin-top: -2px;
      margin-left: -10px;
      width: calc(100% + 20px);
      padding: 10px; }
      .schedule-menu .menu-row.grouped_views .view_menu_child:first-child {
        flex-grow: 0; }
        .schedule-menu .menu-row.grouped_views .view_menu_child:first-child button {
          padding-right: 20px;
          padding-left: 20px; }
    .schedule-menu .menu-row .view_menu_child {
      flex-grow: 1;
      padding: 5px; }
      .schedule-menu .menu-row .view_menu_child.open {
        margin-bottom: 0px; }
        .schedule-menu .menu-row .view_menu_child.open .closed-icon {
          display: none; }
        .schedule-menu .menu-row .view_menu_child.open button[style]:not(:hover) {
          background-color: #fff !important;
          color: #1a1a1a; }
        .schedule-menu .menu-row .view_menu_child.open .number-board .count {
          color: #fff; }
      .schedule-menu .menu-row .view_menu_child:not(.open) .open-icon, .schedule-menu .menu-row .view_menu_child:not(.open) .caret {
        display: none; }
      .schedule-menu .menu-row .view_menu_child button {
        border: none;
        border-radius: 3px;
        width: 100%;
        padding: 10px;
        color: white; }
        .schedule-menu .menu-row .view_menu_child button:focus {
          outline: none;
          box-shadow: none; }
      .schedule-menu .menu-row .view_menu_child:not(.active) button[style]:not(:hover) {
        background-color: #303c46 !important; }
      .schedule-menu .menu-row .view_menu_child.active button[style] {
        cursor: default; }

.count-span {
  margin-left: 10px;
  background: white;
  color: #1a1a1a;
  padding: 0 5px;
  position: absolute;
  border-radius: 3px; }

.deadline-badge {
  box-shadow: none;
  padding: 5px;
  font-size: 14px;
  opacity: 0.8; }

.action-bottom {
  padding: 20px;
  color: #1a1a1a;
  display: flex;
  justify-content: space-between; }
  .action-bottom .right span {
    color: white; }

.schedule-menu-3 button {
  width: 100%; }

.schedule-menu-3 .menu-row {
  display: flex;
  flex-wrap: wrap; }
  .schedule-menu-3 .menu-row .view_menu_child {
    flex-grow: 1; }
  .schedule-menu-3 .menu-row .non-grouped-views {
    display: flex; }
    .schedule-menu-3 .menu-row .non-grouped-views.compacted {
      display: none; }
  .schedule-menu-3 .menu-row .group-holder {
    flex-grow: 1;
    display: flex;
    flex-wrap: nowrap; }
    .schedule-menu-3 .menu-row .group-holder.active .inactive_display {
      display: none; }
    .schedule-menu-3 .menu-row .group-holder.active .group-buttons {
      display: flex;
      flex-grow: 1;
      transition: flex .3s ease-out; }
      .schedule-menu-3 .menu-row .group-holder.active .group-buttons .group-child {
        flex-grow: 1; }
    .schedule-menu-3 .menu-row .group-holder:not(.active) .active_display {
      display: none; }
    .schedule-menu-3 .menu-row .group-holder:not(.active) .group-buttons {
      display: none; }
    .schedule-menu-3 .menu-row .group-holder:not(.active).compacted {
      display: none; }

.time_addition {
  font-size: 10px;
  display: flex;
  flex-direction: column; }
  .time_addition .cutting {
    white-space: nowrap; }
    .time_addition .cutting::before {
      font-family: icofont;
      content: '\edeb';
      margin-right: 5px; }
    .time_addition .cutting::after {
      content: 'min';
      margin-left: 5px;
      margin-right: 10px; }
  .time_addition .manufacture {
    white-space: nowrap; }
    .time_addition .manufacture::before {
      font-family: icofont;
      content: '\e9b9';
      margin-right: 5px; }
    .time_addition .manufacture::after {
      content: 'min';
      margin-left: 5px; }

/*# sourceMappingURL=schedule.css.map */
@charset "UTF-8";
.mumbo_jumbo {
  background: #2f3235;
  background-image: linear-gradient(84deg, #060e0e, #09292b);
  color: #ececec; }
  .mumbo_jumbo.bright {
    background: #ececec;
    color: #1a1a1a; }
  .mumbo_jumbo .form-header {
    background-color: #292929;
    width: calc(100% + 100px);
    margin-top: -50px;
    margin-left: -50px;
    font-weight: 100;
    padding: 20px 50px;
    border-radius: 5px 5px 0 0;
    font-size: 24px;
    font-weight: 100;
    color: #ececec;
    border-bottom: #ececec70 2px solid; }
    .mumbo_jumbo .form-header h1, .mumbo_jumbo .form-header p {
      margin: 0px;
      color: #ececec; }
    .mumbo_jumbo .form-header h1 {
      font-size: 28px;
      font-weight: 100; }
    .mumbo_jumbo .form-header p {
      font-size: 16px;
      font-weight: 100;
      opacity: 0.8; }
    @media screen and (max-width: 750px) {
      .mumbo_jumbo .form-header {
        width: calc(100% + 40px);
        margin-top: -20px;
        margin-left: -20px;
        padding: 20px 20px;
        border-radius: 0px;
        text-align: center; }
        .mumbo_jumbo .form-header h1 {
          font-size: 90%; }
        .mumbo_jumbo .form-header p, .mumbo_jumbo .form-header input, .mumbo_jumbo .form-header label {
          font-size: 60%; } }
  .mumbo_jumbo.mumbo_compact {
    padding: 30px; }
    .mumbo_jumbo.mumbo_compact h1, .mumbo_jumbo.mumbo_compact h2, .mumbo_jumbo.mumbo_compact h3, .mumbo_jumbo.mumbo_compact h4, .mumbo_jumbo.mumbo_compact p {
      margin: 0px; }

.btn-danger {
  background: #c31919; }

.multi-inputs {
  display: flex; }
  .multi-inputs .sn-input-wrapper {
    flex-grow: 1;
    margin-right: 10px;
    margin-left: 10px; }
    .multi-inputs .sn-input-wrapper:first-child {
      margin-left: 0px; }
    .multi-inputs .sn-input-wrapper:last-child {
      margin-right: 0px; }
  @media screen and (max-width: 750px) {
    .multi-inputs {
      display: block; }
      .multi-inputs .sn-input-wrapper {
        margin-left: 0px;
        margin-right: 0px; } }
.sn-input-wrapper {
  padding-top: 30px;
  position: relative;
  font-size: 18px;
  font-weight: 100;
  display: flex; }
  @media screen and (max-width: 750px) {
    .sn-input-wrapper {
      justify-content: center; } }
  .sn-input-wrapper.right {
    justify-content: flex-end; }
  .sn-input-wrapper.scanner_entry {
    position: relative; }
    .sn-input-wrapper.scanner_entry::after {
      content: '\e963';
      font-family: icofont;
      font-size: 34px;
      position: absolute;
      left: 10px;
      color: grey; }
    .sn-input-wrapper.scanner_entry input {
      transition: all 0.3s ease;
      background: #1a1a1a;
      width: 100%;
      padding: 10px 20px;
      text-align: center;
      border-radius: 5px;
      color: transparent;
      border: 2px solid grey; }
      .sn-input-wrapper.scanner_entry input:not(:placeholder-shown) {
        text-shadow: 0 0 0 #ececec; }
      .sn-input-wrapper.scanner_entry input::selection {
        background: transparent; }
      .sn-input-wrapper.scanner_entry input:focus {
        border: 2px solid #5fbcff;
        outline: none;
        box-shadow: 0px 2px 11px 1px #00a1ff; }
  .sn-input-wrapper label {
    pointer-events: none;
    position: absolute;
    top: 41px;
    left: 20px;
    color: #b1b1b1;
    transition: all 0.2s ease;
    white-space: nowrap; }
    .sn-input-wrapper label::after {
      content: attr(data-label); }
    @media screen and (max-width: 750px) {
      .sn-input-wrapper label {
        left: 50%;
        transform: translateX(-50%); } }
  .sn-input-wrapper input, .sn-input-wrapper select, .sn-input-wrapper option {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 5px;
    padding: 10px 20px;
    border: none;
    min-width: 200px; }
    .sn-input-wrapper input.dark, .sn-input-wrapper select.dark, .sn-input-wrapper option.dark {
      background: #1a1a1a;
      box-shadow: inset 0px 0px 7px 2px rgba(0, 0, 0, 0.3);
      color: #ececec;
      border: 1px solid rgba(255, 255, 255, 0.2); }
      .sn-input-wrapper input.dark:focus, .sn-input-wrapper select.dark:focus, .sn-input-wrapper option.dark:focus {
        outline: none;
        background: #ececec;
        color: #1a1a1a;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }
    .sn-input-wrapper input.light, .sn-input-wrapper select.light, .sn-input-wrapper option.light {
      background: #ececec;
      box-shadow: inset 0px 0px 7px 2px rgba(0, 0, 0, 0.3);
      color: #1a1a1a;
      border-top: 1px solid rgba(255, 255, 255, 0.2); }
      .sn-input-wrapper input.light:focus, .sn-input-wrapper select.light:focus, .sn-input-wrapper option.light:focus {
        outline: none;
        background: #1a1a1a;
        color: #ececec;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }
    .sn-input-wrapper input.fw, .sn-input-wrapper select.fw, .sn-input-wrapper option.fw {
      width: 100%; }
    .sn-input-wrapper input:not(:placeholder-shown) + label, .sn-input-wrapper select:not(:placeholder-shown) + label, .sn-input-wrapper option:not(:placeholder-shown) + label {
      top: 2px;
      left: 11px; }
      .sn-input-wrapper input:not(:placeholder-shown) + label::after, .sn-input-wrapper select:not(:placeholder-shown) + label::after, .sn-input-wrapper option:not(:placeholder-shown) + label::after {
        content: attr(data-alt); }
      @media screen and (max-width: 750px) {
        .sn-input-wrapper input:not(:placeholder-shown) + label, .sn-input-wrapper select:not(:placeholder-shown) + label, .sn-input-wrapper option:not(:placeholder-shown) + label {
          left: 50%;
          transform: translateX(-50%); } }
    .sn-input-wrapper input:focus + label, .sn-input-wrapper select:focus + label, .sn-input-wrapper option:focus + label {
      top: 2px;
      left: 11px; }
      .sn-input-wrapper input:focus + label::after, .sn-input-wrapper select:focus + label::after, .sn-input-wrapper option:focus + label::after {
        content: attr(data-alt); }
      @media screen and (max-width: 750px) {
        .sn-input-wrapper input:focus + label, .sn-input-wrapper select:focus + label, .sn-input-wrapper option:focus + label {
          left: 50%;
          transform: translateX(-50%); } }
    @media screen and (max-width: 750px) {
      .sn-input-wrapper input, .sn-input-wrapper select, .sn-input-wrapper option {
        text-align: center;
        text-align-last: center; } }
  .sn-input-wrapper.no-grow {
    flex: 0; }
  .sn-input-wrapper.price::before {
    content: '£';
    position: absolute;
    top: 41px;
    left: 10px;
    color: #6A6C6E;
    font-weight: 400; }
  .sn-input-wrapper.price input {
    min-width: 90px;
    text-align: center;
    width: 90px;
    padding-right: 10px; }
  .sn-input-wrapper.select::after {
    font-family: icofont;
    content: '\ea67';
    position: absolute;
    right: 12px;
    top: 42px; }
  .sn-input-wrapper button {
    background: #d86421;
    border: none;
    color: #ececec;
    height: 49px; }
    .sn-input-wrapper button.demoted {
      background: transparent;
      color: grey; }
      .sn-input-wrapper button.demoted:hover {
        background: transparent;
        color: white; }
    .sn-input-wrapper button.fw {
      width: 100%; }
    .sn-input-wrapper button:focus + ::after {
      outline: none;
      background: #ececec;
      color: #1a1a1a;
      box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }
    .sn-input-wrapper button:hover {
      background: #ff6d18; }

.sn_order {
  background: #2f3235;
  display: block;
  width: calc(100% - 40px);
  border-radius: 5px;
  margin: 20px;
  font-weight: 100; }
  .sn_order .hero {
    position: sticky;
    top: 60px;
    background: #292929;
    padding: 10px 40px;
    color: #ececec;
    z-index: 200;
    font-size: 24px;
    font-weight: 100; }
    .sn_order .hero a {
      color: #2889ea;
      text-decoration: none; }
  .sn_order .order-note {
    position: relative;
    width: 100%; }
    .sn_order .order-note ::after {
      font-family: icofont;
      content: '\ec55';
      position: absolute;
      top: 9px;
      right: 10px;
      color: grey; }
    .sn_order .order-note textarea {
      border-radius: 5px;
      resize: none;
      min-height: 34px;
      border-radius: 0px;
      padding: 10px 28px 10px 10px;
      width: 100%;
      background: #1a1a1a;
      color: #ffc107;
      border: none;
      font-weight: 100; }
      .sn_order .order-note textarea:focus {
        outline: none;
        background: #ececec;
        color: #1a1a1a; }
    .sn_order .order-note.printed {
      transition: all 0.3s ease; }
      .sn_order .order-note.printed::before {
        transition: all 0.3s ease;
        font-family: icofont, 'Poppins', sans-serif;
        content: "\ef1b \efc6";
        position: absolute;
        top: 9px;
        left: 10px;
        color: #c31919;
        font-weight: 500; }
      .sn_order .order-note.printed textarea {
        padding: 10px 28px 10px 50px; }
      .sn_order .order-note.printed:focus-within::before {
        content: "" " " attr(data-pl) " already printed, notes may not be seen before production";
        font-family: icofont, 'Poppins', sans-serif;
        position: absolute;
        top: 4px;
        left: 10px;
        color: #c31919; }
      .sn_order .order-note.printed:focus-within textarea {
        padding: 40px 28px 10px 10px;
        min-height: 74px; }
    .sn_order .order-note form {
      display: flex; }
    .sn_order .order-note:hover ::after {
      color: #27a745; }
  .sn_order .sn_o_alert {
    text-align: center; }
  .sn_order .sn_o_header {
    z-index: 200;
    padding: 20px 40px;
    display: flex;
    background: #ececec;
    flex-wrap: wrap-reverse;
    color: #1a1a1a; }
    .sn_order .sn_o_header .left {
      margin: auto;
      flex-grow: 1; }
      .sn_order .sn_o_header .left a {
        color: #175fa7;
        text-decoration: none; }
      .sn_order .sn_o_header .left .sn_o_h_group {
        position: relative;
        display: flex;
        flex-wrap: wrap; }
        .sn_order .sn_o_header .left .sn_o_h_group div {
          margin-right: 20px; }
      .sn_order .sn_o_header .left .eta_changer {
        display: flex;
        position: absolute;
        left: 214px; }
        .sn_order .sn_o_header .left .eta_changer .eta_button {
          color: #6A6C6E; }
          .sn_order .sn_o_header .left .eta_changer .eta_button.remove_field_button:hover {
            color: #c31919; }
          .sn_order .sn_o_header .left .eta_changer .eta_button.add_field_button:hover {
            color: #27a745; }
          .sn_order .sn_o_header .left .eta_changer .eta_button:hover {
            transform: scale(1.05); }
          .sn_order .sn_o_header .left .eta_changer .eta_button:focus {
            outline: none;
            transform: scale(0.95); }
    .sn_order .sn_o_header .right {
      margin: auto; }
  .sn_order .sn_o_lines {
    padding: 10px 0px;
    display: block; }
    .sn_order .sn_o_lines .sn_o_line {
      padding: 2px 0px 2px 0px;
      border-collapse: collapse;
      border-style: solid;
      border-color: #6A6C6E;
      border-width: 2px 0px 0px 0px;
      margin: 0px 0px; }
      .sn_order .sn_o_lines .sn_o_line:last-child {
        border-width: 2px 0px 2px 0px; }
      .sn_order .sn_o_lines .sn_o_line.options_toggle .sn_l_options_wrapper {
        margin: auto;
        padding-left: 20px;
        transition: all 0.5s ease;
        overflow: hidden;
        transform-origin: top right; }
      .sn_order .sn_o_lines .sn_o_line.options_toggle .option_visibility_toggle {
        cursor: pointer; }
      .sn_order .sn_o_lines .sn_o_line.options_toggle span.option_visibility_toggle::after {
        content: 'Click to hide options'; }
      .sn_order .sn_o_lines .sn_o_line.options_toggle.o_hidden .sn_l_options_wrapper {
        width: 0px;
        height: 0px;
        padding: 0px;
        transform: scale(0);
        transform-origin: top right; }
      .sn_order .sn_o_lines .sn_o_line.options_toggle.o_hidden span.option_visibility_toggle::after {
        content: 'Click to show options'; }
      .sn_order .sn_o_lines .sn_o_line .top {
        display: flex;
        align-items: center;
        position: relative;
        padding: 0px 72px; }
        @media screen and (max-width: 750px) {
          .sn_order .sn_o_lines .sn_o_line .top {
            display: block; } }
        .sn_order .sn_o_lines .sn_o_line .top .left {
          font-size: 20px;
          flex-grow: 1; }
          .sn_order .sn_o_lines .sn_o_line .top .left .sn_l_sku {
            font-size: 12px;
            color: #6A6C6E; }
          .sn_order .sn_o_lines .sn_o_line .top .left .sn_l_quantity {
            color: #ffc107;
            font-weight: 500; }
            .sn_order .sn_o_lines .sn_o_line .top .left .sn_l_quantity::after {
              color: #ffc107;
              font-weight: 100;
              content: 'x';
              margin-right: 10px;
              margin-left: 10px;
              font-size: 14px;
              position: relative;
              bottom: 3px; }
        .sn_order .sn_o_lines .sn_o_line .top .right {
          display: flex;
          justify-content: flex-end; }
          .sn_order .sn_o_lines .sn_o_line .top .right table {
            border: 1px solid #ececec; }
            .sn_order .sn_o_lines .sn_o_line .top .right table td:first-child {
              font-weight: bold;
              padding-left: 20px; }
            .sn_order .sn_o_lines .sn_o_line .top .right table td:last-child {
              padding-left: 20px;
              padding-right: 20px; }
            .sn_order .sn_o_lines .sn_o_line .top .right table tr:nth-child(odd) {
              background: #ececec;
              color: #2f3235; }
        .sn_order .sn_o_lines .sn_o_line .top .visibility_icon {
          color: #6A6C6E;
          font-size: 22px;
          margin: auto 10px auto 10px;
          position: absolute;
          right: 25px; }
          .sn_order .sn_o_lines .sn_o_line .top .visibility_icon:hover {
            color: #ececec; }
        .sn_order .sn_o_lines .sn_o_line .top .note-visibility-toggle {
          margin: auto;
          position: absolute;
          right: 11px;
          color: #6A6C6E; }
          .sn_order .sn_o_lines .sn_o_line .top .note-visibility-toggle:hover {
            color: #27a745; }
      .sn_order .sn_o_lines .sn_o_line .sn_l_actions {
        text-align: center; }
        .sn_order .sn_o_lines .sn_o_line .sn_l_actions .schedule-line-note {
          position: relative;
          margin-top: 10px; }
          .sn_order .sn_o_lines .sn_o_line .sn_l_actions .schedule-line-note ::after {
            font-family: icofont;
            content: '\ec55';
            position: absolute;
            top: 4px;
            right: 10px;
            color: #6A6C6E; }
          .sn_order .sn_o_lines .sn_o_line .sn_l_actions .schedule-line-note textarea {
            border-radius: 5px;
            resize: none;
            min-height: 34px;
            border-radius: 0px;
            padding: 5px 28px 5px 71px;
            width: 100%;
            background: transparent;
            color: #ffc107;
            border: none;
            font-weight: 100; }
            .sn_order .sn_o_lines .sn_o_line .sn_l_actions .schedule-line-note textarea:focus {
              outline: none;
              background: #ececec;
              color: #1a1a1a; }
          .sn_order .sn_o_lines .sn_o_line .sn_l_actions .schedule-line-note.printed {
            transition: all 0.3s ease; }
            .sn_order .sn_o_lines .sn_o_line .sn_l_actions .schedule-line-note.printed ::before {
              font-family: icofont, 'Poppins', sans-serif;
              content: "\ef1b \efc6";
              position: absolute;
              top: 4px;
              left: 18px;
              color: #c31919; }
            .sn_order .sn_o_lines .sn_o_line .sn_l_actions .schedule-line-note.printed textarea {
              padding: 5px 28px 5px 71px; }
            .sn_order .sn_o_lines .sn_o_line .sn_l_actions .schedule-line-note.printed:focus-within ::before {
              font-family: icofont, 'Poppins', sans-serif;
              content: "\ef1b \efc6 This line has already been printed, inform the workshop if adding new notes.";
              position: absolute;
              top: 4px;
              left: 40px;
              color: #c31919; }
            .sn_order .sn_o_lines .sn_o_line .sn_l_actions .schedule-line-note.printed:focus-within textarea {
              padding: 40px 28px 5px 40px;
              min-height: 69px; }
          .sn_order .sn_o_lines .sn_o_line .sn_l_actions .schedule-line-note form {
            display: flex; }
          .sn_order .sn_o_lines .sn_o_line .sn_l_actions .schedule-line-note:hover ::after {
            color: #27a745; }
  .sn_order .sn_o_footer {
    text-align: center; }

.sn_schedule_state {
  margin: auto; }

.sn_comes_from_changer {
  border-radius: 5px;
  display: block;
  margin: auto 0px;
  position: absolute;
  left: 15px;
  transition: all 0.2s ease; }
  .sn_comes_from_changer .option {
    padding: 0px 4px;
    display: flex;
    justify-content: flex-end;
    margin: auto;
    transition: all 0.2s ease;
    transition-delay: 0.3s;
    height: 0px;
    overflow: hidden; }
    .sn_comes_from_changer .option button {
      transition: width 0.2s ease, padding 0.2s ease, font-size 0.2s ease;
      transition-delay: 0.2s;
      font-size: 0px;
      overflow: hidden;
      width: 32px;
      min-width: 32px;
      white-space: nowrap;
      color: rgba(255, 255, 255, 0.8);
      font-weight: 100;
      border: none;
      background: #6A6C6E;
      filter: grayscale(1);
      border-radius: 2px;
      box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }
      .sn_comes_from_changer .option button:first-letter {
        font-size: 16px; }
      .sn_comes_from_changer .option button:focus {
        outline: none; }
      .sn_comes_from_changer .option button:hover {
        filter: none; }
        .sn_comes_from_changer .option button:hover::before {
          content: '\ea69';
          font-family: icofont;
          position: absolute;
          left: 5px;
          color: #ececec; }
    .sn_comes_from_changer .option.R button {
      background: #007090; }
    .sn_comes_from_changer .option.F button {
      background: #32746D; }
    .sn_comes_from_changer .option.M button {
      background: #F46036; }
  .sn_comes_from_changer .option.active {
    padding: 8px 4px;
    pointer-events: none;
    height: 48px; }
    .sn_comes_from_changer .option.active button {
      box-shadow: none;
      filter: none; }
  .sn_comes_from_changer:hover {
    z-index: 100;
    background: rgba(0, 0, 0, 0.9);
    box-shadow: 0 0 0pt 9pt rgba(0, 0, 0, 0.9);
    transition: all 0.2s ease; }
    .sn_comes_from_changer:hover .option {
      padding: 8px 4px;
      height: 48px; }
      .sn_comes_from_changer:hover .option button {
        font-size: 16px;
        padding: 0 20px;
        border-radius: 3px;
        width: 200px; }

.zooming {
  transition: all 0.15s ease-out;
  min-width: 200px;
  min-height: 48px;
  display: flex;
  justify-content: flex-end; }
  .zooming::after {
    content: 'See Options';
    pointer-events: none;
    position: absolute;
    right: 0px;
    top: 0px; }
  .zooming .options_table {
    font-size: 0px;
    transition: all .3s;
    opacity: 0; }
  .zooming:hover::after {
    content: ''; }
  .zooming:hover .options_table {
    font-size: 16px;
    display: table;
    opacity: 1; }

.DEAR-link {
  margin-right: 10px;
  text-decoration: none;
  color: #6A6C6E; }
  .DEAR-link.with-image::before {
    font-family: icofont;
    content: '\ef21';
    margin-right: 5px; }
  .DEAR-link:hover {
    color: #ececec;
    text-decoration: none; }

@media screen and (max-width: 750px) {
  .mumbo_jumbo, .sn_order {
    margin: 20px 0px 20px 0px;
    border-radius: 0px;
    width: 100%; } }

/*# sourceMappingURL=testing.css.map */
.product_results {
  max-height: 200px;
  overflow: auto;
  color: #1a1a1a;
  border: 1px solid #1a1a1a; }

.product_results .product_line {
  padding: 2px 20px; }
  .product_results .product_line:nth-child(even) {
    background: rgba(0, 0, 0, 0.05); }
  .product_results .product_line:nth-child(odd) {
    background: rgba(0, 0, 0, 0.1); }

/*# sourceMappingURL=order_maker.css.map */
/**
 * pretty-checkbox.css
 *
 * A pure CSS library to beautify checkbox and radio buttons
 *
 * Source: https://github.com/lokesh-coder/pretty-checkbox
 * Demo: https://lokesh-coder.github.io/pretty-checkbox
 *
 * Copyright (c) 2017 Lokesh rajendran
 */

.pretty *{box-sizing:border-box}.pretty input:not([type=checkbox]):not([type=radio]){display:none}.pretty{position:relative;display:inline-block;margin-right:1em;white-space:nowrap;line-height:1}.pretty input{position:absolute;left:0;top:0;min-width:1em;width:100%;height:100%;z-index:2;opacity:0;margin:0;padding:0;cursor:pointer}.pretty .state label{position:initial;display:inline-block;font-weight:400;margin:0;text-indent:1.5em;min-width:calc(1em + 2px)}.pretty .state label:after,.pretty .state label:before{content:'';width:calc(1em + 2px);height:calc(1em + 2px);display:block;box-sizing:border-box;border-radius:0;border:1px solid transparent;z-index:0;position:absolute;left:0;top:calc((0% - (100% - 1em)) - 8%);background-color:transparent}.pretty .state label:before{border-color:#bdc3c7}.pretty .state.p-is-hover,.pretty .state.p-is-indeterminate{display:none}@-webkit-keyframes zoom{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}}@keyframes zoom{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}}@-webkit-keyframes tada{0%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0;-webkit-transform:scale(7);transform:scale(7)}38%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;opacity:1;-webkit-transform:scale(1);transform:scale(1)}55%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:scale(1.5);transform:scale(1.5)}72%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:scale(1);transform:scale(1)}81%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:scale(1.24);transform:scale(1.24)}89%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:scale(1);transform:scale(1)}95%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:scale(1.04);transform:scale(1.04)}100%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:scale(1);transform:scale(1)}}@keyframes tada{0%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0;-webkit-transform:scale(7);transform:scale(7)}38%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;opacity:1;-webkit-transform:scale(1);transform:scale(1)}55%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:scale(1.5);transform:scale(1.5)}72%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:scale(1);transform:scale(1)}81%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:scale(1.24);transform:scale(1.24)}89%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:scale(1);transform:scale(1)}95%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:scale(1.04);transform:scale(1.04)}100%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes jelly{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}40%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}50%{-webkit-transform:scale3d(.85,1.15,1);transform:scale3d(.85,1.15,1)}65%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}75%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes jelly{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}40%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}50%{-webkit-transform:scale3d(.85,1.15,1);transform:scale3d(.85,1.15,1)}65%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}75%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@-webkit-keyframes rotate{0%{opacity:0;-webkit-transform:translateZ(-200px) rotate(-45deg);transform:translateZ(-200px) rotate(-45deg)}100%{opacity:1;-webkit-transform:translateZ(0) rotate(0);transform:translateZ(0) rotate(0)}}@keyframes rotate{0%{opacity:0;-webkit-transform:translateZ(-200px) rotate(-45deg);transform:translateZ(-200px) rotate(-45deg)}100%{opacity:1;-webkit-transform:translateZ(0) rotate(0);transform:translateZ(0) rotate(0)}}@-webkit-keyframes pulse{0%{box-shadow:0 0 0 0 #bdc3c7}100%{box-shadow:0 0 0 1.5em rgba(189,195,199,0)}}@keyframes pulse{0%{box-shadow:0 0 0 0 #bdc3c7}100%{box-shadow:0 0 0 1.5em rgba(189,195,199,0)}}.pretty.p-default.p-fill .state label:after{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.pretty.p-default .state label:after{-webkit-transform:scale(.6);-ms-transform:scale(.6);transform:scale(.6)}.pretty.p-default input:checked~.state label:after{background-color:#bdc3c7!important}.pretty.p-default.p-thick .state label:after,.pretty.p-default.p-thick .state label:before{border-width:calc(1em / 7)}.pretty.p-default.p-thick .state label:after{-webkit-transform:scale(.4)!important;-ms-transform:scale(.4)!important;transform:scale(.4)!important}.pretty.p-icon .state .icon{position:absolute;font-size:1em;width:calc(1em + 2px);height:calc(1em + 2px);left:0;z-index:1;text-align:center;line-height:normal;top:calc((0% - (100% - 1em)) - 8%);border:1px solid transparent;opacity:0}.pretty.p-icon .state .icon:before{margin:0;width:100%;height:100%;text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;line-height:1}.pretty.p-icon input:checked~.state .icon{opacity:1}.pretty.p-icon input:checked~.state label:before{border-color:#5a656b}.pretty.p-svg .state .svg{position:absolute;font-size:1em;width:calc(1em + 2px);height:calc(1em + 2px);left:0;z-index:1;text-align:center;line-height:normal;top:calc((0% - (100% - 1em)) - 8%);border:1px solid transparent;opacity:0}.pretty.p-svg .state svg{margin:0;width:100%;height:100%;text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;line-height:1}.pretty.p-svg input:checked~.state .svg{opacity:1}.pretty.p-image .state img{opacity:0;position:absolute;width:calc(1em + 2px);height:calc(1em + 2px);top:0;top:calc((0% - (100% - 1em)) - 8%);left:0;z-index:0;text-align:center;line-height:normal;-webkit-transform:scale(.8);-ms-transform:scale(.8);transform:scale(.8)}.pretty.p-image input:checked~.state img{opacity:1}.pretty.p-switch input{min-width:2em}.pretty.p-switch .state{position:relative}.pretty.p-switch .state:before{content:'';border:1px solid #bdc3c7;border-radius:60px;width:2em;box-sizing:unset;height:calc(1em + 2px);position:absolute;top:0;top:calc((0% - (100% - 1em)) - 16%);z-index:0;transition:all .5s ease}.pretty.p-switch .state label{text-indent:2.5em}.pretty.p-switch .state label:after,.pretty.p-switch .state label:before{transition:all .5s ease;border-radius:100%;left:0;border-color:transparent;-webkit-transform:scale(.8);-ms-transform:scale(.8);transform:scale(.8)}.pretty.p-switch .state label:after{background-color:#bdc3c7!important}.pretty.p-switch input:checked~.state:before{border-color:#5a656b}.pretty.p-switch input:checked~.state label:before{opacity:0}.pretty.p-switch input:checked~.state label:after{background-color:#5a656b!important;left:1em}.pretty.p-switch.p-fill input:checked~.state:before{border-color:#5a656b;background-color:#5a656b!important}.pretty.p-switch.p-fill input:checked~.state label:before{opacity:0}.pretty.p-switch.p-fill input:checked~.state label:after{background-color:#fff!important;left:1em}.pretty.p-switch.p-slim .state:before{height:.1em;background:#bdc3c7!important;top:calc(50% - .1em)}.pretty.p-switch.p-slim input:checked~.state:before{border-color:#5a656b;background-color:#5a656b!important}.pretty.p-has-hover input:hover~.state:not(.p-is-hover){display:none}.pretty.p-has-hover input:hover~.state.p-is-hover{display:block}.pretty.p-has-hover input:hover~.state.p-is-hover .icon{display:block}.pretty.p-has-focus input:focus~.state label:before{box-shadow:0 0 3px 0 #bdc3c7}.pretty.p-has-indeterminate input[type=checkbox]:indeterminate~.state:not(.p-is-indeterminate){display:none}.pretty.p-has-indeterminate input[type=checkbox]:indeterminate~.state.p-is-indeterminate{display:block}.pretty.p-has-indeterminate input[type=checkbox]:indeterminate~.state.p-is-indeterminate .icon{display:block;opacity:1}.pretty.p-toggle .state.p-on{opacity:0;display:none}.pretty.p-toggle .state .icon,.pretty.p-toggle .state .svg,.pretty.p-toggle .state img,.pretty.p-toggle .state.p-off{opacity:1;display:inherit}.pretty.p-toggle .state.p-off .icon{color:#bdc3c7}.pretty.p-toggle input:checked~.state.p-on{opacity:1;display:inherit}.pretty.p-toggle input:checked~.state.p-off{opacity:0;display:none}.pretty.p-plain input:checked~.state label:before,.pretty.p-plain.p-toggle .state label:before{content:none}.pretty.p-plain.p-plain .icon{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.pretty.p-round .state label:after,.pretty.p-round .state label:before{border-radius:100%}.pretty.p-round.p-icon .state .icon{border-radius:100%;overflow:hidden}.pretty.p-round.p-icon .state .icon:before{-webkit-transform:scale(.8);-ms-transform:scale(.8);transform:scale(.8)}.pretty.p-curve .state label:after,.pretty.p-curve .state label:before{border-radius:20%}.pretty.p-smooth .icon,.pretty.p-smooth .svg,.pretty.p-smooth label:after,.pretty.p-smooth label:before{transition:all .5s ease}.pretty.p-smooth input:checked+.state label:after{transition:all .3s ease}.pretty.p-smooth input:checked+.state .icon,.pretty.p-smooth input:checked+.state .svg,.pretty.p-smooth input:checked+.state img{-webkit-animation:zoom .2s ease;animation:zoom .2s ease}.pretty.p-smooth.p-default input:checked+.state label:after{-webkit-animation:zoom .2s ease;animation:zoom .2s ease}.pretty.p-smooth.p-plain input:checked+.state label:before{content:'';-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);transition:all .5s ease}.pretty.p-tada:not(.p-default) input:checked+.state .icon,.pretty.p-tada:not(.p-default) input:checked+.state .svg,.pretty.p-tada:not(.p-default) input:checked+.state img,.pretty.p-tada:not(.p-default) input:checked+.state label:after,.pretty.p-tada:not(.p-default) input:checked+.state label:before{-webkit-animation:tada .7s cubic-bezier(.25,.46,.45,.94) 1 alternate;animation:tada .7s cubic-bezier(.25,.46,.45,.94) 1 alternate;opacity:1}.pretty.p-jelly:not(.p-default) input:checked+.state .icon,.pretty.p-jelly:not(.p-default) input:checked+.state .svg,.pretty.p-jelly:not(.p-default) input:checked+.state img,.pretty.p-jelly:not(.p-default) input:checked+.state label:after,.pretty.p-jelly:not(.p-default) input:checked+.state label:before{-webkit-animation:jelly .7s cubic-bezier(.25,.46,.45,.94);animation:jelly .7s cubic-bezier(.25,.46,.45,.94);opacity:1}.pretty.p-jelly:not(.p-default) input:checked+.state label:before{border-color:transparent}.pretty.p-rotate:not(.p-default) input:checked~.state .icon,.pretty.p-rotate:not(.p-default) input:checked~.state .svg,.pretty.p-rotate:not(.p-default) input:checked~.state img,.pretty.p-rotate:not(.p-default) input:checked~.state label:after,.pretty.p-rotate:not(.p-default) input:checked~.state label:before{-webkit-animation:rotate .7s cubic-bezier(.25,.46,.45,.94);animation:rotate .7s cubic-bezier(.25,.46,.45,.94);opacity:1}.pretty.p-rotate:not(.p-default) input:checked~.state label:before{border-color:transparent}.pretty.p-pulse:not(.p-switch) input:checked~.state label:before{-webkit-animation:pulse 1s;animation:pulse 1s}.pretty input[disabled]{cursor:not-allowed;display:none}.pretty input[disabled]~*{opacity:.5}.pretty.p-locked input{display:none;cursor:not-allowed}.pretty input:checked~.state.p-primary label:after,.pretty.p-toggle .state.p-primary label:after{background-color:#428bca!important}.pretty input:checked~.state.p-primary .icon,.pretty input:checked~.state.p-primary .svg,.pretty.p-toggle .state.p-primary .icon,.pretty.p-toggle .state.p-primary .svg{color:#fff;stroke:#fff}.pretty input:checked~.state.p-primary-o label:before,.pretty.p-toggle .state.p-primary-o label:before{border-color:#428bca}.pretty input:checked~.state.p-primary-o label:after,.pretty.p-toggle .state.p-primary-o label:after{background-color:transparent}.pretty input:checked~.state.p-primary-o .icon,.pretty input:checked~.state.p-primary-o .svg,.pretty input:checked~.state.p-primary-o svg,.pretty.p-toggle .state.p-primary-o .icon,.pretty.p-toggle .state.p-primary-o .svg,.pretty.p-toggle .state.p-primary-o svg{color:#428bca;stroke:#428bca}.pretty.p-default:not(.p-fill) input:checked~.state.p-primary-o label:after{background-color:#428bca!important}.pretty.p-switch input:checked~.state.p-primary:before{border-color:#428bca}.pretty.p-switch.p-fill input:checked~.state.p-primary:before{background-color:#428bca!important}.pretty.p-switch.p-slim input:checked~.state.p-primary:before{border-color:#245682;background-color:#245682!important}.pretty input:checked~.state.p-info label:after,.pretty.p-toggle .state.p-info label:after{background-color:#5bc0de!important}.pretty input:checked~.state.p-info .icon,.pretty input:checked~.state.p-info .svg,.pretty.p-toggle .state.p-info .icon,.pretty.p-toggle .state.p-info .svg{color:#fff;stroke:#fff}.pretty input:checked~.state.p-info-o label:before,.pretty.p-toggle .state.p-info-o label:before{border-color:#5bc0de}.pretty input:checked~.state.p-info-o label:after,.pretty.p-toggle .state.p-info-o label:after{background-color:transparent}.pretty input:checked~.state.p-info-o .icon,.pretty input:checked~.state.p-info-o .svg,.pretty input:checked~.state.p-info-o svg,.pretty.p-toggle .state.p-info-o .icon,.pretty.p-toggle .state.p-info-o .svg,.pretty.p-toggle .state.p-info-o svg{color:#5bc0de;stroke:#5bc0de}.pretty.p-default:not(.p-fill) input:checked~.state.p-info-o label:after{background-color:#5bc0de!important}.pretty.p-switch input:checked~.state.p-info:before{border-color:#5bc0de}.pretty.p-switch.p-fill input:checked~.state.p-info:before{background-color:#5bc0de!important}.pretty.p-switch.p-slim input:checked~.state.p-info:before{border-color:#2390b0;background-color:#2390b0!important}.pretty input:checked~.state.p-success label:after,.pretty.p-toggle .state.p-success label:after{background-color:#5cb85c!important}.pretty input:checked~.state.p-success .icon,.pretty input:checked~.state.p-success .svg,.pretty.p-toggle .state.p-success .icon,.pretty.p-toggle .state.p-success .svg{color:#fff;stroke:#fff}.pretty input:checked~.state.p-success-o label:before,.pretty.p-toggle .state.p-success-o label:before{border-color:#5cb85c}.pretty input:checked~.state.p-success-o label:after,.pretty.p-toggle .state.p-success-o label:after{background-color:transparent}.pretty input:checked~.state.p-success-o .icon,.pretty input:checked~.state.p-success-o .svg,.pretty input:checked~.state.p-success-o svg,.pretty.p-toggle .state.p-success-o .icon,.pretty.p-toggle .state.p-success-o .svg,.pretty.p-toggle .state.p-success-o svg{color:#5cb85c;stroke:#5cb85c}.pretty.p-default:not(.p-fill) input:checked~.state.p-success-o label:after{background-color:#5cb85c!important}.pretty.p-switch input:checked~.state.p-success:before{border-color:#5cb85c}.pretty.p-switch.p-fill input:checked~.state.p-success:before{background-color:#5cb85c!important}.pretty.p-switch.p-slim input:checked~.state.p-success:before{border-color:#357935;background-color:#357935!important}.pretty input:checked~.state.p-warning label:after,.pretty.p-toggle .state.p-warning label:after{background-color:#f0ad4e!important}.pretty input:checked~.state.p-warning .icon,.pretty input:checked~.state.p-warning .svg,.pretty.p-toggle .state.p-warning .icon,.pretty.p-toggle .state.p-warning .svg{color:#fff;stroke:#fff}.pretty input:checked~.state.p-warning-o label:before,.pretty.p-toggle .state.p-warning-o label:before{border-color:#f0ad4e}.pretty input:checked~.state.p-warning-o label:after,.pretty.p-toggle .state.p-warning-o label:after{background-color:transparent}.pretty input:checked~.state.p-warning-o .icon,.pretty input:checked~.state.p-warning-o .svg,.pretty input:checked~.state.p-warning-o svg,.pretty.p-toggle .state.p-warning-o .icon,.pretty.p-toggle .state.p-warning-o .svg,.pretty.p-toggle .state.p-warning-o svg{color:#f0ad4e;stroke:#f0ad4e}.pretty.p-default:not(.p-fill) input:checked~.state.p-warning-o label:after{background-color:#f0ad4e!important}.pretty.p-switch input:checked~.state.p-warning:before{border-color:#f0ad4e}.pretty.p-switch.p-fill input:checked~.state.p-warning:before{background-color:#f0ad4e!important}.pretty.p-switch.p-slim input:checked~.state.p-warning:before{border-color:#c77c11;background-color:#c77c11!important}.pretty input:checked~.state.p-danger label:after,.pretty.p-toggle .state.p-danger label:after{background-color:#d9534f!important}.pretty input:checked~.state.p-danger .icon,.pretty input:checked~.state.p-danger .svg,.pretty.p-toggle .state.p-danger .icon,.pretty.p-toggle .state.p-danger .svg{color:#fff;stroke:#fff}.pretty input:checked~.state.p-danger-o label:before,.pretty.p-toggle .state.p-danger-o label:before{border-color:#d9534f}.pretty input:checked~.state.p-danger-o label:after,.pretty.p-toggle .state.p-danger-o label:after{background-color:transparent}.pretty input:checked~.state.p-danger-o .icon,.pretty input:checked~.state.p-danger-o .svg,.pretty input:checked~.state.p-danger-o svg,.pretty.p-toggle .state.p-danger-o .icon,.pretty.p-toggle .state.p-danger-o .svg,.pretty.p-toggle .state.p-danger-o svg{color:#d9534f;stroke:#d9534f}.pretty.p-default:not(.p-fill) input:checked~.state.p-danger-o label:after{background-color:#d9534f!important}.pretty.p-switch input:checked~.state.p-danger:before{border-color:#d9534f}.pretty.p-switch.p-fill input:checked~.state.p-danger:before{background-color:#d9534f!important}.pretty.p-switch.p-slim input:checked~.state.p-danger:before{border-color:#a02622;background-color:#a02622!important}.pretty.p-bigger .icon,.pretty.p-bigger .img,.pretty.p-bigger .svg,.pretty.p-bigger label:after,.pretty.p-bigger label:before{font-size:1.2em!important;top:calc((0% - (100% - 1em)) - 35%)!important}.pretty.p-bigger label{text-indent:1.7em}@media print{.pretty .state .icon,.pretty .state label:after,.pretty .state label:before,.pretty .state:before{color-adjust:exact;-webkit-print-color-adjust:exact;print-color-adjust:exact}}
@import url('https://fonts.googleapis.com/css?family=Noto+Sans:400,700');
@import "https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700";


body {
  background: #1a1a1a;
    font-family: 'Poppins', sans-serif;
}

body, #content, #menu-container,.container{
  max-width: 100vw;
}

h1,h2,h3,h4 {
    font-family: 'Poppins', sans-serif;
    font-weight: 300;
/*    color: #e0e0e0;*/
}

h1 {
 font-size: 1.8em
}

h2 {
 font-size: 1.5em
}

h3 {
 font-size: 1.4em
}

h4 {
 font-size: 1.3em
}

p {
    font-family: 'Poppins', sans-serif;
    font-size: 1.1em;
    font-weight: 300;
    line-height: 1.7em;
/*    color: rgba(255,255,255,0.7);*/
}

a{
  color: #3fb8e6;
  text-decoration: underline;
}

.no-button-input-box{
  padding: 5px;
  padding-left: 20px;
  width: 200px;
  border-collapse: collapse;
  border-radius: 5px;
  margin-bottom: 20px;
}

.order-body td{
  vertical-align:top;
}

.normal {
  filter: invert(0%) !important;
}


.admin-element{
  display: none;
}
.user_table{
  color: white;
  width: 100%
}

/*.logo-image{
  margin-bottom: 20px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}*/

.logo-image{
  margin-bottom: 3px;
  margin-left: 20px;
  margin-right: auto;
}

.input-group {
  display: inline;
}

.new-user-role{
  color: black;
  border: none;
  border-collapse: collapse;
  border-radius: 0px;
}

.new-user-role-button{
  color: white;
  border: none;
  border-collapse: collapse;
  border-radius: 5px;
  background-color: #ff8a3c;
}

.destory-user-button{
  color: white;
  border: none;
  border-collapse: collapse;
  border-radius: 5px;
  background-color: #e91b23;
}

.progress_bar{
  height: 15px;
  width: 0%;
  border: none;
  background-color: #5cb85c;
  border-radius: 100px;
}

/* Style page content */


.main-no-bar {
}

/* On smaller screens, where height is less than 450px, change the style of the sidebar (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}


.mumbo_table_full th{
  font-size: 16px;
  font-weight: 300;
  color: #E6E6E6;
  border-bottom: 3px solid grey;
}

.mumbo_table_full tr{
  border-bottom: 1px solid grey;
  color: #E6E6E6;
}

.mumbo_table_full tr:hover{
  background-color: #525254;
  border-bottom: 1px solid grey;
}

.mumbo_table_full td{
  font-size: 14px;
}


.done_class{
  background-color: #62e060 !important;
}

/******************************************/
/******************************************/
/*Order View Styling for Individual Orders*/
/******************************************/
/******************************************/
.options_jumbo{
  display: none;
  padding: 20px;
  margin: 0px 20px 20px 20px;
  background-color:#e2e2e2;
  color: #2a2a2a;
  border-top-left-radius:0px !important;
  border-top-right-radius:0px  !important;
  border-bottom-left-radius:10px !important;
  border-bottom-right-radius:10px  !important;
  box-shadow: inset 0px 11px 8px -10px #222223;
  margin-bottom: 10px;
}

.new-order-ajax-btn{
  font-size:20px;
  color: white;
  width: 100%;
  border-top-left-radius:0px;
  border-top-right-radius:0px;
  border-bottom-left-radius:4px;
  border-bottom-right-radius:4px;
}

.undo-ajax-btn{
  font-size:20px;
  color: white;
  width: 100%;
  border-top-left-radius:5px;
  border-top-right-radius:5px;
  border-bottom-left-radius:5px;
  border-bottom-right-radius:5px;
}

.order-editor-header{
  width: 100%;
  display:flex;
  max-width: 1024px;
  margin: auto;
}

.order-editor-body{
  align-content: center;
  width: 100%
  }

.oh-left{
  flex-grow:1;
  background-color: #222223;
  border-top-left-radius:5px;
  border-top-right-radius:5px;
  margin-right:20px;
}

.oh-left table{
  margin: 20px;
}

.oh-right{
  flex-grow:1;
  background-color: #222223;
  padding: 20px;
  border-top-left-radius:5px;
  border-top-right-radius:5px;
}


/*.editor-line{
  width: 100%;
  font-size: 20px;
  display: inline-block;
  background-color: #222223;
  padding-left: 40px;
  padding-right: 40px;
  padding-bottom: 10px;
  padding-top: 10px;
  color: white;
  border-radius: 5px;
}

.editor-line-buttons{
  text-align: right;
  float: right;
}*/

.note-form{
  width: 100%;
}

.new-line-form input{
  padding-left: 10px;
  font-size: 16px;
  background-color: #434344;
  color: #fff;
  height: 40px;
  border: none;
  border-left: solid 2px #222223;
  border-collapse: collapse;
  box-shadow: inset 0px 0px 5px 1px rgba(15,15,15,0.21);
/*  box-shadow: inset 0px 0px 5px 1px rgba(56,56,56,0.5);*/
}

.new-line-form label{
  font-weight:normal;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 16px;
  background-color: #ddd;
  color: #222223;
  height: 40px;
  border: none;
  border-left: solid 2px #222223;
  padding-top: 10px;
}

.new-line-form select{
  padding-left: 10px;
  font-size: 16px;
  background-color: #434344;
  color: #fff;
  height: 40px;
  border: none;
  border-left: solid 2px #222223;
  border-collapse: collapse;
  box-shadow: inset 0px 0px 5px 1px rgba(15,15,15,0.21);
  border-radius: 0px;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-position: right 50%;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml;utf8,<?xml version="1.0" encoding="utf-8"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="12" version="1"><path d="M4 8L0 4h8z"/></svg>');
    padding: .5em;
    padding-right: 1.5em
/*  box-shadow: inset 0px 0px 5px 1px rgba(56,56,56,0.5);*/
}

/*.new-line-form textarea {
  padding: 20px;
  font-size: 16px;
  background-color: #434344;
  color: #fff;
  border: none;
  resize: none;
  border-collapse: collapse;
  box-shadow: inset 0px 0px 5px 1px rgba(15,15,15,0.21);
  border-radius: 0px 0px 5px 5px;
}*/

.editor-line_comes_from{
  margin: 20px;
}

.add-note-button{
  background-color: #28a745;
  border: none;
  border-left: solid 2px #222223;
  font-size: 16px;
  color: #fff;
  border-bottom-right-radius: 5px;
}


.add-line-first-field{
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  text-align: center;
}


/*.options-container{
  width: 90%;
  padding:20px;
}*/


.new-option-form{
  padding-top: 10px;
  margin-left: -12px;
  display: inline-flex;
  width: 100%
}

.new-option-form input{
  padding-left: 10px;
  font-size: 16px;
  background-color: #434344;
  color: #fff;
  height: 28px;
  border: none;
  border-left: solid 2px #222223;
  border-collapse: collapse;
  box-shadow: inset 0px 0px 5px 1px rgba(15,15,15,0.21);
/*  box-shadow: inset 0px 0px 5px 1px rgba(56,56,56,0.5);*/
}

.add-option-first-field{
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.option-button{
  background-color: #28a745;
  border: none;
  border-left: solid 2px #222223;
  font-size: 16px;
  color: #fff;
}

.btn-add{
  white-space: nowrap;
  background-color: #434344;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.btn-all-round{
  border-radius: 5px;
}

.btn-add:hover{
  background-color: #28a745;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.btn-cancel{
  white-space: nowrap;
  background-color: #434344;
  border-radius: 5px;
}

.btn-cancel:hover{
  background-color: #ff5000;
  border-radius: 5px;
}

.btn-destroy{
  white-space: nowrap;
  background-color: #434344;
  border-radius: 5px;
}
.btn-destroy:hover{
  background-color: red;
  border-radius: 5px;
}


/*.date-picker-form button{
  font-size: 16px;
  background-color: #28a745;
  color: #fff;
  height: 40px;
  border: none;
  border-left: solid 2px #222223;
  border-collapse: collapse;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}*/

.single-button-form button{
  font-size: 16px;
  background-color: #28a745;
  color: #fff;
  height: 40px;
  border: none;
  border-left: solid 2px #222223;
  border-collapse: collapse;
  border-radius: 5px;
}



/*div.warehouse-view-point{
  border: solid 1px;
  border-radius: 5px;
  border-color: #F46036;
}*/


/*div.regulation-view-point{
  border: solid 1px;
  border-radius: 5px;
  border-color: #007090;
}*/

/*div.fetters-view-point{
  border: solid 1px;
  border-radius: 5px;
  border-color: #32746D;
}*/









/*************************************/



.jumbotron
{
padding: 0px !important;
}

/*h1 {
  font-family: 'Poppins', sans-serif;
  color:#93A8AC;
}

h2 {
  font-family: 'Poppins', sans-serif;
  color:#93A8AC;
  font-size: 26px;
}

h3 {
  font-family: 'Poppins', sans-serif;
  color:#93A8AC;
}

h4 {
  font-family: 'Poppins', sans-serif;
  color:#93A8AC;
}

p {
	font-size: 18px;
  	color:#E6E6E6;
}*/

.nav-pills>li>a {
	color: #93A8AC;
}

.nav>li>a:focus, .nav>li>a:hover {
	color: #FFFFFF;
  	background-color: #93A8AC;
}

/*.btn-danger {
	background-color: transparent;
	border-color: transparent;
	font-size: 30px !important;
	line-height: 0px;
	vertical-align: middle;
	top: 0px;
	margin: 20px;
	color:#FF8552;
}

.btn-success {
  margin: 10px;
  background-color: #4E5166;
  font-size: 16px;
  font-weight: bold;
  border-color: #4E5166;
}

.btn-success:hover {
  background-color: #007090;
  border-color: #007090;
}

.btn-danger:hover {
  background-color: transparent;
  border-color: transparent;
	line-height: 0px;
	vertical-align: middle;
	top: 0px;
	color:#FFFFFF;
}

.btn-danger:active {
	background-color: #FFFFFF;
	border-color: #FFFFFF;
	font-size: 20px !important;
	line-height: 0px;
	vertical-align: middle;
	top: 0px;
	margin: 0 -8px;
	color:#1B2631;
}

.btn-primary {
	background-color: #4E5166;
	border-color: #4E5166;
}

.btn-primary:hover {
	background-color: #93A8AC;
	border-color: #93A8AC;
}

.btn-primary:active {
	background-color: #F84F06 !important;
	border-color: #D35400 !important;
}

.btn-primary:visited {
	background-color: #F84F06 !important;
	border-color: #D35400 !important;
}*/

.second-try button.btn-primary > span.glyphicon {
  font-size: 26px;
  line-height: 0px;
  vertical-align: middle;
  top: 0px;
  margin: 0 -8px;
}

.highlight{
	background-color:rgba(255,255,255,0.2);
}

.vertical-center {
	margin-left:auto;
  min-height: 100%;
  min-height: 100vh;
  display: flex;
  align-items: center;
}


.loading-message{
  text-align:center;
}

#myTable {
border: none !important;
  border-collapse: collapse; /* Collapse borders */
  width: 100%; /* Full-width */
  border: 1px solid #ddd; /* Add a grey border */
  table-layout: fixed;
}

#myTable th, #myTable td {
  white-space: nowrap;
  text-align: left;
  padding: 3px;
  overflow: hidden;
}


#myTable tr td{
  /* Add a bottom border to all table rows */
  border-bottom: 1px solid grey;
  padding: 3px;
}

#myTable tr.header {
  /* Add a grey background color to the table header and on hover */
  background-color: #1a1a1a;
  color:#FFFFFF;
  font-size: 24px;
  height: 50px;
  font-weight: 50;
}

#myTable tr:hover {
  /* Add a grey background color to the table header and on hover */
  background-color:navy;
  color:#FFFFFF;
}

#myTable tr td, #myTable th{
  vertical-align:middle;
  color:#fff;
  font-size:16px;
}

#myTable .number{
  text-align:center;
  margin-bottom:2px;
}



.test-table{

}

.test-table tr td{
  color:#bbb;
  font-size:16px;
}

/*.test-table tr td a{
  display:inline;
}*/

.little-sku{
  font-size:12px;
  color:#E6E6E6 !important;
  position: relative;
  bottom: 16px;
  left: 0px;
}

.line-qty{
  text-align:right;
  padding-right:4px;
  white-space:nowrap;
}

.line_brief_info, .qty_prepend{
  vertical-align:top;
}

.location-color-fetters-workshop{
  color:lime;
}

.location-color-regulation-workshop{
  color:red;
}

.location-color-main-warehouse{
  color:salmon;
}


a.anchor {
    display: block;
    position: relative;
    top: -50px;
    visibility: hidden;
}

.badge-secondary{
  font-weight: 300;
  font-size:14px;
  vertical-align: "middle";
  border-radius:5px;
  padding: 7px;
}

.badge-all-active{
  background-color:#fff;
  color: black;
}

.badge{
  font-weight: 300;
  min-width: 18px;
  box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.5);
  text-decoration: none;
}

.badge-regulation-active{
  background-color:#007090;
  color: rgba(255, 255, 255, 0.85);
  box-shadow: none;
}

.badge-fetters-active{
  background-color:#32746D;
  color: rgba(255, 255, 255, 0.85);
  box-shadow: none;
}

.badge-warehouse-active{
  background-color:#F46036;
  color: rgba(255, 255, 255, 0.85);
  box-shadow: none;
}



.new-order-ajax-btn{
  height: 40px;
  font-size: 16px;
  font-weight: 300;
  color: rgba(255, 255, 255, 0.85);
}

.order_view_table tr td {

}

/*div.warehouse-view-point{
  border: solid 1px #F46036;
  border-radius: 12px !important;
}


div.regulation-view-point{
  border: solid 1px #007090;
  border-radius: 12px !important;
}


div.fetters-view-point{
  border: solid 1px #32746D;
  border-radius: 12px !important;
}*/

.line-box{
  padding: 10px;
}

.line_option_table {
  color:#E6E6E6 !important;
  display: none;
}

input[type=date]::-webkit-inner-spin-button,
input[type=date]::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

.checkbox-td{
  text-align: center;
  vertical-align: middle;
}



.ribbon span{
  color: rgba(255, 255, 255, 0.85);
}

.warehouse-view-point-header{
    background-color: #F46036;
}

.regulation-view-point-header{
    background-color: #007090;
}

.fetters-view-point-header{
    background-color: #32746D;
}

/*.options_down_arrow{
  color: #ffffff !important;
  overflow-y: hidden !important;
  margin-bottom: -5px !important;
  width: 10px;
  margin: auto;
}*/



.all-prodcuts-hero{
display: inline-flex;
width: 100%;
height: 50px;
border-radius: 5px;
margin-bottom: 20px;
}

.all-products-search {
  flex-grow: 100;
  font-size: 16px; /* Increase font-size */
  height: 50px;
  border: none;
  margin-bottom: 20px; /* Add some space below the input */
  padding-left: 20px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  /* box-shadow: inset 0px 0px 5px 0px rgba(15,15,15,3); */
  box-shadow:none;
  background-color:#ddd;
/*  border:solid 2px transparent;*/
  border-right: 2px solid #1a1a1a;
}

.all-products-search:focus{
  background-color: #fff;
  box-shadow:none;
  outline:none;
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.5);
/*  border:solid 2px #007090;*/
}

.dropdown-search{
  background-color: grey;
  width: 90px;
  height: 50px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.product-dropdown-button{
  background: #1a1a1a;
  color: white;
  font-size: 20px;
  height: 50px;
  border: none;
  padding: 0 27px 0 27px;
  border-radius: 0 5px 5px 0;
}

.product-dropdown-button:focus{
  outline:none;
  color:#1a1a1a;
}

.discontinuation-name-form{
  display: flex;
  font-size: 16px;
  width: 100%;
  margin-bottom: 20px;
}

.d_name{
  height: 40px;
  width: 150px;
  padding-left: 20px;
  margin-right: 2px;
  border-collapse: collapse;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border: none;
}

.d_description{
  height: 40px;
  flex-grow: 1;
  padding-left: 20px;
  border-collapse: collapse;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border: none;
}

.discontinuation-data-form{
  display: flex;
  justify-content: center;
  font-size: 16px;
  margin-bottom: 40px;
  width: 100%;
}

.discontinuation-confirm-button{
  display: flex;
  justify-content: center;
  font-size: 16px;
  width: 100%;
}

.d_percentage{
  height: 40px;
  width: 60px;
  padding-left: 10px;
  margin-right: -2px;
  border-collapse: collapse;
  border: none;
  text-align: center;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.d_date{
  text-align: center;
  width: 160px;
  height: 40px;
  min-width: 160px;
  border-radius: 5px;
  border-collapse: collapse;
  border: none;
  font-size: 16px;
}

.inter-text{
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 10px;
  color: lime;
}

.percent_label{
  height: 40px;
  width: 30px;
  padding-top: 9px;
  padding-left: 6px;
  color: white;
  font-weight: bold;
  font-size: 20px;
  background-color: grey;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.d_button{
  height: 40px;
  width: 100%;
  border-radius: 5px;
  border-collapse: collapse;
  border: none;
  font-size: 16px;
  background-color: #af1313;
  color: white;
}

.discontinuation_table{
  width: 100%;
  color: #fff;
}

.discontinuation_table .number p{
  margin-bottom:2px;
}

.discontinuation_table .magento-issue-label{

}

.discontinuation-label{
  float: right;
  position: relative; right:0px; top: 0px;
  padding: 5px;
}

.block_complete{
  opacity: 0.5;
  border: 2px solid #5cb85c !important;
}

.being_created{
  border: 2px solid #5cb85c !important;
}

.block_complete_hidden{
  border: 2px solid #5cb85c !important;
}

.long-text{
  font-size: 16px;
}

.discontinuation-problem-row{
  color: #e91b23;
}


.tooltip-inner {
    max-width: 1000px;
    /* If max-width does not work, try using width instead */
    font-size: 18px;
}

.discontinuation-issues{
  display: inline-flex;
}

.block-refresh-button{
  color: #e91b23;
  padding-left: 20px;
  font-size: 20px;
}

.completed-blocks-button{
  float: right;
  color: white;
  background-color: #5cb85c;
}


.ribbon {
    position: absolute;
    top: 0px;
    right: -5px;
    padding: 15px;
    box-shadow: 0px 4px 4px #111, 0px 2px 2px #222;
}


.ribbon-content{
    position: relative;
    top: -20px;
    right: -51px;
    width: 100%;
    height: 0px;
    border: none;
}
.ribbon.base {
    background: #3498db;
    color: #fff;
    border-right: 5px solid #3498db;
}
.ribbon.light {
    background: #ecf0f1;
    color: #2c3e50;
    border-right: 5px solid #ecf0f1;
}
.ribbon.dark {
    background: #131313;
    color: #fff;
    border-right: 5px solid #131313;
}
.ribbon.base-alt {
    background: #9cd70e;
    color: #fff;
    border-right: 5px solid #9cd70e;
}
.ribbon.red {
    background: #e91b23;
    color: #fff;
    border-right: 5px solid #e91b23;
}
.ribbon.orange {
    background: #ff8a3c;
    color: #fff;
    border-right: 5px solid #ff8a3c;
}
.ribbon.yellow {
    background: #ffd800;
    color: #fff;
    border-right: 5px solid #ffd800;
}
.ribbon.green {
    background: #5cb85c;
    color: #fff;
    border-right: 5px solid #5cb85c;
}
.ribbon:before, .ribbon:after {
    content: '';
    position: absolute;
    left: -9px;
    border-left: 10px solid transparent;
}
.ribbon:before {
    top: 0;
}
.ribbon:after {
    bottom: 0;
}
.ribbon.base:before {
    border-top: 27px solid #3498db;
}
.ribbon.base:after {
    border-bottom: 27px solid #3498db;
}
.ribbon.light:before {
    border-top: 27px solid #ecf0f1;
}
.ribbon.light:after {
    border-bottom: 27px solid #ecf0f1;
}
.ribbon.dark:before {
    border-top: 27px solid #131313;
}
.ribbon.dark:after {
    border-bottom: 27px solid #131313;
}
.ribbon.base-alt:before {
    border-top: 27px solid #9cd70e;
}
.ribbon.base-alt:after {
    border-bottom: 27px solid #9cd70e;
}
.ribbon.red:before {
    border-top: 27px solid #e91b23;
}
.ribbon.red:after {
    border-bottom: 27px solid #e91b23;
}

.ribbon.orange:before {
    border-top: 27px solid #ff8a3c;
}
.ribbon.orange:after {
    border-bottom: 27px solid #ff8a3c;
}
.ribbon.yellow:before {
    border-top: 27px solid #ffd800;
}
.ribbon.yellow:after {
    border-bottom: 27px solid #ffd800;
}

.ribbon.green:before {
    border-top: 27px solid #5cb85c;
}
.ribbon.green:after {
    border-bottom: 27px solid #5cb85c;
}
.ribbon span {
    display: block;
    font-size: 16px;
    font-weight: 600;
}

/* The switch - the box around the slider */
.switch {
  position:relative;
  top: 0px;
  left: 40px;
  display: inline-block;
  width: 60px;
  height: 34px;
}

.view-manager-switch {
  position:relative;
  top: 0px;
  left: 0px;
  display: inline-block;
  width: 60px;
  height: 34px;
}

.admin-elements-label{
  position:relative;
  top: 4px;
  left: 20px;
  display: inline-block;
  color: #fff;
}

.switch2 {
  position:relative;
  width: 60px;
  height: 34px;
}

.light_dark_toggle_label{
  position:relative;
  top: 4px;
  left: 20px;
  display: inline-block;
  color: #fff;
}

/* Hide default HTML checkbox */
.switch,.view-manager-switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.switch2 input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #222223;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider.red {
  background-color: #ff0949;
}

input:focus + .slider.red {
  box-shadow: 0 0 1px #ff0949;
}



input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

.scaling-number-None{
  color: red !important;
}
.scaling-number-0{
  color: #ed0000 !important;
}
.scaling-number-20{
  color: #e63939 !important;
}
.scaling-number-40{
  color: #d66565 !important;
}
.scaling-number-60{
  color: #c28282 !important;
}
.scaling-number-80{
  color: #b39b9b !important;
}
.scaling-number-100{
  color: #a3a3a3 !important;
}
.scaling-number-120{
  color: #98b39b !important;
}
.scaling-number-140{
  color: #82bd89 !important;
}
.scaling-number-160{
  color: #61c76d !important;
}
.scaling-number-180{
  color: #34d147 !important;
}
.scaling-number-200{
  color: #00e01b !important;
}

.not-zero-0{
  color: grey !important;
}

.not-zero-1{
  color: #00e01b !important;
}

.zero_grey{
  color: grey !important;
}

.positive_int_green{
  color: #00e01b !important;
}

.advanced_results_table{
  width: 100%;
}

.advanced_results_table th{
  color: white;
  border-bottom: 1px solid grey;
  margin-bottom: 5px;
  padding: 2px;
  padding-left: 5px;
  padding-right: 5px;
}
.advanced_results_table td{
  color: white;
  border-bottom: 1px solid grey;
  padding: 2px;
  padding-left: 5px;
  padding-right: 5px;
}

.centered{
  text-align: center;
}

.checkboxes-div{
  width: 100%;
  padding: 20px;
  border-radius: 5px;
  border: 1px solid;
  display: inline-block;
  margin-bottom: 20px;
}

.checkbox-container{
  color: white;
  padding: 10px;
}

.table-toggle-checkbox{
  margin: 5px !important;
}

.query-button{
  margin-top: 20px;
  margin-bottom: 20px;
}

.new-query-button{
  width: 100%;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  margin-top: -20px;
  margin-bottom: 20px;
}

.GENERAL{
  color: #DB504A !important;
}

.STORE{
  color: #E3B505 !important;
}

.WH{
  color: #437F97 !important;
}

.COMBINED{
  color: #44AF69 !important;
}

.parse-json{
  background-color: #5cb85c;
  border-color: #4cae4c;  float: right;
}

.user_query_button{
  display: inline-block;
}

.user_query_button button{
  height: 34px;
  display: inline-block;
  border-radius: 0px;
  margin-left: -3px;
}

.user_query_button button:focus{
  box-shadow:none !important;
  outline: none;
}

.user_query_button button:active{
  box-shadow:none !important;
  outline: none;
}

.user_query_button button:first-child{
  margin-left: 0px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.user_query_button button:last-child{
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.destory_query_button{
  display: none;
}

.products-checkbox-hero{
   display: none;
}

.loading-spiner{
  display: none;
  margin: 0;
  position: absolute;
  top: 30%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%)
}

.lds-roller {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px;
}
.lds-roller div {
  animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  transform-origin: 32px 32px;
}
.lds-roller div:after {
  content: " ";
  display: block;
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #fff;
  margin: -3px 0 0 -3px;
}
.lds-roller div:nth-child(1) {
  animation-delay: -0.036s;
}
.lds-roller div:nth-child(1):after {
  top: 50px;
  left: 50px;
}
.lds-roller div:nth-child(2) {
  animation-delay: -0.072s;
}
.lds-roller div:nth-child(2):after {
  top: 54px;
  left: 45px;
}
.lds-roller div:nth-child(3) {
  animation-delay: -0.108s;
}
.lds-roller div:nth-child(3):after {
  top: 57px;
  left: 39px;
}
.lds-roller div:nth-child(4) {
  animation-delay: -0.144s;
}
.lds-roller div:nth-child(4):after {
  top: 58px;
  left: 32px;
}
.lds-roller div:nth-child(5) {
  animation-delay: -0.18s;
}
.lds-roller div:nth-child(5):after {
  top: 57px;
  left: 25px;
}
.lds-roller div:nth-child(6) {
  animation-delay: -0.216s;
}
.lds-roller div:nth-child(6):after {
  top: 54px;
  left: 19px;
}
.lds-roller div:nth-child(7) {
  animation-delay: -0.252s;
}
.lds-roller div:nth-child(7):after {
  top: 50px;
  left: 14px;
}
.lds-roller div:nth-child(8) {
  animation-delay: -0.288s;
}
.lds-roller div:nth-child(8):after {
  top: 45px;
  left: 10px;
}
@keyframes lds-roller {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.drop-down-button{
  padding: 0px;
  border: none;
  float: right;
  padding-right: 25px;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.input_with_appended_unit input {
  padding-right: 75px;
  text-align: right;
  margin-right: -52px;
}
.input_with_appended_unit span {
  position: relative;
  left: -10px;
  color: grey;
  font-family: sans-serif; /* Optional, just styling it so it looks nicer */
  font-size: 16px; /* Optional, just styling it so it looks nicer */
}

.lead_time_box{
  margin-top: 20px;
  margin-bottom: 10px;
}

.tag {
  font-size: 14px;
  padding: .3em .4em .4em;
  margin: 0 .1em;
}
.tag a {
  color: #bbb;
  cursor: pointer;
  opacity: 0.6;
}
.tag a:hover {
  opacity: 1.0
}
.tag .remove {
  vertical-align: bottom;
  top: 0;
}
.tag a {
  margin: 0 0 0 .3em;
}
.tag a .glyphicon-white {
  color: #fff;
  margin-bottom: 2px;
}

.catagory_remove{
  margin-top: 10px;
  margin-right: 10px;
  font-size: 20px;
}


.flex-1{
  margin: 10px;
  flex-grow: 1;
}

.flex-2{
  margin: 10px;
  flex-grow: 1;
}

/********************
********EYES*******
********************/

/*#svg {
  position: absolute;
  top: 15px;
  left: 119px;
  width: 24px;
  height: 24px;
}*/

#svg {
  position: absolute;
  top: 0px;
  left: 99px;
  width: 24px;
  height: 24px;
}

.eye-outer {
  fill: none;
}

.eye-outine{
  stroke: 3px #1a1a1a;
}

.eye-inner {
  fill: #1a1a1a;
}

.active_url_container{
  display: none;
}


.switch-field {
  display: flex;
  overflow: hidden;
}

.switch-field input {
  position: absolute !important;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  width: 1px;
  border: 0;
  overflow: hidden;
}

.switch-field label {
  font-family: 'Poppins', sans-serif;
  font-weight: 300;
  background-color: #4a4a4a;
  color: rgba(255, 255, 255, 0.8);
  font-size: 18px;
  text-align: center;
  padding: 8px 16px;
  margin-right: -1px;
  border: 0px solid rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
  transition: all 0.1s ease-in-out;
  padding: 12px 20px;
}

.switch-field label:hover {
  cursor: pointer;
}

.switch-field input:checked + label {
  background-color: #5187af;
  box-shadow: none;
}

.switch-field.bool input:checked + label:last-of-type {
  background-color: #9A031E;
  box-shadow: none;
}

.switch-field label:first-of-type {
  border-radius: 5px 0 0 5px;
}

.switch-field.labled label:first-of-type {
  border-radius: 5px 0 0 5px;
  font-weight: 400;
  box-shadow: none;
/*  width: 200px;*/
  background-color: #151c20;
}


.switch-field label:last-of-type {
  border-radius: 0 5px 5px 0;
}

@charset "UTF-8";
.po_graph_link {
  display: flex;
  justify-content: center;
  align-items: center;
  /* padding: 0px 10px; */
  margin-right: 10px;
  color: #5e5e61; }
  .po_graph_link:hover {
    color: white; }

.reorder-table th {
  color: rgba(255, 255, 255, 0.6);
  cursor: pointer; }
  .reorder-table th span {
    display: none; }
  .reorder-table th::before {
    font-family: icofont;
    content: '\efef';
    margin-right: 10px;
    color: rgba(255, 255, 255, 0.3); }
  .reorder-table th.sorttable_sorted {
    color: orange; }
    .reorder-table th.sorttable_sorted::before {
      color: orange;
      content: '\ea67'; }
  .reorder-table th.sorttable_sorted_reverse {
    color: orange; }
    .reorder-table th.sorttable_sorted_reverse::before {
      color: orange;
      content: '\ea6a'; }
  .reorder-table th:hover::before {
    color: orange; }

li.active_stage {
  position: relative;
  font-weight: 600; }
  li.active_stage::before {
    font-family: icofont;
    content: '\ea69';
    position: absolute;
    left: -40px;
    color: #f59e5f; }

#password_change {
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  backdrop-filter: blur(20px);
  z-index: 50000;
  background: rgba(0, 0, 0, 0.5);
  transition: all 0.5s ease; }
  #password_change .change_form {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    padding: 40px 80px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 20px; }

.line_note_loader {
  color: #1a1a1a;
  cursor: pointer;
  padding-left: 20px; }
  .line_note_loader:hover {
    background: rgba(0, 0, 0, 0.1); }

.timings_loader {
  cursor: pointer;
  padding: 2px 10px;
  border-radius: 2px;
  display: inline-block; }
  .timings_loader:hover {
    background: rgba(0, 0, 0, 0.1); }

.datechange_loader span {
  cursor: pointer;
  padding: 2px 10px;
  border-radius: 2px;
  display: inline-block; }
  .datechange_loader span:hover {
    background: rgba(255, 255, 255, 0.1); }

.tag_spacer {
  margin: 0px 10px 0px 10px;
  border-left: 1px solid grey; }

.shopfy_tag {
  display: inline-flex;
  background: #294152;
  border: 1px solid #4ca3cc;
  font-size: 10px;
  align-items: center;
  color: #4ca3cc;
  border-radius: 30px;
  padding-left: 10px;
  overflow: hidden; }
  .shopfy_tag button {
    padding: 0px;
    margin-left: 6px;
    background: #242424;
    color: whitesmoke;
    border: none; }
    .shopfy_tag button:focus {
      outline: none;
      border: none; }
    .shopfy_tag button:hover {
      background: #cc2449; }
    .shopfy_tag button::before {
      padding: 0px 6px;
      content: '\eee1';
      font-family: icofont; }
    .shopfy_tag button.loading {
      pointer-events: none;
      opacity: 0.5; }
      .shopfy_tag button.loading::before {
        content: '\ec60'; }

.add_shopfy_tag {
  display: inline-flex;
  background: #5a5a5a;
  border: 1px solid grey;
  font-size: 10px;
  align-items: center;
  color: whitesmoke;
  border-radius: 30px;
  padding-left: 10px;
  overflow: hidden; }
  .add_shopfy_tag button {
    padding: 0px;
    margin-left: 6px;
    background: #242424;
    color: whitesmoke;
    border: none; }
    .add_shopfy_tag button:focus {
      outline: none;
      border: none; }
    .add_shopfy_tag button:hover {
      background: #27a745; }
    .add_shopfy_tag button::before {
      padding: 0px 6px;
      content: '\efc2';
      font-family: icofont; }
    .add_shopfy_tag button.loading {
      pointer-events: none;
      opacity: 0.5; }
      .add_shopfy_tag button.loading::before {
        content: '\ec60'; }

.kv_pairs {
  color: rgba(255, 255, 255, 0.9); }
  .kv_pairs .key {
    color: rgba(255, 255, 255, 0.6);
    margin-right: 10px; }

.on_sale_now_label {
  font-size: 12px;
  color: #ff2052; }

.new_price {
  font-size: 20px; }
  .new_price:not(:empty) {
    color: #ff2052; }
    .new_price:not(:empty)::before {
      content: '£'; }

.original_price {
  font-size: 20px;
  color: rgba(255, 255, 255, 0.9); }
  .original_price.discounted {
    margin-left: 20px;
    text-decoration: line-through;
    color: rgba(255, 255, 255, 0.3); }

.order_wrapper {
  position: relative; }
  .order_wrapper .lw_conversion {
    position: absolute;
    top: 10px;
    right: 25px;
    font-size: 12px; }
    .order_wrapper .lw_conversion::after {
      content: 'Linnworks Order';
      color: rgba(255, 255, 255, 0.3);
      color: #ea7659; }

.supplier_analisis .charts {
  display: flex;
  justify-content: space-evenly;
  margin-bottom: 40px;
  flex-wrap: wrap; }
  .supplier_analisis .charts .pie_chart {
    width: 200px; }
    .supplier_analisis .charts .pie_chart .title {
      width: 180px;
      color: whitesmoke;
      font-size: 14px;
      height: 100px;
      display: flex;
      align-items: center;
      justify-content: center; }
    .supplier_analisis .charts .pie_chart canvas {
      height: 200px;
      width: 200px; }

.supplier_analisis .locations .location {
  margin-bottom: 40px;
  border: 1px solid white;
  border-radius: 3px;
  padding: 40px; }
  .supplier_analisis .locations .location .item {
    display: flex;
    margin-bottom: 10px;
    color: whitesmoke; }
    .supplier_analisis .locations .location .item .lower {
      color: orange; }
    .supplier_analisis .locations .location .item .drop {
      color: #f70f5a; }
    .supplier_analisis .locations .location .item .title {
      flex-grow: 1; }
      .supplier_analisis .locations .location .item .title .deets {
        color: grey; }
        .supplier_analisis .locations .location .item .title .deets span {
          font-size: 12px;
          margin-right: 10px; }

#layout_visialiser {
  position: absolute;
  top: 0px;
  right: 0px;
  left: 0px;
  bottom: 0px;
  overflow-y: scroll;
  padding: 20px;
  background: #1a1a1a; }
  #layout_visialiser .inner_wrapper {
    display: flex; }
  #layout_visialiser .bay {
    border: 1px solid white;
    padding: 20px;
    border-radius: 5px;
    overflow-x: auto;
    width: 792px;
    flex-basis: 792px;
    min-width: 792px;
    height: 100%;
    margin: 0px 40px; }
  #layout_visialiser .products {
    display: flex;
    flex-wrap: wrap; }
    #layout_visialiser .products .product {
      border: 3px solid white;
      border-radius: 5px;
      position: relative;
      background: white;
      box-sizing: border-box;
      height: 90px;
      width: 90px;
      margin: 5px;
      overflow: hidden; }
      #layout_visialiser .products .product .info {
        font-size: 12px;
        z-index: 2;
        position: absolute;
        color: #1a1a1a;
        background: rgba(255, 255, 255, 0.5);
        border-radius: 0px 0px 5px;
        padding: 2px 5px; }
      #layout_visialiser .products .product.oos {
        border-color: red; }
        #layout_visialiser .products .product.oos img {
          opacity: 0.5; }
      #layout_visialiser .products .product .image {
        z-index: 1; }
        #layout_visialiser .products .product .image img {
          width: 90px; }

.thumbnail_icon {
  font-size: 22px;
  color: rgba(255, 255, 255, 0.3);
  transition: all 0.15s ease; }
  .thumbnail_icon.blocked {
    color: rgba(255, 255, 255, 0.1);
    cursor: not-allowed; }
  .thumbnail_icon:hover {
    color: white; }

.linnworks_order_notice {
  background: #ea7659;
  color: white;
  padding: 1px 10px;
  border-radius: 2px;
  transform: rotate(-6deg);
  font-weight: 100; }
  .linnworks_order_notice::before {
    content: 'Linnworks Info'; }

.fetters_ws_table {
  width: 100%; }
  .fetters_ws_table .color {
    width: 30px; }
  .fetters_ws_table .workshop {
    background: rgba(0, 0, 0, 0.7); }
  .fetters_ws_table .other {
    background: grey; }
  .fetters_ws_table .price, .fetters_ws_table .total {
    text-align: right; }
  .fetters_ws_table .total {
    font-weight: 600; }

.inter_company_invoice_preview {
  background: whitesmoke;
  max-width: 1200px;
  color: #1a1a1a;
  padding: 100px;
  margin: 50px auto;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.5); }
  .inter_company_invoice_preview .total_summary {
    margin-top: 50px;
    display: flex; }
    .inter_company_invoice_preview .total_summary .button_wrapper {
      flex-grow: 1;
      display: flex;
      align-items: center; }
    .inter_company_invoice_preview .total_summary .totals {
      text-align: right; }
      .inter_company_invoice_preview .total_summary .totals div {
        display: flex; }
        .inter_company_invoice_preview .total_summary .totals div::before {
          flex-grow: 1;
          text-align: left;
          margin-right: 10px; }
      .inter_company_invoice_preview .total_summary .totals .sub_total::before {
        content: 'Subtotal: '; }
      .inter_company_invoice_preview .total_summary .totals .vat_total::before {
        content: 'VAT (20%): '; }
      .inter_company_invoice_preview .total_summary .totals .grand_total {
        font-weight: 600; }
        .inter_company_invoice_preview .total_summary .totals .grand_total::before {
          content: 'Invoice Total: '; }
  .inter_company_invoice_preview .supplier_info {
    margin-bottom: 40px; }
    .inter_company_invoice_preview .supplier_info .supplier_name {
      font-size: 24px; }
    .inter_company_invoice_preview .supplier_info .date_range {
      color: rgba(0, 0, 0, 0.6); }
  .inter_company_invoice_preview .invoice_line {
    display: flex;
    padding: 0px 20px; }
    .inter_company_invoice_preview .invoice_line .line_cost {
      display: flex;
      align-items: center; }
    .inter_company_invoice_preview .invoice_line .qty {
      width: 50px;
      display: flex;
      align-items: center; }
      .inter_company_invoice_preview .invoice_line .qty::after {
        content: '×';
        flex-grow: 1;
        text-align: center; }
    .inter_company_invoice_preview .invoice_line .details {
      flex-grow: 1; }
      .inter_company_invoice_preview .invoice_line .details .head_line {
        display: flex; }
      .inter_company_invoice_preview .invoice_line .details .additional {
        display: flex;
        font-size: 12px; }

.price_changes .price_change .lowered::before {
  font-family: icofont;
  content: '\ea92'; }

.price_changes .price_change .raised::before {
  font-family: icofont;
  content: '\ea95'; }

.supplier_wrapper .name {
  position: sticky;
  top: 40px;
  z-index: 100;
  background: #131d1ecc;
  font-size: 20px;
  padding: 5px;
  text-align: center;
  color: #43dac3;
  border-radius: 5px; }

.supplier_wrapper .change_supplier {
  display: flex; }
  .supplier_wrapper .change_supplier button {
    font-size: 12px;
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 3px;
    margin: 5px; }

.computed_warning {
  font-size: 12px;
  text-align: center;
  color: #ff0047;
  font-weight: 500; }

.schedule_date_errors {
  margin-bottom: 20px;
  width: 100%;
  padding: 10px 20px;
  font-size: 20px;
  border-radius: 10px;
  background: #ff003b;
  display: flex;
  color: rgba(255, 255, 255, 0.9);
  font-weight: 400; }
  .schedule_date_errors::before {
    font-family: icofont;
    content: '\f026';
    width: 30px; }
  .schedule_date_errors::after {
    margin-left: -30px;
    flex-grow: 1;
    text-align: center;
    content: 'This view has orders without an ETA. Fix these and refresh the page to continue...'; }

.timing_editor {
  color: #333;
  background: #e0e0e0;
  border: 2px solid;
  padding: 10px;
  border-radius: 5px;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; }
  .timing_editor.compact {
    margin: 0px; }
    .timing_editor.compact button {
      display: none; }
    .timing_editor.compact::before {
      content: none; }
  .timing_editor::before {
    font-weight: 400;
    content: 'Line Production Time (Minutes)';
    width: calc(100% + 20px);
    text-align: center;
    margin-top: -10px;
    padding: 5px;
    background: #333;
    color: whitesmoke; }
  .timing_editor .input_section {
    display: inline-flex;
    margin: 10px 0px;
    justify-content: space-evenly; }
    .timing_editor .input_section .timing {
      margin: 0px 10px;
      display: flex;
      align-items: center; }
      .timing_editor .input_section .timing::before {
        font-family: icofont;
        padding: 0px 10px 0px 10px;
        border: 1px solid black;
        height: 28px;
        border-right: none;
        border-radius: 5px 0px 0px 5px;
        background: #333;
        color: whitesmoke; }
      .timing_editor .input_section .timing.cutting::before {
        content: '\edeb'; }
      .timing_editor .input_section .timing.manufacture::before {
        content: '\e9b9'; }
      .timing_editor .input_section .timing input {
        color: #333;
        width: 70px;
        text-align: center;
        border: 1px solid black;
        border-radius: 0px 5px 5px 0px;
        box-shadow: inset 0 0 5px 1px rgba(0, 0, 0, 0.3);
        background: transparent; }
  .timing_editor button {
    box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.3);
    color: rgba(255, 255, 255, 0.8);
    border: none;
    border-radius: 5px;
    padding: 3px 10px;
    font-size: 14px;
    margin: 0px 10px; }
    .timing_editor button:not(:last-child) {
      margin-bottom: 10px; }
    .timing_editor button::before {
      content: attr(default_text); }
    .timing_editor button.saving {
      opacity: 0.5;
      pointer-events: none; }
      .timing_editor button.saving::before {
        content: 'Saving...'; }
    .timing_editor button.saved {
      background: #17c725;
      color: rgba(255, 255, 255, 0.8); }
      .timing_editor button.saved::before {
        font-family: icofont, poppins;
        content: '\eed7    Updated';
        padding: 5px 20px; }
    .timing_editor button.defaults {
      background: #ff9614; }
    .timing_editor button.line_only {
      background: #1492ff; }
      .timing_editor button.line_only.unset {
        background: #fb105c; }
  .timing_editor .defaults span {
    font-size: 12px;
    color: rgba(0, 0, 0, 0.6);
    margin-right: 10px; }

.inter_product {
  display: flex;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(20px) saturate(2.5);
  max-width: 1100px;
  margin: 10px auto; }
  .inter_product .m_errors .error {
    color: #ea1057; }
  .inter_product .m_errors span {
    margin: 5px; }
  .inter_product .deets {
    font-size: 12px;
    display: inline-flex;
    color: #2dec2d;
    background: rgba(0, 0, 0, 0.5);
    padding: 2px 5px;
    border-radius: 3px; }
    .inter_product .deets .error {
      color: #ea1057; }
    .inter_product .deets span {
      margin: 5px; }
  .inter_product .image {
    background: #3a3a3a;
    border-radius: 5px 0 0 5px;
    overflow: hidden;
    height: 100px;
    width: 100px;
    display: flex;
    justify-content: center;
    align-items: center; }
    .inter_product .image img {
      z-index: 1; }
    .inter_product .image:after {
      font-family: icofont;
      content: '\eead';
      font-size: 40px;
      color: #464646;
      position: absolute;
      z-index: 0; }
  .inter_product .details {
    padding: 10px 15px;
    flex-grow: 1; }
    .inter_product .details .title {
      font-size: 20px;
      color: #e4f6ffbf; }
      .inter_product .details .title .type {
        color: #d6b865; }
  .inter_product.checked .actions::after {
    font-family: icofont;
    content: '\eed7';
    font-size: 30px;
    color: #22e422;
    position: absolute;
    right: -50px; }
  .inter_product .actions {
    position: relative;
    padding: 0px 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; }
    .inter_product .actions::after {
      font-family: icofont;
      content: '\eedd';
      font-size: 30px;
      color: #ef1c56;
      position: absolute;
      right: -50px; }
    .inter_product .actions button {
      width: 100%;
      margin: 2px 0px;
      font-size: 12px;
      border: none;
      border-radius: 3px; }

#toggle_annotations {
  border: none;
  border-radius: 3px;
  box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.3); }

td.new::before {
  content: 'NEW';
  color: #ff0047;
  margin-right: 10px; }

.mini_wheel {
  margin-right: 20px;
  display: none; }

.new-tables-wrapper.reloading {
  border: 1px solid #555a5e;
  border-radius: 4px;
  display: flex;
  margin-bottom: 20px;
  padding: 3px 10px;
  color: grey; }
  .new-tables-wrapper.reloading .data-table-wrapper {
    margin-left: 0px !important; }
  .new-tables-wrapper.reloading table {
    display: none; }
  .new-tables-wrapper.reloading::before {
    animation: spin 1s infinite linear;
    font-family: icofont;
    content: '\efd1'; }
  .new-tables-wrapper.reloading::after {
    margin-left: 10px;
    content: "Reloading " attr(data-group-name); }

.loader-wheel {
  animation: spin 1s infinite linear;
  border: 2px solid rgba(30, 30, 30, 0.1);
  border-left: 4px solid #4595b7;
  border-radius: 50%;
  height: 25px;
  width: 25px; }

@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

.group_loader {
  border: 1px solid rgba(255, 255, 255, 0.3);
  padding: 10px 40px;
  cursor: pointer;
  border-radius: 5px;
  margin-bottom: 20px;
  transition: all 0.3s ease;
  display: flex;
  color: rgba(255, 255, 255, 0.6); }
  .group_loader.loading {
    background: #46819a;
    color: #66ceff;
    pointer-events: none; }
    .group_loader.loading::after {
      content: 'Loading...';
      color: #66ceff; }
    .group_loader.loading .mini_wheel {
      display: block; }
  .group_loader::after {
    display: flex;
    flex-grow: 1;
    content: 'Load Group';
    justify-content: flex-end;
    color: rgba(255, 255, 255, 0.6); }
  .group_loader:hover {
    border: 1px solid rgba(255, 255, 255, 0.6);
    box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.2);
    background: #333;
    color: rgba(255, 255, 255, 0.8); }
    .group_loader:hover::after {
      color: #9cff30; }

.materials_summary {
  overflow: auto; }
  .materials_summary table {
    table-layout: fixed;
    font-size: 14px; }
    .materials_summary table tr {
      z-index: 10; }
      .materials_summary table tr:hover {
        outline: 1px solid rgba(255, 255, 255, 0.3);
        z-index: 100; }
      .materials_summary table tr .name {
        display: block;
        width: 370px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        padding-right: 40px;
        color: #83b0e8;
        padding-left: 20px; }
      .materials_summary table tr th.data {
        min-width: 200px;
        text-align: center; }
      .materials_summary table tr .cost::before, .materials_summary table tr .total_cost::before {
        content: '£'; }
      .materials_summary table tr td.data {
        min-width: 100px;
        text-align: right;
        color: rgba(255, 255, 255, 0.8); }
      .materials_summary table tr td.total_units {
        color: #00ff08; }
      .materials_summary table tr td.total_cost {
        color: #f31250; }
      .materials_summary table tr td.empty {
        color: rgba(255, 255, 255, 0.3); }

#move_info {
  animation: pulse 0.5s forwards;
  position: fixed;
  top: 80px;
  border-radius: 5px;
  padding: 20px 40px;
  border: 1px solid rgba(255, 255, 255, 0.7);
  background: #07223e9c;
  color: #9ddefd;
  backdrop-filter: blur(5px);
  font-size: 18px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 100; }
  #move_info .hide_this {
    background: #292929;
    width: 30px;
    height: 30px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    color: rgba(255, 255, 255, 0.3);
    border-radius: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: -10px;
    right: -10px;
    transition: all 0.15s ease;
    cursor: pointer; }
    #move_info .hide_this::before {
      font-family: icofont;
      content: '\eee1'; }
    #move_info .hide_this:hover {
      border: 1px solid rgba(255, 255, 255, 0.6);
      color: rgba(255, 255, 255, 0.9); }
  #move_info .total_timing {
    margin: 10px 20px 0px; }
  #move_info .view_timing {
    margin-bottom: 0px; }

.prodcut_cross_reference {
  padding: 5px 40px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  max-width: 1100px;
  margin: 5px auto; }
  .prodcut_cross_reference.dim {
    opacity: 0.3; }
  .prodcut_cross_reference .name {
    color: rgba(255, 255, 255, 0.8);
    display: flex; }
    .prodcut_cross_reference .name .left {
      flex-grow: 1; }
    .prodcut_cross_reference .name .actions {
      display: flex; }
      .prodcut_cross_reference .name .actions button {
        margin-left: 15px;
        background: transparent;
        border: none;
        color: rgba(255, 255, 255, 0.3);
        padding: 0px; }
        .prodcut_cross_reference .name .actions button:focus {
          outline: none;
          border: none; }
      .prodcut_cross_reference .name .actions .send.active {
        color: orange; }
      .prodcut_cross_reference .name .actions .ignore.active {
        color: #ff054b; }
      .prodcut_cross_reference .name .actions .resolve.active {
        color: #60ff60; }
  .prodcut_cross_reference .details {
    display: flex;
    font-size: 12px; }
    .prodcut_cross_reference .details .sku {
      color: rgba(255, 255, 255, 0.6);
      margin-right: 10px; }
    .prodcut_cross_reference .details .vs {
      color: rgba(255, 255, 255, 0.3);
      margin: 0px 5px; }
    .prodcut_cross_reference .details .availability {
      color: #59da59; }
      .prodcut_cross_reference .details .availability.oos {
        color: #ff0047; }
    .prodcut_cross_reference .details .spacer {
      flex-grow: 1; }
    .prodcut_cross_reference .details span {
      margin-right: 10px; }
    .prodcut_cross_reference .details .error {
      margin-right: 10px;
      color: rgba(255, 255, 255, 0.3); }
      .prodcut_cross_reference .details .error::before {
        font-family: icofont;
        content: '\f026';
        margin-right: 5px; }
      .prodcut_cross_reference .details .error.status {
        color: #ff4700; }
      .prodcut_cross_reference .details .error.stock_flag {
        color: #b689fd; }
      .prodcut_cross_reference .details .error.manage_stock {
        color: orange; }
      .prodcut_cross_reference .details .error.parent_oos {
        color: #84fb7d; }
      .prodcut_cross_reference .details .error.stock_level {
        color: #7daafb; }
      .prodcut_cross_reference .details .error.m_product {
        color: #ff0047; }

.copy_parent_images::before {
  content: 'Copy Images + Desc'; }

.copy_parent_images.disabled {
  pointer-events: none;
  opacity: 0.3; }
  .copy_parent_images.disabled::before {
    content: 'Copying...'; }

.copy_parent_images.flagged {
  background: #e81550; }
  .copy_parent_images.flagged::before {
    content: 'Copying Scheduled'; }

.flag_for_image_warning::before {
  content: 'Flag For Image Warning'; }

.flag_for_image_warning.disabled {
  pointer-events: none;
  opacity: 0.3; }
  .flag_for_image_warning.disabled::before {
    content: 'Copying...'; }

.flag_for_image_warning.flagged {
  background: #e81550; }
  .flag_for_image_warning.flagged::before {
    content: 'To Add Image Warning'; }

.internal_po {
  padding: 40px 80px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  max-width: 1100px;
  margin: auto;
  margin-bottom: 20px;
  background: #1a222d;
  font-size: 18px;
  margin-bottom: 40px; }
  .internal_po .po_number {
    font-size: 28px;
    font-weight: 100;
    display: flex; }
    .internal_po .po_number .left {
      flex-grow: 1; }
  .internal_po .placed_on {
    text-align: right;
    margin-bottom: 20px; }
  .internal_po .line {
    display: flex;
    align-items: center;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    margin-bottom: 5px;
    padding-bottom: 5px; }
    .internal_po .line .quantity {
      color: rgba(255, 255, 255, 0.6);
      width: 70px;
      text-align: center;
      font-size: 20px;
      font-weight: 100; }
    .internal_po .line .name {
      flex-grow: 1;
      color: #79c7ff; }
      .internal_po .line .name .deets {
        display: flex;
        font-size: 14px; }
        .internal_po .line .name .deets div {
          margin-right: 10px; }
        .internal_po .line .name .deets .warnings {
          color: #ff0047; }
          .internal_po .line .name .deets .warnings span::before {
            font-family: icofont;
            content: '\f026';
            margin-right: 5px; }
        .internal_po .line .name .deets .sku {
          color: rgba(255, 255, 255, 0.6); }
        .internal_po .line .name .deets .departments {
          color: #fb6800; }
    .internal_po .line .stock_status {
      color: #3ae43a; }
      .internal_po .line .stock_status.oos {
        color: #ff005e; }
        .internal_po .line .stock_status.oos .days_span {
          width: 80px;
          text-align: right;
          display: inline-block;
          white-space: nowrap; }
      .internal_po .line .stock_status.new {
        color: #ff8100; }

.abridged_option_timings {
  font-size: 12px;
  padding-left: 20px; }
  .abridged_option_timings span {
    margin-right: 5px; }
  .abridged_option_timings .set {
    color: #56ff5b; }

.noselect {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Old versions of Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */ }

.inter_company_loader {
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.5);
  display: flex;
  max-width: 1200px;
  margin: 20px auto;
  border-radius: 5px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  padding: 20px;
  background: #2d2d2d; }
  .inter_company_loader .date_picker {
    margin: 0px 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column; }
    .inter_company_loader .date_picker .labeled_picker {
      margin: 5px;
      display: flex;
      align-items: center; }
      .inter_company_loader .date_picker .labeled_picker .label {
        width: 60px; }
      .inter_company_loader .date_picker .labeled_picker input {
        text-align: center;
        width: 140px;
        font-size: 18px;
        padding: 5px;
        border-radius: 10px;
        border: none;
        box-shadow: inset 0 0 2px 2px rgba(0, 0, 0, 0.5); }
  .inter_company_loader .radios {
    flex-grow: 1;
    display: block;
    margin: 0px 20px; }
  .inter_company_loader .text_title {
    flex-grow: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 24px; }
  .inter_company_loader .load_button {
    margin: 0px 20px;
    display: flex;
    align-items: center; }
    .inter_company_loader .load_button button {
      height: 100px;
      width: 100px;
      border-radius: 10px;
      border: none;
      font-size: 18px;
      transition: all 0.15s ease;
      background: #5ba4ff;
      color: rgba(255, 255, 255, 0.8);
      box-shadow: 0 0 7px 3px rgba(0, 0, 0, 0.5); }
      .inter_company_loader .load_button button:hover {
        transform: scale(1.1); }
      .inter_company_loader .load_button button.loading {
        opacity: 0.3;
        pointer-events: none;
        animation-name: spin;
        animation-duration: 2000ms;
        animation-iteration-count: infinite;
        animation-timing-function: ease-in-out; }
        .inter_company_loader .load_button button.loading::after {
          content: 'ing...'; }
        .inter_company_loader .load_button button.loading:focus {
          outline: none !important;
          border: none !important; }

@keyframes spin {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(1080deg); } }

.inter_company_totals {
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  max-width: 1200px;
  border-radius: 5px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  max-width: 1200px;
  margin: 20px auto;
  padding: 10px 20px;
  color: rgba(255, 255, 255, 0.7);
  background: #2d2d2d; }
  .inter_company_totals .count {
    flex-grow: 1; }
    .inter_company_totals .count .details {
      font-size: 18px; }
      .inter_company_totals .count .details .date {
        font-size: 24px;
        color: #b7ddff; }
  .inter_company_totals .total_box {
    color: #80e07b; }
    .inter_company_totals .total_box.cost {
      color: #ff005d; }
    .inter_company_totals .total_box::before {
      content: '£'; }
  .inter_company_totals .totals div {
    text-align: right; }

.ict_spacer {
  width: 800px;
  margin: 40px auto;
  border-top: 1px solid rgba(255, 255, 255, 0.3); }

.inter_company_line {
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.5);
  display: flex;
  max-width: 1200px;
  border-radius: 5px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  margin: 20px auto;
  background: #ced4dc;
  color: #002240; }
  .inter_company_line .left {
    flex-grow: 1;
    padding: 5px 20px; }
    .inter_company_line .left .name {
      font-size: 20px; }
      .inter_company_line .left .name .quantity {
        opacity: 0.7; }
        .inter_company_line .left .name .quantity::after {
          content: '×';
          margin: 0px 4px; }
    .inter_company_line .left .deets {
      font-size: 14px;
      font-weight: 600; }
  .inter_company_line .right {
    background: #1a1a1a;
    padding: 7px 20px 5px 20px;
    border-radius: 0 5px 5px 0;
    width: 270px; }
    .inter_company_line .right div {
      text-align: right; }
      .inter_company_line .right div::before {
        margin-right: 4px; }
    .inter_company_line .right .sale_price {
      color: #80e07b; }
      .inter_company_line .right .sale_price::before {
        content: 'Income:'; }
    .inter_company_line .right .cost_price {
      color: #ff005d; }
      .inter_company_line .right .cost_price::before {
        content: 'Cost Price:'; }
      .inter_company_line .right .cost_price.aprox {
        color: #ffb200; }
        .inter_company_line .right .cost_price.aprox::before {
          content: 'Aproximated Cost:'; }

.product_block.placeholder {
  opacity: 0.15;
  pointer-events: none; }
  .product_block.placeholder:last-of-type {
    opacity: 0.15;
    position: relative; }
    .product_block.placeholder:last-of-type::before {
      display: block;
      position: absolute;
      background-image: linear-gradient(transparent, 50%, #2a2e31, 80%, #2a2e31);
      content: '';
      width: 100%;
      height: 100%;
      z-index: 100; }
  .product_block.placeholder .graph_wrapper, .product_block.placeholder .graph_title {
    filter: grayscale(1); }
  .product_block.placeholder .graph {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px 20px 20px 40px; }

.dygraph-annotation {
  color: #1a1a1a !important;
  display: flex;
  justify-content: center;
  align-items: center;
  border: none !important;
  font-size: 12px !important;
  background: transparent !important;
  color: rgba(255, 255, 255, 0.6) !important;
  cursor: pointer; }
  .dygraph-annotation::after {
    content: '';
    height: 18px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    position: absolute;
    bottom: -20px; }
  .dygraph-annotation.shown {
    color: rgba(255, 255, 255, 0) !important;
    overflow: visible !important; }
    .dygraph-annotation.shown.Sale {
      color: #5cff87 !important; }
    .dygraph-annotation.shown::after {
      content: none;
      height: 18px;
      border: 1px solid rgba(255, 255, 255, 0.2);
      position: absolute;
      bottom: -20px; }

.marked_div::before {
  font-family: icofont;
  margin-right: 10px; }

.marked_div.success::before {
  color: #0def53 !important;
  content: '\eed7'; }

.marked_div.error::before {
  color: #ff415b !important;
  content: '\eede'; }

a.supplier_graph_info {
  text-decoration: none; }
  a.supplier_graph_info:hover {
    border: 1px solid white;
    color: #a3b7bf; }
    a.supplier_graph_info:hover h1 {
      color: #b7e8fb; }

.supplier_graph_info {
  display: block;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  background: #1a1f27;
  color: #a3b7bf;
  padding: 20px;
  margin-top: 20px; }
  .supplier_graph_info h1 {
    color: #b7e8fb; }
  .supplier_graph_info .main_block {
    display: flex; }
    .supplier_graph_info .main_block .data {
      flex-grow: 1; }
      .supplier_graph_info .main_block .data span {
        color: rgba(255, 255, 255, 0.3); }
    .supplier_graph_info .main_block .ratio {
      margin: 0 20px;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 30px;
      width: 100px;
      position: relative; }
      .supplier_graph_info .main_block .ratio::before {
        content: attr(data-title);
        color: gainsboro;
        font-size: 12px;
        position: absolute;
        top: 2px;
        width: 110px;
        text-align: center; }
      .supplier_graph_info .main_block .ratio::after {
        content: '×';
        color: rgba(255, 255, 255, 0.6);
        margin-left: 10px; }

.back_ordered_stock {
  max-width: 1100px;
  margin: 15px auto;
  padding: 5px 40px;
  background: #e8e8e8;
  color: #043b6b;
  border-radius: 3px;
  display: flex;
  align-items: center; }
  .back_ordered_stock.dimmed {
    opacity: .3; }
  .back_ordered_stock .left {
    flex-grow: 1;
    padding-right: 20px; }
  .back_ordered_stock .statuses {
    font-size: 12px;
    font-weight: 500;
    margin-right: 20px; }
    .back_ordered_stock .statuses div {
      text-align: right; }
      .back_ordered_stock .statuses div::before {
        color: rgba(0, 0, 0, 0.7);
        font-weight: 100;
        margin-right: 5px; }
    .back_ordered_stock .statuses .magento::before {
      content: 'Magento:'; }
    .back_ordered_stock .statuses .ship_station::before {
      content: 'Ship Station:'; }
    .back_ordered_stock .statuses .purchase_order::before {
      content: 'Purchase Order:'; }
  .back_ordered_stock .product_info {
    display: flex; }
    .back_ordered_stock .product_info .quantity::after {
      content: 'x';
      margin: 0px 10px; }
    .back_ordered_stock .product_info .product_sku::after {
      content: '-';
      margin: 0px 10px; }
  .back_ordered_stock .extra_info {
    display: flex;
    font-size: 12px; }
    .back_ordered_stock .extra_info a {
      color: #2285de; }
    .back_ordered_stock .extra_info div {
      margin-right: 10px; }
    .back_ordered_stock .extra_info .stock {
      font-weight: 500;
      display: flex; }
      .back_ordered_stock .extra_info .stock span {
        margin-right: 10px; }
      .back_ordered_stock .extra_info .stock .shipped {
        color: #1071c3; }
      .back_ordered_stock .extra_info .stock .waiting {
        color: #ff7600; }
      .back_ordered_stock .extra_info .stock .warning {
        color: #ff0052; }
      .back_ordered_stock .extra_info .stock .progress {
        color: #9a17a2; }
  .back_ordered_stock .backorder_note {
    font-size: 8px;
    width: 100%;
    padding: 0px 10px;
    margin-left: -10px;
    background: #e8e8e8;
    border-radius: 5px;
    box-shadow: none;
    border: none; }
    .back_ordered_stock .backorder_note:not(:placeholder-shown) {
      font-size: 16px;
      color: #fe285d; }
  .back_ordered_stock .actions {
    display: flex;
    align-items: center;
    width: 223px;
    justify-content: center; }
    .back_ordered_stock .actions form {
      display: flex;
      align-items: center; }
      .back_ordered_stock .actions form label {
        margin: 0px;
        text-align: center;
        width: 40px; }
      .back_ordered_stock .actions form input {
        text-align: center;
        padding: 5px; }
        .back_ordered_stock .actions form input.locked {
          border: none;
          background: #e8e8e8; }
        .back_ordered_stock .actions form input:not(:placeholder-shown):not(:focus) + label {
          color: #1ba204;
          font-size: 24px; }
        .back_ordered_stock .actions form input + label {
          transition: all 0.3s ease;
          color: rgba(0, 0, 0, 0.3); }

.task_progress_indicator {
  margin: 20px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  padding: 10px 20px;
  border-radius: 5px;
  position: relative; }
  .task_progress_indicator .remove_task_box {
    position: absolute;
    top: -13px;
    right: -13px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 100px;
    height: 32px;
    width: 32px;
    font-size: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #1b1b1b;
    color: rgba(255, 255, 255, 0.6);
    transition: all 0.15s ease; }
    .task_progress_indicator .remove_task_box:hover {
      background: #e0e0e0;
      color: rgba(0, 0, 0, 0.6); }
    .task_progress_indicator .remove_task_box::before {
      font-family: icofont;
      content: '\eee1'; }
  .task_progress_indicator .message_area {
    font-size: 14px;
    font-weight: 400;
    padding: 10px 4px; }
    .task_progress_indicator .message_area:empty {
      padding: 0px; }
    .task_progress_indicator .message_area div::before {
      font-family: icofont;
      content: '\ef4e';
      margin-right: 10px; }
    .task_progress_indicator .message_area .error {
      color: #fd1d5b; }
      .task_progress_indicator .message_area .error::before {
        content: '\ef16'; }
    .task_progress_indicator .message_area .success {
      color: #40e463; }
      .task_progress_indicator .message_area .success::before {
        content: '\eed8'; }
  .task_progress_indicator .upper {
    display: flex;
    margin-bottom: 10px;
    padding: 0px 4px; }
    .task_progress_indicator .upper .percent::after {
      content: '%';
      margin-left: 10px;
      color: rgba(255, 255, 255, 0.7); }
    .task_progress_indicator .upper .percent.complete::after {
      font-family: icofont,poppins;
      content: 'Complete \eed7';
      margin-left: 0px;
      color: #40e463; }
    .task_progress_indicator .upper .description {
      display: block;
      flex-grow: 1; }
  .task_progress_indicator .prog_bar_wrapper {
    width: 100%;
    background: rgba(255, 255, 255, 0.1);
    height: 16px;
    display: flex;
    padding: 4px;
    border-radius: 20px; }
    .task_progress_indicator .prog_bar_wrapper .prog_bar {
      min-width: 8px;
      border-radius: 20px;
      display: block;
      height: 100%;
      background: white; }

.sync_log {
  max-width: 1024px;
  margin: auto;
  padding: 5px 0px 5px 20px;
  margin-bottom: 5px;
  display: flex;
  border: 1px solid rgba(255, 255, 255, 0.3);
  align-items: center;
  color: #72beff;
  background: #252525;
  border-radius: 3px;
  position: relative;
  transition: all 0.15s ease; }
  .sync_log:hover {
    border: 1px solid rgba(255, 255, 255, 0.7); }
  .sync_log .dismiss_button {
    color: rgba(255, 255, 255, 0.3);
    position: absolute;
    right: -100px; }
    .sync_log .dismiss_button button {
      background: transparent;
      border: none;
      color: #6f434b;
      height: 40px;
      transition: all 0.15s ease; }
      .sync_log .dismiss_button button:hover {
        color: #ef6a82; }
  .sync_log a {
    color: #a0a0a0; }
  .sync_log .deets {
    flex-grow: 1; }
    .sync_log .deets .sku_and_date {
      font-size: 12px;
      color: rgba(255, 255, 255, 0.5); }
  .sync_log .corrected {
    text-align: center;
    flex-basis: 60px;
    border-left: 1px solid rgba(255, 255, 255, 0.3); }
    .sync_log .corrected::before {
      font-family: icofont;
      content: '\eee4';
      color: #ff246b;
      font-size: 20px; }
    .sync_log .corrected::after {
      display: block;
      content: 'Error';
      color: #ff246b;
      font-size: 8px; }
  .sync_log .magento_info {
    color: #ff963b; }
  .sync_log .dear_info {
    color: #3bdbff;
    flex-basis: 93px; }
  .sync_log .magento_info, .sync_log .dear_info {
    text-align: center;
    padding: 0px 20px; }
    .sync_log .magento_info .sale_status, .sync_log .dear_info .sale_status {
      font-size: 8px; }
  .sync_log .vs::before {
    content: 'vs';
    color: rgba(255, 255, 255, 0.3); }
  .sync_log.not_found .magento_info {
    color: rgba(255, 255, 255, 0.3);
    font-size: 12px; }
    .sync_log.not_found .magento_info .sale_status {
      display: none; }
  .sync_log.not_found .corrected::before {
    content: '\efcc';
    color: rgba(255, 255, 255, 0.3); }
  .sync_log.not_found .corrected::after {
    display: block;
    content: 'Not Found';
    color: rgba(255, 255, 255, 0.3);
    font-size: 8px; }
  .sync_log.corrected .corrected {
    display: block; }
    .sync_log.corrected .corrected::before {
      display: block;
      content: '\eed8';
      color: #6bff6b; }
    .sync_log.corrected .corrected::after {
      display: block;
      content: 'Corrected';
      color: #6bff6b;
      font-size: 8px; }

.line_history {
  display: flex;
  flex-wrap: wrap;
  font-size: 12px;
  font-weight: 100;
  justify-content: space-evenly;
  margin-bottom: 20px; }
  .line_history .line_history_item {
    display: flex;
    background: #2b3844;
    padding: 3px 5px;
    border-radius: 10px;
    margin: 5px 0px; }
    .line_history .line_history_item .into_date {
      color: rgba(255, 255, 255, 0.6); }
      .line_history .line_history_item .into_date::after {
        font-family: icofont;
        content: '\ea94'; }

.invoice_week.details {
  background: #27282d; }
  .invoice_week.details .invoice_group {
    border: none;
    padding: 0 40px; }

.vat_line {
  display: flex;
  color: rgba(255, 255, 255, 0.6);
  margin-bottom: 20px; }
  .vat_line :first-child {
    flex-grow: 1; }

.budget_summary {
  display: flex;
  justify-content: space-between;
  overflow-x: auto;
  overflow-y: hidden; }
  .budget_summary::-webkit-scrollbar {
    display: none; }
  .budget_summary .invoice_week {
    background: #27272C;
    flex-grow: 1;
    margin: 0 20px 20px; }
    .budget_summary .invoice_week:first-child {
      margin-left: 0px; }
    .budget_summary .invoice_week:last-child {
      margin-right: 0px; }
    .budget_summary .invoice_week .invoice_group {
      padding: 10px 10px 9px;
      margin-bottom: 0px;
      margin-top: -1px;
      flex-grow: 1; }
  .budget_summary .abridged {
    cursor: pointer; }
    .budget_summary .abridged .due {
      color: rgba(255, 255, 255, 0.3);
      font-size: 12px; }
    .budget_summary .abridged .month {
      color: rgba(255, 255, 255, 0.8); }
    .budget_summary .abridged .total {
      font-size: 14px; }
    .budget_summary .abridged .group_lift {
      transition: all 0.15s ease;
      cursor: pointer;
      font-weight: 100; }
      .budget_summary .abridged .group_lift:hover {
        border-color: rgba(255, 255, 255, 0.8);
        z-index: 2;
        background: rgba(255, 255, 255, 0.05); }
    .budget_summary .abridged:hover {
      border-color: rgba(255, 255, 255, 0.8); }
    .budget_summary .abridged.active {
      border-color: white;
      cursor: default;
      position: relative; }
      .budget_summary .abridged.active .group_lift.active {
        cursor: default;
        border-color: white;
        background: rgba(255, 255, 255, 0.1);
        z-index: 1000; }
      .budget_summary .abridged.active::after {
        font-family: icofont;
        content: '\ea6a';
        position: absolute;
        bottom: -50px;
        font-size: 50px;
        display: flex;
        justify-content: center;
        width: calc(100% - 40px);
        color: white; }

.graph_title {
  margin-top: 20px;
  display: flex;
  align-items: stretch;
  position: relative; }
  .graph_title .deets {
    height: 100%;
    flex-grow: 1;
    padding: 20px;
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    color: rgba(255, 255, 255, 0.6); }
    .graph_title .deets form {
      display: flex; }
      .graph_title .deets form button {
        border: 1px solid rgba(255, 255, 255, 0.3);
        background: #4472a2;
        color: rgba(255, 255, 255, 0.7);
        padding: 0 20px;
        margin-left: 20px;
        border-radius: 5px; }
        .graph_title .deets form button:hover {
          border: 1px solid rgba(255, 255, 255, 0.9);
          color: rgba(255, 255, 255, 0.9); }
    .graph_title .deets .page_title {
      font-size: 20px;
      font-weight: 100;
      color: #ececec; }
  .graph_title .oos_graph_wrapper {
    display: flex;
    justify-content: center;
    align-items: stretch; }
    .graph_title .oos_graph_wrapper .oos {
      color: #d65774;
      text-align: center;
      margin-left: 20px;
      padding: 20px;
      border-radius: 10px;
      border: 1px solid rgba(255, 255, 255, 0.3); }
      .graph_title .oos_graph_wrapper .oos .adjusted {
        font-size: 12px;
        color: rgba(255, 255, 255, 0.5); }

#fetters_catalogue tr {
  color: rgba(255, 255, 255, 0.7); }
  #fetters_catalogue tr a {
    color: rgba(255, 255, 255, 0.7); }
  #fetters_catalogue tr.selected {
    background: #1c7773; }
    #fetters_catalogue tr.selected:hover {
      background: #289a95; }
  #fetters_catalogue tr:hover {
    background: rgba(255, 255, 255, 0.1); }
  #fetters_catalogue tr th {
    background: #1a1a1a; }
    #fetters_catalogue tr th:hover {
      background: white;
      color: #1a1a1a; }
  #fetters_catalogue tr td:first-child, #fetters_catalogue tr th:first-child {
    padding-left: 20px; }

.fetters_select {
  margin: 3px 0;
  border: none;
  border-radius: 5px;
  opacity: 0.5;
  background: #1a1a1a;
  width: 100%;
  color: rgba(255, 255, 255, 0.8); }
  .fetters_select::before {
    content: 'Include'; }
  .fetters_select.selected {
    background: whitesmoke;
    color: #1a1a1a;
    opacity: 1; }
    .fetters_select.selected::before {
      content: 'Exclude'; }
  .fetters_select:focus {
    outline: none; }

.loyalty_wrapper {
  display: flex;
  position: absolute;
  top: 60px;
  left: 0px;
  right: 0px;
  bottom: 0px; }
  .loyalty_wrapper .instructions {
    height: calc(100vh - 60px);
    overflow-y: scroll;
    padding: 60px;
    flex-basis: 50%; }
    .loyalty_wrapper .instructions li {
      font-size: 16px; }
  .loyalty_wrapper #loyaltylion_search {
    flex-basis: 50%;
    padding: 60px;
    display: flex;
    flex-direction: column;
    align-items: center; }
    .loyalty_wrapper #loyaltylion_search .search_area {
      width: 100%;
      position: relative; }
      .loyalty_wrapper #loyaltylion_search .search_area #customer_search_box {
        width: 100%;
        padding: 10px 20px;
        font-size: 20px;
        border: none;
        border-radius: 2px 2px 0 0; }
        .loyalty_wrapper #loyaltylion_search .search_area #customer_search_box:focus {
          outline: none; }
    .loyalty_wrapper #loyaltylion_search #results_container {
      position: relative;
      width: 100%;
      height: 320px;
      background-color: #131a21;
      overflow-y: auto;
      padding: 20px;
      border: 1px solid white;
      border-radius: 0 0 2px 2px; }
      .loyalty_wrapper #loyaltylion_search #results_container .cli {
        background: #262f3a;
        cursor: pointer;
        padding: 10px 20px;
        border-radius: 2px;
        margin: 5px 0px;
        border: 1px solid transparent;
        position: relative; }
        .loyalty_wrapper #loyaltylion_search #results_container .cli .c_name {
          font-size: 12px; }
        .loyalty_wrapper #loyaltylion_search #results_container .cli::after {
          content: 'View';
          float: right;
          position: absolute;
          right: 20px;
          top: 20px; }
        .loyalty_wrapper #loyaltylion_search #results_container .cli:hover {
          background: #2f527b; }
          .loyalty_wrapper #loyaltylion_search #results_container .cli:hover::after {
            content: 'View';
            float: right; }
        .loyalty_wrapper #loyaltylion_search #results_container .cli.selected {
          background: #2f527b;
          border: 1px solid rgba(255, 255, 255, 0.3); }
      .loyalty_wrapper #loyaltylion_search #results_container .error_message {
        text-align: center;
        padding: 5px;
        background: grey;
        color: rgba(255, 255, 255, 0.9);
        font-size: 20px;
        font-weight: 100;
        border-radius: 2px; }
      .loyalty_wrapper #loyaltylion_search #results_container .login_message {
        display: flex;
        justify-content: center;
        padding: 40px 20px 20px 20px;
        background: #54bd54;
        color: rgba(255, 255, 255, 0.9);
        font-size: 20px;
        font-weight: 100;
        border-radius: 2px;
        position: relative; }
        .loyalty_wrapper #loyaltylion_search #results_container .login_message::before {
          color: rgba(255, 255, 255, 0.6);
          content: 'Viewing Loyalty Account:';
          position: absolute;
          top: 16px;
          font-size: 16px; }

.invoice_week {
  padding: 20px;
  border: 1px solid #27272C;
  margin-bottom: 20px; }
  .invoice_week .week_heading {
    text-align: center;
    margin: 20px;
    color: rgba(255, 255, 255, 0.8); }
  .invoice_week .invoice_group {
    padding: 20px;
    border: 1px solid #111;
    border-left: none;
    border-right: none;
    position: relative;
    z-index: 1;
    margin-bottom: 20px; }
    .invoice_week .invoice_group .group_heading {
      color: rgba(255, 255, 255, 0.3);
      margin-bottom: 20px; }
    .invoice_week .invoice_group:last-child {
      margin-bottom: 0px; }
    .invoice_week .invoice_group .summary_invoice {
      display: flex;
      color: rgba(255, 255, 255, 0.7); }
      .invoice_week .invoice_group .summary_invoice:hover {
        background: rgba(255, 255, 255, 0.1); }
      .invoice_week .invoice_group .summary_invoice .invoice_number {
        margin-right: 20px; }
        .invoice_week .invoice_group .summary_invoice .invoice_number a {
          color: rgba(255, 255, 255, 0.3); }
          .invoice_week .invoice_group .summary_invoice .invoice_number a:hover {
            color: rgba(255, 255, 255, 0.8); }
      .invoice_week .invoice_group .summary_invoice .contact {
        flex-grow: 1; }

.chart_wrapper {
  overflow-y: auto;
  padding: 20px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 10px;
  margin-bottom: 40px; }
  .chart_wrapper .spending_wrapper {
    height: 400px;
    display: flex;
    position: relative;
    border-bottom: 1px solid white;
    width: max-content; }
    .chart_wrapper .spending_wrapper .week_wrapper {
      position: relative;
      padding: 0 20px;
      background: rgba(255, 255, 255, 0.01);
      cursor: pointer;
      border: 1px solid rgba(255, 255, 255, 0.02);
      display: flex;
      justify-content: center; }
      .chart_wrapper .spending_wrapper .week_wrapper.this_week {
        background: rgba(105, 183, 220, 0.16); }
      .chart_wrapper .spending_wrapper .week_wrapper:hover {
        background: rgba(255, 255, 255, 0.05); }
      .chart_wrapper .spending_wrapper .week_wrapper .week_block {
        border-radius: 3px 3px 0 0;
        overflow: hidden;
        position: absolute;
        background: #272727;
        display: flex;
        flex-direction: column;
        bottom: 0; }
        .chart_wrapper .spending_wrapper .week_wrapper .week_block .grow_me {
          flex-grow: 1; }
        .chart_wrapper .spending_wrapper .week_wrapper .week_block .week_group {
          padding: 0 10px; }

.xero_contact {
  transition: all 0.15s ease;
  display: flex;
  align-items: center;
  border-radius: 5px;
  padding: 10px 20px;
  border: 1px solid rgba(255, 255, 255, 0.3); }
  .xero_contact .name {
    transition: all 0.15s ease;
    flex-grow: 1;
    color: rgba(255, 255, 255, 0.5);
    font-weight: 100; }
  .xero_contact:hover {
    border: 1px solid rgba(255, 255, 255, 0.7); }
    .xero_contact:hover .name {
      color: rgba(255, 255, 255, 0.9);
      font-weight: 600; }
    .xero_contact:hover .change_group button {
      border: 1px solid rgba(255, 255, 255, 0.7); }
  .xero_contact.mini {
    position: absolute;
    top: 8px;
    background: #222;
    padding: 0px 0px 5px 10px; }
    .xero_contact.mini:hover {
      z-index: 200;
      padding: 10px 10px 15px 20px; }
      .xero_contact.mini:hover .change_group {
        width: unset;
        height: unset; }
    .xero_contact.mini .change_group {
      transition: all 0.2s ease;
      width: 0px;
      height: 5px;
      overflow: hidden; }
      .xero_contact.mini .change_group button {
        font-size: 8px;
        white-space: nowrap; }
  .xero_contact .change_group {
    display: flex; }
    .xero_contact .change_group button {
      background: transparent;
      border: 1px solid rgba(255, 255, 255, 0.3);
      border-radius: 5px;
      color: rgba(255, 255, 255, 0.7);
      margin-right: 10px; }
      .xero_contact .change_group button.active {
        background: rgba(255, 255, 255, 0.7);
        color: #1a1a1a; }

.disable-selection {
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer */
  -khtml-user-select: none;
  /* KHTML browsers (e.g. Konqueror) */
  -webkit-user-select: none;
  /* Chrome, Safari, and Opera */
  -webkit-touch-callout: none;
  /* Disable Android and iOS callouts*/ }

.reorder_changer_row:hover {
  background: rgba(255, 255, 255, 0.1); }

.option_timing_wrapper {
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-left: 10px solid;
  border-radius: 5px;
  padding: 20px;
  margin-bottom: 20px; }
  .option_timing_wrapper .upper_section {
    display: flex;
    margin-bottom: 20px; }
    .option_timing_wrapper .upper_section .option_name {
      margin-right: 20px;
      display: flex;
      align-items: center; }
    .option_timing_wrapper .upper_section .value_wrapper {
      align-items: center;
      flex-grow: 1; }
      .option_timing_wrapper .upper_section .value_wrapper .value_name {
        margin: 0px 20px;
        flex-grow: 1; }
      .option_timing_wrapper .upper_section .value_wrapper:last-child {
        margin: 0px; }
  .option_timing_wrapper .appears_on {
    color: rgba(90, 187, 255, 0.78);
    font-size: 14px; }
    .option_timing_wrapper .appears_on::before {
      content: 'For Product:';
      margin-right: 10px;
      color: rgba(255, 255, 255, 0.3); }

.admin_logs {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
  position: relative;
  background: #060a0e !important;
  border: 1px solid #2d3339; }
  .admin_logs .log_title {
    position: absolute;
    top: 15px;
    right: 20px;
    z-index: 100;
    background: black;
    padding: 5px 20px;
    color: #ffffff8f; }
  .admin_logs .fade_out {
    width: calc(100% - 100px);
    position: absolute;
    background-image: linear-gradient(#060a0e, transparent);
    top: 20px;
    display: flex;
    justify-content: center;
    height: 28px;
    pointer-events: none; }
    .admin_logs .fade_out .more {
      font-weight: 100;
      font-size: 12px;
      color: rgba(255, 255, 255, 0.4);
      padding: 5px 20px; }
  .admin_logs .fade_in {
    pointer-events: none;
    width: calc(100% - 100px);
    position: absolute;
    background-image: linear-gradient(transparent, #060a0e);
    bottom: 20px;
    display: flex;
    justify-content: center;
    height: 28px; }
    .admin_logs .fade_in .more {
      font-weight: 100;
      font-size: 12px;
      color: rgba(255, 255, 255, 0.4);
      padding: 5px 20px; }
  .admin_logs.discontinuation .outer {
    height: unset;
    max-height: 500px; }
  .admin_logs.discontinuation .log_date {
    width: 100px !important; }
  .admin_logs .outer {
    height: 185px;
    overflow-y: auto; }
    .admin_logs .outer .inner {
      padding: 10px 0 10px 0; }
      .admin_logs .outer .inner .log_message {
        display: flex;
        font-weight: 100; }
        .admin_logs .outer .inner .log_message .msg {
          flex-grow: 1; }
        .admin_logs .outer .inner .log_message:hover {
          background: rgba(255, 255, 255, 0.1); }
        .admin_logs .outer .inner .log_message.error {
          color: #ff5b5b; }
          .admin_logs .outer .inner .log_message.error.resolved {
            opacity: 0.5;
            filter: grayscale(100%); }
        .admin_logs .outer .inner .log_message.info {
          color: #5bbdff; }
        .admin_logs .outer .inner .log_message.success {
          color: #bbd8f5; }
          .admin_logs .outer .inner .log_message.success .resolve {
            display: none; }
        .admin_logs .outer .inner .log_message .log_date {
          color: rgba(255, 255, 255, 0.6);
          margin-right: 10px;
          width: 160px;
          white-space: nowrap; }

.table-outer {
  position: relative;
  margin-bottom: 40px; }

.table-inner {
  overflow-x: auto;
  overflow-y: visible;
  width: calc(100% - 280px);
  margin-left: 280px; }
  .table-inner::-webkit-scrollbar {
    width: 5px;
    height: 5px; }
  .table-inner::-webkit-scrollbar-thumb {
    background-color: #ff9d24;
    border-radius: 0 0 10px 10px;
    width: 5px;
    height: 5px; }
  .table-inner .schedule-summary-table {
    table-layout: fixed;
    width: 100%; }
    .table-inner .schedule-summary-table td, .table-inner .schedule-summary-table th {
      vertical-align: middle;
      border-top: solid 1px #313131;
      border-left: solid 1px #313131;
      height: 40px;
      width: 160px;
      text-align: center; }
      .table-inner .schedule-summary-table td.empty, .table-inner .schedule-summary-table th.empty {
        width: auto; }
    .table-inner .schedule-summary-table th {
      font-weight: 400; }
    .table-inner .schedule-summary-table .view-name {
      color: rgba(255, 255, 255, 0.8);
      text-align: left;
      vertical-align: middle;
      width: 280px;
      position: absolute;
      left: 0;
      padding-top: 7px;
      padding-left: 20px; }
      .table-inner .schedule-summary-table .view-name.group-name {
        color: #ff9d24; }
    .table-inner .schedule-summary-table td .week-data {
      width: 100%;
      display: flex;
      position: relative; }
      .table-inner .schedule-summary-table td .week-data.with-errors::before {
        font-family: icofont;
        content: '\ef1b';
        color: #da2a3a;
        position: absolute;
        top: -16px;
        right: -7px; }
      .table-inner .schedule-summary-table td .week-data .data-span {
        flex-grow: 1;
        text-align: center; }
        .table-inner .schedule-summary-table td .week-data .data-span::before {
          font-family: icofont;
          margin-right: 10px; }
        .table-inner .schedule-summary-table td .week-data .data-span.Items {
          color: #67ceff; }
        .table-inner .schedule-summary-table td .week-data .data-span.Cutting {
          color: #9df379; }
        .table-inner .schedule-summary-table td .week-data .data-span.Manufacture {
          color: #ff848f; }
    .table-inner .schedule-summary-table td:empty {
      background: #313131; }
    .table-inner .schedule-summary-table .total-cell {
      border-top: 1px solid white; }

#cutting_total {
  font-size: 20px;
  font-weight: 100;
  color: rgba(255, 255, 255, 0.8); }
  #cutting_total::before {
    font-family: icofont;
    margin-right: 10px;
    content: '\edeb'; }

#manufacture_total {
  font-size: 20px;
  font-weight: 100;
  margin-left: 20px;
  color: rgba(255, 255, 255, 0.8); }
  #manufacture_total::before {
    font-family: icofont;
    margin-right: 10px;
    content: '\e9b9'; }

.product_timing_editor {
  display: flex;
  padding: 5px 20px;
  margin-bottom: 10px;
  border: 1px transparent solid;
  transition: border 2s ease;
  border-radius: 5px; }
  .product_timing_editor.unset {
    padding: 0px;
    margin: 0px;
    border: none; }
  .product_timing_editor.dragged_in {
    transition: border 0.15s ease;
    border: 1px white solid; }
  .product_timing_editor.timings0 {
    background: #6d2c2c; }
  .product_timing_editor.timings1 {
    background: #346979; }
  .product_timing_editor.timings2 {
    background: #274e6f; }
  .product_timing_editor.pending_save {
    background: #d8aa28;
    color: #1a1a1a; }
  .product_timing_editor.copying_to {
    background: #d86128;
    color: #1a1a1a; }
  .product_timing_editor .deets {
    display: flex;
    align-items: center;
    flex-grow: 1; }
  .product_timing_editor .drag_values {
    transition: all 0.15s ease;
    display: flex;
    align-items: center;
    font-size: 34px;
    padding: 0px 20px;
    color: #f3ffc5; }
    .product_timing_editor .drag_values:hover {
      transform: scale(1.3); }
  .product_timing_editor .timing_input {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 0px; }
    .product_timing_editor .timing_input input {
      width: 60px;
      padding: 5px 10px;
      text-align: center;
      border: none;
      border-radius: 3px; }
    .product_timing_editor .timing_input.Cutting::before {
      font-family: icofont;
      content: '\edeb';
      margin-right: 10px; }
    .product_timing_editor .timing_input.Cutting::after {
      content: 'Minutes';
      margin-left: 5px;
      margin-right: 10px; }
    .product_timing_editor .timing_input.Manufacture::before {
      font-family: icofont;
      content: '\e9b9';
      margin-right: 10px; }
    .product_timing_editor .timing_input.Manufacture::after {
      content: 'Minutes';
      margin-left: 5px; }

.line_timing {
  margin-right: 20px; }
  .line_timing.Cutting::before {
    font-family: icofont;
    content: '\edeb';
    margin-right: 10px; }
  .line_timing.Cutting::after {
    content: 'Minutes';
    margin-left: 5px; }
  .line_timing.Manufacture::before {
    font-family: icofont;
    content: '\e9b9';
    margin-right: 10px; }
  .line_timing.Manufacture::after {
    content: 'Minutes';
    margin-left: 5px; }

.total_timing {
  margin-right: 20px; }
  .total_timing.Cutting::before {
    font-family: icofont;
    content: '\edeb';
    margin-right: 10px; }
  .total_timing.Cutting::after {
    content: 'Hours';
    margin-left: 5px; }
  .total_timing.Manufacture::before {
    font-family: icofont;
    content: '\e9b9';
    margin-right: 10px; }
  .total_timing.Manufacture::after {
    content: 'Hours';
    margin-left: 5px; }
  .total_timing.Error::before {
    font-family: icofont;
    content: '\ef1b';
    margin-right: 10px; }
  .total_timing.Error::after {
    content: 'No Timings';
    margin-left: 5px; }
  .total_timing.Items {
    width: 50px;
    text-align: center; }

.summary-group {
  padding: 20px 40px; }
  .summary-group .group-name {
    font-size: 30px; }
  .summary-group .summary-group-views {
    padding: 20px 20px 20px 50px; }
    .summary-group .summary-group-views .total_summary {
      display: flex;
      padding: 10px 20px;
      background: #102b33;
      font-weight: 600;
      border-radius: 0 0 5px 5px; }
      .summary-group .summary-group-views .total_summary .summary-group-totals {
        flex-grow: 1;
        display: flex;
        justify-content: flex-end; }
    .summary-group .summary-group-views .view_summary {
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -khtml-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      cursor: pointer;
      transition: all 0.15s ease;
      display: flex;
      padding: 3px 20px;
      color: rgba(255, 255, 255, 0.6); }
      .summary-group .summary-group-views .view_summary.last_selected {
        border: 1px solid green; }
      .summary-group .summary-group-views .view_summary.just_selected {
        font-weight: 900; }
      .summary-group .summary-group-views .view_summary:first-child {
        padding-top: 10px;
        border-radius: 5px 5px 0 0; }
      .summary-group .summary-group-views .view_summary:hover {
        background: #133a46; }
      .summary-group .summary-group-views .view_summary::before {
        font-family: icofont;
        content: '\eead';
        margin-right: 10px; }
      .summary-group .summary-group-views .view_summary.selected {
        color: white;
        background: #1d596b; }
        .summary-group .summary-group-views .view_summary.selected::before {
          font-family: icofont;
          content: '\ec3e';
          margin-right: 10px; }
        .summary-group .summary-group-views .view_summary.selected:hover {
          background: #3e859a; }
      .summary-group .summary-group-views .view_summary .view_name {
        white-space: nowrap; }
      .summary-group .summary-group-views .view_summary .view_timing, .summary-group .summary-group-views .view_summary .summary-group-totals {
        justify-content: flex-end;
        margin: 0px; }

.view_timing {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-bottom: 20px; }

.metric_block {
  background: #9CAFB7;
  padding: 40px;
  border-radius: 3px;
  color: #0f3850;
  margin-bottom: 40px; }
  .metric_block .metric_heading {
    display: flex;
    font-size: 24px; }
    .metric_block .metric_heading .left {
      font-weight: 400;
      flex-grow: 1; }
      .metric_block .metric_heading .left::before {
        font-family: icofont;
        content: '\ec3b'; }
    .metric_block .metric_heading .right {
      font-weight: 100;
      opacity: 0.6;
      justify-content: flex-end; }
  .metric_block .metric_body {
    display: flex;
    width: 100%;
    padding: 30px 0px; }
    .metric_block .metric_body .metric_info {
      flex-grow: 1;
      display: flex;
      align-items: center;
      justify-content: flex-end;
      flex-basis: 200px;
      margin: 20px 0px; }
      .metric_block .metric_body .metric_info::before {
        font-family: icofont;
        content: '\ef4f';
        margin-right: 20px;
        font-size: 30px;
        color: rgba(255, 255, 255, 0.5); }
    .metric_block .metric_body .metric_data {
      display: flex;
      align-items: center;
      flex-grow: 1; }
      .metric_block .metric_body .metric_data .kv_table .key {
        font-weight: 600;
        text-align: right;
        padding-right: 20px; }
        .metric_block .metric_body .metric_data .kv_table .key::after {
          margin-left: 20px;
          content: ':'; }
  .metric_block button {
    background: #4C5B5C;
    padding: 10px 40px;
    border-radius: 3px;
    border: none;
    color: rgba(255, 255, 255, 0.9); }
    .metric_block button:focus {
      outline: none; }
    .metric_block button:hover {
      transition: transform 0.3s ease;
      transform: scale(1.03); }

.dt-button {
  background: #0f3850 !important;
  color: rgba(255, 255, 255, 0.8) !important;
  border: none !important;
  border-radius: 3px !important; }

.dataTables_filter input {
  height: 36px !important;
  border: none !important;
  border-radius: 3px !important;
  padding-left: 5px !important; }

.spending_table .dt-buttons {
  margin-top: -47px;
  margin-bottom: 20px;
  display: flex;
  justify-content: flex-end; }
  .spending_table .dt-buttons button {
    background: transparent !important;
    text-decoration: underline; }

.spending_table table {
  width: 100%;
  color: rgba(255, 255, 255, 0.8); }

.spending_table th {
  background-color: rgba(255, 255, 255, 0.05);
  padding: 5px 0; }
  .spending_table th::before {
    font-family: icofont;
    content: '\efef';
    margin-right: 10px; }
  .spending_table th:last-child {
    padding-right: 20px; }
  .spending_table th:first-child {
    padding-left: 20px; }

.spending_table tr:nth-child(even) {
  background-color: rgba(255, 255, 255, 0.05); }

.spending_table tr {
  background: transparent; }
  .spending_table tr:hover {
    background-color: rgba(255, 255, 255, 0.1); }

.spending_table td {
  background: transparent;
  padding: 0px; }
  .spending_table td:last-child {
    padding-right: 20px; }
  .spending_table td:first-child {
    padding-left: 20px; }
  .spending_table td a {
    color: rgba(255, 255, 255, 0.3); }
    .spending_table td a:hover {
      color: rgba(255, 255, 255, 0.8); }

.metric_table table {
  width: 100%; }

.metric_table .centered {
  text-align: center; }

.metric_table th {
  background: grey;
  cursor: pointer;
  padding: 10px 10px; }
  .metric_table th:hover {
    background: #0f3850;
    color: rgba(255, 255, 255, 0.8); }

.metric_table tr {
  background: whitesmoke; }
  .metric_table tr:hover {
    background: rgba(255, 255, 255, 0.6); }
  .metric_table tr.red_flag .flag {
    background: #ff0052;
    color: #ff0052; }
  .metric_table tr.store_flag .flag {
    background: #288ebf;
    color: #288ebf; }
  .metric_table tr.online_flag .flag {
    background: #ff8100;
    color: #ff8100; }
  .metric_table tr.availability_flag .flag {
    background: black;
    color: black; }

.metric_table td {
  color: #1a1a1a;
  padding: 0px 10px; }
  .metric_table td.store {
    background: #288ebf; }
  .metric_table td.online {
    background: #ff8100; }
  .metric_table td.being_discontinued::after {
    content: ' (Discontinued)';
    color: #ff0a64; }
  .metric_table td.divider {
    background: #1a1a1a;
    width: 20px; }
  .metric_table td.number {
    text-align: center; }
  .metric_table td a {
    color: #0e394f;
    text-decoration: none; }
    .metric_table td a:hover {
      text-decoration: underline; }

.analisis_hero {
  background: #2a2a2a;
  border-radius: 5px;
  padding: 40px 80px;
  margin-bottom: 40px; }
  .analisis_hero h1 {
    margin-bottom: 1em;
    color: #ff843b; }
  .analisis_hero strong {
    color: #cc7a4a; }

.product_analisis_table_wrapper {
  background: #2a2a2a;
  border-radius: 5px;
  padding: 40px 80px; }
  .product_analisis_table_wrapper label {
    color: rgba(255, 255, 255, 0.6); }
  .product_analisis_table_wrapper .divider {
    color: #77b9e2; }
  .product_analisis_table_wrapper .dataTables_info {
    color: rgba(255, 255, 255, 0.6); }
  .product_analisis_table_wrapper .flag_button {
    border: none;
    background: none;
    color: rgba(255, 255, 255, 0.5); }
    .product_analisis_table_wrapper .flag_button:focus {
      outline: none;
      border: none; }
    .product_analisis_table_wrapper .flag_button.flagged {
      color: #ff164c; }
  .product_analisis_table_wrapper .action {
    width: 40px;
    padding: 0px; }
  .product_analisis_table_wrapper .actioned_button {
    border: none;
    background: none;
    color: rgba(255, 255, 255, 0.5); }
    .product_analisis_table_wrapper .actioned_button:focus {
      outline: none;
      border: none; }
    .product_analisis_table_wrapper .actioned_button.actioned {
      color: #6cff6c; }
  .product_analisis_table_wrapper td {
    z-index: 1; }
  .product_analisis_table_wrapper tr {
    background: #103850;
    color: #ffffff; }
    .product_analisis_table_wrapper tr .elipsis {
      max-width: 200px;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden; }
    .product_analisis_table_wrapper tr:hover .elipsis {
      overflow: visible; }
      .product_analisis_table_wrapper tr:hover .elipsis span {
        background: black;
        color: white;
        z-index: 10000;
        padding: 5px 10px;
        margin-left: -10px; }

.line-result .movement-confirmation .from {
  animation: pulse 0.5s forwards; }

.line-result .movement-confirmation .to {
  animation: pulse 0.5s forwards;
  animation-delay: 0.2s; }

@keyframes flash-purple {
  0% {
    background-color: #333; }
  60% {
    background-color: #dd9a72; }
  100% {
    background-color: #333; } }

@keyframes flash-green {
  0% {
    background-color: #333; }
  60% {
    background-color: #27a745; }
  100% {
    background-color: #333; } }

@keyframes copy-flash {
  0% {
    color: #7385aa; }
  70% {
    color: #4aff4b; }
  100% {
    color: #7385aa; } }

@keyframes pulse {
  0% {
    transform: scale(1); }
  20% {
    transform: scale(1.2); }
  100% {
    transform: scale(1); } }

@keyframes pulse-and-fade {
  0% {
    transform: scale(1); }
  20% {
    transform: scale(1.4); }
  50% {
    opacity: 1; }
  100% {
    transform: scale(1);
    opacity: 0; } }

@keyframes light-pulse-and-fade {
  0% {
    transform: scale(1); }
  20% {
    transform: scale(1.05); }
  50% {
    opacity: 1; }
  100% {
    transform: scale(0);
    height: 0px;
    width: 0px;
    opacity: 0; } }

#universal-search {
  display: none;
  z-index: 5000;
  width: 100%;
  position: absolute; }
  #universal-search .item_in_open_orders {
    display: flex;
    flex-direction: column;
    width: 100%; }
  #universal-search::before {
    content: '';
    background: rgba(0, 0, 0, 0.9);
    position: fixed;
    width: 100vw;
    height: 100vh;
    max-width: 100%;
    z-index: -1; }
  #universal-search .universal-search-bar {
    position: sticky;
    top: 0px;
    background: #f1f1f1e8;
    color: #ececec;
    z-index: 5000;
    width: 100%;
    display: flex;
    align-items: center;
    padding: 20px 40px 20px 40px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }
    #universal-search .universal-search-bar #show_archived_products_wrapper {
      position: absolute;
      right: 100px;
      top: 50%;
      transform: translateY(-50%); }
      #universal-search .universal-search-bar #show_archived_products_wrapper label {
        font-size: 22px;
        margin: unset; }
        #universal-search .universal-search-bar #show_archived_products_wrapper label::before {
          font-family: icofont;
          content: '\eea5'; }
      #universal-search .universal-search-bar #show_archived_products_wrapper input {
        display: none; }
      #universal-search .universal-search-bar #show_archived_products_wrapper #show_archived_products:not(:checked) + label {
        color: grey; }
      #universal-search .universal-search-bar #show_archived_products_wrapper #show_archived_products:checked + label {
        color: #ff8b49; }
    @media screen and (max-width: 750px) {
      #universal-search .universal-search-bar {
        padding: 20px 0px 20px 0px; } }
    #universal-search .universal-search-bar form {
      flex-grow: 1; }
    #universal-search .universal-search-bar input {
      width: 100%;
      padding: 5px;
      font-size: 20px;
      border-radius: 5px;
      background: #333;
      color: #ececec;
      border: none;
      text-align: center;
      font-weight: 100; }
      #universal-search .universal-search-bar input:focus {
        background: #ececec;
        color: #1a1a1a;
        border: 1px solid #1a1a1a;
        outline: none; }
  #universal-search #close-universal-search, #universal-search label {
    transition: all 0.15s ease;
    width: 50px;
    height: 40px;
    font-size: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: grey; }
    #universal-search #close-universal-search:hover, #universal-search label:hover {
      color: #1a1a1a;
      transform: scale(1.05); }
  #universal-search label {
    font-size: 25px;
    margin: unset; }
  #universal-search #search_results {
    z-index: 1500;
    padding: 40px 40px 20px 40px; }
    @media screen and (max-width: 750px) {
      #universal-search #search_results {
        padding: 20px 0px 20px 0px; } }
.lead_time_display {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap; }
  .lead_time_display div {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    text-align: center;
    flex-grow: 1;
    margin: 20px;
    background: #333;
    border-radius: 5px;
    padding: 40px; }
    @media screen and (max-width: 750px) {
      .lead_time_display div {
        margin: 20px 0 20px 0;
        border-radius: 0px; } }
    .lead_time_display div .logo-image {
      margin-bottom: 20px; }

.show-on-mobile {
  display: none; }
  @media screen and (max-width: 750px) {
    .show-on-mobile {
      display: initial; } }
@media screen and (max-width: 750px) {
  .hide-on-mobile {
    display: none !important; } }

.new-line-form {
  display: flex;
  max-width: 1024px;
  margin: auto;
  flex-wrap: wrap; }
  .new-line-form input {
    color: #ececec;
    background: #333; }
    .new-line-form input:focus {
      color: #1a1a1a;
      background: #ececec;
      box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
      outline: none; }
  @media screen and (max-width: 750px) {
    .new-line-form input, .new-line-form label {
      width: 100%;
      border-radius: 5px;
      margin-bottom: 10px;
      text-align: center;
      border: none; } }
.pin_code_wrapper {
  margin-top: 100px;
  text-align: center; }
  .pin_code_wrapper .input_wrapper {
    width: 100%;
    display: flex;
    justify-content: center; }
    .pin_code_wrapper .input_wrapper .icofont-close-line-circled {
      color: red;
      line-height: 100px;
      font-size: 50px;
      margin: auto; }
    .pin_code_wrapper .input_wrapper input {
      -webkit-text-security: disc;
      margin: 5px;
      width: 80px;
      text-align: center;
      font-size: 100px;
      height: 100px;
      background: #dedede;
      border-radius: 20px;
      border: 1px solid #ececec;
      color: transparent;
      text-shadow: 0 0 0 black; }
      .pin_code_wrapper .input_wrapper input:focus {
        outline: none !important;
        box-shadow: 0px 0px 0px 2px #1b8def; }

.main {
  padding: 40px 0px; }
  @media screen and (max-width: 800px) {
    .main {
      padding: 0px !important; } }
.adjustment-create-wrapper {
  width: 100%;
  display: flex;
  justify-content: space-between; }
  .adjustment-create-wrapper .btn {
    flex-grow: 1;
    margin: 20px 10px 20px 10px; }

a.anchor {
  display: block;
  position: relative;
  top: -250px;
  visibility: hidden; }

strong {
  font-weight: 500; }

.page-selector {
  padding: 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  background: #1a1a1a; }
  .page-selector .page-link {
    text-decoration: none;
    background: #3a3a3a;
    color: #ececec; }
    .page-selector .page-link.active {
      color: #1a1a1a;
      background: #ececec; }

#ajax_loading_spinner {
  display: flex;
  justify-content: center;
  padding: 20px; }
  #ajax_loading_spinner .loader-dots {
    font-size: 20px;
    color: #F1BC50;
    display: block;
    letter-spacing: 1px; }
    #ajax_loading_spinner .loader-dots:after {
      content: '...';
      width: 0;
      position: absolute;
      overflow: hidden;
      animation: loader-dots-animation 1s infinite; }

@keyframes loader-dots-animation {
  0% {
    width: 0.0em; }
  50% {
    width: 1.2em; }
  100% {
    width: 0.0em; } }

.nav-button-holder {
  position: fixed;
  z-index: 10;
  height: 80px;
  width: 80px;
  margin-left: -40px;
  margin-top: -20px; }

.navbar-btn {
  z-index: 10;
  position: fixed;
  box-shadow: none;
  outline: none !important;
  border: none;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  margin-left: -30px;
  top: 10px;
  opacity: .3;
  transition: transform 0.5s ease; }
  @media screen and (max-width: 800px) {
    .navbar-btn {
      margin-left: 0px; } }
  .navbar-btn.peek {
    transform: translate(20px); }
    @media screen and (max-width: 800px) {
      .navbar-btn.peek {
        transform: translate(0px); } }
.fixed-header-wrapper {
  display: none;
  height: 50px; }

.fixed-header {
  z-index: 5;
  width: 100%;
  text-align: right;
  position: fixed;
  left: 0px;
  top: 0px;
  padding: 20px 0 10px 0;
  padding-right: 40px;
  margin-bottom: 20px;
  box-shadow: 0 8px 10px -10px black; }
  @media screen and (max-width: 800px) {
    .fixed-header {
      padding: 10px 10px 0px 0; }
      .fixed-header h2 {
        font-size: 18px; } }
.fixed-header h1, .fixed-header h2, .fixed-header h3, .fixed-header h4 {
  color: rgba(255, 255, 255, 0.85); }

.ajax_loading_spinner {
  display: flex;
  justify-content: center;
  font-size: 24px; }

.icofont-label {
  position: relative; }
  .icofont-label.labeled::after {
    font-family: Poppins;
    position: absolute;
    font-size: 14px;
    transform-origin: bottom right;
    transform: rotate(37deg);
    color: #ececec;
    top: 39px;
    right: 23px;
    font-weight: 100;
    content: attr(data-price); }

.mumbo_jumbo {
  background-color: #333;
  padding: 50px;
  margin: 20px;
  border-radius: 5px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }
  .mumbo_jumbo.error {
    background: #cc2449;
    padding: 20px; }
  @media screen and (max-width: 750px) {
    .mumbo_jumbo {
      padding: 20px;
      margin: 20px 0px 20px 0px;
      border-radius: 0px; }
      .mumbo_jumbo h2 {
        font-size: 18px; } }
.status_hidden_span {
  display: none; }

.focused {
  border: 2px solid #ececec; }

.search_bar {
  position: relative; }
  .search_bar input, .search_bar button {
    transition: opacity 0.3s ease; }
  .search_bar.wait_for_load input, .search_bar.wait_for_load button {
    opacity: 0.1; }
  .search_bar.wait_for_load::before {
    content: 'Loading Lines...';
    position: absolute;
    top: 9px;
    /* left: 32px; */
    text-align: center;
    font-size: 20px;
    font-weight: 100;
    color: #7fb4ff;
    /* display: block; */
    width: 100%; }
  @media screen and (max-width: 750px) {
    .search_bar {
      padding: 0px 0px; }
      .search_bar input {
        border-radius: 0px; } }
.focused_item {
  z-index: 1000;
  width: 95%;
  position: fixed;
  top: 0;
  left: 0;
  margin: calc(2.5%);
  -webkit-box-shadow: 0px 0px 0px 2000px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 0px 0px 2000px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 0px 0px 2000px rgba(0, 0, 0, 0.75);
  outline: solid 1000px #ececec; }

.action_top {
  margin-bottom: 20px; }
  @media screen and (max-width: 750px) {
    .action_top .btn {
      display: none; } }
.action_bottom {
  opacity: .6;
  display: flex;
  flex-wrap: wrap; }
  .action_bottom .left {
    flex-grow: 1; }
    @media screen and (max-width: 750px) {
      .action_bottom .left {
        display: none; } }
  @media screen and (max-width: 750px) {
    .action_bottom .right {
      display: none; } }
.time_estimate {
  background: #1a1a1a;
  border: none;
  color: #ececec;
  padding: 10px;
  text-align: center;
  width: 60px;
  border-radius: 5px;
  font-size: 20px; }

.invoice_flag {
  background: #ce1313;
  margin-left: -30px;
  margin-top: -10px;
  width: calc(100% + 60px);
  text-align: center;
  font-size: 18px;
  padding: 20px;
  margin-bottom: 20px;
  border-radius: 5px 5px 0 0; }

.percentage_input {
  height: 38px;
  width: 60px;
  border-radius: 3px;
  border: none;
  background: #ececec; }

.collected_button {
  border: 1px solid black;
  height: 47px;
  padding-top: 11px;
  margin-left: 20px; }
  .collected_button:hover {
    background: #1a1a1a;
    color: #ececec; }

.p_small {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.7); }

.percentage_label {
  position: relative;
  right: 20px;
  color: #1a1a1a; }

.popover {
  max-width: 100%;
  /* Max Width of the popover (depending on the container!) */
  padding: 20px;
  font-size: 18px;
  z-index: 10000;
  background: #1a1a1a;
  color: #ececec;
  color: #ececec !important; }
  .popover p, .popover h1, .popover h2, .popover 43, .popover h4 {
    color: #ececec; }
  .popover div {
    color: #ececec; }

.popover-div {
  padding: 10px;
  font-size: 18px; }
  .popover-div p, .popover-div h1, .popover-div h2, .popover-div 43, .popover-div h4 {
    color: #ececec; }

.refresh_product {
  font-size: 20px;
  position: absolute;
  top: -10px;
  right: -10px;
  background: #1a1a1a;
  border: 1px solid rgba(255, 255, 255, 0.3);
  padding: 0px;
  height: 40px;
  width: 40px;
  border-radius: 50px;
  color: rgba(255, 255, 255, 0.6);
  transition: all 0.15s ease; }
  .refresh_product::before {
    font-family: icofont;
    content: '\efd1'; }
  .refresh_product:hover {
    color: rgba(255, 255, 255, 0.9);
    border: 1px solid rgba(255, 255, 255, 0.6); }
  .refresh_product:focus {
    outline: none; }
  .refresh_product.disabled {
    pointer-events: none;
    opacity: 0.5;
    -webkit-animation: spin 2s linear infinite;
    -moz-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite; }
  .refresh_product:not(.disabled) {
    animation: pulse 0.5s, flash-green 0.5s; }

.last_scanned {
  position: relative;
  animation: flash-purple 0.5s; }
  .last_scanned .highlight {
    color: #dd9a71;
    border-color: #dd9a71; }
  .last_scanned::after {
    color: #dd9a72;
    font-family: icofont;
    content: '\ea94';
    position: absolute;
    left: -32px;
    top: 3px;
    font-size: 30px; }

@-moz-keyframes spin {
  100% {
    -moz-transform: rotate(360deg); } }

@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg); } }

@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

.order-box {
  margin: 20px;
  border-radius: 3px;
  background: #2a2a2a;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }
  .order-box.canceled {
    filter: grayscale(1);
    opacity: 0.5; }
    .order-box.canceled .line_wrapper {
      text-decoration: line-through; }
    .order-box.canceled .new-order-ajax-btn {
      background: white !important;
      color: black; }
      .order-box.canceled .new-order-ajax-btn:hover {
        border: 3px solid black; }
  .order-box .order-header {
    border-bottom: solid 2px grey;
    padding: 10px 30px 20px 30px; }
  .order-box .order-body {
    background-color: #333;
    padding: 20px 60px 20px 60px; }

.order_header_lines {
  color: rgba(255, 255, 255, 0.7);
  font-weight: 300; }

.line_info {
  color: #ececec;
  font-weight: 500; }

.order_header_sections {
  display: flex; }
  .order_header_sections .order_header_lines {
    flex-grow: 1; }
  .order_header_sections .order_header_buttons {
    margin: auto;
    display: flex; }

.dropdown_item a {
  text-decoration: none; }

.icofont.dark {
  color: #2a2a2a; }

.icofont.grey {
  color: #333; }

.icofont.light {
  color: #ececec; }

.icofont.white {
  color: #ececec; }

.fas {
  color: #2a2a2a; }
  .fas.light {
    color: #777; }

.fa-bars {
  color: #2a2a2a; }
  .fa-bars.white {
    color: #ececec; }

.warning {
  color: #ec1652; }
  .warning::before {
    font-family: icofont;
    content: '\f026';
    margin-right: 10px; }

.dropdown-menu {
  margin-top: 20px;
  box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.5); }

.order_action {
  display: inline-block;
  text-align: center;
  border-radius: 5px;
  border: none;
  width: 60px;
  height: 60px;
  margin: 5px;
  background: rgba(255, 255, 255, 0.1);
  background: #d2d2d2;
  transition: transform .1s; }
  .order_action i {
    margin: auto; }
  .order_action:hover {
    transform: scale(1.05) perspective(100px);
    filter: blur(0px);
    -webkit-backdrop-filter: saturate(6) blur(10px);
    backdrop-filter: saturate(8) blur(10px);
    text-decoration: none; }
  .order_action:focus {
    transform: scale(1);
    outline: none; }
  .order_action.copy {
    padding-top: 14px;
    font-size: 24px; }
  .order_action.print {
    padding-top: 14px;
    font-size: 24px; }
  .order_action.edit {
    font-size: 24px;
    display: flex;
    align-items: center; }
  .order_action.copy_print {
    padding-top: 20px;
    text-decoration: none; }
  .order_action.more_options {
    font-size: 24px; }
    .order_action.more_options:hover {
      transform: scale(1) perspective(100px); }

.line-warning {
  width: calc(100% + 40px);
  margin-left: -20px;
  border: 2px solid #e8cc38;
  color: #1a1a1a;
  padding: 0px 20px 5px 20px;
  border-radius: 10px;
  background: #1a1a1a; }
  .line-warning .section-title {
    border-radius: 5px 5px 0 0;
    font-size: 18px;
    padding: 5px;
    width: calc(100% + 40px);
    margin-left: -20px;
    background: #e8cc38;
    text-align: center; }
  .line-warning .line_info {
    flex-grow: 1; }

.line_wrapper {
  display: flex; }
  .line_wrapper .line_info {
    flex-grow: 1; }
  .line_wrapper .line_comes_from {
    margin: auto; }

.dataTables_filter {
  display: flex;
  justify-content: flex-end; }

.po_view_table {
  color: #ececec; }
  .po_view_table th:first-of-type {
    padding-left: 20px; }
  .po_view_table th {
    padding: 10px 0 10px 0;
    background: #333; }
  .po_view_table td:first-of-type {
    padding-left: 20px; }
  .po_view_table td:last-of-type {
    padding-right: 20px; }
  .po_view_table td {
    padding: 5px 0 5px 0;
    background: #333; }

.order_note_input {
  width: 100%;
  border-radius: 0px 0px 5px 5px;
  padding: 20px;
  border: none;
  color: #ececec;
  background: #333; }
  .order_note_input:focus {
    background: #ececec;
    color: #1a1a1a;
    outline: none;
    border: none;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.5) !important; }
  .order_note_input:placeholder-shown {
    border: 1px solid #222;
    /* Red border only if the input is empty */ }

.order_lookup_note_input {
  width: 100%;
  padding: 20px;
  border: none;
  color: #ececec;
  background: #333; }
  .order_lookup_note_input:focus {
    background: #ececec;
    color: #1a1a1a;
    outline: none;
    border: none;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.5) !important; }

.po_note_input {
  width: 100%;
  padding: 5px 0px 5px 10px;
  border-radius: 3px;
  border: none;
  color: #ececec;
  background: #333; }
  .po_note_input:focus {
    background: #ececec;
    color: #1a1a1a;
    outline: none;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.5) !important; }
  .po_note_input:placeholder-shown {
    border: 1px solid #222;
    /* Red border only if the input is empty */ }

.line_note_input {
  width: 100%;
  padding: 5px 0px 5px 10px;
  border-radius: 3px;
  border: none;
  color: #ececec;
  background: #333;
  margin-bottom: 20px;
  margin-left: -10px; }
  .line_note_input:focus {
    background: #ececec;
    color: #1a1a1a;
    outline: none;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.5) !important; }
  .line_note_input:placeholder-shown {
    border: 1px solid #222;
    /* Red border only if the input is empty */ }
  @media screen and (max-width: 750px) {
    .line_note_input {
      margin-left: 0px; } }
#saving_dialogue {
  z-index: 999999999;
  background: #5cb85c;
  font-size: 20px;
  font-weight: 100;
  position: fixed;
  top: 0px;
  left: 60px;
  height: 60px;
  width: 187px;
  text-align: center;
  line-height: 60px;
  opacity: 0.95;
  display: none; }
  @media screen and (max-width: 750px) {
    #saving_dialogue {
      left: 0px;
      width: 100%; } }
.filter_by {
  display: flex;
  justify-content: center;
  align-items: stretch; }
  .filter_by .spacer {
    border-left: 1px solid rgba(255, 255, 255, 0.3);
    margin: 0px 20px;
    height: 30px; }
  .filter_by a {
    margin: 10px;
    display: flex;
    color: rgba(255, 255, 255, 0.6);
    text-decoration: none;
    padding: 10px 15px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 3px;
    transition: all 0.15s ease;
    text-align: center;
    align-items: center; }
    .filter_by a:hover {
      color: rgba(255, 255, 255, 0.9);
      border: 1px solid rgba(255, 255, 255, 0.7); }
    .filter_by a.selected {
      background: rgba(255, 255, 255, 0.7);
      color: #1a1a1a;
      cursor: default;
      font-weight: 500; }

.triggered-header {
  padding: 20px;
  margin-left: 80px;
  width: calc(100% - 160px);
  background: #a21b1b;
  font-size: 24px;
  font-weight: 100;
  margin-top: 40px;
  margin-bottom: 20px;
  text-align: center;
  border-radius: 5px; }

.add-icon {
  display: none; }

.no-triggers {
  padding: 20px; }
  .no-triggers .supplier-trigger-form {
    display: none; }
  .no-triggers h2 {
    font-size: 1em;
    margin: 0px; }
  .no-triggers .add-icon {
    display: block; }
  .no-triggers.grey {
    opacity: 0.5;
    box-shadow: none; }

.supplier-trigger-form input, .supplier-trigger-form select {
  height: 38px;
  border-radius: 5px;
  border: none;
  margin: 10px;
  margin-left: 0px; }

.supplier-trigger-form .inset {
  margin-left: 20px;
  color: #ffc107; }

.supplier-trigger-form input[type='number'] {
  text-align: center;
  width: 100px; }

.number_small {
  background: #ececec;
  height: 38px;
  width: 60px;
  margin-right: 20px;
  text-align: center;
  border-radius: 5px;
  border: none;
  margin: 0px 10px; }

.small_number_input {
  width: 60px;
  text-align: center;
  border-radius: 5px;
  border: none;
  font-size: 28px;
  margin-left: 20px; }

.of_quantity {
  width: 75px;
  font-size: 28px;
  padding-left: 13px; }

.auto {
  margin: auto; }

.suggested_reorder {
  pointer-events: none;
  position: absolute;
  right: 8px;
  font-size: 10px;
  color: #ff6a00; }

.zooming-line {
  border-radius: 20px !important; }
  .zooming-line table {
    font-size: 2px;
    transition: font-size .3s; }
  .zooming-line:hover table {
    font-size: 16px; }

.zooming-line-2 {
  border-radius: 20px 20px 0px 0px !important; }
  .zooming-line-2 table {
    font-size: 2px;
    transition: font-size .3s; }
  .zooming-line-2:hover table {
    font-size: 16px; }

.line_recieve {
  padding: 0px 0px 0px 20px;
  margin: 5px;
  margin-bottom: 20px;
  transition: box-shadow 0.3s ease-in-out; }
  .line_recieve .stock-locator {
    margin-right: 20px;
    border-right: 1px solid #ececec;
    height: 60px;
    line-height: 60px;
    margin-left: 20px;
    padding-right: 20px; }
    .line_recieve .stock-locator input {
      height: 28px;
      margin-left: 10px;
      background: rgba(37, 37, 37, 0.46);
      border-radius: 5px;
      border: none;
      color: #ececec;
      text-align: center;
      width: 110px; }
      .line_recieve .stock-locator input:focus {
        outline: none;
        background: #ececec;
        color: black; }
      @media screen and (max-width: 750px) {
        .line_recieve .stock-locator input {
          margin-left: 0px;
          flex-grow: 1; } }
  .line_recieve.green {
    background: #28a745; }
  .line_recieve.red {
    background: #e63636; }
  .line_recieve.light_green {
    background: #6f4848; }
  .line_recieve .truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    width: 70px;
    transition: width 0.2s; }
  .line_recieve:hover {
    box-shadow: 0px 2px 11px 1px #00a1ff; }
    .line_recieve:hover .truncate {
      width: 100px;
      overflow: visible;
      text-overflow: clip;
      word-break: break-all; }

.label-link {
  position: relative;
  display: flex; }
  .label-link a {
    border: none;
    background: transparent;
    padding: 0px;
    margin: 0px;
    margin-right: 20px;
    color: #1a1a1a !important;
    transition: all 0.15s ease;
    font-size: 70px; }
    .label-link a span {
      position: absolute;
      font-size: 14px;
      transform: rotate(37deg);
      color: #ececec;
      top: 44px;
      right: 33px;
      font-weight: 100; }
    .label-link a:hover {
      color: #27a745 !important; }
      .label-link a:hover span {
        color: #ececec; }
    .label-link a:focus {
      color: #1a1a1a;
      outline: none; }

.quick-print-label {
  position: relative;
  display: flex; }
  .quick-print-label::before {
    content: 'x';
    color: #ececec;
    font-weight: 100;
    font-size: 12px;
    left: 36px;
    position: absolute;
    top: 42px; }
  .quick-print-label input {
    text-align: center;
    width: 40px;
    border: none;
    border-radius: 3px;
    font-size: 20px;
    font-weight: 100;
    margin-right: 10px;
    color: #ececec;
    background: #333; }
    .quick-print-label input:focus {
      outline: none; }
  .quick-print-label button {
    border: none;
    background: transparent;
    padding: 0px;
    margin: 0px;
    margin-right: 20px;
    color: #1a1a1a;
    transition: all 0.15s ease;
    font-size: 70px; }
    .quick-print-label button span {
      position: absolute;
      font-size: 14px;
      transform: rotate(37deg);
      color: #ececec;
      top: 44px;
      right: 33px;
      font-weight: 100; }
    .quick-print-label button:hover {
      color: #27a745; }
      .quick-print-label button:hover span {
        color: #ececec; }
    .quick-print-label button:focus {
      color: #1a1a1a;
      outline: none; }

.icon_only_button {
  border: none;
  background: transparent;
  padding: 0px;
  margin: 0px;
  margin-left: 20px;
  margin-top: -5px;
  color: #ececec; }
  .icon_only_button .far {
    color: #ececec;
    font-size: 30px; }
  .icon_only_button .fas {
    color: #ececec; }

.increment_po_recieve {
  font-size: 60px;
  line-height: 60px;
  color: #ececec;
  margin-top: 0px; }
  .increment_po_recieve.plus {
    margin-left: -2px; }
  .increment_po_recieve:hover {
    opacity: 0.6; }
  .increment_po_recieve:focus {
    outline: none !important;
    box-shadow: none; }

.full_width_jumbo {
  width: calc(100% + 80px) !important;
  background-color: #333;
  margin-left: -40px;
  padding: 50px 90px 50px 90px;
  margin-bottom: 40px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }
  .full_width_jumbo.transparent {
    background-color: rgba(51, 51, 51, 0.6); }
    .full_width_jumbo.transparent h1, .full_width_jumbo.transparent h2, .full_width_jumbo.transparent h3, .full_width_jumbo.transparent h4, .full_width_jumbo.transparent p {
      color: rgba(255, 255, 255, 0.8); }
  .full_width_jumbo:last-of-type {
    margin-bottom: 0px; }

.start_container {
  margin-top: 20px;
  background-image: linear-gradient(242deg, rgba(195, 195, 195, 0.02) 0%, rgba(195, 195, 195, 0.02) 16.667%, rgba(91, 91, 91, 0.02) 16.667%, rgba(91, 91, 91, 0.02) 33.334%, rgba(230, 230, 230, 0.02) 33.334%, rgba(230, 230, 230, 0.02) 50.001%, rgba(18, 18, 18, 0.02) 50.001%, rgba(18, 18, 18, 0.02) 66.668%, rgba(163, 163, 163, 0.02) 66.668%, rgba(163, 163, 163, 0.02) 83.335%, rgba(140, 140, 140, 0.02) 83.335%, rgba(140, 140, 140, 0.02) 100.002%), linear-gradient(152deg, rgba(151, 151, 151, 0.02) 0%, rgba(151, 151, 151, 0.02) 16.667%, rgba(11, 11, 11, 0.02) 16.667%, rgba(11, 11, 11, 0.02) 33.334%, rgba(162, 162, 162, 0.02) 33.334%, rgba(162, 162, 162, 0.02) 50.001%, rgba(171, 171, 171, 0.02) 50.001%, rgba(171, 171, 171, 0.02) 66.668%, rgba(119, 119, 119, 0.02) 66.668%, rgba(119, 119, 119, 0.02) 83.335%, rgba(106, 106, 106, 0.02) 83.335%, rgba(106, 106, 106, 0.02) 100.002%), linear-gradient(11deg, rgba(245, 245, 245, 0.01) 0%, rgba(245, 245, 245, 0.01) 16.667%, rgba(23, 23, 23, 0.01) 16.667%, rgba(23, 23, 23, 0.01) 33.334%, rgba(96, 96, 96, 0.01) 33.334%, rgba(96, 96, 96, 0.01) 50.001%, rgba(140, 140, 140, 0.01) 50.001%, rgba(140, 140, 140, 0.01) 66.668%, rgba(120, 120, 120, 0.01) 66.668%, rgba(120, 120, 120, 0.01) 83.335%, rgba(48, 48, 48, 0.01) 83.335%, rgba(48, 48, 48, 0.01) 100.002%), linear-gradient(27deg, rgba(106, 106, 106, 0.03) 0%, rgba(106, 106, 106, 0.03) 14.286%, rgba(203, 203, 203, 0.03) 14.286%, rgba(203, 203, 203, 0.03) 28.572%, rgba(54, 54, 54, 0.03) 28.572%, rgba(54, 54, 54, 0.03) 42.858%, rgba(75, 75, 75, 0.03) 42.858%, rgba(75, 75, 75, 0.03) 57.144%, rgba(216, 216, 216, 0.03) 57.144%, rgba(216, 216, 216, 0.03) 71.43%, rgba(39, 39, 39, 0.03) 71.43%, rgba(39, 39, 39, 0.03) 85.716%, rgba(246, 246, 246, 0.03) 85.716%, rgba(246, 246, 246, 0.03) 100.002%), linear-gradient(317deg, rgba(215, 215, 215, 0.01) 0%, rgba(215, 215, 215, 0.01) 16.667%, rgba(72, 72, 72, 0.01) 16.667%, rgba(72, 72, 72, 0.01) 33.334%, rgba(253, 253, 253, 0.01) 33.334%, rgba(253, 253, 253, 0.01) 50.001%, rgba(4, 4, 4, 0.01) 50.001%, rgba(4, 4, 4, 0.01) 66.668%, rgba(183, 183, 183, 0.01) 66.668%, rgba(183, 183, 183, 0.01) 83.335%, rgba(17, 17, 17, 0.01) 83.335%, rgba(17, 17, 17, 0.01) 100.002%), linear-gradient(128deg, rgba(119, 119, 119, 0.03) 0%, rgba(119, 119, 119, 0.03) 12.5%, rgba(91, 91, 91, 0.03) 12.5%, rgba(91, 91, 91, 0.03) 25%, rgba(45, 45, 45, 0.03) 25%, rgba(45, 45, 45, 0.03) 37.5%, rgba(182, 182, 182, 0.03) 37.5%, rgba(182, 182, 182, 0.03) 50%, rgba(243, 243, 243, 0.03) 50%, rgba(243, 243, 243, 0.03) 62.5%, rgba(162, 162, 162, 0.03) 62.5%, rgba(162, 162, 162, 0.03) 75%, rgba(190, 190, 190, 0.03) 75%, rgba(190, 190, 190, 0.03) 87.5%, rgba(148, 148, 148, 0.03) 87.5%, rgba(148, 148, 148, 0.03) 100%), radial-gradient(circle at 0% 10%, #006754, #063138 70%, #01090a); }

.start_collection input {
  height: 150px;
  width: 150px;
  font-size: 18px;
  color: rgba(255, 255, 255, 0.8);
  padding: 20px;
  background-color: #0E4749;
  background-color: rgba(255, 255, 255, 0.2);
  border: none;
  border-radius: 4px;
  margin: 5px;
  box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.5);
  font-weight: 600;
  transition: transform .15s; }
  .start_collection input:hover {
    transform: scale(1.05) perspective(100px);
    filter: blur(0px);
    -webkit-backdrop-filter: saturate(6) blur(10px);
    backdrop-filter: saturate(8) blur(10px); }
  .start_collection input:focus {
    transform: scale(1.02);
    outline: none; }

.status_wrapper {
  padding: 20px 0 20px 0; }

.status_badge {
  margin-bottom: 10px;
  display: inline-flex;
  border: 1px solid;
  background: #1a1a1a;
  padding: 5px 10px 5px 10px;
  border-radius: 5px; }
  .status_badge.default {
    background: #ececec;
    color: #1a1a1a; }
  .status_badge .delete {
    border: none;
    background: transparent;
    font-size: inherit;
    color: inherit;
    text-shadow: none;
    margin-left: 10px; }
  .status_badge .delete:focus {
    outline: none !important;
    box-shadow: none; }

.due-badge {
  display: block;
  box-shadow: none;
  padding: 6px;
  opacity: .8;
  font-size: 18px;
  margin-bottom: 20px;
  margin-right: 20px; }
  @media screen and (max-width: 750px) {
    .due-badge {
      display: none; } }
.table_select {
  background: #333;
  color: #ffc107;
  border: none; }

.small_font {
  font-size: 12px;
  text-align: left; }

input::-webkit-color-swatch {
  border: none; }

tr:first-of-type .line-box {
  border: 5px solid #28a745; }

.line-box {
  padding: 30px;
  border: 1px solid rgba(255, 255, 255, 0.5); }
  .line-box h2 {
    color: #ffc107;
    font-size: 30px; }
  @media screen and (max-width: 750px) {
    .line-box {
      padding: 0px; }
      .line-box h2 {
        font-size: 18px; } }
a.btn {
  text-decoration: none; }

.alt_line_actions {
  display: none; }

.needs_work_span {
  margin-bottom: 10px;
  display: inline-block;
  background: #ececec;
  color: #1a1a1a;
  padding: 1px 5px;
  border-radius: 3px; }

.completed_work_span {
  margin-bottom: 10px;
  display: inline-block;
  background: #1a1a1a;
  padding: 1px 10px;
  border-radius: 3px; }

.compact.same_order_as_before {
  margin-top: -15px !important; }

.compact_header {
  display: none; }

.note_box {
  padding-top: 20px;
  width: 100%; }

.nowhere-box {
  position: absolute;
  top: -999999px;
  left: -999999px; }

.lines .schedule-line-note {
  position: relative;
  width: 100%; }
  .lines .schedule-line-note ::after {
    font-family: icofont;
    content: '\ec55';
    position: absolute;
    top: 4px;
    right: 10px;
    color: grey; }
  .lines .schedule-line-note textarea {
    border-radius: 5px;
    resize: none;
    height: 24px;
    border-radius: 0px;
    padding: 5px 28px 5px 10px;
    width: 100%;
    background: transparent;
    color: #ffc107;
    border: none;
    font-weight: 100;
    line-height: 1; }
    .lines .schedule-line-note textarea:focus {
      outline: none;
      background: #ececec;
      color: #1a1a1a; }
  .lines .schedule-line-note.printed {
    transition: all 0.3s ease; }
    .lines .schedule-line-note.printed ::before {
      font-family: icofont, 'Poppins', sans-serif;
      content: "\ef1b \efc6";
      position: absolute;
      top: 4px;
      left: 10px;
      color: #cc2449; }
    .lines .schedule-line-note.printed textarea {
      padding: 5px 28px 5px 50px; }
    .lines .schedule-line-note.printed:focus-within ::before {
      font-family: icofont, 'Poppins', sans-serif;
      content: "\ef1b \efc6 This line has already been printed, inform the workshop if adding new notes.";
      position: absolute;
      top: 4px;
      left: 10px;
      color: #cc2449; }
    .lines .schedule-line-note.printed:focus-within textarea {
      padding: 40px 28px 5px 10px;
      min-height: 69px; }
  .lines .schedule-line-note form {
    display: flex; }
  .lines .schedule-line-note:hover ::after {
    color: #27a745; }

.full-order-display .order-note {
  position: relative;
  width: 100%; }
  .full-order-display .order-note ::after {
    font-family: icofont;
    content: '\ec55';
    position: absolute;
    top: 9px;
    right: 10px;
    color: grey; }
  .full-order-display .order-note .new-line-form {
    max-width: unset; }
  .full-order-display .order-note textarea {
    border-radius: 5px;
    resize: none;
    height: 24px;
    border-radius: 0px;
    padding: 10px 28px 10px 10px;
    width: 100%;
    background: #333;
    color: #ffc107;
    border: none;
    font-weight: 100; }
    .full-order-display .order-note textarea:focus {
      outline: none;
      background: #ececec;
      color: #1a1a1a; }
  .full-order-display .order-note.printed {
    transition: all 0.3s ease; }
    .full-order-display .order-note.printed ::before {
      font-family: icofont, 'Poppins', sans-serif;
      content: "\ef1b \efc6";
      position: absolute;
      top: 9px;
      left: 10px;
      color: #cc2449; }
    .full-order-display .order-note.printed textarea {
      padding: 10px 28px 10px 50px; }
    .full-order-display .order-note.printed:focus-within ::before {
      font-family: icofont, 'Poppins', sans-serif;
      content: "\ef1b \efc6 Inform workshop if a new note involves already printed lines (see below).";
      position: absolute;
      top: 9px;
      left: 10px;
      color: #cc2449; }
    .full-order-display .order-note.printed:focus-within textarea {
      padding: 40px 28px 10px 10px;
      min-height: 74px; }
  .full-order-display .order-note form {
    display: flex; }
  .full-order-display .order-note:hover ::after {
    color: #27a745; }

#content {
  transition: background,filter .8s ease;
  background-color: #0b131a;
  min-height: calc(100vh - 60px);
  position: absolute;
  top: 60px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  overflow: auto; }
  @media screen and (max-width: 750px) {
    #content {
      padding: 0px !important; } }
  #content #menu_open_blur {
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    backdrop-filter: blur(20px);
    z-index: 500;
    opacity: 0;
    background: rgba(0, 0, 0, 0.5);
    pointer-events: none;
    transition: all 0.5s ease; }
  #content.menu-open {
    pointer-events: none;
    overflow: hidden; }
    #content.menu-open #menu_open_blur {
      opacity: 1; }
  #content.search-open {
    max-height: calc(100vh - 60px);
    overflow-y: hidden; }

.hide_menu #content {
  top: 0px; }

.schedule_line_header {
  display: flex;
  flex-wrap: wrap; }
  .schedule_line_header .header_left {
    flex-grow: 1; }
  .schedule_line_header .header_right {
    flex-wrap: wrap; }
    @media screen and (max-width: 750px) {
      .schedule_line_header .header_right {
        display: none; } }
  @media screen and (max-width: 750px) {
    .schedule_line_header {
      padding: 10px;
      padding-top: 20px; } }
.schedule_line_body td {
  padding: 0px 10px; }

.schedule_line_body .schedule_line_options {
  margin-left: -30px;
  width: calc(100% + 60px);
  padding: 40px;
  background: #1a1a1a;
  margin-bottom: 20px; }
  .schedule_line_body .schedule_line_options td {
    font-size: 20px; }
  .schedule_line_body .schedule_line_options td:first-child {
    color: rgba(255, 255, 255, 0.6); }
  @media screen and (max-width: 750px) {
    .schedule_line_body .schedule_line_options {
      margin: 0px;
      width: 100%;
      padding: 10px; }
      .schedule_line_body .schedule_line_options td {
        font-size: 18px; } }
.schedule_line_actions {
  display: block; }
  .schedule_line_actions p {
    color: #ffc107; }
  @media screen and (max-width: 750px) {
    .schedule_line_actions {
      padding: 10px; } }
.multi_view_selector {
  margin-bottom: 20px; }

.hidden {
  display: none; }

.waiting_line {
  opacity: 0.3;
  transition: opacity 0.3s; }
  .waiting_line:hover {
    opacity: 1; }
  .waiting_line .still-due-div {
    opacity: 1; }

.flat {
  box-shadow: none; }

.schedule_move_button {
  border: none;
  padding: 5px 10px 5px 10px;
  margin: 3px;
  border-radius: 3px;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.5); }
  .schedule_move_button .text {
    color: #ececec; }
  .schedule_move_button.mini {
    font-size: 12px;
    padding: 2px 5px; }
  .schedule_move_button:focus {
    outline: none;
    box-shadow: none; }
  @media screen and (max-width: 750px) {
    .schedule_move_button {
      width: calc(50% - 8px); } }
.schedule_view_button[style]:not(:hover) {
  background-color: grey !important; }

.view_manager_buttons[style]:not(.active) {
  background-color: grey !important; }

.view_manager_buttons {
  display: flex; }

.view_colour_picker {
  height: calc(100% - 20px);
  height: 40px;
  border: none;
  box-shadow: none;
  margin-left: 20px; }

.schedule_view_info {
  display: flex; }

.scan-result {
  padding: 20px; }
  .scan-result.as-history {
    padding: 3px 20px; }
    .scan-result.as-history:empty {
      padding: 0px; }
    .scan-result.as-history .line-result {
      box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
      display: flex;
      align-items: center;
      padding: 10px 20px;
      background: #1a1a1a;
      color: #ececec;
      border: 1px solid rgba(255, 255, 255, 0.5); }
      .scan-result.as-history .line-result .movement-confirmation, .scan-result.as-history .line-result .scan-message {
        display: none; }
      .scan-result.as-history .line-result .move_picker {
        display: flex;
        align-items: center; }
        .scan-result.as-history .line-result .move_picker button {
          border: none;
          background: transparent;
          color: grey;
          transition: all 0.15s ease;
          position: relative;
          margin-left: 40px;
          width: calc(100% - 20px);
          text-align: left; }
          .scan-result.as-history .line-result .move_picker button:hover {
            color: whitesmoke; }
            .scan-result.as-history .line-result .move_picker button:hover::before {
              font-family: icofont;
              content: '\ea94';
              position: absolute;
              left: -20px; }
      .scan-result.as-history .line-result .moved_to {
        padding: 0px 20px;
        font-size: 20px;
        font-weight: 100; }
        .scan-result.as-history .line-result .moved_to .from {
          color: #ff00c8; }
        .scan-result.as-history .line-result .moved_to .on_undo_hover {
          color: #ad0a0a; }
      .scan-result.as-history .line-result .undo_button {
        transition: all 0.15s ease;
        border: none;
        background: transparent;
        color: rgba(255, 255, 255, 0.4);
        font-size: 32px; }
        .scan-result.as-history .line-result .undo_button:hover {
          color: #ad0a0a; }
      .scan-result.as-history .line-result .check-mark {
        animation: none;
        display: none;
        font-size: 28px; }
      .scan-result.as-history .line-result .top {
        display: flex;
        margin: 0px;
        flex-grow: 1; }
        .scan-result.as-history .line-result .top .deets {
          color: #ececec; }
          .scan-result.as-history .line-result .top .deets .item_desc {
            font-size: 20px; }
          .scan-result.as-history .line-result .top .deets .customer_desc .increment_id {
            color: #00a1ff;
            font-weight: 200; }
  .scan-result .scan-message {
    position: relative;
    padding: 20px;
    background: #2f2f2f;
    border-radius: 5px;
    margin-bottom: 20px; }
  .scan-result .line-selection {
    font-size: 20px;
    padding: 20px;
    background: #ececec;
    color: #1a1a1a;
    border-radius: 5px;
    margin-bottom: 20px; }
    .scan-result .line-selection .options {
      margin-top: 20px;
      font-size: 16px;
      display: flex; }
  .scan-result .line-result {
    padding: 20px;
    background: #333;
    color: #ececec;
    position: relative;
    border-radius: 5px; }
    .scan-result .line-result h1, .scan-result .line-result h2, .scan-result .line-result h3, .scan-result .line-result h4 {
      color: #ececec; }
    .scan-result .line-result .check-mark {
      animation: pulse-and-fade 0.5s forwards;
      position: absolute;
      font-size: 50px;
      top: 10px;
      right: 20px;
      color: #27a745; }
    .scan-result .line-result .movement-confirmation {
      display: flex;
      justify-content: space-around;
      margin-bottom: 40px; }
      .scan-result .line-result .movement-confirmation .from, .scan-result .line-result .movement-confirmation .to {
        display: flex;
        width: 30%;
        height: 60px;
        color: #ececec;
        font-size: 20px;
        line-height: 60px;
        text-align: center;
        border-radius: 5px; }
        .scan-result .line-result .movement-confirmation .from .location-wrapper, .scan-result .line-result .movement-confirmation .to .location-wrapper {
          border: solid 1px #ececec;
          color: #ececec;
          height: 100px;
          padding: 44px 20px 0 20px; }
      .scan-result .line-result .movement-confirmation .direction {
        height: 60px;
        line-height: 60px;
        font-size: 40px; }
      .scan-result .line-result .movement-confirmation .from {
        justify-content: flex-end; }
      .scan-result .line-result .movement-confirmation .to {
        justify-content: flex-start; }

.child_toggles {
  display: flex;
  flex-wrap: wrap; }

.view_wrapper {
  background: #1a1a1a;
  border-radius: 3px;
  padding: 20px;
  margin-bottom: 20px; }
  .view_wrapper input[type="text"] {
    background: #333;
    border: none;
    color: #ececec;
    font-size: 20px;
    font-family: inherit;
    padding: 5px 0 5px 20px;
    border-radius: 3px;
    margin-bottom: 20px; }
  .view_wrapper input[type="number"] {
    background: #333;
    border: none;
    color: #ececec;
    font-size: 20px;
    font-family: inherit;
    border-radius: 3px;
    margin-bottom: 20px;
    margin-left: 20px;
    width: 50px;
    text-align: center; }
  .view_wrapper select {
    background: #333;
    height: 40px;
    border: none;
    color: #ececec;
    font-size: 20px;
    font-family: inherit;
    padding: 5px 0 5px 20px;
    border-radius: 3px;
    margin-bottom: 20px;
    margin-left: 20px; }
  .view_wrapper .btn {
    height: calc(100% - 20px);
    margin-left: 20px; }

.create_view_wrapper {
  background: #1a1a1a;
  border-radius: 3px;
  padding: 40px;
  margin-bottom: 20px; }
  .create_view_wrapper input[type="text"] {
    height: 40px;
    background: #333;
    border: none;
    color: #ececec;
    font-size: 20px;
    font-family: inherit;
    padding: 5px 0 5px 20px;
    border-radius: 3px; }
  .create_view_wrapper input[type="color"] {
    height: 40px;
    background: #333;
    border: none;
    border-radius: 3px;
    margin-left: 20px;
    position: relative;
    bottom: -9px;
    margin-top: -9px; }
  .create_view_wrapper select {
    background: #333;
    height: 40px;
    border: none;
    color: #ececec;
    font-size: 16px;
    font-family: inherit;
    border-radius: 3px;
    margin-left: 20px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 5px 20px 5px 20px; }
  .create_view_wrapper .btn {
    height: 40px;
    margin-left: 20px;
    margin-bottom: 2px; }

.view_menu_bar {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-top: 20px; }
  .view_menu_bar .view_menu_child {
    position: relative;
    flex-grow: 1;
    flex-basis: 80px; }
  .view_menu_bar .footer button {
    border-radius: 0px 0px 5px 5px; }
  .view_menu_bar .one_row:first-child button {
    border-radius: 5px 0 0px 5px; }
  .view_menu_bar .one_row:last-child button {
    border-radius: 0 5px 5px 0; }
  .view_menu_bar .badge {
    z-index: 4;
    position: absolute;
    top: -5px;
    right: -9px;
    box-shadow: none;
    font-size: 16px; }
  .view_menu_bar button {
    width: 100%;
    height: 100%;
    border-radius: 0px;
    box-shadow: none; }
  .view_menu_bar button:focus {
    outline: none;
    box-shadow: none; }

.errors {
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 5px;
  padding: 10px 20px;
  max-width: 1100px;
  margin: 10px auto;
  font-size: 16px;
  font-weight: 400;
  color: #1a1a1a;
  padding: 20px 40px;
  background: #ff0052; }
  .errors .title {
    text-align: center;
    font-size: 30px;
    margin-bottom: 20px;
    color: whitesmoke; }
    .errors .title .sub {
      font-size: 20px; }
  .errors .error {
    margin-top: 10px;
    display: flex;
    align-items: center;
    border: 1px solid;
    padding: 3px 20px;
    border-radius: 5px;
    background: whitesmoke; }
    .errors .error .msg {
      flex-grow: 1; }
      .errors .error .msg::before {
        font-family: icofont;
        content: '\f026';
        margin-right: 10px; }
    .errors .error .dismiss button {
      margin-left: 20px;
      border: 1px solid rgba(255, 255, 255, 0.3);
      background: #1a1a1a;
      border-radius: 3px;
      color: rgba(255, 255, 255, 0.7);
      transition: all 0.15s ease; }
      .errors .error .dismiss button:hover {
        border: 1px solid rgba(255, 255, 255, 0.7);
        background: rgba(255, 255, 255, 0.8);
        border-radius: 3px;
        color: rgba(0, 0, 0, 0.7); }

.flash_deal_hero_wrapper {
  box-shadow: 0 0 10px 3px #00000094;
  width: calc(100% + 80px);
  margin-left: -40px;
  background-image: radial-gradient(124% 220px at top left, #0f2f46d9, #141b21b3);
  margin-bottom: 40px; }
  .flash_deal_hero_wrapper.collapsed .flash_deal_hero {
    border-bottom: 1px solid #5b7184;
    position: relative; }
    .flash_deal_hero_wrapper.collapsed .flash_deal_hero .next_slot::before {
      content: 'Click For Info';
      display: inline;
      position: absolute;
      right: 20px;
      color: rgba(255, 255, 255, 0.3); }
  .flash_deal_hero_wrapper .flash_deal_hero {
    border-top: 1px solid #5b7184;
    padding: 10px 40px;
    margin: 0px auto;
    color: #9ed3ff;
    width: 100%; }
    .flash_deal_hero_wrapper .flash_deal_hero:last-of-type {
      border-bottom: 1px solid #5b7184; }
    .flash_deal_hero_wrapper .flash_deal_hero .description {
      max-width: 1100px;
      margin: 0px auto;
      padding: 10px 40px;
      font-size: 14px;
      font-weight: 100; }
      .flash_deal_hero_wrapper .flash_deal_hero .description span {
        font-size: 18px; }
    .flash_deal_hero_wrapper .flash_deal_hero .next_slot {
      text-align: center;
      color: rgba(255, 255, 255, 0.6); }
      .flash_deal_hero_wrapper .flash_deal_hero .next_slot .dates {
        font-size: 20px;
        color: #ead851; }

.tiny_sku {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.7); }

.flash_deal_product {
  position: relative;
  box-shadow: 0 0 10px 3px #00000094;
  display: flex;
  align-items: flex-end;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 5px;
  padding: 20px 40px;
  max-width: 1100px;
  margin: 20px auto;
  background-image: radial-gradient(124% 220px at top left, #0f2f46d9, #141b21b3); }
  .flash_deal_product .product_info {
    flex-grow: 1;
    color: rgba(191, 226, 255, 0.9); }
    .flash_deal_product .product_info a {
      text-decoration: none;
      color: rgba(255, 255, 255, 0.6); }
      .flash_deal_product .product_info a:hover {
        color: rgba(255, 255, 255, 0.9); }
    .flash_deal_product .product_info .name {
      margin-bottom: 20px;
      font-size: 24px;
      font-weight: 100; }
    .flash_deal_product .product_info .details {
      display: flex; }
      .flash_deal_product .product_info .details .image:not(:empty) {
        margin-right: 20px; }
        .flash_deal_product .product_info .details .image:not(:empty) img {
          border: 5px solid rgba(255, 255, 255, 0.1); }
      .flash_deal_product .product_info .details .additional {
        font-size: 12px;
        color: rgba(255, 255, 255, 0.8);
        flex-grow: 1; }
        .flash_deal_product .product_info .details .additional .normal_price {
          color: #ffffffb5;
          text-decoration: line-through; }
        .flash_deal_product .product_info .details .additional .sale_price {
          color: #e61a50; }
        .flash_deal_product .product_info .details .additional .levels {
          color: #78baff; }
          .flash_deal_product .product_info .details .additional .levels.oos {
            color: #c3124b; }
        .flash_deal_product .product_info .details .additional .sales {
          color: #40e040; }
          .flash_deal_product .product_info .details .additional .sales.none_sold {
            color: #c3124b;
            color: rgba(255, 255, 255, 0.2); }
          .flash_deal_product .product_info .details .additional .sales.none {
            display: none; }
        .flash_deal_product .product_info .details .additional .parent_product {
          color: #ca7c45; }
        .flash_deal_product .product_info .details .additional .child_summary {
          color: #7f97ab;
          display: flex;
          margin-right: 20px;
          margin-left: -10px;
          padding: 0px 10px; }
          .flash_deal_product .product_info .details .additional .child_summary:nth-child(odd) {
            background: rgba(255, 255, 255, 0.03); }
          .flash_deal_product .product_info .details .additional .child_summary .product_name {
            flex-grow: 1;
            margin-left: 4px; }
  .flash_deal_product .percentage {
    position: relative; }
    .flash_deal_product .percentage::after {
      content: '%';
      position: absolute;
      right: 11px;
      top: 50%;
      transform: translateY(-50%);
      color: rgba(0, 0, 0, 0.5); }
    .flash_deal_product .percentage input {
      text-align: center;
      padding: 5px 20px 5px 20px;
      width: 70px;
      background: #ececec;
      font-size: 16px;
      color: #133d8c;
      border: 1px solid #2c3940;
      border-radius: 5px;
      box-shadow: inset 0 0 3px 1px #000000bf;
      margin: 5px 0px; }
  .flash_deal_product .flash_deal_status {
    text-align: center;
    color: #fff036; }
    .flash_deal_product .flash_deal_status .sub_info {
      font-size: 14px;
      color: rgba(255, 255, 255, 0.7); }
  .flash_deal_product .form_section {
    display: block;
    margin-left: 20px; }
    .flash_deal_product .form_section .labeled_picker {
      display: flex;
      align-items: center;
      justify-content: space-evenly; }
      .flash_deal_product .form_section .labeled_picker .label {
        color: #45b2ff;
        font-size: 12px;
        font-weight: 100;
        flex-grow: 1;
        width: 60px; }
    .flash_deal_product .form_section .date_picker {
      display: flex;
      flex-direction: column; }
      .flash_deal_product .form_section .date_picker input {
        text-align: center;
        padding: 5px 20px;
        width: 140px;
        background: #ececec;
        font-size: 16px;
        color: #133d8c;
        border: 1px solid #2c3940;
        border-radius: 5px;
        box-shadow: inset 0 0 3px 1px #000000bf;
        margin: 5px 0px; }
    .flash_deal_product .form_section .actions {
      display: flex;
      margin-top: 10px; }
      .flash_deal_product .form_section .actions button {
        text-align: center;
        padding: 3px 20px;
        width: 100%;
        font-size: 16px;
        border: 1px solid rgba(255, 255, 255, 0.3);
        border-radius: 3px;
        background: #106daf;
        color: #ffffffd6;
        transition: all 0.15s ease;
        box-shadow: 0px 0px 10px 1px #0000006e;
        margin: 5px 0px; }
        .flash_deal_product .form_section .actions button::before {
          content: 'Schedule'; }
        .flash_deal_product .form_section .actions button:hover {
          border: 1px solid rgba(255, 255, 255, 0.7);
          background: #0f86da;
          box-shadow: 0px 0px 10px 2px #0000006e; }
        .flash_deal_product .form_section .actions button.processing {
          background: #333;
          opacity: 0.5;
          pointer-events: none; }
          .flash_deal_product .form_section .actions button.processing::before {
            content: 'Please Wait...'; }
  .flash_deal_product .remove_flash_deal {
    position: absolute;
    top: -15px;
    right: -15px;
    text-align: center;
    height: 50px;
    width: 50px;
    font-size: 30px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    background: #193343;
    color: rgba(255, 255, 255, 0.4);
    transition: all 0.15s ease;
    box-shadow: 0px 0px 10px 1px #0000006e; }
    .flash_deal_product .remove_flash_deal::before {
      font-family: icofont;
      content: '\eee1'; }
    .flash_deal_product .remove_flash_deal:hover {
      border: 1px solid rgba(255, 255, 255, 0.7);
      background: #f52861;
      color: rgba(255, 255, 255, 0.9);
      box-shadow: 0px 0px 10px 2px #0000006e; }

.sale_indicator.was_on_sale {
  color: red; }
  .sale_indicator.was_on_sale::before {
    font-family: icofont;
    content: '\f021'; }

.flash_deal_flag {
  border: none !important;
  background: none !important;
  color: rgba(0, 0, 0, 0.5) !important;
  padding: 0px !important;
  font-size: 32px;
  transition: all 0.15s ease; }
  .flash_deal_flag:focus {
    outline: none !important;
    border: none !important; }
  .flash_deal_flag:hover {
    color: #ffc56c !important;
    opacity: 0.5; }
  .flash_deal_flag.flagged {
    color: #ffc56c !important; }
    .flash_deal_flag.flagged:hover {
      color: #ffc56c !important;
      opacity: 1; }

.action .flash_deal_flag {
  font-size: 20px;
  margin: 0px 3px; }

.no_view_picker {
  display: flex;
  flex-wrap: wrap;
  justify-content: center; }
  .no_view_picker .schedule_move_button {
    margin: 20px;
    height: 150px;
    width: 220px;
    font-size: 30px; }
    .no_view_picker .schedule_move_button.stock_check {
      background: #ececec;
      color: #1a1a1a;
      font-weight: 100;
      font-size: 26px; }
  .no_view_picker .task-form {
    width: 100%;
    display: flex; }
  .no_view_picker input {
    flex-grow: 1;
    margin-right: 20px;
    height: 38px;
    border-radius: 3px;
    border: none;
    padding-left: 15px; }

.inset-shadow {
  box-shadow: inset -1px -1px 13px 4px rgba(0, 0, 0, 0.3);
  padding: 10px 0px 10px 20px;
  font-size: 20px;
  color: rgba(255, 255, 255, 0.7); }

.same_order_as_before {
  margin-top: -30px;
  box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.7) !important;
  border-radius: 0px 0px 5px 5px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-top: none; }

.off-screen {
  position: absolute;
  top: -100px; }

.filter_bar {
  width: 100%;
  margin-top: 0px;
  border: 1px solid #ececec;
  border-radius: 3px;
  padding: 10px;
  font-size: 18px;
  padding-left: 20px;
  margin: 0 0 20px 0px;
  background-color: #1a1a1a;
  color: #ececec; }
  .filter_bar:focus {
    background: #ececec;
    color: #1a1a1a;
    outline: none;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.5) !important; }

.quote-box-wrapper {
  margin-top: -40px;
  margin-left: -20px;
  width: calc(100% + 40px);
  padding-top: 40px; }
  .quote-box-wrapper .mumbo_jumbo {
    margin: auto;
    width: 900px; }

.quote-note-box {
  width: 100%; }
  .quote-note-box textarea {
    width: 100%;
    border-radius: 5px;
    padding: 20px;
    margin-top: 20px;
    color: #ececec;
    background: #1a1a1a; }
    .quote-note-box textarea:focus {
      color: #1a1a1a;
      background: #ececec;
      outline: none; }

.nb_box {
  display: none;
  color: #ffc107; }
  .nb_box.visible {
    display: flex; }

.mumbo_jumbo .header {
  background-color: #ffc107;
  background-image: linear-gradient(242deg, rgba(195, 195, 195, 0.02) 0%, rgba(195, 195, 195, 0.02) 16.667%, rgba(91, 91, 91, 0.02) 16.667%, rgba(91, 91, 91, 0.02) 33.334%, rgba(230, 230, 230, 0.02) 33.334%, rgba(230, 230, 230, 0.02) 50.001%, rgba(18, 18, 18, 0.02) 50.001%, rgba(18, 18, 18, 0.02) 66.668%, rgba(163, 163, 163, 0.02) 66.668%, rgba(163, 163, 163, 0.02) 83.335%, rgba(140, 140, 140, 0.02) 83.335%, rgba(140, 140, 140, 0.02) 100.002%), linear-gradient(152deg, rgba(151, 151, 151, 0.02) 0%, rgba(151, 151, 151, 0.02) 16.667%, rgba(11, 11, 11, 0.02) 16.667%, rgba(11, 11, 11, 0.02) 33.334%, rgba(162, 162, 162, 0.02) 33.334%, rgba(162, 162, 162, 0.02) 50.001%, rgba(171, 171, 171, 0.02) 50.001%, rgba(171, 171, 171, 0.02) 66.668%, rgba(119, 119, 119, 0.02) 66.668%, rgba(119, 119, 119, 0.02) 83.335%, rgba(106, 106, 106, 0.02) 83.335%, rgba(106, 106, 106, 0.02) 100.002%), linear-gradient(11deg, rgba(245, 245, 245, 0.01) 0%, rgba(245, 245, 245, 0.01) 16.667%, rgba(23, 23, 23, 0.01) 16.667%, rgba(23, 23, 23, 0.01) 33.334%, rgba(96, 96, 96, 0.01) 33.334%, rgba(96, 96, 96, 0.01) 50.001%, rgba(140, 140, 140, 0.01) 50.001%, rgba(140, 140, 140, 0.01) 66.668%, rgba(120, 120, 120, 0.01) 66.668%, rgba(120, 120, 120, 0.01) 83.335%, rgba(48, 48, 48, 0.01) 83.335%, rgba(48, 48, 48, 0.01) 100.002%), linear-gradient(27deg, rgba(106, 106, 106, 0.03) 0%, rgba(106, 106, 106, 0.03) 14.286%, rgba(203, 203, 203, 0.03) 14.286%, rgba(203, 203, 203, 0.03) 28.572%, rgba(54, 54, 54, 0.03) 28.572%, rgba(54, 54, 54, 0.03) 42.858%, rgba(75, 75, 75, 0.03) 42.858%, rgba(75, 75, 75, 0.03) 57.144%, rgba(216, 216, 216, 0.03) 57.144%, rgba(216, 216, 216, 0.03) 71.43%, rgba(39, 39, 39, 0.03) 71.43%, rgba(39, 39, 39, 0.03) 85.716%, rgba(246, 246, 246, 0.03) 85.716%, rgba(246, 246, 246, 0.03) 100.002%), linear-gradient(317deg, rgba(215, 215, 215, 0.01) 0%, rgba(215, 215, 215, 0.01) 16.667%, rgba(72, 72, 72, 0.01) 16.667%, rgba(72, 72, 72, 0.01) 33.334%, rgba(253, 253, 253, 0.01) 33.334%, rgba(253, 253, 253, 0.01) 50.001%, rgba(4, 4, 4, 0.01) 50.001%, rgba(4, 4, 4, 0.01) 66.668%, rgba(183, 183, 183, 0.01) 66.668%, rgba(183, 183, 183, 0.01) 83.335%, rgba(17, 17, 17, 0.01) 83.335%, rgba(17, 17, 17, 0.01) 100.002%), linear-gradient(128deg, rgba(119, 119, 119, 0.03) 0%, rgba(119, 119, 119, 0.03) 12.5%, rgba(91, 91, 91, 0.03) 12.5%, rgba(91, 91, 91, 0.03) 25%, rgba(45, 45, 45, 0.03) 25%, rgba(45, 45, 45, 0.03) 37.5%, rgba(182, 182, 182, 0.03) 37.5%, rgba(182, 182, 182, 0.03) 50%, rgba(243, 243, 243, 0.03) 50%, rgba(243, 243, 243, 0.03) 62.5%, rgba(162, 162, 162, 0.03) 62.5%, rgba(162, 162, 162, 0.03) 75%, rgba(190, 190, 190, 0.03) 75%, rgba(190, 190, 190, 0.03) 87.5%, rgba(148, 148, 148, 0.03) 87.5%, rgba(148, 148, 148, 0.03) 100%), radial-gradient(circle at 0% 10%, #006754, #063138 70%, #01090a);
  width: calc(100% + 100px);
  margin-top: -50px;
  margin-left: -50px;
  font-weight: 300;
  padding: 30px 50px;
  border-radius: 5px 5px 0 0; }
  .mumbo_jumbo .header h1 {
    color: rgba(255, 255, 255, 0.8);
    font-weight: 300;
    font-size: 40px; }

.repair_quote_form {
  margin-top: 40px; }
  .repair_quote_form .single-row {
    width: 100%;
    display: flex;
    justify-content: flex-end; }
    .repair_quote_form .single-row div:first-child {
      flex-grow: 1; }
    .repair_quote_form .single-row div:last-child {
      margin-left: 30px; }
  .repair_quote_form input[type="text"] {
    margin-bottom: 30px; }
  .repair_quote_form select {
    margin-bottom: 30px; }
  .repair_quote_form textarea {
    padding: 20px;
    width: 100%;
    height: 120px; }
  .repair_quote_form .btn-warning {
    margin-top: 40px;
    height: 50px;
    width: 100%;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.5) !important; }
  .repair_quote_form .sname {
    width: 100px; }

/****  floating-Lable style start ****/
.floating-label, .floating-label2 {
  position: relative; }

.floating-input, .floating-select {
  border-radius: 3px;
  font-size: 18px;
  color: rgba(255, 255, 255, 0.8);
  padding: 4px 4px;
  display: block;
  height: 50px;
  background-color: #1a1a1a;
  border: none;
  padding-left: 20px; }
  .floating-input:focus, .floating-select:focus {
    background: #ececec;
    color: #1a1a1a;
    outline: none;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.5) !important; }

.floating-input2 {
  border-radius: 0px;
  font-size: 18px;
  color: rgba(255, 255, 255, 0.8);
  padding: 4px 4px;
  display: block;
  height: 50px;
  background-color: #1a1a1a;
  border: none;
  padding-left: 20px; }
  .floating-input2:focus {
    background: #ececec;
    color: #1a1a1a;
    outline: none; }

.floating-label-label2 {
  color: #999;
  font-size: 18px;
  font-weight: lighter;
  position: absolute;
  pointer-events: none;
  left: 20px;
  top: 12px;
  transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -webkit-transition: 0.2s ease all; }

.floating-input2:focus ~ label, .floating-input2:not(:placeholder-shown) ~ label {
  top: -20px;
  left: 0px;
  font-size: 15px;
  font-weight: normal; }
  .floating-input2:focus ~ label::after, .floating-input2:not(:placeholder-shown) ~ label::after {
    content: ':'; }

.floating-label-label {
  color: #999;
  font-size: 18px;
  font-weight: lighter;
  position: absolute;
  pointer-events: none;
  left: 20px;
  top: 12px;
  transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -webkit-transition: 0.2s ease all; }

.floating-input:focus ~ label, .floating-input:not(:placeholder-shown) ~ label {
  top: -26px;
  left: 0px;
  font-size: 15px;
  font-weight: normal;
  color: #ffc107; }

.floating-select:focus ~ label, .floating-select:not([value=""]):valid ~ label {
  top: -26px;
  left: 0px;
  font-size: 16px;
  font-weight: normal;
  color: #ffc107; }

.quote_input_number {
  display: flex; }
  .quote_input_number input {
    display: block;
    position: relative;
    width: 80px;
    height: 50px;
    padding-left: 30px;
    font-size: 24px;
    background: #1a1a1a;
    color: #ececec;
    border: none;
    border-radius: 5px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.5) !important; }
    .quote_input_number input:focus {
      background: #ececec;
      color: #1a1a1a;
      outline: none;
      box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.5) !important; }
    .quote_input_number input:focus ~ label {
      color: #1a1a1a; }
  .quote_input_number label {
    color: rgba(255, 255, 255, 0.8);
    font-size: 24px;
    font-weight: lighter;
    position: relative;
    right: 70px;
    bottom: -8px; }
  .quote_input_number .btn {
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.5) !important; }

.regulation-view-point.btn {
  color: #ececec;
  font-weight: 300;
  background-color: #007090; }
  .regulation-view-point.btn:hover {
    background-color: #00485d; }

.fetters-view-point.btn {
  color: #ececec;
  font-weight: 300;
  background-color: #32746D; }
  .fetters-view-point.btn:hover {
    background-color: #23504c; }

.warehouse-view-point.btn {
  color: #ececec;
  font-weight: 300;
  background-color: #F46036; }
  .warehouse-view-point.btn:hover {
    background-color: #ea3e0d; }

.stock-check-preview-input {
  position: relative;
  color: #ffc107; }
  .stock-check-preview-input input {
    padding: 10px 20px 10px 20px;
    width: 100%;
    font-size: 20px;
    font-weight: 100;
    background-color: #1a1a1a;
    color: #ececec;
    border: none;
    box-shadow: inset 0px 0px 5px 1px rgba(0, 0, 0, 0.5);
    border-radius: 5px;
    margin-bottom: 20px; }
    @media screen and (max-width: 750px) {
      .stock-check-preview-input input {
        text-align: center; } }
    .stock-check-preview-input input:focus {
      outline: none;
      border: 1px solid #ececec; }

.date-picker-form {
  position: relative;
  color: #ffc107; }
  .date-picker-form input {
    width: 100%;
    font-size: 24px;
    background-color: #434344;
    text-align: right;
    color: #ececec;
    height: 40px;
    border: none;
    box-shadow: inset 0px 0px 5px 1px rgba(15, 15, 15, 0.21);
    border-radius: 5px;
    margin-bottom: 20px; }
  .date-picker-form label {
    position: absolute;
    font-size: 24px;
    padding: 2px;
    padding-left: 10px; }

.DEAR-link.with-image::before {
  font-family: icofont;
  content: '\ef21';
  margin-right: 5px; }

/***********************************
********* Sentance Form **********
***********************************/
.btn-add {
  color: rgba(255, 255, 255, 0.75); }

.btn:focus {
  border: none;
  box-shadow: none; }

.remove_field_button {
  background: transparent;
  border: none;
  color: rgba(255, 255, 255, 0.75); }

.add_field_button {
  background: transparent;
  border: none;
  color: rgba(255, 255, 255, 0.75); }

.remove_field_button:hover {
  color: #e91b23; }

.add_field_button:hover {
  color: #5cb85c; }

.leading_sentance {
  color: #5cb85c; }

.and_span {
  color: #5cb85c; }

.sentance_form {
  display: inline-block; }

.eta_line {
  display: inline-flex; }

div.preventing_bulk {
  background-color: #af1313;
  border-radius: 3px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  color: #ececec;
  padding: 8px;
  margin-bottom: 0px;
  font-size: 16px;
  text-align: center; }

.day-group {
  padding: 40px;
  border-radius: 5px;
  background: #333;
  margin-bottom: 20px; }
  .day-group .activity-box {
    display: flex;
    padding: 5px;
    padding-left: 20px;
    border-radius: 5px;
    background: #ececec;
    color: #1a1a1a;
    margin-bottom: 10px; }
    .day-group .activity-box .main {
      flex-grow: 1;
      display: block; }
    .day-group .activity-box .history-wrapper {
      margin-right: 10px; }
      .day-group .activity-box .history-wrapper .btn {
        margin: 4px;
        width: 40px;
        height: 40px;
        padding: 3px;
        background: #1a1a1a;
        box-shadow: none; }
        .day-group .activity-box .history-wrapper .btn .icofont {
          color: #ececec; }
    .day-group .activity-box.unallocated {
      display: flex;
      opacity: 0.3; }
      .day-group .activity-box.unallocated.hidden {
        display: none; }
    .day-group .activity-box.shipping {
      display: flex;
      opacity: 0.3; }
      .day-group .activity-box.shipping.hidden {
        display: none; }
    .day-group .activity-box .movement {
      display: flex; }
      .day-group .activity-box .movement .from {
        margin-left: 20px;
        color: #176fdc; }
      .day-group .activity-box .movement .to {
        color: #03476f; }

.price::before {
  margin-right: 3px;
  content: '£'; }

.line_actions {
  display: flex; }
  .line_actions button, .line_actions a {
    display: block;
    border: 1px solid rgba(255, 255, 255, 0.3);
    background: transparent;
    color: white;
    margin: 5px;
    border-radius: 3px; }

.os-badge {
  padding: 5px;
  margin-right: 5px;
  font-size: 16px;
  margin-bottom: 20px; }

.order-fetch-error {
  position: relative;
  width: 100%;
  border-radius: 10px;
  padding: 10px;
  text-align: center;
  font-size: 20px;
  color: rgba(255, 255, 255, 0.8);
  font-weight: lighter;
  background: #cc2449; }
  .order-fetch-error.as-history {
    display: none; }
  .order-fetch-error .highlight-red {
    color: #cc2449; }
  .order-fetch-error .highlight-black {
    color: black;
    font-weight: 600; }

.sale-lines {
  background: #333;
  color: #ececec;
  font-weight: 100;
  font-size: 20px;
  border: 1px solid #ececec;
  border-radius: 5px;
  margin-bottom: 60px;
  margin-left: 20px;
  margin-right: 20px;
  padding: 20px 40px;
  font-size: 16px;
  overflow: auto;
  max-height: 200px;
  color: rgba(255, 255, 255, 0.9); }
  .sale-lines .sale {
    display: flex; }
    .sale-lines .sale:hover {
      background: rgba(255, 255, 255, 0.1); }
    .sale-lines .sale .grow {
      flex-grow: 1; }
    .sale-lines .sale .date {
      color: rgba(255, 255, 255, 0.5);
      display: inline-block;
      width: 140px; }
    .sale-lines .sale .reference {
      display: inline-block;
      width: 100px; }
    .sale-lines .sale .location.not-shipped::before {
      color: #ff1756;
      margin-right: 10px;
      font-family: icofont, poppins;
      content: '\f026 Not Processed'; }

.product-result {
  background: #333;
  color: #ececec;
  font-weight: 100;
  font-size: 20px;
  border: 1px solid #ececec;
  border-radius: 5px;
  margin-bottom: 20px;
  margin-left: 20px;
  margin-right: 20px;
  display: flex; }
  .product-result a {
    white-space: nowrap;
    text-decoration: none;
    color: grey; }
    .product-result a:hover {
      color: #ececec; }
  .product-result .DEAR-link {
    margin-right: 10px; }
  .product-result .contextual .contextual-stock-check {
    margin: 20px; }
    .product-result .contextual .contextual-stock-check button {
      background: #27a745;
      border: none;
      border-radius: 5px;
      color: #ececec;
      font-size: 16px;
      font-weight: 100;
      white-space: nowrap; }
  @media screen and (max-width: 750px) {
    .product-result {
      margin-left: 0px;
      margin-right: 0px;
      border-radius: 0px;
      flex-wrap: wrap;
      border-left: none;
      border-right: none;
      font-size: 16px; } }
  .product-result .deets {
    background: #333;
    flex-grow: 1;
    padding-left: 20px;
    border-radius: 5px 0 0 5px;
    display: flex;
    align-items: center; }
    .product-result .deets text {
      margin: auto; }
    @media screen and (max-width: 750px) {
      .product-result .deets {
        padding: 0px;
        padding-right: 10px;
        justify-content: center; } }
  .product-result .locator-change {
    text-align: center;
    background: transparent;
    border: 1px solid #afafaf;
    padding: 0px 10px;
    width: 120px;
    font-size: 16px;
    font-weight: 110;
    border-radius: 3px; }
    .product-result .locator-change:focus {
      outline: none;
      background: #1a1a1a;
      color: #ececec; }
    .product-result .locator-change:hover {
      border: 1px solid black; }
  .product-result .stock-info {
    min-height: 50px;
    font-size: 16px;
    background: #ececec;
    padding: 10px 20px 10px 20px;
    color: #1a1a1a;
    min-width: 350px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center; }
    .product-result .stock-info table tr td {
      position: relative;
      white-space: nowrap;
      padding: 3px 10px 3px 10px; }
      .product-result .stock-info table tr td:first-child {
        text-align: right; }
      .product-result .stock-info table tr td:last-child {
        color: #27a745;
        text-align: center; }
      .product-result .stock-info table tr td.reserved {
        color: #e45008; }
      .product-result .stock-info table tr td.grey {
        color: #1a1a1a;
        opacity: 0.4; }
      .product-result .stock-info table tr td .on-order {
        position: absolute;
        font-size: 12px;
        color: #2b92ff;
        top: 0px;
        right: -3px; }
    @media screen and (max-width: 800px) {
      .product-result .stock-info {
        flex-grow: 1;
        justify-content: center; } }
.full-order-display {
  border: 1px solid #ececec;
  border-radius: 5px;
  margin-bottom: 20px;
  margin-left: 20px;
  margin-right: 20px; }
  .full-order-display.canceled {
    opacity: 0.5; }
    .full-order-display.canceled .info-box {
      background: #af2020; }
  .full-order-display.archive {
    border-color: #b1b1b1;
    color: #b7b7b7; }
    .full-order-display.archive .header {
      background: #b1b1b1;
      color: #1a1a1a; }
    .full-order-display.archive .info-box {
      background: #3c3c3c; }
  @media screen and (max-width: 750px) {
    .full-order-display {
      margin-left: 0px;
      margin-right: 0px;
      border-radius: 0px; } }
  .full-order-display.closed-order {
    opacity: 0.3; }
  .full-order-display .header {
    background: #ececec;
    color: #1a1a1a;
    padding: 20px;
    display: flex;
    flex-wrap: wrap-reverse; }
    .full-order-display .header h1, .full-order-display .header h2, .full-order-display .header h3, .full-order-display .header h4 {
      color: #1a1a1a; }
    .full-order-display .header .left {
      flex-grow: 1; }
    .full-order-display .header .right {
      position: relative;
      align-items: center;
      display: flex; }
      .full-order-display .header .right .lw_order_ref {
        position: absolute;
        top: 0px;
        right: 0px;
        font-size: 12px;
        opacity: 0.4; }
      @media screen and (max-width: 750px) {
        .full-order-display .header .right {
          display: flex; } }
    .full-order-display .header .order_action {
      background: #1a1a1a;
      color: #ececec; }
      @media screen and (max-width: 750px) {
        .full-order-display .header .order_action {
          display: none; } }
  .full-order-display .info-box {
    background: #333333;
    display: flex;
    justify-content: center;
    padding: 5px;
    font-size: 16px;
    font-weight: 100; }
    .full-order-display .info-box.lw {
      background: #ea7658; }
  .full-order-display .lines {
    padding: 20px 40px; }
    .full-order-display .lines .lw_line.canceled {
      text-decoration: line-through;
      opacity: 0.5; }
    .full-order-display .lines .lines-line .main-info {
      display: flex;
      align-items: center; }
      .full-order-display .lines .lines-line .main-info.shipped {
        color: #43acea; }
        .full-order-display .lines .lines-line .main-info.shipped::before {
          font-family: icofont;
          content: '\efdf';
          font-size: 20px;
          margin-right: 10px;
          line-height: 20px; }
    .full-order-display .lines .lines-line .info {
      font-size: 12px;
      margin-left: 40px; }
    .full-order-display .lines .lines-line .left {
      flex-grow: 1; }
    .full-order-display .lines .line-summary {
      margin-top: 20px;
      display: flex;
      justify-content: center; }

.supplier-selector {
  display: flex;
  padding: 20px;
  max-width: 1200px;
  margin: auto;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 20px;
  margin-bottom: 20px;
  background: #010b1352;
  box-shadow: 0 0 8px 2px #0a0a0ae3; }
  .supplier-selector select {
    background: #ececec;
    height: 38px;
    flex-grow: 1;
    margin-right: 20px; }
  .supplier-selector input[type="checkbox"] {
    margin: auto;
    margin-right: 10px; }
  .supplier-selector label {
    margin: auto;
    position: relative;
    bottom: -2px;
    margin-right: 20px; }

.supplier-reorder-info {
  margin-left: 100px;
  margin-right: 100px;
  background: #005780;
  padding: 5px 20px 5px 20px;
  border-radius: 5px;
  margin-bottom: 10px;
  display: flex; }
  .supplier-reorder-info :first-child {
    flex-grow: 1; }
  .supplier-reorder-info:hover {
    background: #0083c1;
    cursor: pointer; }

.testing_jumbo {
  background: transparent;
  text-align: center;
  box-shadow: none; }
  .testing_jumbo input, .testing_jumbo button {
    padding: 5px 20px;
    font-size: 20px;
    border-radius: 5px;
    border: none; }
  .testing_jumbo input {
    width: 400px; }
  .testing_jumbo button {
    background: #04b4d0;
    color: rgba(255, 255, 255, 0.7);
    margin-left: 20px; }

.r_wrapper {
  border-radius: 10px;
  padding: 40px;
  margin: 20px; }
  .r_wrapper.good {
    border: 1px solid rgba(255, 255, 255, 0.3); }
    .r_wrapper.good .response {
      padding: 40px;
      white-space: pre-line; }
    .r_wrapper.good .found_product {
      color: #43d84f;
      font-size: 20px;
      font-weight: 100; }
      .r_wrapper.good .found_product::before {
        font-family: icofont;
        content: '\eed7';
        margin-right: 20px; }
      .r_wrapper.good .found_product::after {
        margin-left: 20px;
        content: 'Product Found!';
        color: rgba(255, 255, 255, 0.3); }

#preview_po_wrapper {
  background: #19191d;
  padding: 40px;
  border-radius: 20px;
  max-width: 1200px;
  margin: auto;
  box-shadow: 0 0 10px 2px #0000008c;
  border: 1px solid rgba(255, 255, 255, 0.3); }

.product_name_small {
  font-size: 12px; }

.product_row {
  position: relative; }
  .product_row:hover {
    background: rgba(0, 0, 0, 0.2); }
  .product_row td {
    position: relative; }
    .product_row td.product_name.on_sale .name::before {
      font-family: icofont;
      content: '\efdd';
      display: inline-block;
      color: #ff2660;
      margin-right: 10px; }
    .product_row td.product_name .name {
      font-size: 14px; }
    .product_row td.product_name .deets {
      font-size: 10px; }
      .product_row td.product_name .deets a {
        color: rgba(255, 255, 255, 0.7); }
        .product_row td.product_name .deets a:hover {
          color: white; }
      .product_row td.product_name .deets .sale_info {
        color: #ff1657; }
        .product_row td.product_name .deets .sale_info .reasons {
          color: #5c8cd4; }
        .product_row td.product_name .deets .sale_info .sold {
          color: #cebb16; }
          .product_row td.product_name .deets .sale_info .sold.no_sales {
            color: #ff1657; }
    .product_row td.product_name span::before {
      font-family: icofont;
      margin: 0px 2px 0px 4px;
      color: rgba(255, 255, 255, 0.7); }
    .product_row td.product_name .Cutting::before {
      content: '\edeb'; }
    .product_row td.product_name .Manufacture::before {
      content: '\e9b9'; }
    .product_row td .timings {
      position: absolute;
      left: -85px;
      bottom: 7px;
      margin: auto;
      background: #bfbfbf;
      padding: 2px 10px;
      border-radius: 4px;
      text-align: center;
      color: #1a1a1a;
      font-size: 12px; }
      .product_row td .timings span::before {
        font-family: icofont;
        margin: 0px 2px 0px 4px; }
      .product_row td .timings .Cutting::before {
        content: '\edeb'; }
      .product_row td .timings .Manufacture::before {
        content: '\e9b9'; }

.reorder-table, .over-stock-table, .stocked-table, .mbr-table {
  margin: 20px;
  width: calc(100% - 40px); }
  .reorder-table .nb, .over-stock-table .nb, .stocked-table .nb, .mbr-table .nb {
    background: rgba(0, 0, 0, 0.2);
    width: 140px;
    text-align: center; }
    .reorder-table .nb .available, .over-stock-table .nb .available, .stocked-table .nb .available, .mbr-table .nb .available {
      width: 40px;
      color: #f577ab;
      margin-right: 5px;
      display: flex;
      align-items: center;
      justify-content: center; }
    .reorder-table .nb .number-wrapper, .over-stock-table .nb .number-wrapper, .stocked-table .nb .number-wrapper, .mbr-table .nb .number-wrapper {
      display: flex;
      justify-content: center; }
      .reorder-table .nb .number-wrapper .reorder-input, .over-stock-table .nb .number-wrapper .reorder-input, .stocked-table .nb .number-wrapper .reorder-input, .mbr-table .nb .number-wrapper .reorder-input {
        box-shadow: inset 0px 0px 3px 1px black;
        transition: all 0.15s ease;
        text-align: center;
        width: 40px;
        border: 1px solid rgba(255, 255, 255, 0.3);
        background: #2b2b2b;
        border-radius: 3px;
        color: #ececec;
        box-shadow: inset 0px 0px 3px 1px black; }
        .reorder-table .nb .number-wrapper .reorder-input:hover, .over-stock-table .nb .number-wrapper .reorder-input:hover, .stocked-table .nb .number-wrapper .reorder-input:hover, .mbr-table .nb .number-wrapper .reorder-input:hover {
          border: 1px solid rgba(255, 255, 255, 0.8); }
        .reorder-table .nb .number-wrapper .reorder-input:focus, .over-stock-table .nb .number-wrapper .reorder-input:focus, .stocked-table .nb .number-wrapper .reorder-input:focus, .mbr-table .nb .number-wrapper .reorder-input:focus {
          border: 1px solid rgba(255, 255, 255, 0.8); }
        .reorder-table .nb .number-wrapper .reorder-input.nf, .over-stock-table .nb .number-wrapper .reorder-input.nf, .stocked-table .nb .number-wrapper .reorder-input.nf, .mbr-table .nb .number-wrapper .reorder-input.nf {
          color: grey; }
  .reorder-table .i, .over-stock-table .i, .stocked-table .i, .mbr-table .i {
    text-align: center;
    width: 60px; }
    .reorder-table .i.g, .over-stock-table .i.g, .stocked-table .i.g, .mbr-table .i.g {
      background: #28a745; }
    .reorder-table .i .reorder-input, .over-stock-table .i .reorder-input, .stocked-table .i .reorder-input, .mbr-table .i .reorder-input {
      text-align: center;
      width: 40px;
      border: none;
      border-radius: 3px;
      color: #ececec;
      box-shadow: inset 0px 0px 3px 1px black; }
      .reorder-table .i .reorder-input.nf, .over-stock-table .i .reorder-input.nf, .stocked-table .i .reorder-input.nf, .mbr-table .i .reorder-input.nf {
        color: grey; }
      .reorder-table .i .reorder-input.green, .over-stock-table .i .reorder-input.green, .stocked-table .i .reorder-input.green, .mbr-table .i .reorder-input.green {
        border: 1px solid rgba(143, 232, 143, 0.42);
        background: #2b2b2b;
        color: #8fe88f; }
        .reorder-table .i .reorder-input.green:hover, .over-stock-table .i .reorder-input.green:hover, .stocked-table .i .reorder-input.green:hover, .mbr-table .i .reorder-input.green:hover {
          border: 1px solid rgba(143, 232, 143, 0.8); }
        .reorder-table .i .reorder-input.green:focus, .over-stock-table .i .reorder-input.green:focus, .stocked-table .i .reorder-input.green:focus, .mbr-table .i .reorder-input.green:focus {
          border: 1px solid rgba(143, 232, 143, 0.8); }
      .reorder-table .i .reorder-input.batch, .over-stock-table .i .reorder-input.batch, .stocked-table .i .reorder-input.batch, .mbr-table .i .reorder-input.batch {
        background: #2b2b2b;
        color: #8fbfe8;
        border: 1px solid #6f8392;
        width: 60px; }
        .reorder-table .i .reorder-input.batch:hover, .over-stock-table .i .reorder-input.batch:hover, .stocked-table .i .reorder-input.batch:hover, .mbr-table .i .reorder-input.batch:hover {
          border: 1px solid #8bb2d0; }
        .reorder-table .i .reorder-input.batch:focus, .over-stock-table .i .reorder-input.batch:focus, .stocked-table .i .reorder-input.batch:focus, .mbr-table .i .reorder-input.batch:focus {
          border: 1px solid #8bb2d0; }

.value-label {
  padding: 7px 20px 8px 20px;
  background: #1a1a1a;
  border-radius: 5px;
  margin: 0px; }

.info-row {
  text-align: center;
  padding: 5px;
  margin-bottom: 20px;
  border-radius: 5px; }
  .info-row.grey {
    background: #4c4c4c;
    color: #ececec; }
  .info-row.green {
    background: #28a745;
    color: #ececec; }
  .info-row.yellow {
    background: #ffc107;
    color: #1a1a1a; }
  .info-row.red {
    background: #9c3551;
    color: rgba(255, 255, 255, 0.7); }

.break {
  background: #ececec;
  opacity: 0.2;
  width: calc(100% + 40px);
  height: 1px;
  margin-left: -20px;
  margin-top: 40px;
  margin-bottom: 40px; }

.message {
  position: fixed;
  text-align: center;
  padding: 5px 50px 5px 50px;
  border-radius: 5px;
  background: #28a745;
  left: 50%;
  transform: translate(-50%, 0);
  z-index: 2000; }

.create-po-box {
  display: flex;
  justify-content: center;
  background-color: #19343c;
  padding: 20px 50px;
  margin-bottom: 20px;
  border-radius: 5px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }

.loading-spinner {
  animation-play-state: running;
  opacity: 1;
  position: relative;
  display: none; }

@keyframes spinner {
  0% {
    transform: translate3d(-50%, -50%, 0) rotate(0deg); }
  100% {
    transform: translate3d(-50%, -50%, 0) rotate(360deg); } }
  .loading-spinner.-paused {
    animation-play-state: paused;
    opacity: 0.2;
    transition: opacity linear 0.1s; }
  .loading-spinner::before {
    animation: 1.5s linear infinite spinner;
    animation-play-state: inherit;
    border: solid 3px #dedede;
    border-bottom-color: #EF6565;
    border-radius: 50%;
    content: "";
    height: 40px;
    left: 50%;
    opacity: inherit;
    position: absolute;
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
    width: 40px;
    will-change: transform; }

.inline-select {
  height: 38px;
  position: relative;
  top: 1px; }

.plus-span {
  font-size: 13px;
  position: absolute;
  top: -2px;
  right: 80px;
  color: #40c0e4; }

.supplier-product-select {
  display: none; }

.supplier-location-select {
  display: none; }

.spinner {
  pointer-events: none;
  position: fixed;
  left: 45%;
  top: 200px;
  height: 160px;
  width: 160px;
  margin: 0px auto;
  -webkit-animation: rotation .6s infinite linear;
  -moz-animation: rotation .6s infinite linear;
  -o-animation: rotation .6s infinite linear;
  animation: rotation .6s infinite linear;
  border-left: 6px solid rgba(0, 174, 239, 0.15);
  border-right: 6px solid rgba(0, 174, 239, 0.15);
  border-bottom: 6px solid rgba(0, 174, 239, 0.15);
  border-top: 6px solid rgba(255, 255, 255, 0.8);
  border-radius: 100%; }

#react_spinner {
  position: fixed;
  top: -120px;
  left: -120px;
  right: -120px;
  bottom: -120px;
  background: rgba(0, 0, 0, 0.7);
  z-index: 1000; }

.spinner_2 {
  pointer-events: none;
  position: fixed;
  left: calc(50% - 80px);
  top: 200px;
  height: 160px;
  width: 160px;
  margin: 0px auto;
  -webkit-animation: rotation .6s infinite linear;
  -moz-animation: rotation .6s infinite linear;
  -o-animation: rotation .6s infinite linear;
  animation: rotation .6s infinite linear;
  border-left: 10px solid #102b39;
  border-right: 10px solid #0f2b38;
  border-bottom: 10px solid #102b39;
  border-top: 10px solid #ff6326;
  border-radius: 100%;
  opacity: 0.8;
  z-index: 1000000; }
  @media screen and (max-width: 750px) {
    .spinner_2 {
      top: 100px; } }
@-webkit-keyframes rotation {
  from {
    -webkit-transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(359deg); } }

@-moz-keyframes rotation {
  from {
    -moz-transform: rotate(0deg); }
  to {
    -moz-transform: rotate(359deg); } }

@-o-keyframes rotation {
  from {
    -o-transform: rotate(0deg); }
  to {
    -o-transform: rotate(359deg); } }

@keyframes rotation {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(359deg); } }

.disabled {
  pointer-events: none;
  opacity: 0.3; }

.po-history-header {
  width: 100%;
  text-align: center;
  margin: 40px;
  color: #ececec;
  font-size: 20px;
  font-weight: 100; }

.po_history_display {
  display: flex;
  padding: 5px 20px 5px 40px;
  background: #333;
  margin: 20px;
  border-radius: 5px;
  position: relative; }
  .po_history_display .icon {
    margin-right: 20px;
    font-size: 30px; }
    .po_history_display .icon .error {
      color: #cc2449; }
    .po_history_display .icon .correct {
      color: #27a745; }
  .po_history_display .po-info {
    flex-grow: 1;
    font-size: 20px;
    color: #ffc107;
    font-weight: 100; }
  .po_history_display .ordered-info {
    font-weight: 100;
    width: 130px; }
  .po_history_display .bdg {
    position: absolute;
    top: -6px;
    right: -5px; }
    .po_history_display .bdg .badge {
      font-size: 16px; }
  .po_history_display .view {
    margin-left: 20px; }
  .po_history_display .activity_date {
    position: absolute;
    background: #1a1a1a;
    border-radius: 5px;
    padding: 1px 10px 1px 10px;
    top: -13px;
    left: -6px;
    opacity: 0.9;
    font-size: 14px;
    font-weight: 100;
    color: grey;
    border: 1px solid #333; }

.po_search {
  border-radius: 5px;
  border: none;
  margin-right: 20px;
  padding-left: 10px;
  width: 30%;
  background: #ececec; }

.print_toggle {
  height: 49px;
  padding: 0px 20px;
  color: #ececec;
  border: none;
  border-radius: 5px;
  background: #27a745; }
  .print_toggle.off {
    background: #3c3c3c; }
  .print_toggle:focus {
    outline: none !important; }

.lock_icon {
  display: none;
  width: 138px;
  font-size: 40px;
  text-align: right;
  padding-right: 20px;
  opacity: 0.8; }

.locked .small_number_input {
  pointer-events: none;
  background: #333;
  color: #ececec; }

.locked .ajax_save {
  pointer-events: none;
  opacity: 0.1;
  display: none; }

.locked .lock_icon {
  display: block; }

.check_summary_location_message {
  text-align: center;
  margin: 20px;
  color: #00adff; }
  .check_summary_location_message div {
    color: rgba(255, 255, 255, 0.7); }

.check_summary_line {
  background: #333;
  max-width: 1100px;
  margin: 10px auto;
  display: flex;
  border-radius: 5px;
  padding: 0px 1px 0px 20px;
  height: 36px; }
  .check_summary_line .check_message .location_wrong {
    color: #ff0a2b;
    margin-right: 10px; }
  .check_summary_line.over_counted .check_message, .check_summary_line.uncounted .check_message {
    color: #ff186d; }
    .check_summary_line.over_counted .check_message::before, .check_summary_line.uncounted .check_message::before {
      font-family: icofont;
      content: '\f026';
      margin-right: 10px; }
  .check_summary_line.under_counted .check_message {
    color: #ffa75b; }
  .check_summary_line.exact_match .check_message {
    color: #2ae62a; }
    .check_summary_line.exact_match .check_message::before {
      font-family: icofont;
      content: '\eed8';
      margin-right: 10px; }
  .check_summary_line.none_expected .check_message {
    color: #2a98e6; }
    .check_summary_line.none_expected .check_message::before {
      font-family: icofont;
      content: '\eed8';
      margin-right: 10px; }
  .check_summary_line .check_message {
    display: flex;
    align-items: center; }
    .check_summary_line .check_message span {
      margin-left: 20px;
      font-weight: 600; }
  .check_summary_line .bin button {
    border: none;
    background: transparent;
    padding: 0px;
    margin: 0px;
    margin-right: 20px;
    color: #ececec; }
  @media screen and (max-width: 750px) {
    .check_summary_line .bin {
      position: absolute;
      left: 5px; } }
  .check_summary_line .stock-locator input {
    margin-left: 10px;
    background: rgba(37, 37, 37, 0.46);
    border-radius: 5px;
    border: none;
    color: #ececec;
    text-align: center;
    width: 110px; }
    .check_summary_line .stock-locator input:focus {
      outline: none;
      background: #ececec;
      color: black; }
    @media screen and (max-width: 750px) {
      .check_summary_line .stock-locator input {
        margin-left: 0px;
        flex-grow: 1; } }
  .check_summary_line .top-line {
    display: flex;
    flex-wrap: nowrap;
    flex-grow: 1;
    max-width: calc(100% - 20px);
    color: #539ede; }
  .check_summary_line .bottom-line {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    max-width: calc(100% - 20px); }
    @media screen and (max-width: 750px) {
      .check_summary_line .bottom-line {
        flex-grow: 1; } }
  .check_summary_line .counted {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    width: 50px; }
  .check_summary_line .sku {
    white-space: nowrap;
    margin-right: 20px;
    color: rgba(255, 255, 255, 0.7); }
  .check_summary_line .name {
    white-space: nowrap;
    flex-grow: 1;
    overflow: hidden;
    text-overflow: ellipsis; }
  .check_summary_line .numbers {
    display: flex;
    width: 100px;
    justify-content: center;
    white-space: nowrap; }
    .check_summary_line .numbers .counted {
      position: relative;
      width: 40px;
      text-align: center; }
    .check_summary_line .numbers .of {
      width: 10px;
      font-size: 12px;
      color: #7d7d7d;
      line-height: 22px; }
    .check_summary_line .numbers .expected {
      width: 40px;
      text-align: center; }
    .check_summary_line .numbers .discrepancy {
      font-size: 10px;
      position: relative;
      left: -7px; }
  .check_summary_line .awaiting-shipment {
    white-space: nowrap;
    width: 40px;
    text-align: center;
    color: #ffc107; }
  .check_summary_line .increment-buttons {
    display: flex; }
  @media screen and (max-width: 750px) {
    .check_summary_line {
      border-radius: 0px;
      margin: 10px 0px 10px 0px;
      flex-wrap: wrap;
      height: 72px; } }
.check_line {
  background: #333;
  display: flex;
  border-radius: 5px;
  padding: 0px 1px 0px 20px;
  height: 36px;
  margin: 0px 20px 10px 20px; }
  .check_line.correct {
    background: #27a745; }
  .check_line.adjusted {
    background: #27a745; }
  .check_line.under_stock {
    background: #563333; }
  .check_line.over_stock {
    background: #840101; }
  .check_line.no-stock {
    background: #333;
    opacity: 0.2; }
  @media screen and (max-width: 750px) {
    .check_line {
      flex-direction: column;
      padding: 2px 10px;
      position: relative; }
      .check_line .top-line {
        width: 100%;
        max-width: 100% !important; }
      .check_line .bottom-line {
        width: 100%;
        justify-content: space-between;
        max-width: 100% !important; }
      .check_line .auto {
        margin: 0px; } }
  .check_line .bin button {
    border: none;
    background: transparent;
    padding: 0px;
    margin: 0px;
    margin-right: 20px;
    color: #ececec; }
  @media screen and (max-width: 750px) {
    .check_line .bin {
      position: absolute;
      right: 80px;
      top: 33px;
      font-size: 24px; }
      .check_line .bin button {
        color: rgba(255, 255, 255, 0.5); } }
  .check_line .stock-locator input {
    margin-left: 10px;
    background: rgba(37, 37, 37, 0.46);
    border-radius: 5px;
    border: none;
    color: #ececec;
    text-align: center;
    width: 110px; }
    .check_line .stock-locator input:focus {
      outline: none;
      background: #ececec;
      color: black; }
    @media screen and (max-width: 750px) {
      .check_line .stock-locator input {
        margin-left: 0px;
        flex-grow: 1; } }
  .check_line .top-line {
    display: flex;
    flex-wrap: nowrap;
    flex-grow: 1;
    max-width: calc(100% - 20px); }
  .check_line .bottom-line {
    display: flex;
    flex-wrap: nowrap;
    max-width: calc(100% - 20px);
    align-items: center; }
    @media screen and (max-width: 750px) {
      .check_line .bottom-line {
        flex-grow: 1; } }
    .check_line .bottom-line .stock-locator form {
      margin: 0px !important; }
  .check_line .sku {
    white-space: nowrap;
    margin-right: 20px;
    color: rgba(255, 255, 255, 0.7); }
  .check_line .name {
    white-space: nowrap;
    flex-grow: 1;
    overflow: hidden;
    text-overflow: ellipsis; }
  .check_line .numbers {
    display: flex;
    width: 100px;
    justify-content: center;
    white-space: nowrap; }
    .check_line .numbers .counted {
      position: relative;
      width: 40px;
      text-align: center; }
    .check_line .numbers .of {
      width: 10px;
      font-size: 12px;
      color: #7d7d7d;
      line-height: 22px; }
    .check_line .numbers .expected {
      width: 40px;
      text-align: center; }
    .check_line .numbers .discrepancy {
      font-size: 10px;
      position: relative;
      left: -7px; }
  .check_line .awaiting-shipment {
    white-space: nowrap;
    width: 40px;
    text-align: center;
    color: #ffc107; }
    .check_line .awaiting-shipment:empty {
      display: none; }
  .check_line .increment-buttons {
    display: flex; }
  .check_line.potentialy-correct {
    background: #ffc107;
    color: black; }
    .check_line.potentialy-correct input {
      color: black; }
    .check_line.potentialy-correct .awaiting-shipment {
      color: #ab0000; }
    .check_line.potentialy-correct .counted input {
      color: black; }
  @media screen and (max-width: 750px) {
    .check_line {
      border-radius: 0px;
      margin: 10px 0px 10px 0px;
      flex-wrap: wrap;
      height: 72px; } }
.spot_check_line {
  background: #333;
  display: flex;
  border-radius: 5px;
  padding: 0px 1px 0px 20px;
  margin: 0px 20px 10px 20px; }
  .spot_check_line.correct {
    background: #27a745; }
  .spot_check_line.under_stock {
    background: #563333; }
  .spot_check_line.over_stock {
    background: #840101; }
  .spot_check_line.no-stock {
    background: #333;
    opacity: 0.2; }
  @media screen and (max-width: 750px) {
    .spot_check_line {
      border-radius: 0px;
      margin: 10px 0px 10px 0px;
      height: 72px; } }
  .spot_check_line .product_details {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: center; }
    @media screen and (max-width: 750px) {
      .spot_check_line .product_details .name {
        font-size: 14px; } }
    .spot_check_line .product_details .additional {
      font-size: 12px;
      color: rgba(255, 255, 255, 0.6); }
  .spot_check_line .count_details {
    display: flex; }
    .spot_check_line .count_details div {
      display: flex;
      align-items: center;
      justify-content: center;
      align-items: center; }
  .spot_check_line .increment_buttons {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative; }
    .spot_check_line .increment_buttons::before {
      z-index: 100;
      content: attr(data-count);
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      width: 40px;
      height: 40px;
      border-radius: 25px;
      background: rgba(255, 255, 255, 0.7);
      color: rgba(0, 0, 0, 0.6);
      font-size: 24px;
      font-weight: 400;
      display: flex;
      justify-content: center;
      align-items: center;
      pointer-events: none;
      border: 1px solid rgba(0, 0, 0, 0.3); }
    .spot_check_line .increment_buttons .increment_stock_check {
      font-size: 20px;
      color: rgba(0, 0, 0, 0.4);
      border: none;
      border: 1px solid rgba(0, 0, 0, 0.3); }
      @media screen and (max-width: 750px) {
        .spot_check_line .increment_buttons .increment_stock_check {
          height: 72px;
          width: 72px; } }
      .spot_check_line .increment_buttons .increment_stock_check:focus {
        background: white;
        border: 1px solid rgba(0, 0, 0, 0.3); }
      .spot_check_line .increment_buttons .increment_stock_check:hover {
        opacity: 1;
        background: white; }
      .spot_check_line .increment_buttons .increment_stock_check.remove_count {
        background: rgba(255, 255, 255, 0.6);
        border-right: none; }
      .spot_check_line .increment_buttons .increment_stock_check.add_count {
        background: rgba(255, 255, 255, 0.8);
        border-right: none;
        margin-right: -1px; }
  .spot_check_line .numbers {
    display: flex;
    width: 100px;
    justify-content: center;
    white-space: nowrap; }
    .spot_check_line .numbers .counted {
      position: relative;
      width: 40px;
      text-align: center; }
    .spot_check_line .numbers .of {
      width: 10px;
      font-size: 12px;
      color: #7d7d7d;
      line-height: 22px; }
    .spot_check_line .numbers .expected {
      width: 40px;
      text-align: center; }
  .spot_check_line .awaiting-shipment {
    white-space: nowrap;
    width: 40px;
    text-align: center;
    color: #ffc107; }

.check-section {
  position: relative; }

.check-section-header {
  z-index: 200;
  width: calc(100% + 80px);
  margin-left: -40px;
  text-align: center;
  padding: 10px;
  background: #840101;
  margin-bottom: 20px;
  margin-top: 20px;
  position: sticky;
  top: 60px; }
  @media screen and (max-width: 750px) {
    .check-section-header {
      width: 100%;
      margin-left: 0px; } }
.stock-check-info {
  color: rgba(255, 255, 255, 0.7); }

.increment_stock_check {
  font-size: 35px;
  line-height: 35px;
  color: #ececec;
  margin-top: 0px; }
  .increment_stock_check.plus {
    margin-left: -2px; }
  .increment_stock_check.count_all {
    font-size: 16px;
    display: flex;
    align-items: center; }
    .increment_stock_check.count_all::after {
      font-family: icofont, poppins;
      content: "(+" attr(data-remaining) ")";
      font-size: 12px;
      margin-left: 10px; }
  .increment_stock_check:hover {
    opacity: 0.6; }
  .increment_stock_check:focus {
    outline: none !important;
    box-shadow: none; }

.mobile-scan-activator {
  width: 100%;
  text-align: center;
  border-radius: 5px;
  background: #1a1a1a;
  padding: 10px; }
  .mobile-scan-activator .active {
    display: none; }
  .mobile-scan-activator.enabled {
    box-shadow: 0px 2px 11px 1px #00a1ff; }
    .mobile-scan-activator.enabled .active {
      display: block; }
    .mobile-scan-activator.enabled .inactive {
      display: none; }

.hide-history {
  display: none;
  transition: all 0.5s ease;
  z-index: 6000;
  font-size: 20px;
  text-align: center;
  background: #ececec;
  color: #1a1a1a;
  width: 100%;
  position: fixed;
  bottom: 0px;
  margin-left: -40px; }
  @media screen and (max-width: 750px) {
    .hide-history {
      margin-left: 0px; } }
  .hide-history .show {
    display: none; }
  .hide-history.minimised .hide {
    display: none; }
  .hide-history.minimised .show {
    display: block; }

.history-viewer {
  display: none;
  z-index: 5000;
  font-size: 14px;
  position: fixed;
  top: 20px;
  right: 20px;
  min-width: 100px;
  transition: all 0.5s ease;
  background: black;
  opacity: 0.9;
  padding: 20px;
  border-radius: 20px; }
  .history-viewer.left {
    right: auto;
    left: 20px; }
  .history-viewer.minimised {
    top: 2000px; }
  @media screen and (max-width: 750px) {
    .history-viewer {
      width: 100%;
      right: auto;
      left: auto;
      margin: 0px;
      border-radius: 0px; }
      .history-viewer.left {
        left: auto;
        bottom: 22px;
        top: auto; }
      .history-viewer.minimised {
        bottom: 1000px; } }
  .history-viewer .history_line {
    padding: 0px 10px 0px 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: flex; }
    .history-viewer .history_line:first-child {
      padding: 5px 10px 5px 10px;
      margin-bottom: 5px;
      border-radius: 3px;
      border: 1px solid #ececec; }
    .history-viewer .history_line.line-message {
      width: 100%;
      color: #ffc107;
      justify-content: center; }
    .history-viewer .history_line .name {
      flex-grow: 1;
      text-overflow: ellipsis; }
    .history-viewer .history_line .added {
      white-space: nowrap;
      color: #ffc107;
      margin-right: 20px; }
    .history-viewer .history_line .counted {
      white-space: nowrap;
      margin-left: 20px; }
  .history-viewer .history-message {
    width: 100%;
    text-align: center;
    height: initial; }
    .history-viewer .history-message.success {
      color: #27a745; }
    .history-viewer .history-message.error {
      color: #de0b0b; }
    .history-viewer .history-message.pending {
      color: rgba(255, 255, 255, 0.7); }

.stock-check-scan-boxes {
  width: 100%;
  display: flex;
  margin-bottom: 20px;
  margin-top: 20px;
  position: relative; }
  .stock-check-scan-boxes .print_checkbox {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-top: 20px; }
    .stock-check-scan-boxes .print_checkbox input {
      width: unset;
      margin-right: 10px;
      height: 20px;
      width: 20px; }
  .stock-check-scan-boxes.wait {
    position: relative; }
    .stock-check-scan-boxes.wait::after {
      content: 'Submitting...';
      position: absolute;
      width: 100%;
      text-align: center;
      line-height: 44px;
      color: #6d4da0;
      font-size: 20px; }
    .stock-check-scan-boxes.wait input {
      text-shadow: 0 0 0 #1a1a1a !important;
      box-shadow: 0px 2px 11px 1px #824eac !important;
      border-color: #824eac !important; }
  .stock-check-scan-boxes.error::after {
    content: 'Item Not Found - Try Again';
    position: absolute;
    width: 100%;
    text-align: center;
    line-height: 44px;
    color: #ff005f;
    font-size: 16px;
    pointer-events: none; }
  .stock-check-scan-boxes.error.item_not_present::after {
    content: attr(data-item_not_found) " Is not on this transfer."; }
  .stock-check-scan-boxes.error input {
    border: 2px solid #ff005f; }
    .stock-check-scan-boxes.error input::placeholder {
      /* Chrome, Firefox, Opera, Safari 10.1+ */
      color: transparent; }
    .stock-check-scan-boxes.error input:focus {
      box-shadow: 0px 2px 11px 1px #ff005f; }
  .stock-check-scan-boxes div:first-child {
    flex-grow: 1; }
  .stock-check-scan-boxes div input {
    transition: border box-shadow background 0.3s ease;
    background: #1a1a1a;
    width: 100%;
    padding: 10px 20px;
    text-align: center;
    border-radius: 5px;
    border: none;
    color: transparent;
    border: 2px solid #1f3041;
    box-shadow: 0px 0px 0px 0px transparent; }
    .stock-check-scan-boxes div input::placeholder {
      /* Chrome, Firefox, Opera, Safari 10.1+ */
      color: #b5dcff;
      opacity: 0.9;
      /* Firefox */ }
    .stock-check-scan-boxes div input:not(:placeholder-shown) {
      text-shadow: 0 0 0 #ececec; }
    .stock-check-scan-boxes div input::selection {
      background: transparent; }
    .stock-check-scan-boxes div input:focus {
      outline: none;
      box-shadow: 0px 2px 11px 1px #00a1ff; }

.check-note-form {
  display: flex; }
  .check-note-form div input {
    transition: all 0.3s ease;
    height: 40px;
    padding: 0 20px 0 20px;
    width: 100%;
    border: none;
    background: #232323;
    color: rgba(255, 255, 255, 0.9); }
    .check-note-form div input:focus {
      outline: none;
      background: #e4e4e4;
      color: #1a1a1a;
      box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2); }
  .check-note-form :nth-child(3) {
    width: 130px; }
    .check-note-form :nth-child(3) input {
      border-radius: 5px 0px 0px 5px;
      border-right: 1px solid rgba(255, 255, 255, 0.3); }
  .check-note-form :nth-child(4) {
    flex-grow: 1; }
  .check-note-form :nth-child(5) input {
    transition: all 0.3s ease;
    border-radius: 0px 5px 5px 0px;
    background: #27a745;
    color: rgba(255, 255, 255, 0.7); }
    .check-note-form :nth-child(5) input:hover {
      background: #1c9e3b;
      box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2); }
    .check-note-form :nth-child(5) input:focus {
      box-shadow: none;
      background: #1b7530;
      color: rgba(255, 255, 255, 0.7); }

.manager_line {
  background: #333;
  display: flex;
  border-radius: 3px 3px 3px 3px;
  max-width: 1100px;
  margin: 20px auto; }
  .manager_line .number-unprinted {
    border-radius: 3px 0px 0px 3px;
    width: 50px;
    text-align: center;
    padding: 10px 0px 10px 0px; }
  .manager_line .left {
    padding: 10px 20px 10px 20px;
    display: flex;
    flex-grow: 1; }
  .manager_line .right {
    display: flex; }
  .manager_line .marked_notice {
    display: flex;
    align-items: center;
    padding: 0px 40px;
    color: #ef3647; }
  .manager_line.grey {
    opacity: 0.3;
    filter: grayscale(100%); }
  .manager_line .reprint_batches {
    padding: 0px 10px;
    justify-content: center;
    align-items: center;
    display: flex;
    gap: 5px; }
    .manager_line .reprint_batches .reprint_button {
      margin: 0px 3px; }
  .manager_line .manager-button {
    padding: 10px 20px 10px 20px;
    border: none; }
    .manager_line .manager-button:focus {
      outline: none; }
    .manager_line .manager-button.mark-as-printed {
      display: none;
      color: #ececec;
      filter: grayscale(0.3);
      border-radius: 3px 0px 0px 3px; }
    .manager_line .manager-button.print-all {
      border-left: 1px solid #ececec;
      background: #ececec;
      color: #333;
      border-radius: 0px 3px 3px 0px;
      width: 250px; }
      .manager_line .manager-button.print-all.clicked {
        color: rgba(255, 255, 255, 0.8); }
    .manager_line .manager-button:hover {
      box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
      filter: brightness(85%); }

.product_alert {
  display: flex;
  width: calc(100% - 40px);
  background: #333;
  padding: 10px 20px 10px 0px;
  border-radius: 5px;
  margin: 20px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  position: relative; }
  .product_alert .destory {
    display: flex;
    justify-content: center;
    width: 75px; }
  .product_alert .name {
    color: #ececec; }
  .product_alert .info {
    opacity: 0.5;
    font-weight: 100; }
  .product_alert .left {
    flex-grow: 1; }
  .product_alert .right {
    position: absolute;
    right: 10px; }
  .product_alert .alert-note-box {
    width: 100%; }
    .product_alert .alert-note-box textarea {
      height: 24px;
      border-radius: 5px;
      padding: 0px 10px 0px 10px;
      width: calc(100% + 20px);
      margin-left: -10px;
      background: transparent;
      border: none;
      font-weight: 100;
      color: #ffc107; }
      .product_alert .alert-note-box textarea:hover {
        background: rgba(0, 0, 0, 0.3); }
      .product_alert .alert-note-box textarea:focus {
        outline: none;
        background: #ececec;
        color: #1a1a1a; }
  .product_alert .note {
    font-weight: 100;
    color: #ffc107; }
  .product_alert button {
    font-size: 30px;
    border: none;
    background: transparent;
    color: #ececec;
    margin: 0px; }
    .product_alert button:focus {
      outline: none; }
    .product_alert button:hover {
      color: #cc2449 !important; }

.editable-note-box {
  position: relative;
  width: 100%; }
  .editable-note-box ::before {
    font-family: icofont;
    content: '\ec55';
    position: absolute;
    top: 7px;
    right: 0px;
    color: grey; }
  .editable-note-box textarea {
    background: #1a1a1a;
    resize: none;
    height: 24px;
    border-radius: 5px;
    padding: 5px 28px 5px 10px;
    width: calc(100% + 20px);
    margin-left: -10px;
    margin-bottom: -14px;
    border: none;
    font-weight: 100;
    color: #ffb788; }
    .editable-note-box textarea ::first-line {
      margin-left: 400px; }
    .editable-note-box textarea:hover {
      background: rgba(0, 0, 0, 0.3); }
    .editable-note-box textarea:focus {
      outline: none;
      background: #ececec;
      color: #1a1a1a; }
  .editable-note-box:hover ::before {
    color: #27a745; }

.product_alerts_maker {
  display: flex;
  justify-content: center; }
  .product_alerts_maker input, .product_alerts_maker select {
    height: 38px;
    border-radius: 5px;
    border: none;
    text-align: center;
    /*        margin: 0 10px 0 10px;*/
    text-align-last: center;
    background: #292929;
    color: #ececec; }
    .product_alerts_maker input:focus, .product_alerts_maker select:focus {
      background: #ececec;
      color: #1a1a1a;
      box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
      outline: none; }
  .product_alerts_maker label {
    padding: 0px 10px 0px 10px;
    margin: auto 0px;
    text-align: center;
    color: #ffc107;
    white-space: nowrap; }
  .product_alerts_maker .full {
    width: 100%; }
  .product_alerts_maker .inset {
    margin-left: 20px;
    color: #ffc107; }
  .product_alerts_maker input[type='number'] {
    text-align: center;
    width: 100px; }
  .product_alerts_maker div {
    display: flex;
    flex-wrap: wrap;
    justify-content: center; }
  .product_alerts_maker .alert_section {
    margin: 20px 0px; }
  .product_alerts_maker button {
    width: 100%;
    margin: 20px 0px 20px 0px; }
    .product_alerts_maker button:focus {
      outline: none; }

@media screen and (max-width: 750px) {
  .hide_on_phone[style] {
    display: none; } }

@media screen and (max-width: 480px) and (orientation: portrait) {
  html {
    max-width: 480px; } }

.lds-ellipsis {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px; }

.lds-ellipsis div {
  position: absolute;
  top: 33px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: #fff;
  animation-timing-function: cubic-bezier(0, 1, 1, 0); }

.lds-ellipsis div:nth-child(1) {
  left: 8px;
  animation: lds-ellipsis1 0.6s infinite; }

.lds-ellipsis div:nth-child(2) {
  left: 8px;
  animation: lds-ellipsis2 0.6s infinite; }

.lds-ellipsis div:nth-child(3) {
  left: 32px;
  animation: lds-ellipsis2 0.6s infinite; }

.lds-ellipsis div:nth-child(4) {
  left: 56px;
  animation: lds-ellipsis3 0.6s infinite; }

@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0); }
  100% {
    transform: scale(1); } }

@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1); }
  100% {
    transform: scale(0); } }

@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0); }
  100% {
    transform: translate(24px, 0); } }

.add-line-button {
  background-color: #6492aa;
  border: none;
  border-left: solid 2px #222223;
  font-size: 16px;
  color: #bae2f7;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  transition: all 0.15s ease; }
  .add-line-button:hover {
    color: white;
    background: #3b5e73; }

.editor-line {
  max-width: 1024px;
  margin: 20px auto;
  color: #ececec;
  display: flex;
  background: #1f2129; }
  .editor-line .editor-line-wrapper .collapsable_content {
    padding: 20px; }
  .editor-line .editor-line-wrapper.canceled_item .editor-line-description {
    background: #7f2f40;
    color: #eaa5a5; }
    .editor-line .editor-line-wrapper.canceled_item .editor-line-description::before {
      content: 'Canceled'; }
  .editor-line .editor-line-wrapper .editor-section {
    border-radius: 5px;
    margin-bottom: 10px; }
    .editor-line .editor-line-wrapper .editor-section .timing_editor {
      width: 100%;
      background: transparent;
      color: #65aed3;
      border: unset; }
      .editor-line .editor-line-wrapper .editor-section .timing_editor::before {
        content: '';
        padding: 0px; }
    .editor-line .editor-line-wrapper .editor-section .collapse_toggle {
      padding: 10px;
      text-align: center;
      color: rgba(239, 216, 134, 0.8); }
    .editor-line .editor-line-wrapper .editor-section:last-of-type {
      margin-bottom: 0px; }
    .editor-line .editor-line-wrapper .editor-section .move-button {
      border: none;
      border-radius: 3px;
      margin: 3px; }
      .editor-line .editor-line-wrapper .editor-section .move-button[style]:not(:hover) {
        background-color: #4a4a4a !important; }
    .editor-line .editor-line-wrapper .editor-section .timing_editor form {
      text-align: center; }
    .editor-line .editor-line-wrapper .editor-section .timing_editor .timing input {
      width: 50px;
      border: none;
      background: transparent;
      text-align: center;
      color: rgba(255, 255, 255, 0.8);
      border-radius: 3px;
      margin: 10px;
      font-size: 20px;
      border: 1px solid rgba(255, 255, 255, 0.5); }
      .editor-line .editor-line-wrapper .editor-section .timing_editor .timing input:focus {
        outline: none;
        background: #ececec;
        color: #1a1a1a; }
    .editor-line .editor-line-wrapper .editor-section .timing_editor .timing.cutting {
      border: 1px solid rgba(255, 255, 255, 0.5);
      padding: 10px 20px;
      border-radius: 5px;
      margin: 20px; }
      .editor-line .editor-line-wrapper .editor-section .timing_editor .timing.cutting::before {
        font-family: icofont,poppins;
        content: 'Cutting Time \edeb'; }
    .editor-line .editor-line-wrapper .editor-section .timing_editor .timing.manufacture {
      border: 1px solid rgba(255, 255, 255, 0.5);
      padding: 10px 20px;
      border-radius: 5px;
      margin: 20px; }
      .editor-line .editor-line-wrapper .editor-section .timing_editor .timing.manufacture::before {
        font-family: icofont,poppins;
        content: 'Manufacture Time \e9b9'; }
    .editor-line .editor-line-wrapper .editor-section .timing_editor .timing.Manual::after {
      content: 'Edited';
      color: rgba(249, 39, 39, 0.7);
      font-weight: 100;
      font-size: 12px;
      padding: 3px 11px 3px 0px;
      border-radius: 20px; }
    .editor-line .editor-line-wrapper .editor-section.view-move .current_view {
      font-size: 24px;
      font-weight: 100;
      text-align: center;
      margin-bottom: 20px;
      color: #ff30a3; }
      .editor-line .editor-line-wrapper .editor-section.view-move .current_view::before {
        content: 'Current View:';
        color: rgba(255, 255, 255, 0.6); }
      .editor-line .editor-line-wrapper .editor-section.view-move .current_view::after {
        content: 'Move To:';
        color: rgba(255, 255, 255, 0.6); }
    .editor-line .editor-line-wrapper .editor-section.view-move .move_options {
      display: flex;
      padding: 20px;
      justify-content: center;
      flex-wrap: wrap; }
      .editor-line .editor-line-wrapper .editor-section.view-move .move_options button {
        border: none;
        padding: 5px 10px; }
  .editor-line .editor-line-wrapper .editor-line-description {
    background: #014f7d;
    color: #a1ceea;
    display: flex;
    font-size: 20px;
    padding: 10px 20px;
    border-radius: 5px 5px 0 0;
    align-items: center; }
    .editor-line .editor-line-wrapper .editor-line-description .cancel_line_button {
      background: #3b5e73;
      border-radius: 5px;
      border: 1px solid #a1cde4;
      color: #8eb9d0;
      font-weight: 100;
      font-size: 16px;
      padding: 5px 20px;
      transition: all 0.15s ease;
      box-shadow: 0px 0px 5px 1px #00000063; }
      .editor-line .editor-line-wrapper .editor-line-description .cancel_line_button:hover {
        color: #d2efff;
        background: #2e678a;
        box-shadow: 0px 0px 5px 2px #00000063;
        transform: scale(1.05); }
    .editor-line .editor-line-wrapper .editor-line-description .qty::after {
      content: 'x';
      margin: 0 10px; }
    .editor-line .editor-line-wrapper .editor-line-description .sku {
      margin-right: 20px; }
    .editor-line .editor-line-wrapper .editor-line-description .desc {
      flex-grow: 1; }
    .editor-line .editor-line-wrapper .editor-line-description .editor-line-actions {
      display: flex; }
  .editor-line .options-container {
    padding: 0px 20px; }
    .editor-line .options-container .editor-add-line-option {
      display: flex;
      padding: 0px 10px; }
      .editor-line .options-container .editor-add-line-option input {
        margin-top: 10px;
        border: none;
        background: #12141d;
        color: #e2ce8a;
        padding: 5px 0px; }
        .editor-line .options-container .editor-add-line-option input:focus {
          outline: none; }
      .editor-line .options-container .editor-add-line-option button {
        margin-top: 10px;
        margin-left: 10px;
        transition: all 0.15s ease;
        color: rgba(255, 255, 255, 0.3);
        background: transparent;
        border: none; }
        .editor-line .options-container .editor-add-line-option button:focus {
          outline: none; }
        .editor-line .options-container .editor-add-line-option button:hover {
          transform: scale(1.2); }
      .editor-line .options-container .editor-add-line-option .add-option::before {
        font-family: icofont;
        content: '\efc2'; }
      .editor-line .options-container .editor-add-line-option .add-option:hover {
        color: #6fc0ea; }
      .editor-line .options-container .editor-add-line-option .option-key {
        text-align: right;
        padding-right: 10px;
        width: 200px;
        margin-left: 40px; }
      .editor-line .options-container .editor-add-line-option .option-value {
        flex-grow: 1;
        padding-left: 10px; }
    .editor-line .options-container .base-timing {
      color: grey;
      font-size: 12px;
      padding: 0px 10px; }
    .editor-line .options-container .editor-line-options {
      display: flex;
      transition: all 0.15s ease;
      border: 1px solid rgba(255, 255, 255, 0);
      padding: 0px 10px;
      font-size: 14px;
      border-radius: 20px;
      align-items: center; }
      .editor-line .options-container .editor-line-options.new_option {
        border: 1px solid #6cc2ef; }
        .editor-line .options-container .editor-line-options.new_option .option-key::before {
          content: 'Added';
          color: #6cc2ef;
          float: left; }
      .editor-line .options-container .editor-line-options.canceled_option .option-key, .editor-line .options-container .editor-line-options.canceled_option .option-value {
        text-decoration: line-through !important;
        opacity: 0.3; }
      .editor-line .options-container .editor-line-options:hover {
        border: 1px solid rgba(255, 255, 255, 0.6); }
      .editor-line .options-container .editor-line-options .option-timing {
        width: 40px;
        color: grey;
        font-size: 12px; }
        .editor-line .options-container .editor-line-options .option-timing:not(:empty)::before {
          content: '+'; }
      .editor-line .options-container .editor-line-options .option-key {
        text-align: right;
        color: #6a90a2;
        flex-basis: 200px;
        padding-right: 10px; }
        .editor-line .options-container .editor-line-options .option-key:empty::after {
          content: 'No Value';
          color: rgba(255, 255, 255, 0.1); }
      .editor-line .options-container .editor-line-options .option-value {
        font-weight: 100;
        flex-grow: 1;
        padding-left: 10px;
        color: #6fc0ea; }
        .editor-line .options-container .editor-line-options .option-value:empty::after {
          content: 'No Value';
          color: rgba(255, 255, 255, 0.1); }
      .editor-line .options-container .editor-line-options .option-actions button {
        transition: all 0.15s ease;
        color: rgba(255, 255, 255, 0.3);
        background: transparent;
        border: none; }
        .editor-line .options-container .editor-line-options .option-actions button:focus {
          outline: none; }
        .editor-line .options-container .editor-line-options .option-actions button:hover {
          transform: scale(1.2); }
      .editor-line .options-container .editor-line-options .option-actions .cancel-option::before {
        font-family: icofont;
        content: '\eee1'; }
      .editor-line .options-container .editor-line-options .option-actions .cancel-option:hover {
        color: #ffc107; }
      .editor-line .options-container .editor-line-options .option-actions .destroy-option::before {
        font-family: icofont;
        content: '\ec53'; }
      .editor-line .options-container .editor-line-options .option-actions .destroy-option:hover {
        color: #d44d64; }

.copy-sku-button {
  cursor: pointer;
  background: transparent;
  border: none;
  color: rgba(255, 255, 255, 0.3); }
  .copy-sku-button::before {
    font-family: icofont;
    content: '\edea'; }
  .copy-sku-button.copy-success {
    color: #45ff45; }
    .copy-sku-button.copy-success::before {
      color: #45ff45; }
    .copy-sku-button.copy-success:hover {
      color: #45ff45; }
  .copy-sku-button.copy-flash {
    animation: copy-flash 0.8s linear forwards; }
  .copy-sku-button:hover {
    color: rgba(255, 255, 255, 0.8); }
  .copy-sku-button:focus {
    outline: none;
    border: none; }

.collapsable {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Old versions of Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  supported by Chrome, Opera and Firefox */ }
  .collapsable.selectable {
    -webkit-touch-callout: text;
    /* iOS Safari */
    -webkit-user-select: text;
    /* Safari */
    -khtml-user-select: text;
    /* Konqueror HTML */
    -moz-user-select: text;
    /* Old versions of Firefox */
    -ms-user-select: text;
    /* Internet Explorer/Edge */
    user-select: text;
    /* Non-prefixed version, currently
                                    supported by Chrome, Opera and Firefox */ }
  .collapsable .collapse_toggle {
    transition: color 0.15s ease;
    color: rgba(255, 255, 255, 0.6);
    cursor: pointer; }
    .collapsable .collapse_toggle::before {
      font-family: icofont, poppins;
      content: '\ea69';
      margin-right: 0px; }
    .collapsable .collapse_toggle.center {
      text-align: center; }
  .collapsable.collapsed .collapsable_content {
    display: none; }
  .collapsable.collapsed .collapse_toggle {
    margin: 2px !important;
    border-radius: 5px; }
    .collapsable.collapsed .collapse_toggle::before {
      content: '\ea6a'; }
  .collapsable.no_before .collapse_toggle::before {
    content: '';
    display: none; }

#calculator .grey-scale {
  filter: grayscale(1); }

#calculator #calculator_subtraction {
  border: 1px solid grey; }

#calculator .over-due-toggle {
  cursor: pointer; }

#calculator .calculator-title, #calculator .calculator-cell {
  height: 35px;
  padding: 0px 20px !important;
  line-height: 35px !important; }

#calculator .t_p-sh, #calculator .t_p-ih, #calculator .t_p-oi {
  border-bottom: 0px; }

#calculator .ap-sh, #calculator .t_ap-sh {
  color: #df81dc; }

#calculator .c-sh, #calculator .t_c-sh {
  color: #302f30; }

#calculator .a-sh, #calculator .t_a-sh {
  color: #ae66ab; }

#calculator .p-sh, #calculator .t_p-sh {
  color: #904c8e; }

#calculator .ap-ih, #calculator .t_ap-ih {
  color: #61a7f8; }

#calculator .c-ih, #calculator .t_c-ih {
  color: #6c9ed8; }

#calculator .a-ih, #calculator .t_a-ih {
  color: #497bb5; }

#calculator .p-ih, #calculator .t_p-ih {
  color: #405f83; }

#calculator .ap-or, #calculator .t_ap-or {
  color: #3cf8b1; }

#calculator .c-or, #calculator .t_c-or {
  color: #42c795; }

#calculator .a-or, #calculator .t_a-or {
  color: #3d8e6f; }

#calculator .p-or, #calculator .t_p-or {
  color: #447b66; }

#calculator .calculator-title-wrapper {
  display: flex; }
  #calculator .calculator-title-wrapper .rows {
    flex-grow: 1; }
  #calculator .calculator-title-wrapper.totals .label {
    background: #4e4e4e; }
  #calculator .calculator-title-wrapper.overflow .label {
    background: #8b2548;
    padding-top: 15px;
    text-align: right;
    height: 70px; }
  #calculator .calculator-title-wrapper.overflow .calculator-title {
    color: #a0627c; }
  #calculator .calculator-title-wrapper.orders .label {
    background: #36785f; }
  #calculator .calculator-title-wrapper.stock .label {
    background: #415f83; }
  #calculator .calculator-title-wrapper.shelley .label {
    background: #743972; }
  #calculator .calculator-title-wrapper .label {
    writing-mode: vertical-rl;
    color: #e3e3e3;
    text-align: center;
    padding: 0px 5px;
    font-weight: 100; }

#calculator .stock-total, #calculator .t_stock-total {
  color: #898948; }

#calculator .orders-total, #calculator .t_orders-total {
  color: #3c7e9e; }

#calculator .calculator-total, #calculator .t_calculator-total {
  color: #9df379;
  border-top: 2px solid #545353 !important; }

#calculator .prov-cap, #calculator .t_prov-cap {
  color: #cec170;
  border-top: 2px solid #545353 !important;
  border-bottom: 2px solid #545353 !important; }

#calculator .calculator-labour, #calculator .t_calculator-labour {
  color: #ba5900; }

#calculator .rota-labour, #calculator .t_rota-labour {
  color: grey; }

#calculator .calculator-with-carrying {
  position: relative; }
  #calculator .calculator-with-carrying::before {
    font-family: icofont,poppins;
    margin-right: 3px;
    content: "" attr(data-to-carry);
    position: absolute;
    left: 5px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 12px;
    color: grey; }

.new-tables-wrapper {
  position: relative;
  overflow: hidden; }
  .new-tables-wrapper .group_name_th {
    transition: all 0.15s ease;
    height: 49px;
    display: flex;
    align-items: center; }
    .new-tables-wrapper .group_name_th strong {
      flex-grow: 1; }
    .new-tables-wrapper .group_name_th button {
      border: none;
      background: #354859;
      color: #9dbbd5;
      padding: 3px 10px;
      border-radius: 3px;
      margin-right: 10px; }
    .new-tables-wrapper .group_name_th::before {
      font-family: icofont;
      content: '\ec05';
      color: rgba(255, 255, 255, 0.2);
      margin-right: 10px; }
    .new-tables-wrapper .group_name_th:hover::before {
      color: #59f35978; }
  .new-tables-wrapper.calculator_include .group_name_th::before {
    color: #59f359; }
  .new-tables-wrapper table {
    border-collapse: collapse;
    border-spacing: 0;
    border: solid 1px #313131;
    border-top: none;
    border-right: none; }
    .new-tables-wrapper table tr td, .new-tables-wrapper table tr th {
      font-weight: normal;
      text-align: center;
      padding: 10px 0;
      line-height: 1;
      border: solid 1px #313131;
      border-left: none;
      border-bottom: none;
      position: relative;
      color: rgba(255, 255, 255, 0.8); }
      .new-tables-wrapper table tr td:last-child, .new-tables-wrapper table tr th:last-child {
        border-right: 1px solid rgba(255, 255, 255, 0.1); }
      .new-tables-wrapper table tr td.view-name, .new-tables-wrapper table tr th.view-name {
        padding-left: 40px !important; }
        .new-tables-wrapper table tr td.view-name .materials-link, .new-tables-wrapper table tr th.view-name .materials-link {
          position: absolute;
          left: 10px;
          text-decoration: none;
          transition: all 0.15s ease;
          color: #85b6ff; }
          .new-tables-wrapper table tr td.view-name .materials-link:hover, .new-tables-wrapper table tr th.view-name .materials-link:hover {
            transform: scale(1.2); }
        .new-tables-wrapper table tr td.view-name .view-link, .new-tables-wrapper table tr th.view-name .view-link {
          color: white;
          text-decoration: none;
          white-space: nowrap; }
          .new-tables-wrapper table tr td.view-name .view-link:hover, .new-tables-wrapper table tr th.view-name .view-link:hover {
            color: #85b6ff; }
          .new-tables-wrapper table tr td.view-name .view-link::before, .new-tables-wrapper table tr th.view-name .view-link::before {
            content: '\ef71';
            font-family: icofont;
            margin-right: 5px;
            font-size: 12px; }
      .new-tables-wrapper table tr td.row-total:not(.in-calc), .new-tables-wrapper table tr th.row-total:not(.in-calc) {
        filter: none;
        font-size: 0px;
        opacity: 1; }
        .new-tables-wrapper table tr td.row-total:not(.in-calc)::after, .new-tables-wrapper table tr th.row-total:not(.in-calc)::after {
          font-size: 16px;
          font-family: icofont;
          content: '\ec41';
          color: #f31e63; }
      .new-tables-wrapper table tr td.number-cell, .new-tables-wrapper table tr td.row-total, .new-tables-wrapper table tr th.number-cell, .new-tables-wrapper table tr th.row-total {
        cursor: pointer;
        opacity: 0.3;
        filter: grayscale(1);
        position: relative; }
        .new-tables-wrapper table tr td.number-cell.in-calc, .new-tables-wrapper table tr td.row-total.in-calc, .new-tables-wrapper table tr th.number-cell.in-calc, .new-tables-wrapper table tr th.row-total.in-calc {
          opacity: 1;
          filter: grayscale(0); }
        .new-tables-wrapper table tr td.number-cell.with-errors, .new-tables-wrapper table tr td.row-total.with-errors, .new-tables-wrapper table tr th.number-cell.with-errors, .new-tables-wrapper table tr th.row-total.with-errors {
          text-decoration: underline; }
          .new-tables-wrapper table tr td.number-cell.with-errors:hover, .new-tables-wrapper table tr td.row-total.with-errors:hover, .new-tables-wrapper table tr th.number-cell.with-errors:hover, .new-tables-wrapper table tr th.row-total.with-errors:hover {
            z-index: 1000; }
            .new-tables-wrapper table tr td.number-cell.with-errors:hover::before, .new-tables-wrapper table tr td.row-total.with-errors:hover::before, .new-tables-wrapper table tr th.number-cell.with-errors:hover::before, .new-tables-wrapper table tr th.row-total.with-errors:hover::before {
              content: attr(data-errors) " No data";
              position: absolute;
              left: 46px;
              top: 6px;
              padding: 5px 10px;
              background: #cccccc;
              color: #1a1a1a;
              border-radius: 3px;
              white-space: nowrap; }
      .new-tables-wrapper table tr td.grey, .new-tables-wrapper table tr th.grey {
        opacity: 0.3;
        filter: grayscale(1); }
      .new-tables-wrapper table tr td.header-icons, .new-tables-wrapper table tr th.header-icons {
        border-top: none;
        height: 10px;
        padding: 0px 0px 10px 0px; }
      .new-tables-wrapper table tr td.empty, .new-tables-wrapper table tr th.empty {
        background: #313131;
        color: #313131; }
      .new-tables-wrapper table tr td.items, .new-tables-wrapper table tr td.cut-time, .new-tables-wrapper table tr td.manu-time, .new-tables-wrapper table tr td.lab-time, .new-tables-wrapper table tr td.stock-time, .new-tables-wrapper table tr td.stock-items, .new-tables-wrapper table tr td.order-time, .new-tables-wrapper table tr td.order-items, .new-tables-wrapper table tr th.items, .new-tables-wrapper table tr th.cut-time, .new-tables-wrapper table tr th.manu-time, .new-tables-wrapper table tr th.lab-time, .new-tables-wrapper table tr th.stock-time, .new-tables-wrapper table tr th.stock-items, .new-tables-wrapper table tr th.order-time, .new-tables-wrapper table tr th.order-items {
        color: #ff00ff;
        width: 60px;
        min-width: 60px;
        max-width: 60px; }
      .new-tables-wrapper table tr td.items, .new-tables-wrapper table tr td.cut-time, .new-tables-wrapper table tr td.manu-time, .new-tables-wrapper table tr td.lab-time, .new-tables-wrapper table tr td.stock-time, .new-tables-wrapper table tr td.stock-items, .new-tables-wrapper table tr td.order-time, .new-tables-wrapper table tr td.order-items, .new-tables-wrapper table tr th.items, .new-tables-wrapper table tr th.cut-time, .new-tables-wrapper table tr th.manu-time, .new-tables-wrapper table tr th.lab-time, .new-tables-wrapper table tr th.stock-time, .new-tables-wrapper table tr th.stock-items, .new-tables-wrapper table tr th.order-time, .new-tables-wrapper table tr th.order-items {
        border-right: none; }
        .new-tables-wrapper table tr td.items:last-child, .new-tables-wrapper table tr td.cut-time:last-child, .new-tables-wrapper table tr td.manu-time:last-child, .new-tables-wrapper table tr td.lab-time:last-child, .new-tables-wrapper table tr td.stock-time:last-child, .new-tables-wrapper table tr td.stock-items:last-child, .new-tables-wrapper table tr td.order-time:last-child, .new-tables-wrapper table tr td.order-items:last-child, .new-tables-wrapper table tr th.items:last-child, .new-tables-wrapper table tr th.cut-time:last-child, .new-tables-wrapper table tr th.manu-time:last-child, .new-tables-wrapper table tr th.lab-time:last-child, .new-tables-wrapper table tr th.stock-time:last-child, .new-tables-wrapper table tr th.stock-items:last-child, .new-tables-wrapper table tr th.order-time:last-child, .new-tables-wrapper table tr th.order-items:last-child {
          border-right: 1px solid rgba(255, 255, 255, 0.1); }
      .new-tables-wrapper table tr td.items, .new-tables-wrapper table tr th.items {
        border-left: 1px solid rgba(255, 255, 255, 0.1); }
      .new-tables-wrapper table tr td.items, .new-tables-wrapper table tr th.items {
        color: #d620f7; }
      .new-tables-wrapper table tr td.stock-time, .new-tables-wrapper table tr th.stock-time {
        color: #898948;
        opacity: 0.6; }
      .new-tables-wrapper table tr td.order-time, .new-tables-wrapper table tr th.order-time {
        color: #3c7e9e;
        position: relative;
        opacity: 0.6; }
        .new-tables-wrapper table tr td.order-time::before, .new-tables-wrapper table tr th.order-time::before {
          position: absolute;
          left: -8px;
          bottom: 12px;
          font-size: 12px;
          font-family: icofont;
          content: '\efc2';
          color: #ffffff8c; }
      .new-tables-wrapper table tr td.cut-time, .new-tables-wrapper table tr th.cut-time {
        color: #dbabff; }
      .new-tables-wrapper table tr td.manu-time, .new-tables-wrapper table tr th.manu-time {
        color: #9df379; }
      .new-tables-wrapper table tr td.lab-time, .new-tables-wrapper table tr th.lab-time {
        color: #f1195f; }
      .new-tables-wrapper table tr td.grey, .new-tables-wrapper table tr th.grey {
        color: rgba(255, 255, 255, 0.1) !important; }
      .new-tables-wrapper table tr td.col-total:nth-child(4), .new-tables-wrapper table tr td.row-total:nth-child(4), .new-tables-wrapper table tr th.col-total:nth-child(4), .new-tables-wrapper table tr th.row-total:nth-child(4) {
        border-right-color: #fff; }
      .new-tables-wrapper table tr td.with-errors span, .new-tables-wrapper table tr th.with-errors span {
        display: inline-block;
        border-bottom: dashed 1px #9df379; }
    .new-tables-wrapper table tr.totals td {
      border-top-color: #fff; }
  .new-tables-wrapper .title-table-wrapper {
    position: absolute;
    left: 0px;
    width: 350px; }
    .new-tables-wrapper .title-table-wrapper .titles-table {
      width: 100%; }
      .new-tables-wrapper .title-table-wrapper .titles-table tr td, .new-tables-wrapper .title-table-wrapper .titles-table tr th {
        border-right: none;
        text-align: left;
        border-left: solid 1px #313131;
        padding-left: 10px; }
  .new-tables-wrapper .data-table-wrapper {
    margin-left: 350px;
    overflow-x: auto;
    padding: 0 0 10px 0; }
    .new-tables-wrapper .data-table-wrapper::-webkit-scrollbar {
      width: 5px;
      height: 5px; }
    .new-tables-wrapper .data-table-wrapper::-webkit-scrollbar-thumb {
      background-color: #222;
      border-radius: 10000px;
      width: 5px;
      height: 5px; }
    .new-tables-wrapper .data-table-wrapper:hover::-webkit-scrollbar-thumb {
      background-color: #bbb; }

.dated {
  display: flex;
  flex-direction: column; }
  .dated::after {
    content: attr(data-date);
    font-size: 12px;
    color: rgba(255, 255, 255, 0.6); }

#calculator {
  display: flex;
  white-space: nowrap;
  margin-bottom: 40px; }
  #calculator .calculator-titles .calculator-title, #calculator .calculator-blocks .inner .calculator-block .calculator-cell, #calculator .calculator-cell-title {
    position: relative;
    border: solid 1px #313131;
    border-bottom: none;
    border-left: none;
    padding: 12px 25px 10px;
    line-height: 1; }
    #calculator .calculator-titles .calculator-title:last-child, #calculator .calculator-blocks .inner .calculator-block .calculator-cell:last-child, #calculator .calculator-cell-title:last-child {
      border-bottom: solid 1px #313131; }
    #calculator .calculator-titles .calculator-title.zero, #calculator .calculator-blocks .inner .calculator-block .calculator-cell.zero, #calculator .calculator-cell-title.zero {
      color: #212e39 !important; }
    #calculator .calculator-titles .calculator-title.increase:before, #calculator .calculator-titles .calculator-title.decrease:before, #calculator .calculator-blocks .inner .calculator-block .calculator-cell.increase:before, #calculator .calculator-blocks .inner .calculator-block .calculator-cell.decrease:before, #calculator .calculator-cell-title.increase:before, #calculator .calculator-cell-title.decrease:before {
      font-family: icofont;
      position: absolute;
      left: 20px;
      color: #ffb939; }
    #calculator .calculator-titles .calculator-title.increase:before, #calculator .calculator-blocks .inner .calculator-block .calculator-cell.increase:before, #calculator .calculator-cell-title.increase:before {
      content: '\ea5e'; }
    #calculator .calculator-titles .calculator-title.decrease:before, #calculator .calculator-blocks .inner .calculator-block .calculator-cell.decrease:before, #calculator .calculator-cell-title.decrease:before {
      content: '\ea5b'; }
    #calculator .calculator-titles .calculator-title[contenteditable="true"], #calculator .calculator-blocks .inner .calculator-block .calculator-cell[contenteditable="true"], #calculator .calculator-cell-title[contenteditable="true"] {
      box-shadow: 0px 0px 20px #000 inset, 0px 0px 5px #000 inset; }
      #calculator .calculator-titles .calculator-title[contenteditable="true"]:hover, #calculator .calculator-titles .calculator-title[contenteditable="true"]:focus, #calculator .calculator-blocks .inner .calculator-block .calculator-cell[contenteditable="true"]:hover, #calculator .calculator-blocks .inner .calculator-block .calculator-cell[contenteditable="true"]:focus, #calculator .calculator-cell-title[contenteditable="true"]:hover, #calculator .calculator-cell-title[contenteditable="true"]:focus {
        background: #37414e;
        outline: none; }
  #calculator .calculator-titles .calculator-title {
    padding-right: 12px;
    border-left: solid 1px #313131; }
  #calculator .calculator-blocks {
    width: 100%;
    overflow-y: auto; }
    #calculator .calculator-blocks::-webkit-scrollbar {
      width: 5px;
      height: 5px; }
    #calculator .calculator-blocks::-webkit-scrollbar-thumb {
      background-color: #222;
      border-radius: 10000px;
      width: 5px;
      height: 5px; }
    #calculator .calculator-blocks:hover::-webkit-scrollbar-thumb {
      background-color: #bbb; }
    #calculator .calculator-blocks .inner {
      display: flex;
      padding: 0 0 10px 0; }
  #calculator .calculator-titles {
    text-align: right; }
  #calculator .calculator-block {
    text-align: center; }
    #calculator .calculator-block.grey {
      filter: grayscale(1); }
    #calculator .calculator-block.dim {
      color: grey; }
    #calculator .calculator-block.focused {
      background: #2f3541; }
    #calculator .calculator-block .calculator-week-number {
      cursor: pointer; }
      #calculator .calculator-block .calculator-week-number:hover {
        color: #8bc4f2; }
        #calculator .calculator-block .calculator-week-number:hover::after {
          color: #6798c0; }
    #calculator .calculator-block .calculator-percentage::after {
      margin-right: 3px;
      content: '%'; }
    #calculator .calculator-block .calculator-percentage.over_percent {
      position: relative; }
      #calculator .calculator-block .calculator-percentage.over_percent::after {
        font-family: icofont,poppins;
        margin-right: 3px;
        content: attr(surplus) "";
        position: absolute;
        right: 2px;
        top: 50%;
        transform: translateY(-50%);
        font-size: 12px;
        color: grey; }

#calculator-included {
  color: rgba(255, 255, 255, 0.7); }
  #calculator-included .groups {
    display: flex; }
    #calculator-included .groups div {
      padding-right: 20px;
      color: rgba(255, 255, 255, 0.5); }

#percent_buffer {
  height: 51px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ff0047; }
  #percent_buffer::after {
    content: '% Buffer';
    color: rgba(255, 255, 255, 0.6); }

#calculator_subtraction {
  height: 51px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ff0047; }
  #calculator_subtraction::after {
    content: 'h Removed';
    color: rgba(255, 255, 255, 0.6); }

.mini_order_note {
  font-size: 16px; }
  .mini_order_note.no_notes {
    color: rgba(255, 255, 255, 0.1); }

.change_s_date {
  display: flex;
  align-items: center;
  font-size: 16px; }
  .change_s_date.time_left {
    color: #2fd02f; }
  .change_s_date.soon {
    color: #ff8d00; }
  .change_s_date.overdue {
    color: #ff0047; }
    .change_s_date.overdue::before {
      font-family: icofont, poppins;
      content: "  " attr(deadline); }

.deadline_block {
  display: inline-flex;
  align-items: center;
  padding: 5px 5px 5px 15px;
  border-radius: 10px;
  background: #1a1a1a;
  border: 1px solid rgba(255, 255, 255, 0.3);
  box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.5); }
  .deadline_block.date_warning {
    position: relative;
    border: 1px solid #ff8d00; }
    .deadline_block.date_warning::after {
      font-family: icofont, poppins;
      content: '\f026\00a0\00a0 Date is beyond customer email';
      position: absolute;
      color: #ff0047;
      font-size: 14px;
      right: -270px; }
  .deadline_block .change_s_date {
    display: flex;
    align-items: center;
    font-size: 16px; }
    .deadline_block .change_s_date.time_left {
      color: #2fd02f; }
    .deadline_block .change_s_date.soon {
      color: #ff8d00; }
    .deadline_block .change_s_date.overdue {
      color: #ff0047; }
      .deadline_block .change_s_date.overdue::before {
        font-family: icofont, poppins;
        content: "  " attr(deadline); }
    .deadline_block .change_s_date::before {
      content: attr(deadline);
      width: 390px; }
    .deadline_block .change_s_date button {
      margin-left: 5px;
      transition: all 0.2s ease;
      border: none;
      background: #333;
      color: rgba(255, 255, 255, 0.8);
      font-size: 16px;
      border-radius: 3px;
      border: 1px solid rgba(255, 255, 255, 0.3);
      opacity: 0.8; }
      .deadline_block .change_s_date button:hover {
        opacity: 1;
        background: #28a745; }
      .deadline_block .change_s_date button.minus:hover {
        opacity: 1;
        background: #ff0047; }

.collapsable {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Old versions of Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  supported by Chrome, Opera and Firefox */ }
  .collapsable .collapse_toggle {
    transition: color 0.15s ease;
    color: rgba(255, 255, 255, 0.8);
    cursor: pointer; }
    .collapsable .collapse_toggle:hover {
      font-weight: 400; }
    .collapsable .collapse_toggle::before {
      font-family: icofont, poppins;
      content: '\ea67' 'Hide '; }
    .collapsable .collapse_toggle.center {
      text-align: center; }
  .collapsable.collapsed .collapsable_content {
    display: none; }
  .collapsable.collapsed .collapse_toggle::before {
    content: '\ea69' 'Show '; }
  .collapsable.no_before .collapse_toggle::before {
    content: ''; }
  .collapsable.no_before.collapsed .collapse_toggle::before {
    content: ''; }
  .collapsable.no_text .collapse_toggle::before {
    content: '\ea67';
    margin-right: 10px; }
  .collapsable.no_text.collapsed .collapse_toggle::before {
    content: '\ea69';
    margin-right: 10px; }

.bounce_spinner {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 20px;
  text-align: center; }

.bounce_spinner > div {
  width: 18px;
  height: 18px;
  margin: 0 2px;
  background-color: #185a5d;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both; }

.bounce_spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s; }

.bounce_spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s; }

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0); }
  40% {
    -webkit-transform: scale(1); } }

@keyframes sk-bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0); }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

.dismissible {
  position: relative; }
  .dismissible .dismiss_button {
    transition: all 0.15s ease;
    position: absolute;
    top: 0px;
    right: 0px;
    cursor: pointer;
    color: rgba(255, 255, 255, 0.3);
    font-size: 12px; }
    .dismissible .dismiss_button:hover {
      color: rgba(255, 255, 255, 0.9); }
    .dismissible .dismiss_button::before {
      font-family: icofont;
      content: '\eee1'; }

.fade_away {
  animation: light-pulse-and-fade 2s forwards; }

.ajax_message {
  display: block;
  margin-top: 20px;
  animation: fade-away 3s forwards;
  font-weight: 100; }
  .ajax_message .demote {
    color: rgba(255, 255, 255, 0.6); }
  .ajax_message.result {
    margin-top: 0px;
    display: flex;
    align-items: center;
    padding: 0px 20px; }
    .ajax_message.result a {
      margin-left: 10px; }
  .ajax_message.long {
    animation: fade-away 10s forwards; }
  .ajax_message.no_fade {
    animation: none; }
  .ajax_message.json {
    white-space: pre-wrap; }
  .ajax_message::before {
    font-family: icofont;
    margin-right: 10px; }
  .ajax_message.info {
    color: #8af3ff; }
    .ajax_message.info::before {
      content: '\ef4e'; }
  .ajax_message.success {
    color: #0def53; }
    .ajax_message.success::before {
      content: '\eed7'; }
  .ajax_message.error {
    color: #ff415b; }
    .ajax_message.error::before {
      content: '\eede'; }

@keyframes fade-away {
  0% {
    opacity: 0;
    font-size: 12px; }
  10% {
    opacity: 1; }
  80% {
    opacity: 1; }
  90% {
    opacity: 0;
    font-size: 12px;
    margin-top: 20px; }
  100% {
    opacity: 0;
    font-size: 0px;
    margin: 0px; } }

.loader {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 30px; }

.loader .dots {
  z-index: 999999;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center; }

.loader .dots span {
  -webkit-transition: all 6000ms ease;
  transition: all 6000ms ease;
  background: #CB6A5C;
  height: 15px;
  width: 15px;
  margin: 0 2px 0 0;
  display: inline-block;
  border-radius: 50%;
  animation: wave 2s ease  infinite;
  -webkit-animation: wave 2s ease infinite; }

.loader .dots span:nth-child(1) {
  animation-delay: 0;
  -webkit-animation-delay: 0; }

.loader .dots span:nth-child(2) {
  animation-delay: 100ms;
  -webkit-animation-delay: 100ms; }

.loader .dots span:nth-child(3) {
  animation-delay: 200ms;
  -webkit-animation-delay: 200ms; }

@-webkit-keyframes wave {
  0%, 40%, 100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    background-color: #80b3ff; }
  10% {
    -webkit-transform: translate(0, -15px);
    transform: translate(0, -15px);
    background-color: #192B3F; } }

/*# sourceMappingURL=style.css.map */
.popMask {
	position: fixed;
	top: 0px;
	right: 0px;
	left: 0px;
	bottom: 0px;
	background: rgba(0, 0, 0, 0.4);
}

.popBox {
	height: 150px;
	background: rgb(255, 255, 255);
	border-radius: 5px;
	box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 6px;
	padding: 20px;
	position: fixed;
	right: 0px;
	left: 0px;
	margin: auto;
}

.popConfirm {
	float: right;
	margin-left: 20px;
	outline: none;
	border: none;
	padding: 8px 30px;
	cursor: pointer;
	border-radius: 5px;
	background: rgb(45, 140, 240);
	color: rgb(255, 255, 255);
	opacity: 1;
}

.popCancel{
	float: right;
	margin-left: 20px;
	outline: none;
	padding: 8px 30px;
	cursor: pointer;
	border-radius: 5px;
	background: rgb(255, 255, 255);
    color: rgb(14, 14, 14);
	border: 1px solid rgb(238, 238, 238);
	opacity: 1;
}

.popButton:hover{
	opacity: 0.8;
}


.popBoxContent {
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
}

.popConTop {
	width: 100%;
	height: 20%;
	display: flex;
	align-items: center;
}

.popConMid {
	width: 100%;
	height: 55%;
	display: flex;
    align-items: center;
}

.popTopIcon {
	width: 20px;
	height: 20px;
}

.popTopClose {
	width: 20px;
	height: 20px;
	background: url(pic/close.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	cursor: pointer;
}

.popTopTitle {
	margin-left: 10px;
	font-size: 16px;
	color: rgb(51, 51, 51);
	width: calc(100% - 40px);
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.popMidTxt {
	font-size: 14px;
	color: rgb(102, 102, 102);
	text-indent: 30px;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	overflow: hidden;
	padding-top: 5px;
}

.popConBot {
	display: flex;
	flex-direction: row-reverse;
	align-items: center;
	width: 100%;
	height: 25%;
}

.popInput{
	color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
	border-radius: 5px;
    width: 100%;
    height: 30px;
}

.popInput:focus{
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
	border-color: #66afe9;
    outline: 0;
}
/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 10000; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: hidden; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.8); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
  margin: 40px auto; /* 15% from the top and centered */
  padding: 0px;
  width: 80%; /* Could be more or less, depending on screen size */
  background-color: transparent;
}

/* The Close Button */
.modal-close {
  color: #fff;
  float: right;
  font-size: 28px;
  font-weight: lighter;
}

.modal-close:hover,
.modal-close:focus {
  color: white;
  text-decoration: none;
  cursor: pointer;
}

.modal_mumbo{
  background-color:#333;
  padding: 50px;
  border-radius: 5px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.modal_button{
  opacity: .55;
}

.modal_button:hover{
  opacity: 1;
}