/* node_modules/ngx-toastr/toastr.css */
.toast-center-center {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.toast-top-center {
  top: 0;
  right: 0;
  width: 100%;
}
.toast-bottom-center {
  bottom: 0;
  right: 0;
  width: 100%;
}
.toast-top-full-width {
  top: 0;
  right: 0;
  width: 100%;
}
.toast-bottom-full-width {
  bottom: 0;
  right: 0;
  width: 100%;
}
.toast-top-left {
  top: 12px;
  left: 12px;
}
.toast-top-right {
  top: 12px;
  right: 12px;
}
.toast-bottom-right {
  right: 12px;
  bottom: 12px;
}
.toast-bottom-left {
  bottom: 12px;
  left: 12px;
}
.toast-title {
  font-weight: bold;
}
.toast-message {
  word-wrap: break-word;
}
.toast-message a,
.toast-message label {
  color: #FFFFFF;
}
.toast-message a:hover {
  color: #CCCCCC;
  text-decoration: none;
}
.toast-close-button {
  position: relative;
  right: -0.3em;
  top: -0.3em;
  float: right;
  font-size: 20px;
  font-weight: bold;
  color: #FFFFFF;
  text-shadow: 0 1px 0 #ffffff;
}
.toast-close-button:hover,
.toast-close-button:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
}
button.toast-close-button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
}
.toast-container {
  pointer-events: none;
  position: fixed;
  z-index: 999999;
}
.toast-container * {
  box-sizing: border-box;
}
.toast-container .ngx-toastr {
  position: relative;
  overflow: hidden;
  margin: 0 0 6px;
  padding: 15px 15px 15px 50px;
  width: 300px;
  border-radius: 3px 3px 3px 3px;
  background-position: 15px center;
  background-repeat: no-repeat;
  background-size: 24px;
  box-shadow: 0 0 12px #999999;
  color: #FFFFFF;
}
.toast-container .ngx-toastr:hover {
  box-shadow: 0 0 12px #000000;
  opacity: 1;
  cursor: pointer;
}
.toast-info {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOS4wNDMgOCA4IDExOS4wODMgOCAyNTZjMCAxMzYuOTk3IDExMS4wNDMgMjQ4IDI0OCAyNDhzMjQ4LTExMS4wMDMgMjQ4LTI0OEM1MDQgMTE5LjA4MyAzOTIuOTU3IDggMjU2IDh6bTAgMTEwYzIzLjE5NiAwIDQyIDE4LjgwNCA0MiA0MnMtMTguODA0IDQyLTQyIDQyLTQyLTE4LjgwNC00Mi00MiAxOC44MDQtNDIgNDItNDJ6bTU2IDI1NGMwIDYuNjI3LTUuMzczIDEyLTEyIDEyaC04OGMtNi42MjcgMC0xMi01LjM3My0xMi0xMnYtMjRjMC02LjYyNyA1LjM3My0xMiAxMi0xMmgxMnYtNjRoLTEyYy02LjYyNyAwLTEyLTUuMzczLTEyLTEydi0yNGMwLTYuNjI3IDUuMzczLTEyIDEyLTEyaDY0YzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MTAwaDEyYzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MjR6Jy8+PC9zdmc+);
}
.toast-error {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOSA4IDggMTE5IDggMjU2czExMSAyNDggMjQ4IDI0OCAyNDgtMTExIDI0OC0yNDhTMzkzIDggMjU2IDh6bTEyMS42IDMxMy4xYzQuNyA0LjcgNC43IDEyLjMgMCAxN0wzMzggMzc3LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwyNTYgMzEybC02NS4xIDY1LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwxMzQuNCAzMzhjLTQuNy00LjctNC43LTEyLjMgMC0xN2w2NS42LTY1LTY1LjYtNjUuMWMtNC43LTQuNy00LjctMTIuMyAwLTE3bDM5LjYtMzkuNmM0LjctNC43IDEyLjMtNC43IDE3IDBsNjUgNjUuNyA2NS4xLTY1LjZjNC43LTQuNyAxMi4zLTQuNyAxNyAwbDM5LjYgMzkuNmM0LjcgNC43IDQuNyAxMi4zIDAgMTdMMzEyIDI1Nmw2NS42IDY1LjF6Jy8+PC9zdmc+);
}
.toast-success {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTE3My44OTggNDM5LjQwNGwtMTY2LjQtMTY2LjRjLTkuOTk3LTkuOTk3LTkuOTk3LTI2LjIwNiAwLTM2LjIwNGwzNi4yMDMtMzYuMjA0YzkuOTk3LTkuOTk4IDI2LjIwNy05Ljk5OCAzNi4yMDQgMEwxOTIgMzEyLjY5IDQzMi4wOTUgNzIuNTk2YzkuOTk3LTkuOTk3IDI2LjIwNy05Ljk5NyAzNi4yMDQgMGwzNi4yMDMgMzYuMjA0YzkuOTk3IDkuOTk3IDkuOTk3IDI2LjIwNiAwIDM2LjIwNGwtMjk0LjQgMjk0LjQwMWMtOS45OTggOS45OTctMjYuMjA3IDkuOTk3LTM2LjIwNC0uMDAxeicvPjwvc3ZnPg==);
}
.toast-warning {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1NzYgNTEyJyB3aWR0aD0nNTc2JyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTU2OS41MTcgNDQwLjAxM0M1ODcuOTc1IDQ3Mi4wMDcgNTY0LjgwNiA1MTIgNTI3Ljk0IDUxMkg0OC4wNTRjLTM2LjkzNyAwLTU5Ljk5OS00MC4wNTUtNDEuNTc3LTcxLjk4N0wyNDYuNDIzIDIzLjk4NWMxOC40NjctMzIuMDA5IDY0LjcyLTMxLjk1MSA4My4xNTQgMGwyMzkuOTQgNDE2LjAyOHpNMjg4IDM1NGMtMjUuNDA1IDAtNDYgMjAuNTk1LTQ2IDQ2czIwLjU5NSA0NiA0NiA0NiA0Ni0yMC41OTUgNDYtNDYtMjAuNTk1LTQ2LTQ2LTQ2em0tNDMuNjczLTE2NS4zNDZsNy40MTggMTM2Yy4zNDcgNi4zNjQgNS42MDkgMTEuMzQ2IDExLjk4MiAxMS4zNDZoNDguNTQ2YzYuMzczIDAgMTEuNjM1LTQuOTgyIDExLjk4Mi0xMS4zNDZsNy40MTgtMTM2Yy4zNzUtNi44NzQtNS4wOTgtMTIuNjU0LTExLjk4Mi0xMi42NTRoLTYzLjM4M2MtNi44ODQgMC0xMi4zNTYgNS43OC0xMS45ODEgMTIuNjU0eicvPjwvc3ZnPg==);
}
.toast-container.toast-top-center .ngx-toastr,
.toast-container.toast-bottom-center .ngx-toastr {
  width: 300px;
  margin-left: auto;
  margin-right: auto;
}
.toast-container.toast-top-full-width .ngx-toastr,
.toast-container.toast-bottom-full-width .ngx-toastr {
  width: 96%;
  margin-left: auto;
  margin-right: auto;
}
.ngx-toastr {
  background-color: #030303;
  pointer-events: auto;
}
.toast-success {
  background-color: #51A351;
}
.toast-error {
  background-color: #BD362F;
}
.toast-info {
  background-color: #2F96B4;
}
.toast-warning {
  background-color: #F89406;
}
.toast-progress {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  background-color: #000000;
  opacity: 0.4;
}
@media all and (max-width: 240px) {
  .toast-container .ngx-toastr.div {
    padding: 8px 8px 8px 50px;
    width: 11em;
  }
  .toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 241px) and (max-width: 480px) {
  .toast-container .ngx-toastr.div {
    padding: 8px 8px 8px 50px;
    width: 18em;
  }
  .toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 481px) and (max-width: 768px) {
  .toast-container .ngx-toastr.div {
    padding: 15px 15px 15px 50px;
    width: 25em;
  }
}

/* src/styles.scss */
@font-face {
  font-family: "Inter";
  src: url("./media/Inter-Regular-LUAFLRU2.woff2") format("woff2");
  src:
    url("./media/Inter-Regular-LUAFLRU2.woff2") format("woff2"),
    url("./media/Inter-Regular-W42OHH4B.woff") format("woff"),
    url("./media/Inter-Regular-C2ZNOGA3.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gilroy";
  src:
    url("./media/Gilroy-Semibold-HFIVR26C.woff2") format("woff2"),
    url("./media/Gilroy-Semibold-VA2MEVKC.woff") format("woff"),
    url("./media/Gilroy-Semibold-7L2X2MYV.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
body {
  font-family:
    Verdana,
    Geneva,
    Tahoma,
    sans-serif;
  font-family: "Inter";
}
h1,
h2,
h3,
h4,
h5 {
  font-weight: 500;
  font-family: "Gilroy";
}
@keyframes enter-slide-down {
  from {
    transform: translate(-50%, -60%);
  }
  to {
    transform: translate(-50%, -50%);
  }
}
@keyframes enter-scaling {
  from {
    transform: scale(0.3) translate(-50%, -50%);
  }
  to {
    transform: scale(1) translate(-50%, -50%);
  }
}
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes overlay-leave {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    z-index: 0;
    position: static;
  }
}
html {
  padding: 0;
  margin: 0;
  overflow-x: hidden;
}
body {
  font-size: 10px;
  padding: 0;
  margin: 0;
  background: #FFF;
  overflow-x: hidden;
  overflow-y: hidden;
  height: 100vh;
}
* {
  box-sizing: border-box;
  touch-action: manipulation !important;
}
.bold {
  font-weight: 500;
}
.d-flex {
  display: flex;
}
.flex-1 {
  flex: 1;
}
@media (max-width: 834px) {
  .hide-mobile {
    display: none !important;
  }
}
.hide-desktop {
  display: none;
}
@media (max-width: 1400px) {
  .hide-desktop {
    display: block;
  }
}
.justify-content-between {
  justify-content: space-between;
}
@media (max-width: 834px) {
  .m-justify-content-between {
    justify-content: space-between;
  }
}
.justify-content-center {
  justify-content: center;
}
@media (max-width: 834px) {
  .m-justify-content-center {
    justify-content: center;
  }
}
.justify-content-end {
  justify-content: flex-end;
}
@media (max-width: 834px) {
  .m-justify-content-end {
    justify-content: flex-end !important;
  }
}
.justify-content-evenly {
  justify-content: space-evenly;
}
.align-items-center {
  align-items: center;
}
.align-items-start {
  align-items: flex-start;
}
.align-items-end {
  align-items: flex-end;
}
.container {
  max-width: 90%;
  margin: auto;
}
@media (min-width: 1300px) {
  .container {
    max-width: 1200px;
  }
}
.inner-container {
  max-width: 90%;
  margin: auto;
}
.wide-container {
  max-width: 90%;
  margin: auto;
}
.row-reverse > div:first-child {
  order: 2;
}
.row-reverse > div:last-child {
  order: 1;
}
.row {
  margin-left: -15px;
  margin-right: -15px;
  display: flex;
  justify-content: flex-start;
}
.row > div {
  box-sizing: border-box;
}
.row .col-md-1 {
  width: 100%;
}
.row .col-md-2 {
  width: 100%;
}
.row .col-md-3 {
  width: 100%;
}
.row .col-md-4 {
  width: 100%;
}
.row .col-md-5 {
  width: 100%;
}
.row .col-md-6 {
  width: 100%;
}
.row .col-md-7 {
  width: 100%;
}
.row .col-md-8 {
  width: 100%;
}
.row .col-md-9 {
  width: 100%;
}
.row .col-md-10 {
  width: 100%;
}
.row .col-md-11 {
  width: 100%;
}
.row .col-md-12 {
  width: 100%;
}
@media (min-width: 834px) {
  .row .col-md-1 {
    width: 8.333%;
    padding: 0 15px;
  }
  .row .col-md-2 {
    width: 16.66%;
    padding: 0 15px;
  }
  .row .col-md-3 {
    width: 25%;
    padding: 0 15px;
  }
  .row .col-md-4 {
    width: 33.3%;
    padding: 0 15px;
  }
  .row .col-md-5 {
    width: 41.65%;
    padding: 0 15px;
  }
  .row .col-md-6 {
    width: 50%;
    padding: 0 15px;
  }
  .row .col-md-7 {
    width: 58.33%;
    padding: 0 15px;
  }
  .row .col-md-8 {
    width: 66.6%;
    padding: 0 15px;
  }
  .row .col-md-9 {
    width: 75%;
    padding: 0 15px;
  }
  .row .col-md-10 {
    width: 83.33%;
    padding: 0 15px;
  }
  .row .col-md-11 {
    width: 91.66;
    padding: 0 15px;
  }
  .row .col-md-12 {
    width: 100%;
    padding: 0 15px;
  }
}
@media (min-width: 1400px) {
  .row .col-lg-1 {
    width: 8.333%;
  }
  .row .col-lg-2 {
    width: 16.66%;
  }
  .row .col-lg-3 {
    width: 25%;
  }
  .row .col-lg-4 {
    width: 33.3%;
  }
  .row .col-lg-5 {
    width: 41.65%;
  }
  .row .col-lg-6 {
    width: 50%;
  }
  .row .col-lg-7 {
    width: 58.33%;
  }
  .row .col-lg-8 {
    width: 66.6%;
  }
  .row .col-lg-9 {
    width: 75%;
  }
  .row .col-lg-10 {
    width: 83.33%;
  }
  .row .col-lg-11 {
    width: 91.66;
  }
  .row .col-lg-12 {
    width: 100%;
  }
}
.pos-rel {
  position: relative;
}
.d-table {
  display: table;
  width: 100%;
}
.d-table > div {
  display: table-cell;
  vertical-align: middle;
}
.btn,
.btn-primary {
  padding: 1rem 1.4rem;
  font-size: 0.9rem;
  text-decoration: none;
}
.uppercase {
  text-transform: uppercase;
}
.text-left {
  text-align: left;
}
.text-left-important {
  text-align: left !important;
}
.text-center {
  text-align: center;
}
p {
  font-size: 1rem;
}
h2 {
  font-size: 1.6rem;
}
h3 {
  font-size: 1.2rem;
}
.form-row {
  padding-bottom: 15px;
}
.form-addon > div label {
  width: 20%;
}
.form-addon > div label + * {
  width: 80%;
}
.underline {
  text-decoration: underline;
}
.cursor-pointer {
  cursor: pointer;
}
a {
  cursor: pointer;
}
.surrogate-date-input,
textarea,
input[type=password],
input[type=text],
input[type=email],
input[type=time],
select,
textarea,
input[type=number] {
  padding: 15px 20px;
  color: #5A5E5E;
}
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
input[type=number] {
  -moz-appearance: textfield;
}
.screen-reader {
  position: absolute;
  left: -99999px;
}
.pos-rel {
  position: relative;
}
.py-1 {
  padding-top: 10px;
  padding-bottom: 10px;
}
.py-2 {
  padding-top: 20px;
  padding-bottom: 20px;
}
.py-3 {
  padding-top: 30px;
  padding-bottom: 30px;
}
.py-4 {
  padding-top: 40px;
  padding-bottom: 40px;
}
.py-5 {
  padding-top: 50px;
  padding-bottom: 50px;
}
@media (max-width: 568px) {
  .py-5 {
    padding-bottom: 0px;
  }
}
.account--flex {
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
}
.account--flex sketch-accountsidebar + div {
  flex-grow: 1;
  padding-top: 30px;
  padding-bottom: 30px;
}
@media (max-width: 834px) {
  .account--flex {
    width: 100%;
    flex-direction: column;
  }
}
@media (max-width: 834px) {
  .m-column {
    flex-direction: column !important;
  }
}
.card {
  padding: 30px 30px 60px 30px;
  position: relative;
}
.card h4 {
  font-size: 1.2rem;
  font-weight: 500;
  padding: 0;
  margin: 0 0 15px 0;
}
.card .bold {
  font-weight: 500;
}
.card p {
  font-size: 0.8rem;
  margin: 0;
  padding: 0 0 5px 0;
}
.card p.mb-2 {
  padding-bottom: 15px;
}
.card .edit--card {
  position: absolute;
  bottom: 30px;
  left: 30px;
  font-size: 0.9rem;
  text-decoration: underline;
}
.card .edit--card__alt {
  position: absolute;
  bottom: 30px;
  right: 30px;
  font-size: 0.9rem;
  text-decoration: underline;
}
.table {
  width: 100%;
}
.table th {
  text-align: left;
  padding: 5px 5px 10px 5px;
  font-weight: normal;
  font-size: 0.8rem;
}
.table td {
  padding: 5px;
  font-size: 0.8rem;
  font-weight: 500;
}
.h5-title {
  font-weight: 500;
  font-size: 0.8rem;
  text-transform: uppercase;
  letter-spacing: 4;
  margin: 0;
  padding: 0 0 5px 0;
}
.max-80 {
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
}
.my-3 {
  margin-top: 30px;
  margin-bottom: 30px;
}
.round {
  border-radius: 50%;
  -moz-border-radius: 50%;
}
.round img {
  border-radius: 50%;
  -moz-border-radius: 50%;
}
.btn-link {
  border: 0;
  background: none;
  cursor: pointer;
}
.bigger-text {
  font-weight: 600;
  font-size: 1.2rem;
}
.box .box-header > span,
.box .box-header a {
  padding: 15px 15px;
  font-size: 0.9rem;
  width: 100%;
}
.box .box-header__title {
  display: block;
  padding: 15px 15px;
  font-size: 0.9rem;
}
.box .box-content {
  padding: 15px 20px 15px;
}
.box .box-content__tiles {
  flex-wrap: wrap;
}
.box .box-content__tiles > div {
  width: 40px;
  padding: 5px;
  font-size: 0.9rem;
}
.w-100 {
  width: 100%;
}
.amber-circle,
.red-circle,
.green-circle {
  margin-right: 0;
  margin-top: 0;
  min-width: 14px;
  min-height: 14px;
  border-radius: 50%;
  width: 14px;
  height: 14px;
  display: inline-block;
}
.title-case {
  text-transform: capitalize;
}
.text-upper {
  text-transform: uppercase;
}
.alert-error {
  padding: 0.9375rem;
  border-radius: 0.375rem;
}
.alert-error img {
  width: 30px;
  display: inline-block;
  margin-right: 5px;
}
.alert {
  text-align: center;
  padding: 15px 15px;
  font-size: 0.9rem;
  width: 100%;
}
.alert sketch-svg,
.alert img {
  width: 14px;
  margin-right: 5px;
}
button {
  cursor: pointer;
}
.nav-sidebar {
  width: 300px;
  border-top-right-radius: 30px;
}
@media (max-width: 1400px) {
  .padd-top,
  .search-page {
    padding-top: 120px;
  }
}
@media (max-width: 834px) {
  .padd-top,
  .search-page {
    padding-top: 140px;
  }
}
@media (max-width: 568px) {
  .padd-top,
  .search-page {
    padding-top: 100px;
  }
}
.alert p {
  margin: 0;
}
.text-left {
  text-align: left;
}
.mh-300 {
  max-height: 300px;
}
.v-scroll {
  overflow-y: auto;
}
app-sales-order-entry {
  display: block;
  min-height: 90vh;
}
.with-addon {
  position: relative;
  padding-right: 30px;
}
.with-addon .addon {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  font-size: 1rem;
  line-height: 1;
  vertical-align: middle;
  background: #EFEFEF;
  width: 30px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  text-align: center;
}
.with-addon .addon span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
}
.with-addon input[type=number] {
  width: 90px !important;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.alert {
  display: inline-block;
  width: auto;
  padding: 10px 20px;
  background: #EFEFEF;
  border-radius: 8px;
}
.alert-warning {
  background: #faf8e8;
  border: 1px solid #f9f1b4;
}
.customer-sidebar .so-entry-tabs.tab-box a {
  font-weight: bold;
}
.customer-sidebar .so-entry-tabs.tab-box a:after {
  display: none !important;
}
.customer-sidebar .so-entry-tabs.tab-box a:first-child {
  padding-left: 0 !important;
}
.mr-1 {
  margin-right: 10px;
}
.mr-2 {
  margin-right: 20px;
}
.mr-3 {
  margin-right: 30px;
}
.mr-4 {
  margin-right: 40px;
}
.mr-5 {
  margin-right: 50px;
}
.mr-6 {
  margin-right: 60px;
}
.ml-1 {
  margin-left: 10px;
}
.ml-2 {
  margin-left: 20px;
}
.ml-3 {
  margin-left: 30px;
}
.ml-4 {
  margin-left: 40px;
}
.ml-5 {
  margin-left: 50px;
}
.ml-6 {
  margin-left: 60px;
}
.mt-1 {
  margin-top: 10px;
}
.mt-2 {
  margin-top: 20px;
}
.mt-3 {
  margin-top: 30px;
}
.mt-4 {
  margin-top: 40px;
}
.mt-5 {
  margin-top: 50px;
}
.mt-6 {
  margin-top: 60px;
}
.mt-7 {
  margin-top: 70px;
}
.mt-8 {
  margin-top: 80px;
}
.mb-1 {
  margin-bottom: 5px;
}
.mb-2 {
  margin-bottom: 10px;
}
.mb-3 {
  margin-bottom: 15px;
}
.mb-4 {
  margin-bottom: 20px;
}
.mb-5 {
  margin-bottom: 30px;
}
.mb-6 {
  margin-bottom: 60px;
}
.mb-7 {
  margin-bottom: 70px;
}
.mb-8 {
  margin-bottom: 80px;
}
.pr-1 {
  padding-right: 10px;
}
.pr-2 {
  padding-right: 20px;
}
.pr-3 {
  padding-right: 30px;
}
.pr-4 {
  padding-right: 40px;
}
.pr-5 {
  padding-right: 50px;
}
.pl-1 {
  padding-left: 10px;
}
.pl-2 {
  padding-left: 20px;
}
.pl-3 {
  padding-left: 30px;
}
.pl-4 {
  padding-left: 40px;
}
.pl-5 {
  padding-left: 50px;
}
.pt-1 {
  padding-top: 10px;
}
.pt-2 {
  padding-top: 20px;
}
.pt-3 {
  padding-top: 30px;
}
.pt-4 {
  padding-top: 40px;
}
.pt-5 {
  padding-top: 50px;
}
.pt-6 {
  padding-top: 60px;
}
.pt-7 {
  padding-top: 70px;
}
.pt-8 {
  padding-top: 80px;
}
.pb-1 {
  padding-bottom: 5px;
}
.pb-2 {
  padding-bottom: 10px;
}
.pb-3 {
  padding-bottom: 15px;
}
.pb-4 {
  padding-bottom: 20px;
}
.pb-5 {
  padding-bottom: 30px;
}
.mbup-1 {
  margin-bottom: -10px;
}
.mbup-2 {
  margin-bottom: -20px;
}
.mbup-3 {
  margin-bottom: -30px;
}
.mbup-4 {
  margin-bottom: -40px;
}
.mbup-5 {
  margin-bottom: -50px;
}
.mbup-6 {
  margin-bottom: -60px;
}
.mbup-7 {
  margin-bottom: -70px;
}
.mbup-8 {
  margin-bottom: -80px;
}
.pt-10 {
  padding-top: 100px;
}
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  padding-right: 30px;
}
.select-wrapper {
  position: relative;
  display: inline-block;
  width: 100%;
}
.select-wrapper::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 10px;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #000;
  transform: translateY(-50%);
  pointer-events: none;
}
.surrogate-date-input,
input[type=date],
select,
input[type=text],
input[type=time],
input[type=password] {
  padding: 20px 20px;
  width: 100%;
  border-radius: 8px;
  font-size: 0.8rem;
  -webkit-autofill: none;
}
@media (max-width: 1400px) {
  .surrogate-date-input,
  input[type=date],
  select,
  input[type=text],
  input[type=time],
  input[type=password] {
    padding: 15px 10px;
  }
}
.surrogate-date-input.small,
input[type=date].small,
select.small,
input[type=text].small,
input[type=time].small,
input[type=password].small {
  padding: 5px 10px;
}
.surrogate-date-input.rounded,
input[type=date].rounded,
select.rounded,
input[type=text].rounded,
input[type=time].rounded,
input[type=password].rounded {
  border-radius: 8px;
}
form label {
  font-size: 1rem;
  padding-bottom: 10px;
}
form .error {
  padding: 5px 10px;
  font-size: 0.9rem;
}
.ng-select.ng-select-single .ng-select-container {
  height: 36px;
  border-radius: 0;
}
.ng-select .ng-select-container {
  padding: 0 !important;
  width: 100%;
  font-size: 0.8rem;
  height: auto !important;
}
.ng-select .ng-select-container input[type=text] {
  padding: 20px !important;
}
.ng-dropdown-panel {
  border: 0;
  border-radius: 3px;
  box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.1);
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option {
  padding: 10px 10px;
  font-size: 0.8rem;
}
body .ng-select .ng-select-container {
  padding: 0 !important;
  width: 100%;
  font-size: 0.8rem;
  height: auto !important;
  padding: 18px 20px !important;
  border-radius: 9px !important;
}
body .ng-select .ng-value {
  color: #5A5E5E !important;
}
body .ng-dropdown-panel .ng-dropdown-panel-items .ng-option {
  color: #797F84 !important;
  margin: 0;
  list-style: none;
  padding: 8px 15px;
  box-sizing: border-box;
  font-size: 0.8rem;
  cursor: pointer;
}
body body .ng-select .ng-select-container .ng-value-container .ng-input > input {
  padding: 15px !important;
}
.input-row {
  padding-bottom: 15px;
}
h1 {
  font-size: 1.8rem;
  margin: 0;
  padding: 0 0 10px 0;
}
@media (max-width: 1400px) {
  h1 {
    font-size: 1.4rem;
  }
}
h2 {
  font-size: 1.6rem;
  margin: 0;
  padding: 0 0 10px 0;
}
@media (max-width: 1400px) {
  h2 {
    font-size: 1.2rem;
  }
}
h3 {
  font-size: 1.4rem;
  margin: 0;
  padding: 0 0 10px 0;
}
@media (max-width: 1400px) {
  h3 {
    font-size: 1.1rem;
  }
}
h4 {
  font-size: 1.2rem;
  margin: 0;
  padding: 0 0 10px 0;
}
@media (max-width: 1400px) {
  h4 {
    font-size: 1rem;
  }
}
h5 {
  font-size: 1.1rem;
  margin: 0;
  padding: 0 0 10px 0;
}
@media (max-width: 1400px) {
  h5 {
    font-size: 0.9rem;
  }
}
h6 {
  font-size: 1rem;
  margin: 0;
  padding: 0 0 10px 0;
}
@media (max-width: 1400px) {
  h6 {
    font-size: 0.8rem;
  }
}
h1.no-padd,
h2.no-padd,
h3.no-padd,
h4.no-padd,
h5.no-padd,
h6.no-padd {
  padding: 0;
}
.bold {
  font-weight: bold;
}
.text-underline {
  text-decoration: underline;
}
.text-underline:hover {
  text-decoration: underline;
}
button {
  transition: all 0.5s;
  border-radius: 6px;
}
button:hover {
  transition: all 0.5s;
}
.mayne-button {
  padding: 15px;
}
.arrow-button {
  padding: 7px 10px;
  border-radius: 8px;
}
.inner-surround {
  padding: 15px;
}
body {
  font-size: 10px;
}
.pointer {
  cursor: pointer;
}
.table-outer {
  overflow: hidden;
}
.table-outer .badge {
  padding: 3px 8px;
  border-radius: 9px;
  font-size: 0.5rem;
  margin-left: 5px;
}
.table-outer table {
  border-collapse: collapse;
  width: 100%;
  overflow-y: auto;
  position: relative;
  max-width: 100%;
}
.table-outer table thead {
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  border: 1px solid transparent;
  position: sticky;
}
.table-outer table thead th {
  padding: 9px;
  font-size: 0.8rem;
  text-align: center;
}
.table-outer table thead th.sort {
  cursor: pointer;
}
.table-outer table thead th:first-child {
  border-top-left-radius: 15px;
}
.table-outer table thead th:last-child {
  border-top-right-radius: 15px;
}
.table-outer table tbody {
  border-collapse: collapse;
  min-height: 300px;
}
.table-outer table tbody td {
  padding: 9px;
  text-align: center;
  font-size: 0.75rem;
  position: relative;
}
.table-outer table tbody td a {
  text-decoration: none;
}
.table-outer table.big-padding thead th {
  padding: 15px;
}
.table-outer table.big-padding tbody td {
  padding: 15px;
}
.table-outer {
  overflow-y: auto;
}
.table-outer table {
  position: relative;
  overflow-y: auto;
}
.table-outer table thead {
  position: sticky;
}
.th-300 {
  height: 300px;
}
.th-400 {
  height: 400px;
}
.th-500 {
  max-height: 500px;
}
tr.cursor {
  cursor: pointer;
}
.table-outer table thead th.text-left,
.table-outer table tbody td.text-left {
  text-align: left;
}
app-table table {
  border-radius: 8px;
  outline: 1px solid var(--grayscale-c5);
  border-spacing: inherit;
  overflow: hidden;
}
app-table table table.mat-table {
  min-width: 100%;
}
.resizable-table {
  overflow: auto;
}
.resizable-table app-table .dc-table {
  overflow: auto;
}
th[columnResize]:hover {
  background: var(--grayscale-c3) !important;
  position: relative;
}
th[columnResize]:hover::after {
  border-right: 2px solid var(--primary-c6);
  content: "";
  position: absolute;
  top: 0;
  right: 0px;
  bottom: 0;
  width: 10px;
  cursor: var(--col-resize-svg);
}
th[columnResize].resizing-col {
  background: var(--grayscale-c3) !important;
  border-right: 2px solid var(--primary-c6);
}
.sidebar-container {
  position: fixed;
  background: rgba(0, 0, 0, 0.5);
  left: 100%;
  top: 0;
  bottom: 0;
  display: block;
  left: 100%;
  width: 100%;
  display: block;
}
.sidebar-container.large .sidebar-body {
  width: 90%;
}
.sidebar-container.active {
  width: 100%;
  left: 0px;
  display: block;
}
.sidebar-container.active .sidebar-body {
  left: auto;
  right: 0;
}
.sidebar-container .sidebar-body {
  position: absolute;
  width: 50%;
  height: 100vh;
  background: #FFF;
  display: block;
  left: 100%;
  padding: 30px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.sidebar-container > div {
  background: #FFF;
  display: block;
}
mayne-sales-order-lock {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.nav-element-outer .child-items .nav-element {
  padding: 8px 10px 8px 0;
  font-size: 0.8rem !important;
  line-height: 1rem;
}
.nav-element-outer .child-items .nav-element-outer .nav-element:first-child {
  padding-top: 10px !important;
}
body .dp-calendar-wrapper {
  padding: 0px 20px 10px 20px !important;
}
body dp-calendar-nav .dp-nav-btns-container {
  position: static !important;
  transform: none !important;
}
body dp-calendar-nav .dp-nav-header {
  position: static !important;
  transform: none !important;
}
body .dp-nav-header-btn {
  font-size: 1.2rem;
  color: #333C4A !important;
}
body dp-calendar-nav .dp-calendar-nav-container {
  height: auto !important;
}
body .dp-calendar-nav-container-left {
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
}
body .dp-calendar-nav-container-left button {
  background: none !important;
}
body .dp-calendar-nav-container-right {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
}
body .dp-calendar-nav-container-right button {
  background: none !important;
}
body .dp-current-location-btn {
  display: none !important;
}
body dp-calendar-nav .dp-calendar-nav-container {
  border: 1px solid #EBEDF0 !important;
  border-bottom: 0 !important;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  text-align: center !important;
}
body .dp-calendar-day {
  box-sizing: border-box;
  width: 45px !important;
  height: 45px !important;
  cursor: pointer;
  background: none !important;
  border-radius: 100%;
  padding: 3px;
  box-sizing: border-box;
  color: #797F84 !important;
}
body dp-calendar-nav .dp-nav-header-btn {
  background: none !important;
}
body .dp-calendar-weekday {
  box-sizing: border-box;
  display: inline-block;
  width: 45px !important;
  padding-top: 5px !important;
  padding-bottom: 0px !important;
  text-align: center;
  border-left: 0 !important;
  border-bottom: 0 !important;
  text-transform: uppercase !important;
  font-weight: bold !important;
  font-size: 0.8rem !important;
  color: #B5B8BD !important;
  font-family: "Gilroy" !important;
}
body dp-day-calendar .dp-calendar-wrapper {
  box-sizing: border-box;
  border: 1px solid #EBEDF0 !important;
  border-top: 0 !important;
}
body dp-day-calendar .dp-current-day {
  background: #f5af86 !important;
  color: #FFF !important;
}
body dp-day-calendar .dp-selected {
  background: #F56A1A !important;
  color: #FFF !important;
}
body .cdk-overlay-container {
  position: fixed;
  z-index: 99999;
}
body .dp-calendar-day[disabled] {
  opacity: 0.5 !important;
}
body .dp-calendar-day[disabled],
body dp-day-calendar .dp-prev-month,
body dp-day-calendar .dp-next-month {
  opacity: 0.5;
  background: #ebebeb !important;
}
.tab-content {
  padding-top: 30px;
  width: 100%;
  display: none;
}
.tab-content.active {
  display: block;
}
.tab-content h2 {
  font-size: 1.3rem;
}
.tab-content .d-flex {
  width: 100%;
}
.tab-content label {
  display: block;
  padding-bottom: 10px;
  font-size: 0.9rem;
}
.tab-content select,
.tab-content input {
  width: 100%;
}
.table.big-padding thead th {
  font-family: "Gilroy";
  font-size: 16px;
}
.ng-select .ng-select-container {
  height: 58px;
  border: 1px solid rgb(90, 94, 94);
}
.filter-area__action .add-filter .icon-button {
  font-size: 16px !important;
}
.filter-area__action .export-button .icon-button {
  min-width: 150px !important;
  box-sizing: border-box !important;
  height: 35px !important;
}
.nav-sidebar {
  display: block;
  height: 100vh;
  left: 0;
  top: 0;
  width: 260px;
  padding: 0;
  position: fixed;
}
.nav-sidebar + div {
  padding-left: 260px;
}
mayne-nav {
  display: block;
  height: 100vh;
  left: 0;
  top: 0;
  width: 260px;
  padding: 0;
}
.nav-sidebar {
  width: 360px;
  padding-right: 40px;
  overflow: hidden;
  box-sizing: border-box;
}
.nav-sidebar img {
  max-width: 100%;
}
.hierarchical-permissions .left-col .mayne-checkbox {
  padding: 5px 10px !important;
  border-radius: 6px !important;
}
.validation {
  box-sizing: border-box;
  padding: 10px 15px;
  font-size: 0.8rem;
  border-radius: 5px;
}
@media (max-width: 1400px) {
  .desktop-wrap {
    flex-wrap: wrap;
  }
  .desktop-100 {
    width: 100%;
  }
  .desktop-hide {
    display: none;
  }
}
body input:focus,
body textarea:focus,
body select:focus {
  outline: none !important;
  box-shadow: none !important;
}
body th {
  font-weight: normal;
}
body .sales-order-top-bar .form-field label {
  font-weight: 500 !important;
}
body .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected .ng-option-label,
body .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked .ng-option-label {
  font-weight: 500 !important;
}
.mayne-label {
  font-size: 1rem;
  padding-bottom: 10px;
  display: block;
}
.floating-label-area {
  position: relative;
  padding: 22px 15px 10px 15px;
}
.floating-label-area .floating-label {
  position: absolute;
  left: 15px;
  top: 6px;
  font-size: 0.8rem;
}
.floating-label-area .floating-label-content {
  display: block;
  font-size: 0.9rem;
}
.column-header {
  font-size: 0.8em;
  display: block;
  padding-bottom: 5px;
}
.column-text {
  font-size: 1rem;
  font-weight: bold;
  display: block;
}
.progress-container {
  width: 100%;
  border-radius: 10px;
  overflow: hidden;
}
.progress-bar {
  height: 6px;
  text-align: center;
  line-height: 7px;
  color: white;
  font-weight: bold;
  transition: width 0.3s ease;
}
.alert-danger {
  display: block;
  width: 100%;
  padding: 15px;
  border-radius: 10px;
  text-align: center;
  font-size: 1rem;
}
body {
  background: #FFFFFF;
  color: #797F84;
}
body.choosebranch,
body.login {
  background: #EFEFEF;
}
.shortcuts a {
  color: #797F84;
}
.bg-white {
  background: #FFF;
}
.text-highlight {
  color: #F56A1A;
}
.text-grey {
  color: #797F84;
}
.text-light {
  color: #A6A3A2;
}
.text-mayne {
  color: #00355B;
}
.text-dark {
  color: #333C4A;
}
.text-dark-grey {
  color: #4D4B4A;
}
.light-grey-text {
  color: #ababab;
}
.table-outer a,
.login-box a {
  color: #ababab;
}
.primary-button {
  background: #F56A1A;
  color: #fFF;
}
.mayne-button {
  background-color: #3EBDA1;
  color: #FFF;
  border-color: #3EBDA1;
  border: 1px solid transparent;
}
.mayne-button:hover {
  background-color: rgb(55.7011952191, 169.7988047809, 144.6434262948);
}
.customer-button {
  background-color: #F56A1A;
  color: #FFF;
  border-color: #F56A1A;
  border: 1px solid transparent;
}
.customer-button:hover {
  background-color: rgb(235.2280334728, 92.4476987448, 10.2719665272);
}
.bg-customer {
  background: #F56A1A;
  color: #FFF;
}
button {
  border: 1px solid transparent;
}
.highlight {
  color: #333C4A;
}
.border-bottom-solid {
  border-bottom: 1px solid #F5F4F7;
}
.bg-light-grey {
  background: #F5F4F7;
}
.bg-warehouse-grey {
  background: #F9F9F9;
}
.bg-dark-grey {
  background: #546371;
  color: #FFF;
}
.bg-highlight {
  background: #F56A1A;
}
.bg-primary {
  background: #3EBDA1;
  color: #fFF;
  border-color: transparent;
}
.bg-black {
  background: #4D4B4A;
  color: #FFF;
}
.bg-close {
  background: #3EBDA1;
  color: #fFF;
  border-color: transparent;
}
.bg-blank {
  background: none;
  border-color: transparent;
}
.bg-blankwhite {
  background: none;
  border-color: transparent;
  color: #FFF;
}
.text-light {
  color: #B7BEC3;
}
.bg-white {
  background: #FFF;
}
.green-circle {
  background: #17BCA1;
}
.red-circle {
  background: #F65859;
}
.amber-circle {
  background: orange;
}
.surrogate-date-input,
textarea,
.dropdown-collection .dropdown-button,
input[type=date],
input[type=password],
input[type=text],
input[type=number],
input[type=time],
select {
  border: 1px solid #F1F2F5;
}
.ng-select .ng-select-container {
  border: 1px solid #F1F2F5;
}
.ng-select.ng-select-opened > .ng-select-container {
  background: #fff;
  border-color: none;
}
.tab-bar {
  border: 1px solid #E8EAED;
}
.table thead tr {
  border-bottom: 1px solid #F6F6F6;
}
.alternative-pagination .paging-button {
  color: #9d9d9d;
  border: 1px solid #F1F2F5;
}
.alternative-pagination .paging-button.disabled {
  color: #F1F2F5;
}
form .error {
  background: #ffd7d7;
  border: 1px solid #e27979;
  color: #e27979;
}
.alert-danger {
  background: #ffd7d7;
  border: 1px solid #e27979;
  color: #e27979;
}
.validation.validation-error {
  background: #ffd7d7;
  border: 1px solid #e27979;
  color: #e27979;
}
.validation.validation-warning {
  background: #f9f6ee;
  border: 1px solid #e2bf79;
  color: #e4ab37;
}
.validation.validation-success {
  background: #d3ed97;
  border: 1px solid #d3ed97;
  color: #b6ee33;
}
.favourites-box {
  border: 2px solid transparent;
  background-color: #F5F4F7;
}
.favourites-box:hover {
  border: 2px solid #F56A1A;
  cursor: pointer;
}
.favourites-box h4 {
  color: #00355B;
}
.favourites-box.placeholder {
  border: 2px dashed #F5F4F7;
  background-color: #FFF;
}
.favourites-box.placeholder:hover {
  border: 2px dashed #F56A1A;
}
.border-bottom-grey {
  border-bottom: 1px solid #e4e2e7;
}
.border-top-grey {
  border-top: 1px solid #e4e2e7;
}
.border-top-light-grey {
  border-top: 1px solid #EBEDF0;
}
.border-top-dark-grey {
  border-top: 1px solid #EBEDF0;
}
.border-dark-grey {
  border: 1px solid #EBEDF0;
}
.orange-after::after {
  background-color: #333;
}
.mayne-badge {
  background: #ECEBEE;
}
.autocomplete-form .autocomplete-suggestions {
  background-color: #FFF;
}
.autocomplete-form .autocomplete-suggestions ul li:focus,
.autocomplete-form .autocomplete-suggestions ul li:hover {
  background: #F5F4F7;
}
.focus-background {
  background-color: #F5F4F7;
}
table th {
  color: #4D4B4A;
}
.table-striped tbody tr:nth-child(even) {
  background: #F9F9F9;
}
.table-outer thead {
  overflow: hidden;
}
.table-outer thead tr {
  border-top: 1px solid #EBEDF0;
  border-bottom: 1px solid #EBEDF0;
}
.table-outer th {
  background: #F9F9F9;
}
.table-outer tbody tr:nth-child(even) td {
  background: #FBFBFD;
}
.table-outer tbody tr:nth-child(even) td.in-stock {
  background: #E7F7F5;
}
.table-outer tbody tr:nth-child(even) td.out-of-stock {
  background: #F5E4E4;
}
.table-outer tbody tr:nth-child(odd) td.in-stock {
  background: #E4F5F3;
}
.table-outer tbody tr:nth-child(odd) td.out-of-stock {
  background: #FFF1F1;
}
.table-outer tbody a {
  color: #F56A1A;
}
.table-on-white th {
  background-color: #FFF;
  color: #4D4B4A;
}
.mayne-checkbox.active fa-icon {
  color: #F56A1A;
}
.dropdown-collection .chevron-down {
  color: #87929B;
}
::placeholder {
  color: #D1D5D9;
}
input::-webkit-input-placeholder {
  color: #D1D5D9;
}
input:-moz-placeholder {
  color: #D1D5D9;
}
input::-moz-placeholder {
  color: #D1D5D9;
}
input:-ms-input-placeholder {
  color: #D1D5D9;
}
.sales-order-top-bar .dropdown-button,
.sales-order-top-bar input[type=text] {
  border: 1px solid #EBEDF0;
}
.mayne-user-box__outer .mayne-user-box__outer-avatar span {
  background: #EFEFEF;
}
.add-product .cut-input,
.add-product .dropdown-button,
.add-product input[type=number],
.add-product input[type=text] {
  background: #F9F9F9;
  border: 1px solid #EBEDF0;
}
.add-product .cut-input {
  border: 1px solid #EBEDF0;
}
.tab-box.alternative-tabs div .bg-dark-grey {
  background: none !important;
  color: #797F84 !important;
}
.tab-box.alternative-tabs div .bg-dark-grey:after {
  background-color: #F56A1A;
}
.badge-blue {
  background: #2694FC;
  color: #FFF;
}
.bordered-table {
  border-left: 1px solid #EBEDF0;
  border-right: 1px solid #EBEDF0;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}
table tr.selected {
  background: #E4ECF3 !important;
}
table tr.selected td {
  background-color: #E4ECF3 !important;
}
.icon-button.bg-white {
  border: 1px solid #c7c2c2;
}
.icon-button.outline {
  border: 2px solid #333;
  background: #FFF;
}
.barcode-scan-content {
  border: 2px solid #F56A1A;
  background-color: #FEF5EF;
}
.barcode-scan-content.active {
  background: #ECFFEB;
  border: 2px solid #339D00;
}
.active-scan .barcode-scan-content {
  border: 3px solid #F56A1A;
}
.barcode-scan-outer.complete .barcode-scan-content {
  background: #ECFFEB;
  border: 2px solid #339D00;
  color: #339D00;
}
.barcode-scan-outer.error .barcode-scan-content {
  background: #ffebeb;
  border: 2px solid #e50202;
  color: #e50202;
}
.pick-box,
.select-with-label,
.product-detail-content {
  border: 1px solid #bababa;
  background: #F9F9F9;
}
.textarea-with-label,
.input-with-label {
  background-color: #FFF;
  border: 1px solid #bababa;
}
.dark-text {
  color: #272F3E;
}
.product-selector-container.bg-offwhite .content,
.alert-container.bg-offwhite .content {
  background: #F9F9F9;
}
.product-selector-container.bg-white .content,
.alert-container.bg-white .content {
  background: #FFF;
}
.test-scanner-container .content {
  background: #FFF;
}
.product-selector-table fa-icon {
  color: #F56A1A;
}
.pick-box.standard .floating-label-value span:first-child {
  color: #272F3E;
}
.pick-box.feature .floating-label-value span:first-child {
  color: #F56A1A;
}
.floating-label-area {
  min-height: 50px;
}
.password-popout .floating-label-area {
  background-color: #FFF;
  border: 1px solid #D5D5D5;
}
.password-popout .floating-label-area input {
  border: 0;
}
.input-entry {
  background: #F9F9F9;
}
.browse-component {
  border: 1px solid #D5D5D5;
}
.printer-card {
  border: 1px solid #D5D5D5;
}
.details-card-component {
  border: 1px solid #D5D5D5;
  background-color: #F9F9F9;
}
.loading-card-component {
  border: 1px solid #F9F9F9;
}
.product-component {
  border: 1px solid #339D00;
  background: #ECFFEB;
}
.text-green fa-icon {
  color: #339D00;
}
.progress-container {
  background-color: #D5D5D5;
}
.progress-bar {
  background-color: #F56A1A;
}
.arrow-button fa-icon {
  color: #FFF;
}
.border-white-on-grey {
  border: 1px solid #E9E9E9;
}
body.theme-dark {
  background: black;
  color: white;
}
body.theme-dark.choosebranch,
body.theme-dark.login {
  background: #EFEFEF;
}
body.theme-dark .nav-sidebar {
  background: #111727;
}
body.theme-dark .bg-white {
  background: #FFF;
}
body.theme-dark .text-highlight {
  color: #F56A1A;
}
body.theme-dark .text-grey {
  color: #797F84;
}
body.theme-dark .text-mayne {
  color: #00355B;
}
body.theme-dark .text-dark {
  color: #333C4A;
}
body.theme-dark .text-dark-grey {
  color: #4D4B4A;
}
body.theme-dark .light-grey-text {
  color: #ababab;
}
body.theme-dark .table-outer a,
body.theme-dark .login-box a {
  color: #ababab;
}
body.theme-dark .primary-button {
  background: #F56A1A;
  color: #fFF;
}
body.theme-dark .mayne-button {
  background-color: #3EBDA1;
  color: #FFF;
  border-color: #3EBDA1;
  border: 1px solid transparent;
}
body.theme-dark .mayne-button:hover {
  background-color: rgb(55.7011952191, 169.7988047809, 144.6434262948);
}
body.theme-dark .favourite-active {
  color: #F56A1A !important;
}
body.theme-dark .favourite-active svg {
  fill: #F56A1A !important;
}
body.theme-dark .bg-customer {
  background: #F56A1A;
  color: #FFF;
}
body.theme-dark button {
  border: 1px solid transparent;
}
body.theme-dark .highlight {
  color: #00355B;
}
body.theme-dark .border-bottom-solid {
  border-bottom: 1px solid #F5F4F7;
}
body.theme-dark .bg-light-grey {
  background: #343B48;
}
body.theme-dark .bg-dark-grey {
  background: #546371;
  color: #FFF;
}
body.theme-dark .bg-primary {
  background: #3EBDA1;
  color: #fFF;
  border-color: transparent;
}
body.theme-dark .bg-black {
  background: #4D4B4A;
  color: #FFF;
}
body.theme-dark .bg-close {
  background: #3EBDA1;
  color: #fFF;
  border-color: transparent;
}
body.theme-dark .bg-blank {
  background: none;
  border-color: transparent;
}
body.theme-dark .text-light {
  color: #B7BEC3;
}
body.theme-dark .bg-white {
  background: #FFF;
}
body.theme-dark .green-circle {
  background: #17BCA1;
}
body.theme-dark .red-circle {
  background: #F65859;
}
body.theme-dark .amber-circle {
  background: orange;
}
body.theme-dark textarea,
body.theme-dark .dropdown-collection .dropdown-button,
body.theme-dark input[type=date],
body.theme-dark input[type=password],
body.theme-dark input[type=text],
body.theme-dark input[type=number],
body.theme-dark input[type=time],
body.theme-dark select {
  border: 1px solid #F1F2F5;
}
body.theme-dark .ng-select .ng-select-container {
  border: 1px solid #F1F2F5;
}
body.theme-dark .ng-select.ng-select-opened > .ng-select-container {
  background: #fff;
  border-color: none;
}
body.theme-dark .tab-bar {
  border: 1px solid #E8EAED;
}
body.theme-dark .table thead tr {
  border-bottom: 1px solid #F6F6F6;
}
body.theme-dark .alternative-pagination .paging-button {
  color: #9d9d9d;
  border: 1px solid #F1F2F5;
}
body.theme-dark .alternative-pagination .paging-button.disabled {
  color: #F1F2F5;
}
body.theme-dark form .error {
  background: #ffd7d7;
  border: 1px solid #e27979;
  color: #e27979;
}
body.theme-dark .validation.validation-error {
  background: #ffd7d7;
  border: 1px solid #e27979;
  color: #e27979;
}
body.theme-dark .validation.validation-warning {
  background: #f9f6ee;
  border: 1px solid #e2bf79;
  color: #e4ab37;
}
body.theme-dark .validation.validation-success {
  background: #d3ed97;
  border: 1px solid #d3ed97;
  color: #b6ee33;
}
body.theme-dark .favourites-box {
  border: 2px solid transparent;
  background-color: #F5F4F7;
}
body.theme-dark .favourites-box:hover {
  border: 2px solid #F56A1A;
  cursor: pointer;
}
body.theme-dark .favourites-box h4 {
  color: #00355B;
}
body.theme-dark .favourites-box.placeholder {
  border: 2px dashed #F5F4F7;
  background-color: #FFF;
}
body.theme-dark .favourites-box.placeholder:hover {
  border: 2px dashed #F56A1A;
}
body.theme-dark .border-bottom-grey {
  border-bottom: 1px solid #e4e2e7;
}
body.theme-dark .border-top-grey {
  border-top: 1px solid #e4e2e7;
}
body.theme-dark .border-top-light-grey {
  border-top: 1px solid #EBEDF0;
}
body.theme-dark .border-top-dark-grey {
  border-top: 1px solid #EBEDF0;
}
body.theme-dark .border-dark-grey {
  border: 1px solid #EBEDF0;
}
body.theme-dark .orange-after::after {
  background-color: orange;
}
body.theme-dark .mayne-badge {
  background: #ECEBEE;
}
body.theme-dark .autocomplete-form .autocomplete-suggestions {
  background-color: #FFF;
}
body.theme-dark .autocomplete-form .autocomplete-suggestions ul li:focus,
body.theme-dark .autocomplete-form .autocomplete-suggestions ul li:hover {
  background: #F5F4F7;
}
body.theme-dark .focus-background {
  background-color: #F5F4F7;
}
body.theme-dark table th {
  color: #4D4B4A;
}
body.theme-dark .table-striped tbody tr:nth-child(even) {
  background: #F9F9F9;
}
body.theme-dark .table-outer thead {
  overflow: hidden;
}
body.theme-dark .table-outer thead tr {
  border-top: 1px solid #EBEDF0;
  border-bottom: 1px solid #EBEDF0;
}
body.theme-dark .table-outer th {
  background: #F9F9F9;
}
body.theme-dark .table-outer tbody tr:nth-child(even) td {
  background: #FBFBFD;
}
body.theme-dark .table-outer tbody tr:nth-child(even) td.in-stock {
  background: #E7F7F5;
}
body.theme-dark .table-outer tbody tr:nth-child(even) td.out-of-stock {
  background: #F5E4E4;
}
body.theme-dark .table-outer tbody tr:nth-child(odd) td.in-stock {
  background: #E4F5F3;
}
body.theme-dark .table-outer tbody tr:nth-child(odd) td.out-of-stock {
  background: #FFF1F1;
}
body.theme-dark .table-outer tbody a {
  color: #F56A1A;
}
body.theme-dark .table-on-white th {
  background-color: #FFF;
  color: #4D4B4A;
}
body.theme-dark .mayne-checkbox.active fa-icon {
  color: #F56A1A;
}
body.theme-dark .dropdown-collection .chevron-down {
  color: #87929B;
}
body.theme-dark ::placeholder {
  color: #D1D5D9;
}
body.theme-dark input::-webkit-input-placeholder {
  color: #D1D5D9;
}
body.theme-dark input:-moz-placeholder {
  color: #D1D5D9;
}
body.theme-dark input::-moz-placeholder {
  color: #D1D5D9;
}
body.theme-dark input:-ms-input-placeholder {
  color: #D1D5D9;
}
body.theme-dark .sales-order-top-bar .dropdown-button,
body.theme-dark .sales-order-top-bar input[type=text] {
  border: 1px solid #EBEDF0;
}
body.theme-dark .mayne-user-box__outer .mayne-user-box__outer-avatar span {
  background: #EFEFEF;
}
body.theme-dark .add-product .cut-input,
body.theme-dark .add-product .dropdown-button,
body.theme-dark .add-product input[type=number],
body.theme-dark .add-product input[type=text] {
  background: #F9F9F9;
  border: 1px solid #EBEDF0;
}
body.theme-dark .add-product .cut-input {
  border: 1px solid #EBEDF0;
}
body.theme-dark .tab-box.alternative-tabs div .bg-dark-grey {
  background: none !important;
  color: #797F84 !important;
}
body.theme-dark .tab-box.alternative-tabs div .bg-dark-grey:after {
  background-color: #F56A1A;
}
body.theme-dark .tab-box.so-entry-tabs.alternative-tabs div .bg-dark-grey {
  background: none !important;
  color: #F56A1A !important;
}
body.theme-dark .tab-box.so-entry-tabs.alternative-tabs div .bg-dark-grey:after {
  background-color: #F56A1A;
}
body.theme-dark .badge-blue {
  background: #2694FC;
  color: #FFF;
}
body.theme-dark .bordered-table {
  border-left: 1px solid #EBEDF0;
  border-right: 1px solid #EBEDF0;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}
body.theme-dark table tr.selected {
  background: #E4ECF3 !important;
}
body.theme-dark table tr.selected td {
  background-color: #E4ECF3 !important;
}
body.theme-dark .icon-button.bg-white {
  border: 1px solid #c7c2c2;
}
body.theme-light {
}
body.theme-light .hierarchical-permissions ul > li.active > div {
  background: #EFEFEF;
}
body.theme-light .hierarchical-permissions .left-col {
  border-right: 1px solid #EFEFEF;
}
body.theme-light .hierarchical-permissions .left-col .mayne-checkbox.active {
  background: #EFEFEF;
}
body.theme-light .hierarchical-permissions .left-col ul ul {
  border-left: 1px solid #EFEFEF;
}
body.theme-light .favourite-active {
  color: #F56A1A !important;
}
body.theme-light .favourite-active svg {
  fill: #F56A1A !important;
}
body.theme-light .right-col-top {
  border-bottom: 1px solid #EFEFEF;
}
body.theme-light .blue-table thead th {
  background: #EBF1F6;
}
body.theme-light .sales-order-table tbody tr:hover td {
  background: #ececef !important;
}
body.theme-light .customer-sidebar .so-entry-tabs.tab-box a.bg-dark-grey {
  color: #F56A1A !important;
}

/* src/colours.scss */
body {
  background: #FFFFFF;
  color: #797F84;
}
body.choosebranch,
body.login {
  background: #EFEFEF;
}
.shortcuts a {
  color: #797F84;
}
.bg-white {
  background: #FFF;
}
.text-highlight {
  color: #F56A1A;
}
.text-grey {
  color: #797F84;
}
.text-light {
  color: #A6A3A2;
}
.text-mayne {
  color: #00355B;
}
.text-dark {
  color: #333C4A;
}
.text-dark-grey {
  color: #4D4B4A;
}
.light-grey-text {
  color: #ababab;
}
.table-outer a,
.login-box a {
  color: #ababab;
}
.primary-button {
  background: #F56A1A;
  color: #fFF;
}
.mayne-button {
  background-color: #3EBDA1;
  color: #FFF;
  border-color: #3EBDA1;
  border: 1px solid transparent;
}
.mayne-button:hover {
  background-color: rgb(55.7011952191, 169.7988047809, 144.6434262948);
}
.customer-button {
  background-color: #F56A1A;
  color: #FFF;
  border-color: #F56A1A;
  border: 1px solid transparent;
}
.customer-button:hover {
  background-color: rgb(235.2280334728, 92.4476987448, 10.2719665272);
}
.bg-customer {
  background: #F56A1A;
  color: #FFF;
}
button {
  border: 1px solid transparent;
}
.highlight {
  color: #333C4A;
}
.border-bottom-solid {
  border-bottom: 1px solid #F5F4F7;
}
.bg-light-grey {
  background: #F5F4F7;
}
.bg-warehouse-grey {
  background: #F9F9F9;
}
.bg-dark-grey {
  background: #546371;
  color: #FFF;
}
.bg-highlight {
  background: #F56A1A;
}
.bg-primary {
  background: #3EBDA1;
  color: #fFF;
  border-color: transparent;
}
.bg-black {
  background: #4D4B4A;
  color: #FFF;
}
.bg-close {
  background: #3EBDA1;
  color: #fFF;
  border-color: transparent;
}
.bg-blank {
  background: none;
  border-color: transparent;
}
.bg-blankwhite {
  background: none;
  border-color: transparent;
  color: #FFF;
}
.text-light {
  color: #B7BEC3;
}
.bg-white {
  background: #FFF;
}
.green-circle {
  background: #17BCA1;
}
.red-circle {
  background: #F65859;
}
.amber-circle {
  background: orange;
}
.surrogate-date-input,
textarea,
.dropdown-collection .dropdown-button,
input[type=date],
input[type=password],
input[type=text],
input[type=number],
input[type=time],
select {
  border: 1px solid #F1F2F5;
}
.ng-select .ng-select-container {
  border: 1px solid #F1F2F5;
}
.ng-select.ng-select-opened > .ng-select-container {
  background: #fff;
  border-color: none;
}
.tab-bar {
  border: 1px solid #E8EAED;
}
.table thead tr {
  border-bottom: 1px solid #F6F6F6;
}
.alternative-pagination .paging-button {
  color: #9d9d9d;
  border: 1px solid #F1F2F5;
}
.alternative-pagination .paging-button.disabled {
  color: #F1F2F5;
}
form .error {
  background: #ffd7d7;
  border: 1px solid #e27979;
  color: #e27979;
}
.alert-danger {
  background: #ffd7d7;
  border: 1px solid #e27979;
  color: #e27979;
}
.validation.validation-error {
  background: #ffd7d7;
  border: 1px solid #e27979;
  color: #e27979;
}
.validation.validation-warning {
  background: #f9f6ee;
  border: 1px solid #e2bf79;
  color: #e4ab37;
}
.validation.validation-success {
  background: #d3ed97;
  border: 1px solid #d3ed97;
  color: #b6ee33;
}
.favourites-box {
  border: 2px solid transparent;
  background-color: #F5F4F7;
}
.favourites-box:hover {
  border: 2px solid #F56A1A;
  cursor: pointer;
}
.favourites-box h4 {
  color: #00355B;
}
.favourites-box.placeholder {
  border: 2px dashed #F5F4F7;
  background-color: #FFF;
}
.favourites-box.placeholder:hover {
  border: 2px dashed #F56A1A;
}
.border-bottom-grey {
  border-bottom: 1px solid #e4e2e7;
}
.border-top-grey {
  border-top: 1px solid #e4e2e7;
}
.border-top-light-grey {
  border-top: 1px solid #EBEDF0;
}
.border-top-dark-grey {
  border-top: 1px solid #EBEDF0;
}
.border-dark-grey {
  border: 1px solid #EBEDF0;
}
.orange-after::after {
  background-color: #333;
}
.mayne-badge {
  background: #ECEBEE;
}
.autocomplete-form .autocomplete-suggestions {
  background-color: #FFF;
}
.autocomplete-form .autocomplete-suggestions ul li:focus,
.autocomplete-form .autocomplete-suggestions ul li:hover {
  background: #F5F4F7;
}
.focus-background {
  background-color: #F5F4F7;
}
table th {
  color: #4D4B4A;
}
.table-striped tbody tr:nth-child(even) {
  background: #F9F9F9;
}
.table-outer thead {
  overflow: hidden;
}
.table-outer thead tr {
  border-top: 1px solid #EBEDF0;
  border-bottom: 1px solid #EBEDF0;
}
.table-outer th {
  background: #F9F9F9;
}
.table-outer tbody tr:nth-child(even) td {
  background: #FBFBFD;
}
.table-outer tbody tr:nth-child(even) td.in-stock {
  background: #E7F7F5;
}
.table-outer tbody tr:nth-child(even) td.out-of-stock {
  background: #F5E4E4;
}
.table-outer tbody tr:nth-child(odd) td.in-stock {
  background: #E4F5F3;
}
.table-outer tbody tr:nth-child(odd) td.out-of-stock {
  background: #FFF1F1;
}
.table-outer tbody a {
  color: #F56A1A;
}
.table-on-white th {
  background-color: #FFF;
  color: #4D4B4A;
}
.mayne-checkbox.active fa-icon {
  color: #F56A1A;
}
.dropdown-collection .chevron-down {
  color: #87929B;
}
::placeholder {
  color: #D1D5D9;
}
input::-webkit-input-placeholder {
  color: #D1D5D9;
}
input:-moz-placeholder {
  color: #D1D5D9;
}
input::-moz-placeholder {
  color: #D1D5D9;
}
input:-ms-input-placeholder {
  color: #D1D5D9;
}
.sales-order-top-bar .dropdown-button,
.sales-order-top-bar input[type=text] {
  border: 1px solid #EBEDF0;
}
.mayne-user-box__outer .mayne-user-box__outer-avatar span {
  background: #EFEFEF;
}
.add-product .cut-input,
.add-product .dropdown-button,
.add-product input[type=number],
.add-product input[type=text] {
  background: #F9F9F9;
  border: 1px solid #EBEDF0;
}
.add-product .cut-input {
  border: 1px solid #EBEDF0;
}
.tab-box.alternative-tabs div .bg-dark-grey {
  background: none !important;
  color: #797F84 !important;
}
.tab-box.alternative-tabs div .bg-dark-grey:after {
  background-color: #F56A1A;
}
.badge-blue {
  background: #2694FC;
  color: #FFF;
}
.bordered-table {
  border-left: 1px solid #EBEDF0;
  border-right: 1px solid #EBEDF0;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}
table tr.selected {
  background: #E4ECF3 !important;
}
table tr.selected td {
  background-color: #E4ECF3 !important;
}
.icon-button.bg-white {
  border: 1px solid #c7c2c2;
}
.icon-button.outline {
  border: 2px solid #333;
  background: #FFF;
}
.barcode-scan-content {
  border: 2px solid #F56A1A;
  background-color: #FEF5EF;
}
.barcode-scan-content.active {
  background: #ECFFEB;
  border: 2px solid #339D00;
}
.active-scan .barcode-scan-content {
  border: 3px solid #F56A1A;
}
.barcode-scan-outer.complete .barcode-scan-content {
  background: #ECFFEB;
  border: 2px solid #339D00;
  color: #339D00;
}
.barcode-scan-outer.error .barcode-scan-content {
  background: #ffebeb;
  border: 2px solid #e50202;
  color: #e50202;
}
.pick-box,
.select-with-label,
.product-detail-content {
  border: 1px solid #bababa;
  background: #F9F9F9;
}
.textarea-with-label,
.input-with-label {
  background-color: #FFF;
  border: 1px solid #bababa;
}
.dark-text {
  color: #272F3E;
}
.product-selector-container.bg-offwhite .content,
.alert-container.bg-offwhite .content {
  background: #F9F9F9;
}
.product-selector-container.bg-white .content,
.alert-container.bg-white .content {
  background: #FFF;
}
.test-scanner-container .content {
  background: #FFF;
}
.product-selector-table fa-icon {
  color: #F56A1A;
}
.pick-box.standard .floating-label-value span:first-child {
  color: #272F3E;
}
.pick-box.feature .floating-label-value span:first-child {
  color: #F56A1A;
}
.floating-label-area {
  min-height: 50px;
}
.password-popout .floating-label-area {
  background-color: #FFF;
  border: 1px solid #D5D5D5;
}
.password-popout .floating-label-area input {
  border: 0;
}
.input-entry {
  background: #F9F9F9;
}
.browse-component {
  border: 1px solid #D5D5D5;
}
.printer-card {
  border: 1px solid #D5D5D5;
}
.details-card-component {
  border: 1px solid #D5D5D5;
  background-color: #F9F9F9;
}
.loading-card-component {
  border: 1px solid #F9F9F9;
}
.product-component {
  border: 1px solid #339D00;
  background: #ECFFEB;
}
.text-green fa-icon {
  color: #339D00;
}
.progress-container {
  background-color: #D5D5D5;
}
.progress-bar {
  background-color: #F56A1A;
}
.arrow-button fa-icon {
  color: #FFF;
}
.border-white-on-grey {
  border: 1px solid #E9E9E9;
}
body.theme-dark {
  background: black;
  color: white;
}
body.theme-dark.choosebranch,
body.theme-dark.login {
  background: #EFEFEF;
}
body.theme-dark .nav-sidebar {
  background: #111727;
}
body.theme-dark .bg-white {
  background: #FFF;
}
body.theme-dark .text-highlight {
  color: #F56A1A;
}
body.theme-dark .text-grey {
  color: #797F84;
}
body.theme-dark .text-mayne {
  color: #00355B;
}
body.theme-dark .text-dark {
  color: #333C4A;
}
body.theme-dark .text-dark-grey {
  color: #4D4B4A;
}
body.theme-dark .light-grey-text {
  color: #ababab;
}
body.theme-dark .table-outer a,
body.theme-dark .login-box a {
  color: #ababab;
}
body.theme-dark .primary-button {
  background: #F56A1A;
  color: #fFF;
}
body.theme-dark .mayne-button {
  background-color: #3EBDA1;
  color: #FFF;
  border-color: #3EBDA1;
  border: 1px solid transparent;
}
body.theme-dark .mayne-button:hover {
  background-color: rgb(55.7011952191, 169.7988047809, 144.6434262948);
}
body.theme-dark .favourite-active {
  color: #F56A1A !important;
}
body.theme-dark .favourite-active svg {
  fill: #F56A1A !important;
}
body.theme-dark .bg-customer {
  background: #F56A1A;
  color: #FFF;
}
body.theme-dark button {
  border: 1px solid transparent;
}
body.theme-dark .highlight {
  color: #00355B;
}
body.theme-dark .border-bottom-solid {
  border-bottom: 1px solid #F5F4F7;
}
body.theme-dark .bg-light-grey {
  background: #343B48;
}
body.theme-dark .bg-dark-grey {
  background: #546371;
  color: #FFF;
}
body.theme-dark .bg-primary {
  background: #3EBDA1;
  color: #fFF;
  border-color: transparent;
}
body.theme-dark .bg-black {
  background: #4D4B4A;
  color: #FFF;
}
body.theme-dark .bg-close {
  background: #3EBDA1;
  color: #fFF;
  border-color: transparent;
}
body.theme-dark .bg-blank {
  background: none;
  border-color: transparent;
}
body.theme-dark .text-light {
  color: #B7BEC3;
}
body.theme-dark .bg-white {
  background: #FFF;
}
body.theme-dark .green-circle {
  background: #17BCA1;
}
body.theme-dark .red-circle {
  background: #F65859;
}
body.theme-dark .amber-circle {
  background: orange;
}
body.theme-dark textarea,
body.theme-dark .dropdown-collection .dropdown-button,
body.theme-dark input[type=date],
body.theme-dark input[type=password],
body.theme-dark input[type=text],
body.theme-dark input[type=number],
body.theme-dark input[type=time],
body.theme-dark select {
  border: 1px solid #F1F2F5;
}
body.theme-dark .ng-select .ng-select-container {
  border: 1px solid #F1F2F5;
}
body.theme-dark .ng-select.ng-select-opened > .ng-select-container {
  background: #fff;
  border-color: none;
}
body.theme-dark .tab-bar {
  border: 1px solid #E8EAED;
}
body.theme-dark .table thead tr {
  border-bottom: 1px solid #F6F6F6;
}
body.theme-dark .alternative-pagination .paging-button {
  color: #9d9d9d;
  border: 1px solid #F1F2F5;
}
body.theme-dark .alternative-pagination .paging-button.disabled {
  color: #F1F2F5;
}
body.theme-dark form .error {
  background: #ffd7d7;
  border: 1px solid #e27979;
  color: #e27979;
}
body.theme-dark .validation.validation-error {
  background: #ffd7d7;
  border: 1px solid #e27979;
  color: #e27979;
}
body.theme-dark .validation.validation-warning {
  background: #f9f6ee;
  border: 1px solid #e2bf79;
  color: #e4ab37;
}
body.theme-dark .validation.validation-success {
  background: #d3ed97;
  border: 1px solid #d3ed97;
  color: #b6ee33;
}
body.theme-dark .favourites-box {
  border: 2px solid transparent;
  background-color: #F5F4F7;
}
body.theme-dark .favourites-box:hover {
  border: 2px solid #F56A1A;
  cursor: pointer;
}
body.theme-dark .favourites-box h4 {
  color: #00355B;
}
body.theme-dark .favourites-box.placeholder {
  border: 2px dashed #F5F4F7;
  background-color: #FFF;
}
body.theme-dark .favourites-box.placeholder:hover {
  border: 2px dashed #F56A1A;
}
body.theme-dark .border-bottom-grey {
  border-bottom: 1px solid #e4e2e7;
}
body.theme-dark .border-top-grey {
  border-top: 1px solid #e4e2e7;
}
body.theme-dark .border-top-light-grey {
  border-top: 1px solid #EBEDF0;
}
body.theme-dark .border-top-dark-grey {
  border-top: 1px solid #EBEDF0;
}
body.theme-dark .border-dark-grey {
  border: 1px solid #EBEDF0;
}
body.theme-dark .orange-after::after {
  background-color: orange;
}
body.theme-dark .mayne-badge {
  background: #ECEBEE;
}
body.theme-dark .autocomplete-form .autocomplete-suggestions {
  background-color: #FFF;
}
body.theme-dark .autocomplete-form .autocomplete-suggestions ul li:focus,
body.theme-dark .autocomplete-form .autocomplete-suggestions ul li:hover {
  background: #F5F4F7;
}
body.theme-dark .focus-background {
  background-color: #F5F4F7;
}
body.theme-dark table th {
  color: #4D4B4A;
}
body.theme-dark .table-striped tbody tr:nth-child(even) {
  background: #F9F9F9;
}
body.theme-dark .table-outer thead {
  overflow: hidden;
}
body.theme-dark .table-outer thead tr {
  border-top: 1px solid #EBEDF0;
  border-bottom: 1px solid #EBEDF0;
}
body.theme-dark .table-outer th {
  background: #F9F9F9;
}
body.theme-dark .table-outer tbody tr:nth-child(even) td {
  background: #FBFBFD;
}
body.theme-dark .table-outer tbody tr:nth-child(even) td.in-stock {
  background: #E7F7F5;
}
body.theme-dark .table-outer tbody tr:nth-child(even) td.out-of-stock {
  background: #F5E4E4;
}
body.theme-dark .table-outer tbody tr:nth-child(odd) td.in-stock {
  background: #E4F5F3;
}
body.theme-dark .table-outer tbody tr:nth-child(odd) td.out-of-stock {
  background: #FFF1F1;
}
body.theme-dark .table-outer tbody a {
  color: #F56A1A;
}
body.theme-dark .table-on-white th {
  background-color: #FFF;
  color: #4D4B4A;
}
body.theme-dark .mayne-checkbox.active fa-icon {
  color: #F56A1A;
}
body.theme-dark .dropdown-collection .chevron-down {
  color: #87929B;
}
body.theme-dark ::placeholder {
  color: #D1D5D9;
}
body.theme-dark input::-webkit-input-placeholder {
  color: #D1D5D9;
}
body.theme-dark input:-moz-placeholder {
  color: #D1D5D9;
}
body.theme-dark input::-moz-placeholder {
  color: #D1D5D9;
}
body.theme-dark input:-ms-input-placeholder {
  color: #D1D5D9;
}
body.theme-dark .sales-order-top-bar .dropdown-button,
body.theme-dark .sales-order-top-bar input[type=text] {
  border: 1px solid #EBEDF0;
}
body.theme-dark .mayne-user-box__outer .mayne-user-box__outer-avatar span {
  background: #EFEFEF;
}
body.theme-dark .add-product .cut-input,
body.theme-dark .add-product .dropdown-button,
body.theme-dark .add-product input[type=number],
body.theme-dark .add-product input[type=text] {
  background: #F9F9F9;
  border: 1px solid #EBEDF0;
}
body.theme-dark .add-product .cut-input {
  border: 1px solid #EBEDF0;
}
body.theme-dark .tab-box.alternative-tabs div .bg-dark-grey {
  background: none !important;
  color: #797F84 !important;
}
body.theme-dark .tab-box.alternative-tabs div .bg-dark-grey:after {
  background-color: #F56A1A;
}
body.theme-dark .tab-box.so-entry-tabs.alternative-tabs div .bg-dark-grey {
  background: none !important;
  color: #F56A1A !important;
}
body.theme-dark .tab-box.so-entry-tabs.alternative-tabs div .bg-dark-grey:after {
  background-color: #F56A1A;
}
body.theme-dark .badge-blue {
  background: #2694FC;
  color: #FFF;
}
body.theme-dark .bordered-table {
  border-left: 1px solid #EBEDF0;
  border-right: 1px solid #EBEDF0;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}
body.theme-dark table tr.selected {
  background: #E4ECF3 !important;
}
body.theme-dark table tr.selected td {
  background-color: #E4ECF3 !important;
}
body.theme-dark .icon-button.bg-white {
  border: 1px solid #c7c2c2;
}
body.theme-light {
}
body.theme-light .hierarchical-permissions ul > li.active > div {
  background: #EFEFEF;
}
body.theme-light .hierarchical-permissions .left-col {
  border-right: 1px solid #EFEFEF;
}
body.theme-light .hierarchical-permissions .left-col .mayne-checkbox.active {
  background: #EFEFEF;
}
body.theme-light .hierarchical-permissions .left-col ul ul {
  border-left: 1px solid #EFEFEF;
}
body.theme-light .favourite-active {
  color: #F56A1A !important;
}
body.theme-light .favourite-active svg {
  fill: #F56A1A !important;
}
body.theme-light .right-col-top {
  border-bottom: 1px solid #EFEFEF;
}
body.theme-light .blue-table thead th {
  background: #EBF1F6;
}
body.theme-light .sales-order-table tbody tr:hover td {
  background: #ececef !important;
}
body.theme-light .customer-sidebar .so-entry-tabs.tab-box a.bg-dark-grey {
  color: #F56A1A !important;
}

/* angular:styles/global:styles */