<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";
/******************************************************************************
* stdBs4Core.scss
*******************************************************************************

*******************************************************************************
*                                                                             *
* Copyright 2020									                          *
*                                                                             *
******************************************************************************/
/******************************************************************************
* stdBs4MdCoreImport.scss
*******************************************************************************

*******************************************************************************
*                                                                             *
* Copyright 2021									                          *
*                                                                             *
******************************************************************************/
/*!
 * Bootstrap v4.4.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 The Bootstrap Authors
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
@import url("https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,700,700i,900,900i");
@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,200i,300,300i,400,400i,600,600i,700,700i,900,900i");
@import url("https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,700,700i,900,900i");
@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,200i,300,300i,400,400i,600,600i,700,700i,900,900i");
@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,200i,300,300i,400,400i,600,600i,700,700i,900,900i");
.row {
  display: flex;
  flex-wrap: wrap; }

: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: #951CFF;
  --secondary: #6c757d;
  --success: #28a745;
  --info: #17a2b8;
  --warning: #ffc107;
  --danger: #dc3545;
  --light: #f8f9fa;
  --dark: #343a40;
  --breakpoint-xs: 576px;
  --breakpoint-sm: 768px;
  --breakpoint-md: 1024px;
  --breakpoint-lg: 1200px;
  --breakpoint-xl: 1280px;
  --font-family-sans-serif: Roboto, sans-serif;
  --font-family-monospace: Menlo, Monaco, Consolas, "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: Roboto, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #4c4c4c;
  text-align: left;
  background-color: #fff; }

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

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

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

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

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

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

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

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

dt {
  font-weight: 700; }

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

blockquote {
  margin: 0 0 1rem; }

b,
strong {
  font-weight: bold; }

small, .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: #951CFF;
  text-decoration: none;
  background-color: transparent; }
  a:hover {
    color: #6e00cf;
    text-decoration: underline; }

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

pre,
code,
kbd,
samp {
  font-family: Menlo, Monaco, Consolas, "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: 2rem; }

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

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

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

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

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-wrap: break-word; }
  a &gt; code {
    color: inherit; }

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

pre {
  display: block;
  font-size: 87.5%;
  color: #4c4c4c; }
  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: 768px) {
    .container {
      max-width: 540px; } }
  @media (min-width: 1024px) {
    .container {
      max-width: 768px; } }
  @media (min-width: 1200px) {
    .container {
      max-width: 960px; } }
  @media (min-width: 1280px) {
    .container {
      max-width: 1140px; } }
.container-fluid, .container-xl, .container-lg, .container-md, .container-sm {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto; }

@media (min-width: 768px) {
  .container-xs, .container-sm {
    max-width: 540px; } }

@media (min-width: 1024px) {
  .container-sm, .container-md, .container-xs {
    max-width: 768px; } }

@media (min-width: 1200px) {
  .container-md, .container-lg, .container-sm, .container-xs {
    max-width: 960px; } }

@media (min-width: 1280px) {
  .container-lg, .container-xl, .container-md, .container-sm, .container-xs {
    max-width: 1140px; } }

.row {
  margin-right: -15px;
  margin-left: -15px; }
  .row::after {
    display: block;
    clear: both;
    content: ""; }

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

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

@media (min-width: 576px) {
  .col-xs {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%; }
  .row-cols-xs-1 &gt; * {
    flex: 0 0 100%;
    max-width: 100%; }
  .row-cols-xs-2 &gt; * {
    flex: 0 0 50%;
    max-width: 50%; }
  .row-cols-xs-3 &gt; * {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .row-cols-xs-4 &gt; * {
    flex: 0 0 25%;
    max-width: 25%; }
  .row-cols-xs-5 &gt; * {
    flex: 0 0 20%;
    max-width: 20%; }
  .row-cols-xs-6 &gt; * {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-xs-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%; }
  .col-xs-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-xs-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-xs-3 {
    flex: 0 0 25%;
    max-width: 25%; }
  .col-xs-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-xs-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-xs-6 {
    flex: 0 0 50%;
    max-width: 50%; }
  .col-xs-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-xs-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-xs-9 {
    flex: 0 0 75%;
    max-width: 75%; }
  .col-xs-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-xs-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-xs-12 {
    flex: 0 0 100%;
    max-width: 100%; }
  .order-xs-first {
    order: -1; }
  .order-xs-last {
    order: 13; }
  .order-xs-0 {
    order: 0; }
  .order-xs-1 {
    order: 1; }
  .order-xs-2 {
    order: 2; }
  .order-xs-3 {
    order: 3; }
  .order-xs-4 {
    order: 4; }
  .order-xs-5 {
    order: 5; }
  .order-xs-6 {
    order: 6; }
  .order-xs-7 {
    order: 7; }
  .order-xs-8 {
    order: 8; }
  .order-xs-9 {
    order: 9; }
  .order-xs-10 {
    order: 10; }
  .order-xs-11 {
    order: 11; }
  .order-xs-12 {
    order: 12; }
  .offset-xs-0 {
    margin-left: 0; }
  .offset-xs-1 {
    margin-left: 8.33333%; }
  .offset-xs-2 {
    margin-left: 16.66667%; }
  .offset-xs-3 {
    margin-left: 25%; }
  .offset-xs-4 {
    margin-left: 33.33333%; }
  .offset-xs-5 {
    margin-left: 41.66667%; }
  .offset-xs-6 {
    margin-left: 50%; }
  .offset-xs-7 {
    margin-left: 58.33333%; }
  .offset-xs-8 {
    margin-left: 66.66667%; }
  .offset-xs-9 {
    margin-left: 75%; }
  .offset-xs-10 {
    margin-left: 83.33333%; }
  .offset-xs-11 {
    margin-left: 91.66667%; } }

@media (min-width: 768px) {
  .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%; }
  .row-cols-sm-1 &gt; * {
    flex: 0 0 100%;
    max-width: 100%; }
  .row-cols-sm-2 &gt; * {
    flex: 0 0 50%;
    max-width: 50%; }
  .row-cols-sm-3 &gt; * {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .row-cols-sm-4 &gt; * {
    flex: 0 0 25%;
    max-width: 25%; }
  .row-cols-sm-5 &gt; * {
    flex: 0 0 20%;
    max-width: 20%; }
  .row-cols-sm-6 &gt; * {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%; }
  .col-sm-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-sm-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%; }
  .col-sm-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-sm-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%; }
  .col-sm-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-sm-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%; }
  .col-sm-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-sm-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%; }
  .order-sm-first {
    order: -1; }
  .order-sm-last {
    order: 13; }
  .order-sm-0 {
    order: 0; }
  .order-sm-1 {
    order: 1; }
  .order-sm-2 {
    order: 2; }
  .order-sm-3 {
    order: 3; }
  .order-sm-4 {
    order: 4; }
  .order-sm-5 {
    order: 5; }
  .order-sm-6 {
    order: 6; }
  .order-sm-7 {
    order: 7; }
  .order-sm-8 {
    order: 8; }
  .order-sm-9 {
    order: 9; }
  .order-sm-10 {
    order: 10; }
  .order-sm-11 {
    order: 11; }
  .order-sm-12 {
    order: 12; }
  .offset-sm-0 {
    margin-left: 0; }
  .offset-sm-1 {
    margin-left: 8.33333%; }
  .offset-sm-2 {
    margin-left: 16.66667%; }
  .offset-sm-3 {
    margin-left: 25%; }
  .offset-sm-4 {
    margin-left: 33.33333%; }
  .offset-sm-5 {
    margin-left: 41.66667%; }
  .offset-sm-6 {
    margin-left: 50%; }
  .offset-sm-7 {
    margin-left: 58.33333%; }
  .offset-sm-8 {
    margin-left: 66.66667%; }
  .offset-sm-9 {
    margin-left: 75%; }
  .offset-sm-10 {
    margin-left: 83.33333%; }
  .offset-sm-11 {
    margin-left: 91.66667%; } }

@media (min-width: 1024px) {
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%; }
  .row-cols-md-1 &gt; * {
    flex: 0 0 100%;
    max-width: 100%; }
  .row-cols-md-2 &gt; * {
    flex: 0 0 50%;
    max-width: 50%; }
  .row-cols-md-3 &gt; * {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .row-cols-md-4 &gt; * {
    flex: 0 0 25%;
    max-width: 25%; }
  .row-cols-md-5 &gt; * {
    flex: 0 0 20%;
    max-width: 20%; }
  .row-cols-md-6 &gt; * {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%; }
  .col-md-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-md-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%; }
  .col-md-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-md-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%; }
  .col-md-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-md-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%; }
  .col-md-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-md-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%; }
  .order-md-first {
    order: -1; }
  .order-md-last {
    order: 13; }
  .order-md-0 {
    order: 0; }
  .order-md-1 {
    order: 1; }
  .order-md-2 {
    order: 2; }
  .order-md-3 {
    order: 3; }
  .order-md-4 {
    order: 4; }
  .order-md-5 {
    order: 5; }
  .order-md-6 {
    order: 6; }
  .order-md-7 {
    order: 7; }
  .order-md-8 {
    order: 8; }
  .order-md-9 {
    order: 9; }
  .order-md-10 {
    order: 10; }
  .order-md-11 {
    order: 11; }
  .order-md-12 {
    order: 12; }
  .offset-md-0 {
    margin-left: 0; }
  .offset-md-1 {
    margin-left: 8.33333%; }
  .offset-md-2 {
    margin-left: 16.66667%; }
  .offset-md-3 {
    margin-left: 25%; }
  .offset-md-4 {
    margin-left: 33.33333%; }
  .offset-md-5 {
    margin-left: 41.66667%; }
  .offset-md-6 {
    margin-left: 50%; }
  .offset-md-7 {
    margin-left: 58.33333%; }
  .offset-md-8 {
    margin-left: 66.66667%; }
  .offset-md-9 {
    margin-left: 75%; }
  .offset-md-10 {
    margin-left: 83.33333%; }
  .offset-md-11 {
    margin-left: 91.66667%; } }

@media (min-width: 1200px) {
  .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%; }
  .row-cols-lg-1 &gt; * {
    flex: 0 0 100%;
    max-width: 100%; }
  .row-cols-lg-2 &gt; * {
    flex: 0 0 50%;
    max-width: 50%; }
  .row-cols-lg-3 &gt; * {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .row-cols-lg-4 &gt; * {
    flex: 0 0 25%;
    max-width: 25%; }
  .row-cols-lg-5 &gt; * {
    flex: 0 0 20%;
    max-width: 20%; }
  .row-cols-lg-6 &gt; * {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%; }
  .col-lg-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-lg-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%; }
  .col-lg-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-lg-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%; }
  .col-lg-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-lg-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%; }
  .col-lg-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-lg-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%; }
  .order-lg-first {
    order: -1; }
  .order-lg-last {
    order: 13; }
  .order-lg-0 {
    order: 0; }
  .order-lg-1 {
    order: 1; }
  .order-lg-2 {
    order: 2; }
  .order-lg-3 {
    order: 3; }
  .order-lg-4 {
    order: 4; }
  .order-lg-5 {
    order: 5; }
  .order-lg-6 {
    order: 6; }
  .order-lg-7 {
    order: 7; }
  .order-lg-8 {
    order: 8; }
  .order-lg-9 {
    order: 9; }
  .order-lg-10 {
    order: 10; }
  .order-lg-11 {
    order: 11; }
  .order-lg-12 {
    order: 12; }
  .offset-lg-0 {
    margin-left: 0; }
  .offset-lg-1 {
    margin-left: 8.33333%; }
  .offset-lg-2 {
    margin-left: 16.66667%; }
  .offset-lg-3 {
    margin-left: 25%; }
  .offset-lg-4 {
    margin-left: 33.33333%; }
  .offset-lg-5 {
    margin-left: 41.66667%; }
  .offset-lg-6 {
    margin-left: 50%; }
  .offset-lg-7 {
    margin-left: 58.33333%; }
  .offset-lg-8 {
    margin-left: 66.66667%; }
  .offset-lg-9 {
    margin-left: 75%; }
  .offset-lg-10 {
    margin-left: 83.33333%; }
  .offset-lg-11 {
    margin-left: 91.66667%; } }

@media (min-width: 1280px) {
  .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%; }
  .row-cols-xl-1 &gt; * {
    flex: 0 0 100%;
    max-width: 100%; }
  .row-cols-xl-2 &gt; * {
    flex: 0 0 50%;
    max-width: 50%; }
  .row-cols-xl-3 &gt; * {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .row-cols-xl-4 &gt; * {
    flex: 0 0 25%;
    max-width: 25%; }
  .row-cols-xl-5 &gt; * {
    flex: 0 0 20%;
    max-width: 20%; }
  .row-cols-xl-6 &gt; * {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%; }
  .col-xl-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-xl-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%; }
  .col-xl-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-xl-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%; }
  .col-xl-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-xl-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%; }
  .col-xl-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-xl-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%; }
  .order-xl-first {
    order: -1; }
  .order-xl-last {
    order: 13; }
  .order-xl-0 {
    order: 0; }
  .order-xl-1 {
    order: 1; }
  .order-xl-2 {
    order: 2; }
  .order-xl-3 {
    order: 3; }
  .order-xl-4 {
    order: 4; }
  .order-xl-5 {
    order: 5; }
  .order-xl-6 {
    order: 6; }
  .order-xl-7 {
    order: 7; }
  .order-xl-8 {
    order: 8; }
  .order-xl-9 {
    order: 9; }
  .order-xl-10 {
    order: 10; }
  .order-xl-11 {
    order: 11; }
  .order-xl-12 {
    order: 12; }
  .offset-xl-0 {
    margin-left: 0; }
  .offset-xl-1 {
    margin-left: 8.33333%; }
  .offset-xl-2 {
    margin-left: 16.66667%; }
  .offset-xl-3 {
    margin-left: 25%; }
  .offset-xl-4 {
    margin-left: 33.33333%; }
  .offset-xl-5 {
    margin-left: 41.66667%; }
  .offset-xl-6 {
    margin-left: 50%; }
  .offset-xl-7 {
    margin-left: 58.33333%; }
  .offset-xl-8 {
    margin-left: 66.66667%; }
  .offset-xl-9 {
    margin-left: 75%; }
  .offset-xl-10 {
    margin-left: 83.33333%; }
  .offset-xl-11 {
    margin-left: 91.66667%; } }

.table {
  width: 100%;
  margin-bottom: 1rem;
  color: #4c4c4c; }
  .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: #4c4c4c;
  background-color: rgba(0, 0, 0, 0.075); }

.table-primary,
.table-primary &gt; th,
.table-primary &gt; td {
  background-color: #e1bfff; }

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

.table-hover .table-primary:hover {
  background-color: #d5a6ff; }
  .table-hover .table-primary:hover &gt; td,
  .table-hover .table-primary:hover &gt; th {
    background-color: #d5a6ff; }

.table-secondary,
.table-secondary &gt; th,
.table-secondary &gt; 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 &gt; td,
  .table-hover .table-secondary:hover &gt; th {
    background-color: #c8cbcf; }

.table-success,
.table-success &gt; th,
.table-success &gt; 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 &gt; td,
  .table-hover .table-success:hover &gt; th {
    background-color: #b1dfbb; }

.table-info,
.table-info &gt; th,
.table-info &gt; 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 &gt; td,
  .table-hover .table-info:hover &gt; th {
    background-color: #abdde5; }

.table-warning,
.table-warning &gt; th,
.table-warning &gt; 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 &gt; td,
  .table-hover .table-warning:hover &gt; th {
    background-color: #ffe8a1; }

.table-danger,
.table-danger &gt; th,
.table-danger &gt; 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 &gt; td,
  .table-hover .table-danger:hover &gt; th {
    background-color: #f1b0b7; }

.table-light,
.table-light &gt; th,
.table-light &gt; 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 &gt; td,
  .table-hover .table-light:hover &gt; th {
    background-color: #ececf6; }

.table-dark,
.table-dark &gt; th,
.table-dark &gt; 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 &gt; td,
  .table-hover .table-dark:hover &gt; th {
    background-color: #b9bbbe; }

.table-active,
.table-active &gt; th,
.table-active &gt; 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 &gt; td,
  .table-hover .table-active:hover &gt; 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: 767.98px) {
  .table-responsive-sm {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; }
    .table-responsive-sm &gt; .table-bordered {
      border: 0; } }

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

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

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

.table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch; }
  .table-responsive &gt; .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: #797A8D;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #797A8D;
  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:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #797A8D; }
  .form-control:focus {
    color: #797A8D;
    background-color: #fff;
    border-color: #d19cff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(149, 28, 255, 0.25); }
  .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: #797A8D;
  background-color: #fff; }

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

.file, .albFileUpload {
  visibility: hidden;
  position: absolute; }

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

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

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

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

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

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

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

textarea.form-control {
  height: auto; }

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

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

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

.form-check {
  position: relative;
  display: block;
  /*padding-left: $form-check-input-gutter;*/ }

.form-check-input, form input[type="checkbox"],
.form-group input[type="checkbox"],
.form-check input[type="checkbox"] {
  position: absolute;
  margin-top: 0.3rem;
  margin-left: -1.25rem; }
  .form-check-input[disabled], form input[disabled][type="checkbox"],
  .form-group input[disabled][type="checkbox"],
  .form-check input[disabled][type="checkbox"] {
    pointer-events: none; }
  .form-check-input[disabled] ~ .form-check-label, form input[disabled][type="checkbox"] ~ .form-check-label,
  .form-group input[disabled][type="checkbox"] ~ .form-check-label,
  .form-check input[disabled][type="checkbox"] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label, form input[type="checkbox"]:disabled ~ .form-check-label,
  .form-group input[type="checkbox"]:disabled ~ .form-check-label,
  .form-check input[type="checkbox"]:disabled ~ .form-check-label {
    color: #6c757d;
    pointer-events: none;
    opacity: 0.7; }

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

.form-check-inline {
  display: inline-flex;
  align-items: center;
  padding-left: 0;
  margin-right: 0.75rem; }
  .form-check-inline .form-check-input, .form-check-inline form input[type="checkbox"], form .form-check-inline input[type="checkbox"],
  .form-check-inline .form-group input[type="checkbox"],
  .form-group .form-check-inline input[type="checkbox"],
  .form-check-inline .form-check input[type="checkbox"],
  .form-check .form-check-inline input[type="checkbox"] {
    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 :valid ~ .valid-feedback,
.was-validated :valid ~ .valid-tooltip,
.is-valid ~ .valid-feedback,
.is-valid ~ .valid-tooltip {
  display: block; }

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

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

.was-validated .custom-select:valid, .custom-select.is-valid {
  border-color: #28a745;
  padding-right: calc(0.75em + 2.3125rem);
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #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 .form-check-input:valid ~ .form-check-label, .was-validated form input[type="checkbox"]:valid ~ .form-check-label, form .was-validated input[type="checkbox"]:valid ~ .form-check-label,
.was-validated .form-group input[type="checkbox"]:valid ~ .form-check-label,
.form-group .was-validated input[type="checkbox"]:valid ~ .form-check-label,
.was-validated .form-check input[type="checkbox"]:valid ~ .form-check-label,
.form-check .was-validated input[type="checkbox"]:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label, form input.is-valid[type="checkbox"] ~ .form-check-label,
.form-group input.is-valid[type="checkbox"] ~ .form-check-label,
.form-check input.is-valid[type="checkbox"] ~ .form-check-label {
  color: #28a745; }

.was-validated .form-check-input:valid ~ .valid-feedback, .was-validated form input[type="checkbox"]:valid ~ .valid-feedback, form .was-validated input[type="checkbox"]:valid ~ .valid-feedback,
.was-validated .form-group input[type="checkbox"]:valid ~ .valid-feedback,
.form-group .was-validated input[type="checkbox"]:valid ~ .valid-feedback,
.was-validated .form-check input[type="checkbox"]:valid ~ .valid-feedback,
.form-check .was-validated input[type="checkbox"]:valid ~ .valid-feedback,
.was-validated .form-check-input:valid ~ .valid-tooltip,
.was-validated form input[type="checkbox"]:valid ~ .valid-tooltip,
form .was-validated input[type="checkbox"]:valid ~ .valid-tooltip,
.was-validated .form-group input[type="checkbox"]:valid ~ .valid-tooltip,
.form-group .was-validated input[type="checkbox"]:valid ~ .valid-tooltip,
.was-validated .form-check input[type="checkbox"]:valid ~ .valid-tooltip,
.form-check .was-validated input[type="checkbox"]:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, form input.is-valid[type="checkbox"] ~ .valid-feedback,
.form-group input.is-valid[type="checkbox"] ~ .valid-feedback,
.form-check input.is-valid[type="checkbox"] ~ .valid-feedback,
.form-check-input.is-valid ~ .valid-tooltip,
form input.is-valid[type="checkbox"] ~ .valid-tooltip,
.form-group input.is-valid[type="checkbox"] ~ .valid-tooltip,
.form-check input.is-valid[type="checkbox"] ~ .valid-tooltip {
  display: block; }

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

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

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

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

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

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

.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 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 :invalid ~ .invalid-feedback,
.was-validated :invalid ~ .invalid-tooltip,
.is-invalid ~ .invalid-feedback,
.is-invalid ~ .invalid-tooltip {
  display: block; }

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

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

.was-validated .custom-select:invalid, .custom-select.is-invalid {
  border-color: #dc3545;
  padding-right: calc(0.75em + 2.3125rem);
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") #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 .form-check-input:invalid ~ .form-check-label, .was-validated form input[type="checkbox"]:invalid ~ .form-check-label, form .was-validated input[type="checkbox"]:invalid ~ .form-check-label,
.was-validated .form-group input[type="checkbox"]:invalid ~ .form-check-label,
.form-group .was-validated input[type="checkbox"]:invalid ~ .form-check-label,
.was-validated .form-check input[type="checkbox"]:invalid ~ .form-check-label,
.form-check .was-validated input[type="checkbox"]:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label, form input.is-invalid[type="checkbox"] ~ .form-check-label,
.form-group input.is-invalid[type="checkbox"] ~ .form-check-label,
.form-check input.is-invalid[type="checkbox"] ~ .form-check-label {
  color: #dc3545; }

.was-validated .form-check-input:invalid ~ .invalid-feedback, .was-validated form input[type="checkbox"]:invalid ~ .invalid-feedback, form .was-validated input[type="checkbox"]:invalid ~ .invalid-feedback,
.was-validated .form-group input[type="checkbox"]:invalid ~ .invalid-feedback,
.form-group .was-validated input[type="checkbox"]:invalid ~ .invalid-feedback,
.was-validated .form-check input[type="checkbox"]:invalid ~ .invalid-feedback,
.form-check .was-validated input[type="checkbox"]:invalid ~ .invalid-feedback,
.was-validated .form-check-input:invalid ~ .invalid-tooltip,
.was-validated form input[type="checkbox"]:invalid ~ .invalid-tooltip,
form .was-validated input[type="checkbox"]:invalid ~ .invalid-tooltip,
.was-validated .form-group input[type="checkbox"]:invalid ~ .invalid-tooltip,
.form-group .was-validated input[type="checkbox"]:invalid ~ .invalid-tooltip,
.was-validated .form-check input[type="checkbox"]:invalid ~ .invalid-tooltip,
.form-check .was-validated input[type="checkbox"]:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, form input.is-invalid[type="checkbox"] ~ .invalid-feedback,
.form-group input.is-invalid[type="checkbox"] ~ .invalid-feedback,
.form-check input.is-invalid[type="checkbox"] ~ .invalid-feedback,
.form-check-input.is-invalid ~ .invalid-tooltip,
form input.is-invalid[type="checkbox"] ~ .invalid-tooltip,
.form-group input.is-invalid[type="checkbox"] ~ .invalid-tooltip,
.form-check input.is-invalid[type="checkbox"] ~ .invalid-tooltip {
  display: block; }

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

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

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

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

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

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

.form-inline {
  display: flex;
  flex-flow: row wrap;
  align-items: center; }
  .form-inline .form-check {
    width: 100%; }
  @media (min-width: 768px) {
    .form-inline label {
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 0; }
    .form-inline .form-group {
      display: flex;
      flex: 0 0 auto;
      flex-flow: row wrap;
      align-items: center;
      margin-bottom: 0; }
    .form-inline .form-control {
      display: inline-block;
      width: auto;
      vertical-align: middle; }
    .form-inline .form-control-plaintext {
      display: inline-block; }
    .form-inline .input-group,
    .form-inline .custom-select {
      width: auto; }
    .form-inline .form-check {
      display: flex;
      align-items: center;
      justify-content: center;
      width: auto;
      padding-left: 0; }
    .form-inline .form-check-input, .form-inline form input[type="checkbox"], form .form-inline input[type="checkbox"],
    .form-inline .form-group input[type="checkbox"],
    .form-group .form-inline input[type="checkbox"],
    .form-inline .form-check input[type="checkbox"],
    .form-check .form-inline input[type="checkbox"] {
      position: relative;
      flex-shrink: 0;
      margin-top: 0;
      margin-right: 0.25rem;
      margin-left: 0; }
    .form-inline .custom-control {
      align-items: center;
      justify-content: center; }
    .form-inline .custom-control-label {
      margin-bottom: 0; } }
.btn {
  display: inline-block;
  font-weight: 700;
  color: #4c4c4c;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  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; }
  .btn:hover {
    text-decoration: none; }
  .btn:focus, .btn.focus {
    outline: !important;
    box-shadow: none !important; }

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

.btn-primary {
  color: #fff;
  background-color: #951CFF;
  border-color: #951CFF; }
  .btn-primary:hover {
    color: #fff;
    background-color: #8200f5;
    border-color: #9317ff; }
  .btn-primary:focus, .btn-primary.focus {
    color: #fff;
    background-color: #8200f5;
    border-color: #9317ff;
    box-shadow: 0 0 0 0.2rem rgba(165, 62, 255, 0.5); }
  .btn-primary.disabled, .btn-primary:disabled {
    color: #fff;
    background-color: #951CFF;
    border-color: #951CFF; }
  .btn-primary:not(:disabled):not(.disabled):active, .btn-primary.active:not(:disabled):not(.disabled), .show &gt; .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #9317ff;
    border-color: #7500db; }
    .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary.active:not(:disabled):not(.disabled):focus, .show &gt; .btn-primary.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(165, 62, 255, 0.5); }

.btn-secondary {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d; }
  .btn-secondary:hover {
    color: #fff;
    background-color: #5a6268;
    border-color: #6a727a; }
  .btn-secondary:focus, .btn-secondary.focus {
    color: #fff;
    background-color: #5a6268;
    border-color: #6a727a;
    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.active:not(:disabled):not(.disabled), .show &gt; .btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #6a727a;
    border-color: #4e555b; }
    .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary.active:not(:disabled):not(.disabled):focus, .show &gt; .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: #27a343; }
  .btn-success:focus, .btn-success.focus {
    color: #fff;
    background-color: #218838;
    border-color: #27a343;
    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.active:not(:disabled):not(.disabled), .show &gt; .btn-success.dropdown-toggle {
    color: #fff;
    background-color: #27a343;
    border-color: #1c7430; }
    .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success.active:not(:disabled):not(.disabled):focus, .show &gt; .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: #169eb3; }
  .btn-info:focus, .btn-info.focus {
    color: #fff;
    background-color: #138496;
    border-color: #169eb3;
    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.active:not(:disabled):not(.disabled), .show &gt; .btn-info.dropdown-toggle {
    color: #fff;
    background-color: #169eb3;
    border-color: #10707f; }
    .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info.active:not(:disabled):not(.disabled):focus, .show &gt; .btn-info.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5); }

.btn-warning {
  color: #4c4c4c;
  background-color: #ffc107;
  border-color: #ffc107; }
  .btn-warning:hover {
    color: #4c4c4c;
    background-color: #e0a800;
    border-color: #ffc002; }
  .btn-warning:focus, .btn-warning.focus {
    color: #4c4c4c;
    background-color: #e0a800;
    border-color: #ffc002;
    box-shadow: 0 0 0 0.2rem rgba(228, 175, 17, 0.5); }
  .btn-warning.disabled, .btn-warning:disabled {
    color: #4c4c4c;
    background-color: #ffc107;
    border-color: #ffc107; }
  .btn-warning:not(:disabled):not(.disabled):active, .btn-warning.active:not(:disabled):not(.disabled), .show &gt; .btn-warning.dropdown-toggle {
    color: #4c4c4c;
    background-color: #ffc002;
    border-color: #c69500; }
    .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning.active:not(:disabled):not(.disabled):focus, .show &gt; .btn-warning.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(228, 175, 17, 0.5); }

.btn-danger {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545; }
  .btn-danger:hover {
    color: #fff;
    background-color: #c82333;
    border-color: #db3141; }
  .btn-danger:focus, .btn-danger.focus {
    color: #fff;
    background-color: #c82333;
    border-color: #db3141;
    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.active:not(:disabled):not(.disabled), .show &gt; .btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #db3141;
    border-color: #b21f2d; }
    .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger.active:not(:disabled):not(.disabled):focus, .show &gt; .btn-danger.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5); }

.btn-light {
  color: #4c4c4c;
  background-color: #f8f9fa;
  border-color: #f8f9fa; }
  .btn-light:hover {
    color: #4c4c4c;
    background-color: #e2e6ea;
    border-color: #f5f6f8; }
  .btn-light:focus, .btn-light.focus {
    color: #4c4c4c;
    background-color: #e2e6ea;
    border-color: #f5f6f8;
    box-shadow: 0 0 0 0.2rem rgba(222, 223, 224, 0.5); }
  .btn-light.disabled, .btn-light:disabled {
    color: #4c4c4c;
    background-color: #f8f9fa;
    border-color: #f8f9fa; }
  .btn-light:not(:disabled):not(.disabled):active, .btn-light.active:not(:disabled):not(.disabled), .show &gt; .btn-light.dropdown-toggle {
    color: #4c4c4c;
    background-color: #f5f6f8;
    border-color: #d3d9df; }
    .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light.active:not(:disabled):not(.disabled):focus, .show &gt; .btn-light.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(222, 223, 224, 0.5); }

.btn-dark {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40; }
  .btn-dark:hover {
    color: #fff;
    background-color: #23272b;
    border-color: #32373d; }
  .btn-dark:focus, .btn-dark.focus {
    color: #fff;
    background-color: #23272b;
    border-color: #32373d;
    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.active:not(:disabled):not(.disabled), .show &gt; .btn-dark.dropdown-toggle {
    color: #fff;
    background-color: #32373d;
    border-color: #171a1d; }
    .btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark.active:not(:disabled):not(.disabled):focus, .show &gt; .btn-dark.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5); }

.btn-outline-primary {
  color: #951CFF;
  border-color: #951CFF; }
  .btn-outline-primary:hover {
    color: #fff;
    background-color: #951CFF;
    border-color: #951CFF; }
  .btn-outline-primary:focus, .btn-outline-primary.focus {
    box-shadow: 0 0 0 0.2rem rgba(149, 28, 255, 0.5); }
  .btn-outline-primary.disabled, .btn-outline-primary:disabled {
    color: #951CFF;
    background-color: transparent; }
  .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary.active:not(:disabled):not(.disabled), .show &gt; .btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #951CFF;
    border-color: #951CFF; }
    .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary.active:not(:disabled):not(.disabled):focus, .show &gt; .btn-outline-primary.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(149, 28, 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.active:not(:disabled):not(.disabled), .show &gt; .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.active:not(:disabled):not(.disabled):focus, .show &gt; .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.active:not(:disabled):not(.disabled), .show &gt; .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.active:not(:disabled):not(.disabled):focus, .show &gt; .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.active:not(:disabled):not(.disabled), .show &gt; .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.active:not(:disabled):not(.disabled):focus, .show &gt; .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: #4c4c4c;
    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.active:not(:disabled):not(.disabled), .show &gt; .btn-outline-warning.dropdown-toggle {
    color: #4c4c4c;
    background-color: #ffc107;
    border-color: #ffc107; }
    .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning.active:not(:disabled):not(.disabled):focus, .show &gt; .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.active:not(:disabled):not(.disabled), .show &gt; .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.active:not(:disabled):not(.disabled):focus, .show &gt; .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: #4c4c4c;
    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.active:not(:disabled):not(.disabled), .show &gt; .btn-outline-light.dropdown-toggle {
    color: #4c4c4c;
    background-color: #f8f9fa;
    border-color: #f8f9fa; }
    .btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light.active:not(:disabled):not(.disabled):focus, .show &gt; .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.active:not(:disabled):not(.disabled), .show &gt; .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.active:not(:disabled):not(.disabled):focus, .show &gt; .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: #951CFF;
  text-decoration: none; }
  .btn-link:hover {
    color: #6e00cf;
    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 &gt; .btn {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.3rem; }

.btn-sm, .btn-group-sm &gt; .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.btn-block[type="submit"],
input.btn-block[type="reset"],
input.btn-block[type="button"] {
  width: 100%; }

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

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

.modal.fade.show {
  opacity: 1; }

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

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

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

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

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

@media (min-width: 1280px) {
  .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: #4c4c4c;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0; }
  .dropdown-item:hover, .dropdown-item:focus {
    color: #3f3f3f;
    text-decoration: none;
    background-color: #f8f9fa; }
  .dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #951CFF; }
  .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: #4c4c4c; }

.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-flex;
  vertical-align: middle; }
  .btn-group &gt; .btn,
  .btn-group-vertical &gt; .btn {
    position: relative;
    flex: 1 1 auto; }
    .btn-group &gt; .btn:hover,
    .btn-group-vertical &gt; .btn:hover {
      z-index: 1; }
    .btn-group &gt; .btn:focus, .btn-group &gt; .btn:active, .btn-group &gt; .btn.active,
    .btn-group-vertical &gt; .btn:focus,
    .btn-group-vertical &gt; .btn:active,
    .btn-group-vertical &gt; .btn.active {
      z-index: 1; }

.btn-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start; }
  .btn-toolbar .input-group {
    width: auto; }

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

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

.btn-group &gt; .btn:not(:first-child),
.btn-group &gt; .btn-group:not(:first-child) &gt; .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 &gt; .btn + .dropdown-toggle-split {
  padding-right: 0.375rem;
  padding-left: 0.375rem; }

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

.btn-group-vertical {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center; }
  .btn-group-vertical &gt; .btn,
  .btn-group-vertical &gt; .btn-group {
    width: 100%; }
  .btn-group-vertical &gt; .btn:not(:first-child),
  .btn-group-vertical &gt; .btn-group:not(:first-child) {
    margin-top: -1px; }
  .btn-group-vertical &gt; .btn:not(:last-child):not(.dropdown-toggle),
  .btn-group-vertical &gt; .btn-group:not(:last-child) &gt; .btn {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0; }
  .btn-group-vertical &gt; .btn:not(:first-child),
  .btn-group-vertical &gt; .btn-group:not(:first-child) &gt; .btn {
    border-top-left-radius: 0;
    border-top-right-radius: 0; }

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

.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%; }
  .input-group &gt; .form-control,
  .input-group &gt; .form-control-plaintext,
  .input-group &gt; .custom-select,
  .input-group &gt; .custom-file {
    position: relative;
    flex: 1 1 0%;
    min-width: 0;
    margin-bottom: 0; }
    .input-group &gt; .form-control + .form-control,
    .input-group &gt; .form-control + .custom-select,
    .input-group &gt; .form-control + .custom-file,
    .input-group &gt; .form-control-plaintext + .form-control,
    .input-group &gt; .form-control-plaintext + .custom-select,
    .input-group &gt; .form-control-plaintext + .custom-file,
    .input-group &gt; .custom-select + .form-control,
    .input-group &gt; .custom-select + .custom-select,
    .input-group &gt; .custom-select + .custom-file,
    .input-group &gt; .custom-file + .form-control,
    .input-group &gt; .custom-file + .custom-select,
    .input-group &gt; .custom-file + .custom-file {
      margin-left: -1px; }
  .input-group &gt; .form-control:focus,
  .input-group &gt; .custom-select:focus,
  .input-group &gt; .custom-file .custom-file-input:focus ~ .custom-file-label {
    z-index: 3; }
  .input-group &gt; .custom-file .custom-file-input:focus {
    z-index: 4; }
  .input-group &gt; .form-control:not(:last-child),
  .input-group &gt; .custom-select:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; }
  .input-group &gt; .form-control:not(:first-child),
  .input-group &gt; .custom-select:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }
  .input-group &gt; .custom-file {
    display: flex;
    align-items: center; }
    .input-group &gt; .custom-file:not(:last-child) .custom-file-label, .input-group &gt; .custom-file:not(:last-child) .custom-file-label::after {
      border-top-right-radius: 0;
      border-bottom-right-radius: 0; }
    .input-group &gt; .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: flex; }
  .input-group-prepend .btn,
  .input-group-append .btn {
    position: relative;
    z-index: 2; }
    .input-group-prepend .btn:focus,
    .input-group-append .btn:focus {
      z-index: 3; }
  .input-group-prepend .btn + .btn,
  .input-group-prepend .btn + .input-group-text,
  .input-group-prepend .input-group-text + .input-group-text,
  .input-group-prepend .input-group-text + .btn,
  .input-group-append .btn + .btn,
  .input-group-append .btn + .input-group-text,
  .input-group-append .input-group-text + .input-group-text,
  .input-group-append .input-group-text + .btn {
    margin-left: -1px; }

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

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

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

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

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

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

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

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

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

.input-group &gt; .input-group-append &gt; .btn,
.input-group &gt; .input-group-append &gt; .input-group-text,
.input-group &gt; .input-group-prepend:not(:first-child) &gt; .btn,
.input-group &gt; .input-group-prepend:not(:first-child) &gt; .input-group-text,
.input-group &gt; .input-group-prepend:first-child &gt; .btn:not(:first-child),
.input-group &gt; .input-group-prepend:first-child &gt; .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: inline-flex;
  margin-right: 1rem; }

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

.custom-control-label {
  position: relative;
  margin-bottom: 0;
  vertical-align: top; }
  .custom-control-label::before {
    position: absolute;
    top: 0.25rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    pointer-events: none;
    content: "";
    background-color: #fff;
    border: #797A8D 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' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); }

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

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

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

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

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

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

.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(149, 28, 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: #797A8D;
    border-radius: 0.5rem;
    transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
    @media (prefers-reduced-motion: reduce) {
      .custom-switch .custom-control-label::after {
        transition: none; } }
  .custom-switch .custom-control-input:checked ~ .custom-control-label::after {
    background-color: #fff;
    transform: translateX(0.75rem); }
  .custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: rgba(149, 28, 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: #797A8D;
  vertical-align: middle;
  background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px;
  border: 1px solid #797A8D;
  border-radius: 0.25rem;
  appearance: none; }
  .custom-select:focus {
    border-color: #d19cff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(149, 28, 255, 0.25); }
    .custom-select:focus::-ms-value {
      color: #797A8D;
      background-color: #fff; }
  .custom-select[multiple], .custom-select[size]:not([size="1"]) {
    height: auto;
    padding-right: 0.75rem;
    background-image: none; }
  .custom-select:disabled {
    color: #6c757d;
    background-color: #e9ecef; }
  .custom-select::-ms-expand {
    display: none; }
  .custom-select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #797A8D; }

.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: #d19cff;
    box-shadow: 0 0 0 0.2rem rgba(149, 28, 255, 0.25); }
  .custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label {
    background-color: #e9ecef; }
  .custom-file-input:lang(en) ~ .custom-file-label::after {
    content: "Browse"; }
  .custom-file-input ~ .custom-file-label[data-browse]::after {
    content: attr(data-browse); }

.custom-file-label {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  font-weight: 400;
  line-height: 1.5;
  color: #797A8D;
  background-color: #fff;
  border: 1px solid #797A8D;
  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: #797A8D;
    content: "Browse";
    background-color: #e9ecef;
    border-left: inherit;
    border-radius: 0 0.25rem 0.25rem 0; }

.custom-range {
  width: 100%;
  height: 1.4rem;
  padding: 0;
  background-color: transparent;
  appearance: none; }
  .custom-range:focus {
    outline: none; }
    .custom-range:focus::-webkit-slider-thumb {
      box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(149, 28, 255, 0.25); }
    .custom-range:focus::-moz-range-thumb {
      box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(149, 28, 255, 0.25); }
    .custom-range:focus::-ms-thumb {
      box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(149, 28, 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: #951CFF;
    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::-webkit-slider-thumb {
        transition: none; } }
    .custom-range::-webkit-slider-thumb:active {
      background-color: #e8cfff; }
  .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: #951CFF;
    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::-moz-range-thumb {
        transition: none; } }
    .custom-range::-moz-range-thumb:active {
      background-color: #e8cfff; }
  .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: #951CFF;
    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: #e8cfff; }
  .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: #797A8D; }
  .custom-range:disabled::-webkit-slider-runnable-track {
    cursor: default; }
  .custom-range:disabled::-moz-range-thumb {
    background-color: #797A8D; }
  .custom-range:disabled::-moz-range-track {
    cursor: default; }
  .custom-range:disabled::-ms-thumb {
    background-color: #797A8D; }

.custom-control-label::before,
.custom-file-label,
.custom-select {
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
  @media (prefers-reduced-motion: reduce) {
    .custom-control-label::before,
    .custom-file-label,
    .custom-select {
      transition: none; } }
.nav {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none; }

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

.nav-tabs {
  border-bottom: 1px solid #dee2e6; }
  .nav-tabs .nav-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 &gt; .nav-link {
  color: #fff;
  background-color: #951CFF; }

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

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

.tab-content &gt; .tab-pane {
  display: none; }

.tab-content &gt; .active {
  display: block; }

.navbar {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 0.5rem; }
  .navbar .container,
  .navbar .container-fluid,
  .navbar .container-sm,
  .navbar .container-md,
  .navbar .container-lg,
  .navbar .container-xl {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between; }

.navbar-brand {
  display: inline-block;
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
  margin-right: 0.5rem;
  font-size: 1.25rem;
  line-height: inherit;
  white-space: nowrap; }
  .navbar-brand:hover, .navbar-brand:focus {
    text-decoration: none; }

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

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

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

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

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

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

@media (min-width: 768px) {
  .navbar-expand-sm {
    flex-flow: row nowrap;
    justify-content: flex-start; }
    .navbar-expand-sm .navbar-nav {
      flex-direction: row; }
      .navbar-expand-sm .navbar-nav .dropdown-menu {
        position: absolute; }
      .navbar-expand-sm .navbar-nav .nav-link {
        padding-right: 0.5rem;
        padding-left: 0.5rem; }
    .navbar-expand-sm &gt; .container,
    .navbar-expand-sm &gt; .container-fluid,
    .navbar-expand-sm &gt; .container-sm,
    .navbar-expand-sm &gt; .container-md,
    .navbar-expand-sm &gt; .container-lg,
    .navbar-expand-sm &gt; .container-xl {
      flex-wrap: nowrap; }
    .navbar-expand-sm .navbar-collapse {
      display: flex;
      flex-basis: auto; }
    .navbar-expand-sm .navbar-toggler {
      display: none; } }

@media (max-width: 1023.98px) {
  .navbar-expand-md &gt; .container,
  .navbar-expand-md &gt; .container-fluid,
  .navbar-expand-md &gt; .container-sm,
  .navbar-expand-md &gt; .container-md,
  .navbar-expand-md &gt; .container-lg,
  .navbar-expand-md &gt; .container-xl {
    padding-right: 0;
    padding-left: 0; } }

@media (min-width: 1024px) {
  .navbar-expand-md {
    flex-flow: row nowrap;
    justify-content: flex-start; }
    .navbar-expand-md .navbar-nav {
      flex-direction: row; }
      .navbar-expand-md .navbar-nav .dropdown-menu {
        position: absolute; }
      .navbar-expand-md .navbar-nav .nav-link {
        padding-right: 0.5rem;
        padding-left: 0.5rem; }
    .navbar-expand-md &gt; .container,
    .navbar-expand-md &gt; .container-fluid,
    .navbar-expand-md &gt; .container-sm,
    .navbar-expand-md &gt; .container-md,
    .navbar-expand-md &gt; .container-lg,
    .navbar-expand-md &gt; .container-xl {
      flex-wrap: nowrap; }
    .navbar-expand-md .navbar-collapse {
      display: flex;
      flex-basis: auto; }
    .navbar-expand-md .navbar-toggler {
      display: none; } }

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

@media (min-width: 1200px) {
  .navbar-expand-lg {
    flex-flow: row nowrap;
    justify-content: flex-start; }
    .navbar-expand-lg .navbar-nav {
      flex-direction: row; }
      .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute; }
      .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 0.5rem;
        padding-left: 0.5rem; }
    .navbar-expand-lg &gt; .container,
    .navbar-expand-lg &gt; .container-fluid,
    .navbar-expand-lg &gt; .container-sm,
    .navbar-expand-lg &gt; .container-md,
    .navbar-expand-lg &gt; .container-lg,
    .navbar-expand-lg &gt; .container-xl {
      flex-wrap: nowrap; }
    .navbar-expand-lg .navbar-collapse {
      display: flex;
      flex-basis: auto; }
    .navbar-expand-lg .navbar-toggler {
      display: none; } }

@media (max-width: 1279.98px) {
  .navbar-expand-xl &gt; .container,
  .navbar-expand-xl &gt; .container-fluid,
  .navbar-expand-xl &gt; .container-sm,
  .navbar-expand-xl &gt; .container-md,
  .navbar-expand-xl &gt; .container-lg,
  .navbar-expand-xl &gt; .container-xl {
    padding-right: 0;
    padding-left: 0; } }

@media (min-width: 1280px) {
  .navbar-expand-xl {
    flex-flow: row nowrap;
    justify-content: flex-start; }
    .navbar-expand-xl .navbar-nav {
      flex-direction: row; }
      .navbar-expand-xl .navbar-nav .dropdown-menu {
        position: absolute; }
      .navbar-expand-xl .navbar-nav .nav-link {
        padding-right: 0.5rem;
        padding-left: 0.5rem; }
    .navbar-expand-xl &gt; .container,
    .navbar-expand-xl &gt; .container-fluid,
    .navbar-expand-xl &gt; .container-sm,
    .navbar-expand-xl &gt; .container-md,
    .navbar-expand-xl &gt; .container-lg,
    .navbar-expand-xl &gt; .container-xl {
      flex-wrap: nowrap; }
    .navbar-expand-xl .navbar-collapse {
      display: flex;
      flex-basis: auto; }
    .navbar-expand-xl .navbar-toggler {
      display: none; } }

.navbar-expand {
  flex-flow: row nowrap;
  justify-content: flex-start; }
  .navbar-expand &gt; .container,
  .navbar-expand &gt; .container-fluid,
  .navbar-expand &gt; .container-sm,
  .navbar-expand &gt; .container-md,
  .navbar-expand &gt; .container-lg,
  .navbar-expand &gt; .container-xl {
    padding-right: 0;
    padding-left: 0; }
  .navbar-expand .navbar-nav {
    flex-direction: row; }
    .navbar-expand .navbar-nav .dropdown-menu {
      position: absolute; }
    .navbar-expand .navbar-nav .nav-link {
      padding-right: 0.5rem;
      padding-left: 0.5rem; }
  .navbar-expand &gt; .container,
  .navbar-expand &gt; .container-fluid,
  .navbar-expand &gt; .container-sm,
  .navbar-expand &gt; .container-md,
  .navbar-expand &gt; .container-lg,
  .navbar-expand &gt; .container-xl {
    flex-wrap: nowrap; }
  .navbar-expand .navbar-collapse {
    display: flex;
    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 &gt; .nav-link,
.navbar-light .navbar-nav .active &gt; .nav-link,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .nav-link.active {
  color: rgba(0, 0, 0, 0.9); }

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

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

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

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

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

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

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

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

.navbar-dark .navbar-text {
  color: rgba(255, 255, 255, 0.5); }
  .navbar-dark .navbar-text a {
    color: #fff; }
    .navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus {
      color: #fff; }

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

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

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

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

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

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

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

.card-header {
  padding: 0.75rem 1.25rem;
  margin-bottom: 0;
  background-color: rgba(0, 0, 0, 0.03);
  border-bottom: 1px solid rgba(0, 0, 0, 0.125); }
  .card-header:first-child {
    border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; }
  .card-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,
.card-img-top,
.card-img-bottom {
  flex-shrink: 0;
  width: 100%; }

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

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

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

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

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

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

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

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

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

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

.breadcrumb-item + .breadcrumb-item {
  padding-left: 0.5rem; }
  .breadcrumb-item + .breadcrumb-item::before {
    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: 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: #951CFF;
  background-color: #fff;
  border: 1px solid #dee2e6; }
  .page-link:hover {
    z-index: 2;
    color: #6e00cf;
    text-decoration: none;
    background-color: #e9ecef;
    border-color: #dee2e6; }
  .page-link:focus {
    z-index: 3;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(149, 28, 255, 0.25); }

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

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

.page-item.active .page-link {
  z-index: 3;
  color: #fff;
  background-color: #951CFF;
  border-color: #951CFF; }

.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.2em 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: #951CFF; }
  a.badge-primary:hover, a.badge-primary:focus {
    color: #fff;
    background-color: #7c00e8; }
  a.badge-primary:focus, a.badge-primary.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(149, 28, 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: #4c4c4c;
  background-color: #ffc107; }
  a.badge-warning:hover, a.badge-warning:focus {
    color: #4c4c4c;
    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: #4c4c4c;
  background-color: #f8f9fa; }
  a.badge-light:hover, a.badge-light:focus {
    color: #4c4c4c;
    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: 768px) {
    .jumbotron {
      padding: 4rem 2rem; } }
.jumbotron-fluid {
  padding-right: 0;
  padding-left: 0;
  border-radius: 0; }

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

.alert-heading {
  color: inherit; }

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

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

.alert-primary {
  color: #4d0f85;
  background-color: #ead2ff;
  border-color: #e1bfff; }
  .alert-primary hr {
    border-top-color: #d5a6ff; }
  .alert-primary .alert-link {
    color: #320a57; }

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

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

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

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

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

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

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

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

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

.progress-bar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #951CFF;
  transition: width 0.6s ease; }
  @media (prefers-reduced-motion: reduce) {
    .progress-bar {
      transition: none; } }
.progress-bar-striped {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 1rem 1rem; }

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

.media-body {
  flex: 1; }

.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;
  appearance: none; }

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

.toast {
  max-width: 350px;
  overflow: hidden;
  font-size: 0.875rem;
  color: white;
  background-color: #212121;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  backdrop-filter: blur(10px);
  opacity: 0;
  border-radius: 0.25rem; }
  .toast:not(:last-child) {
    margin-bottom: 1rem; }
  .toast.fade.showing {
    opacity: 1; }
  .toast.fade.show {
    display: block;
    opacity: 1; }
  .toast.hide {
    display: none; }

.toast-header {
  display: flex;
  align-items: center;
  padding: 0.25rem 1rem;
  color: white;
  background-color: #212121;
  background-clip: padding-box;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05); }

.toast-body {
  padding: 1rem; }

.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;
  top: 60px; }
  .modal.fade .modal-dialog {
    transition: transform 0.3s ease-out;
    transform: translate(0, -50px); }
    @media (prefers-reduced-motion: reduce) {
      .modal.fade .modal-dialog {
        transition: none; } }
  .modal.show .modal-dialog {
    transform: none; }
  .modal.modal-static .modal-dialog {
    transform: scale(1.02); }

.modal-dialog-scrollable {
  display: flex;
  max-height: calc(100% - 1rem); }
  .modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 1rem);
    overflow: hidden; }
  .modal-dialog-scrollable .modal-header,
  .modal-dialog-scrollable .modal-footer {
    flex-shrink: 0; }
  .modal-dialog-scrollable .modal-body {
    overflow-y: auto; }

.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - 1rem); }
  .modal-dialog-centered::before {
    display: block;
    height: calc(100vh - 1rem);
    content: ""; }
  .modal-dialog-centered.modal-dialog-scrollable {
    flex-direction: column;
    justify-content: center;
    height: 100%; }
    .modal-dialog-centered.modal-dialog-scrollable .modal-content {
      max-height: none; }
    .modal-dialog-centered.modal-dialog-scrollable::before {
      content: none; }

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

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

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

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

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

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

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

@media (min-width: 768px) {
  .modal-dialog {
    max-width: 90vw;
    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: 400px; } }

@media (min-width: 1200px) {
  .modal-lg,
  .modal-xl {
    max-width: 80%; } }

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

.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  margin: 0;
  font-family: Roboto, sans-serif;
  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[data-popper-placement^='top'], .bs-tooltip-auto[x-placement^="top"] {
  padding: 0.4rem 0; }
  .bs-tooltip-top .arrow, .bs-tooltip-auto[data-popper-placement^='top'] .arrow, .bs-tooltip-auto[x-placement^="top"] .arrow {
    bottom: 0; }
    .bs-tooltip-top .arrow::before, .bs-tooltip-auto[data-popper-placement^='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[data-popper-placement^='bottom'], .bs-tooltip-auto[x-placement^="bottom"] {
  padding: 0.4rem 0; }
  .bs-tooltip-bottom .arrow, .bs-tooltip-auto[data-popper-placement^='bottom'] .arrow, .bs-tooltip-auto[x-placement^="bottom"] .arrow {
    top: 0; }
    .bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[data-popper-placement^='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: 600px;
  font-family: Roboto, sans-serif;
  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; }
  .popover.fade.show, .popover.show {
    opacity: 1; }

.bs-popover-top, .bs-popover-auto[x-placement^="top"] {
  margin-bottom: 0.5rem; }
  .bs-popover-top &gt; .arrow, .bs-popover-auto[x-placement^="top"] &gt; .arrow {
    bottom: calc(-0.5rem - 1px); }
    .bs-popover-top &gt; .arrow::before, .bs-popover-auto[x-placement^="top"] &gt; .arrow::before {
      bottom: 0;
      border-width: 0.5rem 0.5rem 0;
      border-top-color: rgba(0, 0, 0, 0.25); }
    .bs-popover-top &gt; .arrow::after, .bs-popover-auto[x-placement^="top"] &gt; .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 &gt; .arrow, .bs-popover-auto[x-placement^="right"] &gt; .arrow {
    left: calc(-0.5rem - 1px);
    width: 0.5rem;
    height: 1rem;
    margin: 0.3rem 0; }
    .bs-popover-right &gt; .arrow::before, .bs-popover-auto[x-placement^="right"] &gt; .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 &gt; .arrow::after, .bs-popover-auto[x-placement^="right"] &gt; .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 &gt; .arrow, .bs-popover-auto[x-placement^="bottom"] &gt; .arrow {
    top: calc(-0.5rem - 1px); }
    .bs-popover-bottom &gt; .arrow::before, .bs-popover-auto[x-placement^="bottom"] &gt; .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 &gt; .arrow::after, .bs-popover-auto[x-placement^="bottom"] &gt; .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 &gt; .arrow, .bs-popover-auto[x-placement^="left"] &gt; .arrow {
    right: calc(-0.5rem - 1px);
    width: 0.5rem;
    height: 1rem;
    margin: 0.3rem 0; }
    .bs-popover-left &gt; .arrow::before, .bs-popover-auto[x-placement^="left"] &gt; .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 &gt; .arrow::after, .bs-popover-auto[x-placement^="left"] &gt; .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: #4c4c4c; }

.carousel {
  position: relative; }
  .carousel .carousel.pointer-event {
    touch-action: pan-y; }
  .carousel .carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden; }
    .carousel .carousel-inner::after {
      display: block;
      clear: both;
      content: ""; }
  .carousel .item {
    position: relative;
    display: none;
    margin-right: -100%;
    backface-visibility: hidden;
    transition: transform 0.6s ease-in-out; }
    @media (prefers-reduced-motion: reduce) {
      .carousel .item {
        transition: none; } }
  .carousel .item.active,
  .carousel .next,
  .carousel .prev {
    display: block; }
  .carousel .next:not(.left),
  .carousel .active.right {
    transform: translateX(100%); }
  .carousel .prev:not(.right),
  .carousel .active.left {
    transform: translateX(-100%); }

.carousel-fade .item {
  opacity: 0;
  transition-property: opacity;
  transform: none; }

.carousel-fade .item.active,
.carousel-fade .next.left,
.carousel-fade .prev.right {
  z-index: 1;
  opacity: 1; }

.carousel-fade .active.left,
.carousel-fade .active.right {
  z-index: 0;
  opacity: 0;
  transition: opacity 0s 0.6s; }
  @media (prefers-reduced-motion: reduce) {
    .carousel-fade .active.left,
    .carousel-fade .active.right {
      transition: none; } }
.carousel-control-prev,
.carousel-control-next {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15%;
  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' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); }

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

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

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

@keyframes spinner-border {
  to {
    transform: rotate(360deg); } }

.spinner-border {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: text-bottom;
  border: 0.25em solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  animation: spinner-border .75s linear infinite; }

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

@keyframes spinner-grow {
  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;
  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; }

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

.bg-primary {
  background-color: #951CFF !important; }

a.bg-primary:hover, a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
  background-color: #7c00e8 !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, .rmm.style ul ul li a:not(.btn):hover, .rmm.style ul ul li a:not(.btn):focus {
  background-color: #f8f9fa !important; }

a.bg-light:hover, .rmm.style ul ul li a:hover:not(.btn), a.bg-light:focus, .rmm.style ul ul li a:focus:not(.btn),
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: #951CFF !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: ""; }

@media (min-width: 576px) {
  .d-xs-none {
    display: none !important; }
  .d-xs-inline {
    display: inline !important; }
  .d-xs-inline-block {
    display: inline-block !important; }
  .d-xs-block {
    display: block !important; }
  .d-xs-table {
    display: table !important; }
  .d-xs-table-row {
    display: table-row !important; }
  .d-xs-table-cell {
    display: table-cell !important; }
  .d-xs-flex {
    display: flex !important; }
  .d-xs-inline-flex {
    display: inline-flex !important; } }

@media (min-width: 768px) {
  .d-sm-none {
    display: none !important; }
  .d-sm-inline {
    display: inline !important; }
  .d-sm-inline-block {
    display: inline-block !important; }
  .d-sm-block {
    display: block !important; }
  .d-sm-table {
    display: table !important; }
  .d-sm-table-row {
    display: table-row !important; }
  .d-sm-table-cell {
    display: table-cell !important; }
  .d-sm-flex {
    display: flex !important; }
  .d-sm-inline-flex {
    display: inline-flex !important; } }

@media (min-width: 1024px) {
  .d-md-none {
    display: none !important; }
  .d-md-inline {
    display: inline !important; }
  .d-md-inline-block {
    display: inline-block !important; }
  .d-md-block {
    display: block !important; }
  .d-md-table {
    display: table !important; }
  .d-md-table-row {
    display: table-row !important; }
  .d-md-table-cell {
    display: table-cell !important; }
  .d-md-flex {
    display: flex !important; }
  .d-md-inline-flex {
    display: inline-flex !important; } }

@media (min-width: 1200px) {
  .d-lg-none {
    display: none !important; }
  .d-lg-inline {
    display: inline !important; }
  .d-lg-inline-block {
    display: inline-block !important; }
  .d-lg-block {
    display: block !important; }
  .d-lg-table {
    display: table !important; }
  .d-lg-table-row {
    display: table-row !important; }
  .d-lg-table-cell {
    display: table-cell !important; }
  .d-lg-flex {
    display: flex !important; }
  .d-lg-inline-flex {
    display: inline-flex !important; } }

@media (min-width: 1280px) {
  .d-xl-none {
    display: none !important; }
  .d-xl-inline {
    display: inline !important; }
  .d-xl-inline-block {
    display: inline-block !important; }
  .d-xl-block {
    display: block !important; }
  .d-xl-table {
    display: table !important; }
  .d-xl-table-row {
    display: table-row !important; }
  .d-xl-table-cell {
    display: table-cell !important; }
  .d-xl-flex {
    display: flex !important; }
  .d-xl-inline-flex {
    display: inline-flex !important; } }

@media print {
  .d-print-none {
    display: none !important; }
  .d-print-inline {
    display: inline !important; }
  .d-print-inline-block {
    display: inline-block !important; }
  .d-print-block {
    display: block !important; }
  .d-print-table {
    display: table !important; }
  .d-print-table-row {
    display: table-row !important; }
  .d-print-table-cell {
    display: table-cell !important; }
  .d-print-flex {
    display: flex !important; }
  .d-print-inline-flex {
    display: inline-flex !important; } }

.embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden; }
  .embed-responsive::before {
    display: block;
    content: ""; }
  .embed-responsive .embed-responsive-item,
  .embed-responsive iframe,
  .embed-responsive embed,
  .embed-responsive object,
  .embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0; }

.embed-responsive-21by9::before {
  padding-top: 42.85714%; }

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

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

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

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

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

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

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

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

@media (min-width: 576px) {
  .float-xs-left {
    float: left !important; }
  .float-xs-right {
    float: right !important; }
  .float-xs-none {
    float: none !important; } }

@media (min-width: 768px) {
  .float-sm-left {
    float: left !important; }
  .float-sm-right {
    float: right !important; }
  .float-sm-none {
    float: none !important; } }

@media (min-width: 1024px) {
  .float-md-left {
    float: left !important; }
  .float-md-right {
    float: right !important; }
  .float-md-none {
    float: none !important; } }

@media (min-width: 1200px) {
  .float-lg-left {
    float: left !important; }
  .float-lg-right {
    float: right !important; }
  .float-lg-none {
    float: none !important; } }

@media (min-width: 1280px) {
  .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: sticky !important; }

.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030; }

.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030; }

@supports (position: sticky) {
  .sticky-top {
    position: sticky;
    top: 0;
    z-index: 1020; } }

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

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

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

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

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

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

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

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

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

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

.w-95 {
  width: 95% !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-95 {
  height: 95% !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); }

@media (min-width: 576px) {
  .m-xs-0 {
    margin: 0 !important; }
  .mt-xs-0,
  .my-xs-0 {
    margin-top: 0 !important; }
  .mr-xs-0,
  .mx-xs-0 {
    margin-right: 0 !important; }
  .mb-xs-0,
  .my-xs-0 {
    margin-bottom: 0 !important; }
  .ml-xs-0,
  .mx-xs-0 {
    margin-left: 0 !important; }
  .m-xs-1 {
    margin: 0.25rem !important; }
  .mt-xs-1,
  .my-xs-1 {
    margin-top: 0.25rem !important; }
  .mr-xs-1,
  .mx-xs-1 {
    margin-right: 0.25rem !important; }
  .mb-xs-1,
  .my-xs-1 {
    margin-bottom: 0.25rem !important; }
  .ml-xs-1,
  .mx-xs-1 {
    margin-left: 0.25rem !important; }
  .m-xs-2 {
    margin: 0.5rem !important; }
  .mt-xs-2,
  .my-xs-2 {
    margin-top: 0.5rem !important; }
  .mr-xs-2,
  .mx-xs-2 {
    margin-right: 0.5rem !important; }
  .mb-xs-2,
  .my-xs-2 {
    margin-bottom: 0.5rem !important; }
  .ml-xs-2,
  .mx-xs-2 {
    margin-left: 0.5rem !important; }
  .m-xs-3 {
    margin: 1rem !important; }
  .mt-xs-3,
  .my-xs-3 {
    margin-top: 1rem !important; }
  .mr-xs-3,
  .mx-xs-3 {
    margin-right: 1rem !important; }
  .mb-xs-3,
  .my-xs-3 {
    margin-bottom: 1rem !important; }
  .ml-xs-3,
  .mx-xs-3 {
    margin-left: 1rem !important; }
  .m-xs-4 {
    margin: 1.5rem !important; }
  .mt-xs-4,
  .my-xs-4 {
    margin-top: 1.5rem !important; }
  .mr-xs-4,
  .mx-xs-4 {
    margin-right: 1.5rem !important; }
  .mb-xs-4,
  .my-xs-4 {
    margin-bottom: 1.5rem !important; }
  .ml-xs-4,
  .mx-xs-4 {
    margin-left: 1.5rem !important; }
  .m-xs-5 {
    margin: 3rem !important; }
  .mt-xs-5,
  .my-xs-5 {
    margin-top: 3rem !important; }
  .mr-xs-5,
  .mx-xs-5 {
    margin-right: 3rem !important; }
  .mb-xs-5,
  .my-xs-5 {
    margin-bottom: 3rem !important; }
  .ml-xs-5,
  .mx-xs-5 {
    margin-left: 3rem !important; }
  .p-xs-0 {
    padding: 0 !important; }
  .pt-xs-0,
  .py-xs-0 {
    padding-top: 0 !important; }
  .pr-xs-0,
  .px-xs-0 {
    padding-right: 0 !important; }
  .pb-xs-0,
  .py-xs-0 {
    padding-bottom: 0 !important; }
  .pl-xs-0,
  .px-xs-0 {
    padding-left: 0 !important; }
  .p-xs-1 {
    padding: 0.25rem !important; }
  .pt-xs-1,
  .py-xs-1 {
    padding-top: 0.25rem !important; }
  .pr-xs-1,
  .px-xs-1 {
    padding-right: 0.25rem !important; }
  .pb-xs-1,
  .py-xs-1 {
    padding-bottom: 0.25rem !important; }
  .pl-xs-1,
  .px-xs-1 {
    padding-left: 0.25rem !important; }
  .p-xs-2 {
    padding: 0.5rem !important; }
  .pt-xs-2,
  .py-xs-2 {
    padding-top: 0.5rem !important; }
  .pr-xs-2,
  .px-xs-2 {
    padding-right: 0.5rem !important; }
  .pb-xs-2,
  .py-xs-2 {
    padding-bottom: 0.5rem !important; }
  .pl-xs-2,
  .px-xs-2 {
    padding-left: 0.5rem !important; }
  .p-xs-3 {
    padding: 1rem !important; }
  .pt-xs-3,
  .py-xs-3 {
    padding-top: 1rem !important; }
  .pr-xs-3,
  .px-xs-3 {
    padding-right: 1rem !important; }
  .pb-xs-3,
  .py-xs-3 {
    padding-bottom: 1rem !important; }
  .pl-xs-3,
  .px-xs-3 {
    padding-left: 1rem !important; }
  .p-xs-4 {
    padding: 1.5rem !important; }
  .pt-xs-4,
  .py-xs-4 {
    padding-top: 1.5rem !important; }
  .pr-xs-4,
  .px-xs-4 {
    padding-right: 1.5rem !important; }
  .pb-xs-4,
  .py-xs-4 {
    padding-bottom: 1.5rem !important; }
  .pl-xs-4,
  .px-xs-4 {
    padding-left: 1.5rem !important; }
  .p-xs-5 {
    padding: 3rem !important; }
  .pt-xs-5,
  .py-xs-5 {
    padding-top: 3rem !important; }
  .pr-xs-5,
  .px-xs-5 {
    padding-right: 3rem !important; }
  .pb-xs-5,
  .py-xs-5 {
    padding-bottom: 3rem !important; }
  .pl-xs-5,
  .px-xs-5 {
    padding-left: 3rem !important; }
  .m-xs-n1 {
    margin: -0.25rem !important; }
  .mt-xs-n1,
  .my-xs-n1 {
    margin-top: -0.25rem !important; }
  .mr-xs-n1,
  .mx-xs-n1 {
    margin-right: -0.25rem !important; }
  .mb-xs-n1,
  .my-xs-n1 {
    margin-bottom: -0.25rem !important; }
  .ml-xs-n1,
  .mx-xs-n1 {
    margin-left: -0.25rem !important; }
  .m-xs-n2 {
    margin: -0.5rem !important; }
  .mt-xs-n2,
  .my-xs-n2 {
    margin-top: -0.5rem !important; }
  .mr-xs-n2,
  .mx-xs-n2 {
    margin-right: -0.5rem !important; }
  .mb-xs-n2,
  .my-xs-n2 {
    margin-bottom: -0.5rem !important; }
  .ml-xs-n2,
  .mx-xs-n2 {
    margin-left: -0.5rem !important; }
  .m-xs-n3 {
    margin: -1rem !important; }
  .mt-xs-n3,
  .my-xs-n3 {
    margin-top: -1rem !important; }
  .mr-xs-n3,
  .mx-xs-n3 {
    margin-right: -1rem !important; }
  .mb-xs-n3,
  .my-xs-n3 {
    margin-bottom: -1rem !important; }
  .ml-xs-n3,
  .mx-xs-n3 {
    margin-left: -1rem !important; }
  .m-xs-n4 {
    margin: -1.5rem !important; }
  .mt-xs-n4,
  .my-xs-n4 {
    margin-top: -1.5rem !important; }
  .mr-xs-n4,
  .mx-xs-n4 {
    margin-right: -1.5rem !important; }
  .mb-xs-n4,
  .my-xs-n4 {
    margin-bottom: -1.5rem !important; }
  .ml-xs-n4,
  .mx-xs-n4 {
    margin-left: -1.5rem !important; }
  .m-xs-n5 {
    margin: -3rem !important; }
  .mt-xs-n5,
  .my-xs-n5 {
    margin-top: -3rem !important; }
  .mr-xs-n5,
  .mx-xs-n5 {
    margin-right: -3rem !important; }
  .mb-xs-n5,
  .my-xs-n5 {
    margin-bottom: -3rem !important; }
  .ml-xs-n5,
  .mx-xs-n5 {
    margin-left: -3rem !important; }
  .m-xs-auto {
    margin: auto !important; }
  .mt-xs-auto,
  .my-xs-auto {
    margin-top: auto !important; }
  .mr-xs-auto,
  .mx-xs-auto {
    margin-right: auto !important; }
  .mb-xs-auto,
  .my-xs-auto {
    margin-bottom: auto !important; }
  .ml-xs-auto,
  .mx-xs-auto {
    margin-left: auto !important; } }

@media (min-width: 768px) {
  .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: 1024px) {
  .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: 1200px) {
  .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: 1280px) {
  .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: Menlo, Monaco, Consolas, "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; }

@media (min-width: 576px) {
  .text-xs-left {
    text-align: left !important; }
  .text-xs-right {
    text-align: right !important; }
  .text-xs-center {
    text-align: center !important; } }

@media (min-width: 768px) {
  .text-sm-left {
    text-align: left !important; }
  .text-sm-right {
    text-align: right !important; }
  .text-sm-center {
    text-align: center !important; } }

@media (min-width: 1024px) {
  .text-md-left {
    text-align: left !important; }
  .text-md-right {
    text-align: right !important; }
  .text-md-center {
    text-align: center !important; } }

@media (min-width: 1200px) {
  .text-lg-left {
    text-align: left !important; }
  .text-lg-right {
    text-align: right !important; }
  .text-lg-center {
    text-align: center !important; } }

@media (min-width: 1280px) {
  .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: bold !important; }

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

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

.text-primary {
  color: #951CFF !important; }

a.text-primary:hover, a.text-primary:focus {
  color: #6e00cf !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: #4c4c4c !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 #797A8D;
    page-break-inside: avoid; }
  thead {
    display: table-header-group; }
  tr,
  img {
    page-break-inside: avoid; }
  p,
  h2,
  .h2,
  h3,
  .h3 {
    orphans: 3;
    widows: 3; }
  h2, .h2,
  h3,
  .h3 {
    page-break-after: avoid; }
  @page {
    size: a3; }
  body {
    min-width: 1200px !important; }
  .container {
    min-width: 1200px !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; } }

@font-face {
  font-family: 'Glyphicons Halflings';
  src: url("../iso_icons/bootstrap_glyphicons-halflings-regular.eot");
  src: url("../iso_icons/bootstrap_glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("../iso_icons/bootstrap_glyphicons-halflings-regular.woff2") format("woff2"), url("../iso_icons/bootstrap_glyphicons-halflings-regular.woff") format("woff"), url("../iso_icons/bootstrap_glyphicons-halflings-regular.ttf") format("truetype"), url("../iso_icons/bootstrap_glyphicons-halflings-regular.svg#bootstrap_glyphicons-halflingsregular") format("svg"); }

.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.glyphicon-asterisk:before {
  content: "\2a"; }

.glyphicon-plus:before {
  content: "\2b"; }

.glyphicon-euro:before,
.glyphicon-eur:before {
  content: "\20ac"; }

.glyphicon-minus:before {
  content: "\2212"; }

.glyphicon-cloud:before {
  content: "\2601"; }

.glyphicon-envelope:before {
  content: "\2709"; }

.glyphicon-pencil:before {
  content: "\270f"; }

.glyphicon-glass:before {
  content: "\e001"; }

.glyphicon-music:before {
  content: "\e002"; }

.glyphicon-search:before {
  content: "\e003"; }

.glyphicon-heart:before {
  content: "\e005"; }

.glyphicon-star:before {
  content: "\e006"; }

.glyphicon-star-empty:before {
  content: "\e007"; }

.glyphicon-user:before {
  content: "\e008"; }

.glyphicon-film:before {
  content: "\e009"; }

.glyphicon-th-large:before {
  content: "\e010"; }

.glyphicon-th:before {
  content: "\e011"; }

.glyphicon-th-list:before {
  content: "\e012"; }

.glyphicon-ok:before {
  content: "\e013"; }

.glyphicon-remove:before {
  content: "\e014"; }

.glyphicon-zoom-in:before {
  content: "\e015"; }

.glyphicon-zoom-out:before {
  content: "\e016"; }

.glyphicon-off:before {
  content: "\e017"; }

.glyphicon-signal:before {
  content: "\e018"; }

.glyphicon-cog:before {
  content: "\e019"; }

.glyphicon-trash:before {
  content: "\e020"; }

.glyphicon-home:before {
  content: "\e021"; }

.glyphicon-file:before {
  content: "\e022"; }

.glyphicon-time:before {
  content: "\e023"; }

.glyphicon-road:before {
  content: "\e024"; }

.glyphicon-download-alt:before {
  content: "\e025"; }

.glyphicon-download:before {
  content: "\e026"; }

.glyphicon-upload:before {
  content: "\e027"; }

.glyphicon-inbox:before {
  content: "\e028"; }

.glyphicon-play-circle:before {
  content: "\e029"; }

.glyphicon-repeat:before {
  content: "\e030"; }

.glyphicon-refresh:before {
  content: "\e031"; }

.glyphicon-list-alt:before {
  content: "\e032"; }

.glyphicon-lock:before {
  content: "\e033"; }

.glyphicon-flag:before {
  content: "\e034"; }

.glyphicon-headphones:before {
  content: "\e035"; }

.glyphicon-volume-off:before {
  content: "\e036"; }

.glyphicon-volume-down:before {
  content: "\e037"; }

.glyphicon-volume-up:before {
  content: "\e038"; }

.glyphicon-qrcode:before {
  content: "\e039"; }

.glyphicon-barcode:before {
  content: "\e040"; }

.glyphicon-tag:before {
  content: "\e041"; }

.glyphicon-tags:before {
  content: "\e042"; }

.glyphicon-book:before {
  content: "\e043"; }

.glyphicon-bookmark:before {
  content: "\e044"; }

.glyphicon-print:before {
  content: "\e045"; }

.glyphicon-camera:before {
  content: "\e046"; }

.glyphicon-font:before {
  content: "\e047"; }

.glyphicon-bold:before {
  content: "\e048"; }

.glyphicon-italic:before {
  content: "\e049"; }

.glyphicon-text-height:before {
  content: "\e050"; }

.glyphicon-text-width:before {
  content: "\e051"; }

.glyphicon-align-left:before {
  content: "\e052"; }

.glyphicon-align-center:before {
  content: "\e053"; }

.glyphicon-align-right:before {
  content: "\e054"; }

.glyphicon-align-justify:before {
  content: "\e055"; }

.glyphicon-list:before {
  content: "\e056"; }

.glyphicon-indent-left:before {
  content: "\e057"; }

.glyphicon-indent-right:before {
  content: "\e058"; }

.glyphicon-facetime-video:before {
  content: "\e059"; }

.glyphicon-picture:before {
  content: "\e060"; }

.glyphicon-map-marker:before {
  content: "\e062"; }

.glyphicon-adjust:before {
  content: "\e063"; }

.glyphicon-tint:before {
  content: "\e064"; }

.glyphicon-edit:before {
  content: "\e065"; }

.glyphicon-share:before {
  content: "\e066"; }

.glyphicon-check:before {
  content: "\e067"; }

.glyphicon-move:before {
  content: "\e068"; }

.glyphicon-step-backward:before {
  content: "\e069"; }

.glyphicon-fast-backward:before {
  content: "\e070"; }

.glyphicon-backward:before {
  content: "\e071"; }

.glyphicon-play:before {
  content: "\e072"; }

.glyphicon-pause:before {
  content: "\e073"; }

.glyphicon-stop:before {
  content: "\e074"; }

.glyphicon-forward:before {
  content: "\e075"; }

.glyphicon-fast-forward:before {
  content: "\e076"; }

.glyphicon-step-forward:before {
  content: "\e077"; }

.glyphicon-eject:before {
  content: "\e078"; }

.glyphicon-chevron-left:before {
  content: "\e079"; }

.glyphicon-chevron-right:before {
  content: "\e080"; }

.glyphicon-plus-sign:before {
  content: "\e081"; }

.glyphicon-minus-sign:before {
  content: "\e082"; }

.glyphicon-remove-sign:before {
  content: "\e083"; }

.glyphicon-ok-sign:before {
  content: "\e084"; }

.glyphicon-question-sign:before {
  content: "\e085"; }

.glyphicon-info-sign:before {
  content: "\e086"; }

.glyphicon-screenshot:before {
  content: "\e087"; }

.glyphicon-remove-circle:before {
  content: "\e088"; }

.glyphicon-ok-circle:before {
  content: "\e089"; }

.glyphicon-ban-circle:before {
  content: "\e090"; }

.glyphicon-arrow-left:before {
  content: "\e091"; }

.glyphicon-arrow-right:before {
  content: "\e092"; }

.glyphicon-arrow-up:before {
  content: "\e093"; }

.glyphicon-arrow-down:before {
  content: "\e094"; }

.glyphicon-share-alt:before {
  content: "\e095"; }

.glyphicon-resize-full:before {
  content: "\e096"; }

.glyphicon-resize-small:before {
  content: "\e097"; }

.glyphicon-exclamation-sign:before {
  content: "\e101"; }

.glyphicon-gift:before {
  content: "\e102"; }

.glyphicon-leaf:before {
  content: "\e103"; }

.glyphicon-fire:before {
  content: "\e104"; }

.glyphicon-eye-open:before {
  content: "\e105"; }

.glyphicon-eye-close:before {
  content: "\e106"; }

.glyphicon-warning-sign:before {
  content: "\e107"; }

.glyphicon-plane:before {
  content: "\e108"; }

.glyphicon-calendar:before {
  content: "\e109"; }

.glyphicon-random:before {
  content: "\e110"; }

.glyphicon-comment:before {
  content: "\e111"; }

.glyphicon-magnet:before {
  content: "\e112"; }

.glyphicon-chevron-up:before {
  content: "\e113"; }

.glyphicon-chevron-down:before {
  content: "\e114"; }

.glyphicon-retweet:before {
  content: "\e115"; }

.glyphicon-shopping-cart:before {
  content: "\e116"; }

.glyphicon-folder-close:before {
  content: "\e117"; }

.glyphicon-folder-open:before {
  content: "\e118"; }

.glyphicon-resize-vertical:before {
  content: "\e119"; }

.glyphicon-resize-horizontal:before {
  content: "\e120"; }

.glyphicon-hdd:before {
  content: "\e121"; }

.glyphicon-bullhorn:before {
  content: "\e122"; }

.glyphicon-bell:before {
  content: "\e123"; }

.glyphicon-certificate:before {
  content: "\e124"; }

.glyphicon-thumbs-up:before {
  content: "\e125"; }

.glyphicon-thumbs-down:before {
  content: "\e126"; }

.glyphicon-hand-right:before {
  content: "\e127"; }

.glyphicon-hand-left:before {
  content: "\e128"; }

.glyphicon-hand-up:before {
  content: "\e129"; }

.glyphicon-hand-down:before {
  content: "\e130"; }

.glyphicon-circle-arrow-right:before {
  content: "\e131"; }

.glyphicon-circle-arrow-left:before {
  content: "\e132"; }

.glyphicon-circle-arrow-up:before {
  content: "\e133"; }

.glyphicon-circle-arrow-down:before {
  content: "\e134"; }

.glyphicon-globe:before {
  content: "\e135"; }

.glyphicon-wrench:before {
  content: "\e136"; }

.glyphicon-tasks:before {
  content: "\e137"; }

.glyphicon-filter:before {
  content: "\e138"; }

.glyphicon-briefcase:before {
  content: "\e139"; }

.glyphicon-fullscreen:before {
  content: "\e140"; }

.glyphicon-dashboard:before {
  content: "\e141"; }

.glyphicon-paperclip:before {
  content: "\e142"; }

.glyphicon-heart-empty:before {
  content: "\e143"; }

.glyphicon-link:before {
  content: "\e144"; }

.glyphicon-phone:before {
  content: "\e145"; }

.glyphicon-pushpin:before {
  content: "\e146"; }

.glyphicon-usd:before {
  content: "\e148"; }

.glyphicon-gbp:before {
  content: "\e149"; }

.glyphicon-sort:before {
  content: "\e150"; }

.glyphicon-sort-by-alphabet:before {
  content: "\e151"; }

.glyphicon-sort-by-alphabet-alt:before {
  content: "\e152"; }

.glyphicon-sort-by-order:before {
  content: "\e153"; }

.glyphicon-sort-by-order-alt:before {
  content: "\e154"; }

.glyphicon-sort-by-attributes:before {
  content: "\e155"; }

.glyphicon-sort-by-attributes-alt:before {
  content: "\e156"; }

.glyphicon-unchecked:before {
  content: "\e157"; }

.glyphicon-expand:before {
  content: "\e158"; }

.glyphicon-collapse-down:before {
  content: "\e159"; }

.glyphicon-collapse-up:before {
  content: "\e160"; }

.glyphicon-log-in:before {
  content: "\e161"; }

.glyphicon-flash:before {
  content: "\e162"; }

.glyphicon-log-out:before {
  content: "\e163"; }

.glyphicon-new-window:before {
  content: "\e164"; }

.glyphicon-record:before {
  content: "\e165"; }

.glyphicon-save:before {
  content: "\e166"; }

.glyphicon-open:before {
  content: "\e167"; }

.glyphicon-saved:before {
  content: "\e168"; }

.glyphicon-import:before {
  content: "\e169"; }

.glyphicon-export:before {
  content: "\e170"; }

.glyphicon-send:before {
  content: "\e171"; }

.glyphicon-floppy-disk:before {
  content: "\e172"; }

.glyphicon-floppy-saved:before {
  content: "\e173"; }

.glyphicon-floppy-remove:before {
  content: "\e174"; }

.glyphicon-floppy-save:before {
  content: "\e175"; }

.glyphicon-floppy-open:before {
  content: "\e176"; }

.glyphicon-credit-card:before {
  content: "\e177"; }

.glyphicon-transfer:before {
  content: "\e178"; }

.glyphicon-cutlery:before {
  content: "\e179"; }

.glyphicon-header:before {
  content: "\e180"; }

.glyphicon-compressed:before {
  content: "\e181"; }

.glyphicon-earphone:before {
  content: "\e182"; }

.glyphicon-phone-alt:before {
  content: "\e183"; }

.glyphicon-tower:before {
  content: "\e184"; }

.glyphicon-stats:before {
  content: "\e185"; }

.glyphicon-sd-video:before {
  content: "\e186"; }

.glyphicon-hd-video:before {
  content: "\e187"; }

.glyphicon-subtitles:before {
  content: "\e188"; }

.glyphicon-sound-stereo:before {
  content: "\e189"; }

.glyphicon-sound-dolby:before {
  content: "\e190"; }

.glyphicon-sound-5-1:before {
  content: "\e191"; }

.glyphicon-sound-6-1:before {
  content: "\e192"; }

.glyphicon-sound-7-1:before {
  content: "\e193"; }

.glyphicon-copyright-mark:before {
  content: "\e194"; }

.glyphicon-registration-mark:before {
  content: "\e195"; }

.glyphicon-cloud-download:before {
  content: "\e197"; }

.glyphicon-cloud-upload:before {
  content: "\e198"; }

.glyphicon-tree-conifer:before {
  content: "\e199"; }

.glyphicon-tree-deciduous:before {
  content: "\e200"; }

.glyphicon-cd:before {
  content: "\e201"; }

.glyphicon-save-file:before {
  content: "\e202"; }

.glyphicon-open-file:before {
  content: "\e203"; }

.glyphicon-level-up:before {
  content: "\e204"; }

.glyphicon-copy:before {
  content: "\e205"; }

.glyphicon-paste:before {
  content: "\e206"; }

.glyphicon-alert:before {
  content: "\e209"; }

.glyphicon-equalizer:before {
  content: "\e210"; }

.glyphicon-king:before {
  content: "\e211"; }

.glyphicon-queen:before {
  content: "\e212"; }

.glyphicon-pawn:before {
  content: "\e213"; }

.glyphicon-bishop:before {
  content: "\e214"; }

.glyphicon-knight:before {
  content: "\e215"; }

.glyphicon-baby-formula:before {
  content: "\e216"; }

.glyphicon-tent:before {
  content: "\26fa"; }

.glyphicon-blackboard:before {
  content: "\e218"; }

.glyphicon-bed:before {
  content: "\e219"; }

.glyphicon-apple:before {
  content: "\f8ff"; }

.glyphicon-erase:before {
  content: "\e221"; }

.glyphicon-hourglass:before {
  content: "\231b"; }

.glyphicon-lamp:before {
  content: "\e223"; }

.glyphicon-duplicate:before {
  content: "\e224"; }

.glyphicon-piggy-bank:before {
  content: "\e225"; }

.glyphicon-scissors:before {
  content: "\e226"; }

.glyphicon-bitcoin:before {
  content: "\e227"; }

.glyphicon-btc:before {
  content: "\e227"; }

.glyphicon-xbt:before {
  content: "\e227"; }

.glyphicon-yen:before {
  content: "\00a5"; }

.glyphicon-jpy:before {
  content: "\00a5"; }

.glyphicon-ruble:before {
  content: "\20bd"; }

.glyphicon-rub:before {
  content: "\20bd"; }

.glyphicon-scale:before {
  content: "\e230"; }

.glyphicon-ice-lolly:before {
  content: "\e231"; }

.glyphicon-ice-lolly-tasted:before {
  content: "\e232"; }

.glyphicon-education:before {
  content: "\e233"; }

.glyphicon-option-horizontal:before {
  content: "\e234"; }

.glyphicon-option-vertical:before {
  content: "\e235"; }

.glyphicon-menu-hamburger:before {
  content: "\e236"; }

.glyphicon-modal-window:before {
  content: "\e237"; }

.glyphicon-oil:before {
  content: "\e238"; }

.glyphicon-grain:before {
  content: "\e239"; }

.glyphicon-sunglasses:before {
  content: "\e240"; }

.glyphicon-text-size:before {
  content: "\e241"; }

.glyphicon-text-color:before {
  content: "\e242"; }

.glyphicon-text-background:before {
  content: "\e243"; }

.glyphicon-object-align-top:before {
  content: "\e244"; }

.glyphicon-object-align-bottom:before {
  content: "\e245"; }

.glyphicon-object-align-horizontal:before {
  content: "\e246"; }

.glyphicon-object-align-left:before {
  content: "\e247"; }

.glyphicon-object-align-vertical:before {
  content: "\e248"; }

.glyphicon-object-align-right:before {
  content: "\e249"; }

.glyphicon-triangle-right:before {
  content: "\e250"; }

.glyphicon-triangle-left:before {
  content: "\e251"; }

.glyphicon-triangle-bottom:before {
  content: "\e252"; }

.glyphicon-triangle-top:before {
  content: "\e253"; }

.glyphicon-console:before {
  content: "\e254"; }

.glyphicon-superscript:before {
  content: "\e255"; }

.glyphicon-subscript:before {
  content: "\e256"; }

.glyphicon-menu-left:before {
  content: "\e257"; }

.glyphicon-menu-right:before {
  content: "\e258"; }

.glyphicon-menu-down:before {
  content: "\e259"; }

.glyphicon-menu-up:before {
  content: "\e260"; }

.bg-primary {
  background-color: #951CFF !important; }

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

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

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

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

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

.bg-light, .rmm.style ul ul li a:not(.btn):hover, .rmm.style ul ul li a:not(.btn):focus {
  background-color: #f8f9fa !important; }

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

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

.shadow-1 {
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.05) !important; }

.shadow-2 {
  box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.05) !important; }

.shadow-3 {
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.05) !important; }

.shadow-4 {
  box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.05) !important; }

.shadow-5 {
  box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.05) !important; }

.shadow-1-strong {
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2) !important; }

.shadow-2-strong {
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.25), 0px 5px 15px 2px rgba(0, 0, 0, 0.2) !important; }

.shadow-3-strong {
  box-shadow: 0px 6px 11px 0px rgba(0, 0, 0, 0.25), 0px 7px 20px 3px rgba(0, 0, 0, 0.2) !important; }

.shadow-4-strong {
  box-shadow: 0px 6px 14px 0px rgba(0, 0, 0, 0.25), 0px 10px 30px 4px rgba(0, 0, 0, 0.2) !important; }

.shadow-5-strong {
  box-shadow: 0px 6px 20px 0px rgba(0, 0, 0, 0.25), 0px 12px 40px 5px rgba(0, 0, 0, 0.2) !important; }

.close {
  font-size: calc(1.275rem + 0.3vw);
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.5; }
  .close:hover {
    color: #000;
    text-decoration: none; }
  .close:hover, .close:focus {
    opacity: 0.75; }
  .close:disabled, .close.disabled {
    pointer-events: none; }

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

.embed-responsive {
  position: relative;
  width: 100%; }
  .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;
    left: 0;
    width: 100%;
    height: 100%; }

.embed-responsive-21by9:before {
  padding-top: 42.85714%; }

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

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

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

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

/*!
 * # Semantic UI 2.4.2 - Flag
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
             Flag
*******************************/
i.flag:not(.icon) {
  display: inline-block;
  width: 16px;
  height: 11px;
  margin: 0 0.5em 0 0;
  line-height: 11px;
  text-decoration: inherit;
  vertical-align: baseline;
  backface-visibility: hidden; }

/* Sprite */
i.flag:not(.icon):before {
  display: inline-block;
  width: 16px;
  height: 11px;
  content: '';
  background: url("https://mdbootstrap.com/img/svg/flags.png") no-repeat -108px -1976px; }

/* Flag Sprite Based On http://www.famfamfam.com/lab/icons/flags/ */
/*******************************
         Theme Overrides
*******************************/
i.flag.ad:before,
i.flag.andorra:before {
  background-position: 0 0; }

i.flag.ae:before,
i.flag.united.arab.emirates:before,
i.flag.uae:before {
  background-position: 0 -26px; }

i.flag.af:before,
i.flag.afghanistan:before {
  background-position: 0 -52px; }

i.flag.ag:before,
i.flag.antigua:before {
  background-position: 0 -78px; }

i.flag.ai:before,
i.flag.anguilla:before {
  background-position: 0 -104px; }

i.flag.al:before,
i.flag.albania:before {
  background-position: 0 -130px; }

i.flag.am:before,
i.flag.armenia:before {
  background-position: 0 -156px; }

i.flag.an:before,
i.flag.netherlands.antilles:before {
  background-position: 0 -182px; }

i.flag.ao:before,
i.flag.angola:before {
  background-position: 0 -208px; }

i.flag.ar:before,
i.flag.argentina:before {
  background-position: 0 -234px; }

i.flag.as:before,
i.flag.american.samoa:before {
  background-position: 0 -260px; }

i.flag.at:before,
i.flag.austria:before {
  background-position: 0 -286px; }

i.flag.au:before,
i.flag.australia:before {
  background-position: 0 -312px; }

i.flag.aw:before,
i.flag.aruba:before {
  background-position: 0 -338px; }

i.flag.ax:before,
i.flag.aland.islands:before {
  background-position: 0 -364px; }

i.flag.az:before,
i.flag.azerbaijan:before {
  background-position: 0 -390px; }

i.flag.ba:before,
i.flag.bosnia:before {
  background-position: 0 -416px; }

i.flag.bb:before,
i.flag.barbados:before {
  background-position: 0 -442px; }

i.flag.bd:before,
i.flag.bangladesh:before {
  background-position: 0 -468px; }

i.flag.be:before,
i.flag.belgium:before {
  background-position: 0 -494px; }

i.flag.bf:before,
i.flag.burkina.faso:before {
  background-position: 0 -520px; }

i.flag.bg:before,
i.flag.bulgaria:before {
  background-position: 0 -546px; }

i.flag.bh:before,
i.flag.bahrain:before {
  background-position: 0 -572px; }

i.flag.bi:before,
i.flag.burundi:before {
  background-position: 0 -598px; }

i.flag.bj:before,
i.flag.benin:before {
  background-position: 0 -624px; }

i.flag.bm:before,
i.flag.bermuda:before {
  background-position: 0 -650px; }

i.flag.bn:before,
i.flag.brunei:before {
  background-position: 0 -676px; }

i.flag.bo:before,
i.flag.bolivia:before {
  background-position: 0 -702px; }

i.flag.br:before,
i.flag.brazil:before {
  background-position: 0 -728px; }

i.flag.bs:before,
i.flag.bahamas:before {
  background-position: 0 -754px; }

i.flag.bt:before,
i.flag.bhutan:before {
  background-position: 0 -780px; }

i.flag.bv:before,
i.flag.bouvet.island:before {
  background-position: 0 -806px; }

i.flag.bw:before,
i.flag.botswana:before {
  background-position: 0 -832px; }

i.flag.by:before,
i.flag.belarus:before {
  background-position: 0 -858px; }

i.flag.bz:before,
i.flag.belize:before {
  background-position: 0 -884px; }

i.flag.ca:before,
i.flag.canada:before {
  background-position: 0 -910px; }

i.flag.cc:before,
i.flag.cocos.islands:before {
  background-position: 0 -962px; }

i.flag.cd:before,
i.flag.congo:before {
  background-position: 0 -988px; }

i.flag.cf:before,
i.flag.central.african.republic:before {
  background-position: 0 -1014px; }

i.flag.cg:before,
i.flag.congo.brazzaville:before {
  background-position: 0 -1040px; }

i.flag.ch:before,
i.flag.switzerland:before {
  background-position: 0 -1066px; }

i.flag.ci:before,
i.flag.cote.divoire:before {
  background-position: 0 -1092px; }

i.flag.ck:before,
i.flag.cook.islands:before {
  background-position: 0 -1118px; }

i.flag.cl:before,
i.flag.chile:before {
  background-position: 0 -1144px; }

i.flag.cm:before,
i.flag.cameroon:before {
  background-position: 0 -1170px; }

i.flag.cn:before,
i.flag.china:before {
  background-position: 0 -1196px; }

i.flag.co:before,
i.flag.colombia:before {
  background-position: 0 -1222px; }

i.flag.cr:before,
i.flag.costa.rica:before {
  background-position: 0 -1248px; }

i.flag.cs:before,
i.flag.serbia:before {
  background-position: 0 -1274px; }

i.flag.cu:before,
i.flag.cuba:before {
  background-position: 0 -1300px; }

i.flag.cv:before,
i.flag.cape.verde:before {
  background-position: 0 -1326px; }

i.flag.cx:before,
i.flag.christmas.island:before {
  background-position: 0 -1352px; }

i.flag.cy:before,
i.flag.cyprus:before {
  background-position: 0 -1378px; }

i.flag.cz:before,
i.flag.czech.republic:before {
  background-position: 0 -1404px; }

i.flag.de:before,
i.flag.germany:before {
  background-position: 0 -1430px; }

i.flag.dj:before,
i.flag.djibouti:before {
  background-position: 0 -1456px; }

i.flag.dk:before,
i.flag.denmark:before {
  background-position: 0 -1482px; }

i.flag.dm:before,
i.flag.dominica:before {
  background-position: 0 -1508px; }

i.flag.do:before,
i.flag.dominican.republic:before {
  background-position: 0 -1534px; }

i.flag.dz:before,
i.flag.algeria:before {
  background-position: 0 -1560px; }

i.flag.ec:before,
i.flag.ecuador:before {
  background-position: 0 -1586px; }

i.flag.ee:before,
i.flag.estonia:before {
  background-position: 0 -1612px; }

i.flag.eg:before,
i.flag.egypt:before {
  background-position: 0 -1638px; }

i.flag.eh:before,
i.flag.western.sahara:before {
  background-position: 0 -1664px; }

i.flag.gb.eng:before,
i.flag.england:before {
  background-position: 0 -1690px; }

i.flag.er:before,
i.flag.eritrea:before {
  background-position: 0 -1716px; }

i.flag.es:before,
i.flag.spain:before {
  background-position: 0 -1742px; }

i.flag.et:before,
i.flag.ethiopia:before {
  background-position: 0 -1768px; }

i.flag.eu:before,
i.flag.european.union:before {
  background-position: 0 -1794px; }

i.flag.fi:before,
i.flag.finland:before {
  background-position: 0 -1846px; }

i.flag.fj:before,
i.flag.fiji:before {
  background-position: 0 -1872px; }

i.flag.fk:before,
i.flag.falkland.islands:before {
  background-position: 0 -1898px; }

i.flag.fm:before,
i.flag.micronesia:before {
  background-position: 0 -1924px; }

i.flag.fo:before,
i.flag.faroe.islands:before {
  background-position: 0 -1950px; }

i.flag.fr:before,
i.flag.france:before {
  background-position: 0 -1976px; }

i.flag.ga:before,
i.flag.gabon:before {
  background-position: -36px 0; }

i.flag.gb:before,
i.flag.uk:before,
i.flag.united.kingdom:before {
  background-position: -36px -26px; }

i.flag.gd:before,
i.flag.grenada:before {
  background-position: -36px -52px; }

i.flag.ge:before,
i.flag.georgia:before {
  background-position: -36px -78px; }

i.flag.gf:before,
i.flag.french.guiana:before {
  background-position: -36px -104px; }

i.flag.gh:before,
i.flag.ghana:before {
  background-position: -36px -130px; }

i.flag.gi:before,
i.flag.gibraltar:before {
  background-position: -36px -156px; }

i.flag.gl:before,
i.flag.greenland:before {
  background-position: -36px -182px; }

i.flag.gm:before,
i.flag.gambia:before {
  background-position: -36px -208px; }

i.flag.gn:before,
i.flag.guinea:before {
  background-position: -36px -234px; }

i.flag.gp:before,
i.flag.guadeloupe:before {
  background-position: -36px -260px; }

i.flag.gq:before,
i.flag.equatorial.guinea:before {
  background-position: -36px -286px; }

i.flag.gr:before,
i.flag.greece:before {
  background-position: -36px -312px; }

i.flag.gs:before,
i.flag.sandwich.islands:before {
  background-position: -36px -338px; }

i.flag.gt:before,
i.flag.guatemala:before {
  background-position: -36px -364px; }

i.flag.gu:before,
i.flag.guam:before {
  background-position: -36px -390px; }

i.flag.gw:before,
i.flag.guinea-bissau:before {
  background-position: -36px -416px; }

i.flag.gy:before,
i.flag.guyana:before {
  background-position: -36px -442px; }

i.flag.hk:before,
i.flag.hong.kong:before {
  background-position: -36px -468px; }

i.flag.hm:before,
i.flag.heard.island:before {
  background-position: -36px -494px; }

i.flag.hn:before,
i.flag.honduras:before {
  background-position: -36px -520px; }

i.flag.hr:before,
i.flag.croatia:before {
  background-position: -36px -546px; }

i.flag.ht:before,
i.flag.haiti:before {
  background-position: -36px -572px; }

i.flag.hu:before,
i.flag.hungary:before {
  background-position: -36px -598px; }

i.flag.id:before,
i.flag.indonesia:before {
  background-position: -36px -624px; }

i.flag.ie:before,
i.flag.ireland:before {
  background-position: -36px -650px; }

i.flag.il:before,
i.flag.israel:before {
  background-position: -36px -676px; }

i.flag.in:before,
i.flag.india:before {
  background-position: -36px -702px; }

i.flag.io:before,
i.flag.indian.ocean.territory:before {
  background-position: -36px -728px; }

i.flag.iq:before,
i.flag.iraq:before {
  background-position: -36px -754px; }

i.flag.ir:before,
i.flag.iran:before {
  background-position: -36px -780px; }

i.flag.is:before,
i.flag.iceland:before {
  background-position: -36px -806px; }

i.flag.it:before,
i.flag.italy:before {
  background-position: -36px -832px; }

i.flag.jm:before,
i.flag.jamaica:before {
  background-position: -36px -858px; }

i.flag.jo:before,
i.flag.jordan:before {
  background-position: -36px -884px; }

i.flag.jp:before,
i.flag.japan:before {
  background-position: -36px -910px; }

i.flag.ke:before,
i.flag.kenya:before {
  background-position: -36px -936px; }

i.flag.kg:before,
i.flag.kyrgyzstan:before {
  background-position: -36px -962px; }

i.flag.kh:before,
i.flag.cambodia:before {
  background-position: -36px -988px; }

i.flag.ki:before,
i.flag.kiribati:before {
  background-position: -36px -1014px; }

i.flag.km:before,
i.flag.comoros:before {
  background-position: -36px -1040px; }

i.flag.kn:before,
i.flag.saint.kitts.and.nevis:before {
  background-position: -36px -1066px; }

i.flag.kp:before,
i.flag.north.korea:before {
  background-position: -36px -1092px; }

i.flag.kr:before,
i.flag.south.korea:before {
  background-position: -36px -1118px; }

i.flag.kw:before,
i.flag.kuwait:before {
  background-position: -36px -1144px; }

i.flag.ky:before,
i.flag.cayman.islands:before {
  background-position: -36px -1170px; }

i.flag.kz:before,
i.flag.kazakhstan:before {
  background-position: -36px -1196px; }

i.flag.la:before,
i.flag.laos:before {
  background-position: -36px -1222px; }

i.flag.lb:before,
i.flag.lebanon:before {
  background-position: -36px -1248px; }

i.flag.lc:before,
i.flag.saint.lucia:before {
  background-position: -36px -1274px; }

i.flag.li:before,
i.flag.liechtenstein:before {
  background-position: -36px -1300px; }

i.flag.lk:before,
i.flag.sri.lanka:before {
  background-position: -36px -1326px; }

i.flag.lr:before,
i.flag.liberia:before {
  background-position: -36px -1352px; }

i.flag.ls:before,
i.flag.lesotho:before {
  background-position: -36px -1378px; }

i.flag.lt:before,
i.flag.lithuania:before {
  background-position: -36px -1404px; }

i.flag.lu:before,
i.flag.luxembourg:before {
  background-position: -36px -1430px; }

i.flag.lv:before,
i.flag.latvia:before {
  background-position: -36px -1456px; }

i.flag.ly:before,
i.flag.libya:before {
  background-position: -36px -1482px; }

i.flag.ma:before,
i.flag.morocco:before {
  background-position: -36px -1508px; }

i.flag.mc:before,
i.flag.monaco:before {
  background-position: -36px -1534px; }

i.flag.md:before,
i.flag.moldova:before {
  background-position: -36px -1560px; }

i.flag.me:before,
i.flag.montenegro:before {
  background-position: -36px -1586px; }

i.flag.mg:before,
i.flag.madagascar:before {
  background-position: -36px -1613px; }

i.flag.mh:before,
i.flag.marshall.islands:before {
  background-position: -36px -1639px; }

i.flag.mk:before,
i.flag.macedonia:before {
  background-position: -36px -1665px; }

i.flag.ml:before,
i.flag.mali:before {
  background-position: -36px -1691px; }

i.flag.mm:before,
i.flag.myanmar:before,
i.flag.burma:before {
  background-position: -73px -1821px; }

i.flag.mn:before,
i.flag.mongolia:before {
  background-position: -36px -1743px; }

i.flag.mo:before,
i.flag.macau:before {
  background-position: -36px -1769px; }

i.flag.mp:before,
i.flag.northern.mariana.islands:before {
  background-position: -36px -1795px; }

i.flag.mq:before,
i.flag.martinique:before {
  background-position: -36px -1821px; }

i.flag.mr:before,
i.flag.mauritania:before {
  background-position: -36px -1847px; }

i.flag.ms:before,
i.flag.montserrat:before {
  background-position: -36px -1873px; }

i.flag.mt:before,
i.flag.malta:before {
  background-position: -36px -1899px; }

i.flag.mu:before,
i.flag.mauritius:before {
  background-position: -36px -1925px; }

i.flag.mv:before,
i.flag.maldives:before {
  background-position: -36px -1951px; }

i.flag.mw:before,
i.flag.malawi:before {
  background-position: -36px -1977px; }

i.flag.mx:before,
i.flag.mexico:before {
  background-position: -72px 0; }

i.flag.my:before,
i.flag.malaysia:before {
  background-position: -72px -26px; }

i.flag.mz:before,
i.flag.mozambique:before {
  background-position: -72px -52px; }

i.flag.na:before,
i.flag.namibia:before {
  background-position: -72px -78px; }

i.flag.nc:before,
i.flag.new.caledonia:before {
  background-position: -72px -104px; }

i.flag.ne:before,
i.flag.niger:before {
  background-position: -72px -130px; }

i.flag.nf:before,
i.flag.norfolk.island:before {
  background-position: -72px -156px; }

i.flag.ng:before,
i.flag.nigeria:before {
  background-position: -72px -182px; }

i.flag.ni:before,
i.flag.nicaragua:before {
  background-position: -72px -208px; }

i.flag.nl:before,
i.flag.netherlands:before {
  background-position: -72px -234px; }

i.flag.no:before,
i.flag.norway:before {
  background-position: -72px -260px; }

i.flag.np:before,
i.flag.nepal:before {
  background-position: -72px -286px; }

i.flag.nr:before,
i.flag.nauru:before {
  background-position: -72px -312px; }

i.flag.nu:before,
i.flag.niue:before {
  background-position: -72px -338px; }

i.flag.nz:before,
i.flag.new.zealand:before {
  background-position: -72px -364px; }

i.flag.om:before,
i.flag.oman:before {
  background-position: -72px -390px; }

i.flag.pa:before,
i.flag.panama:before {
  background-position: -72px -416px; }

i.flag.pe:before,
i.flag.peru:before {
  background-position: -72px -442px; }

i.flag.pf:before,
i.flag.french.polynesia:before {
  background-position: -72px -468px; }

i.flag.pg:before,
i.flag.new.guinea:before {
  background-position: -72px -494px; }

i.flag.ph:before,
i.flag.philippines:before {
  background-position: -72px -520px; }

i.flag.pk:before,
i.flag.pakistan:before {
  background-position: -72px -546px; }

i.flag.pl:before,
i.flag.poland:before {
  background-position: -72px -572px; }

i.flag.pm:before,
i.flag.saint.pierre:before {
  background-position: -72px -598px; }

i.flag.pn:before,
i.flag.pitcairn.islands:before {
  background-position: -72px -624px; }

i.flag.pr:before,
i.flag.puerto.rico:before {
  background-position: -72px -650px; }

i.flag.ps:before,
i.flag.palestine:before {
  background-position: -72px -676px; }

i.flag.pt:before,
i.flag.portugal:before {
  background-position: -72px -702px; }

i.flag.pw:before,
i.flag.palau:before {
  background-position: -72px -728px; }

i.flag.py:before,
i.flag.paraguay:before {
  background-position: -72px -754px; }

i.flag.qa:before,
i.flag.qatar:before {
  background-position: -72px -780px; }

i.flag.re:before,
i.flag.reunion:before {
  background-position: -72px -806px; }

i.flag.ro:before,
i.flag.romania:before {
  background-position: -72px -832px; }

i.flag.rs:before,
i.flag.serbia:before {
  background-position: -72px -858px; }

i.flag.ru:before,
i.flag.russia:before {
  background-position: -72px -884px; }

i.flag.rw:before,
i.flag.rwanda:before {
  background-position: -72px -910px; }

i.flag.sa:before,
i.flag.saudi.arabia:before {
  background-position: -72px -936px; }

i.flag.sb:before,
i.flag.solomon.islands:before {
  background-position: -72px -962px; }

i.flag.sc:before,
i.flag.seychelles:before {
  background-position: -72px -988px; }

i.flag.gb.sct:before,
i.flag.scotland:before {
  background-position: -72px -1014px; }

i.flag.sd:before,
i.flag.sudan:before {
  background-position: -72px -1040px; }

i.flag.se:before,
i.flag.sweden:before {
  background-position: -72px -1066px; }

i.flag.sg:before,
i.flag.singapore:before {
  background-position: -72px -1092px; }

i.flag.sh:before,
i.flag.saint.helena:before {
  background-position: -72px -1118px; }

i.flag.si:before,
i.flag.slovenia:before {
  background-position: -72px -1144px; }

i.flag.sj:before,
i.flag.svalbard:before,
i.flag.jan.mayen:before {
  background-position: -72px -1170px; }

i.flag.sk:before,
i.flag.slovakia:before {
  background-position: -72px -1196px; }

i.flag.sl:before,
i.flag.sierra.leone:before {
  background-position: -72px -1222px; }

i.flag.sm:before,
i.flag.san.marino:before {
  background-position: -72px -1248px; }

i.flag.sn:before,
i.flag.senegal:before {
  background-position: -72px -1274px; }

i.flag.so:before,
i.flag.somalia:before {
  background-position: -72px -1300px; }

i.flag.sr:before,
i.flag.suriname:before {
  background-position: -72px -1326px; }

i.flag.st:before,
i.flag.sao.tome:before {
  background-position: -72px -1352px; }

i.flag.sv:before,
i.flag.el.salvador:before {
  background-position: -72px -1378px; }

i.flag.sy:before,
i.flag.syria:before {
  background-position: -72px -1404px; }

i.flag.sz:before,
i.flag.swaziland:before {
  background-position: -72px -1430px; }

i.flag.tc:before,
i.flag.caicos.islands:before {
  background-position: -72px -1456px; }

i.flag.td:before,
i.flag.chad:before {
  background-position: -72px -1482px; }

i.flag.tf:before,
i.flag.french.territories:before {
  background-position: -72px -1508px; }

i.flag.tg:before,
i.flag.togo:before {
  background-position: -72px -1534px; }

i.flag.th:before,
i.flag.thailand:before {
  background-position: -72px -1560px; }

i.flag.tj:before,
i.flag.tajikistan:before {
  background-position: -72px -1586px; }

i.flag.tk:before,
i.flag.tokelau:before {
  background-position: -72px -1612px; }

i.flag.tl:before,
i.flag.timorleste:before {
  background-position: -72px -1638px; }

i.flag.tm:before,
i.flag.turkmenistan:before {
  background-position: -72px -1664px; }

i.flag.tn:before,
i.flag.tunisia:before {
  background-position: -72px -1690px; }

i.flag.to:before,
i.flag.tonga:before {
  background-position: -72px -1716px; }

i.flag.tr:before,
i.flag.turkey:before {
  background-position: -72px -1742px; }

i.flag.tt:before,
i.flag.trinidad:before {
  background-position: -72px -1768px; }

i.flag.tv:before,
i.flag.tuvalu:before {
  background-position: -72px -1794px; }

i.flag.tw:before,
i.flag.taiwan:before {
  background-position: -72px -1820px; }

i.flag.tz:before,
i.flag.tanzania:before {
  background-position: -72px -1846px; }

i.flag.ua:before,
i.flag.ukraine:before {
  background-position: -72px -1872px; }

i.flag.ug:before,
i.flag.uganda:before {
  background-position: -72px -1898px; }

i.flag.um:before,
i.flag.us.minor.islands:before {
  background-position: -72px -1924px; }

i.flag.us:before,
i.flag.america:before,
i.flag.united.states:before {
  background-position: -72px -1950px; }

i.flag.uy:before,
i.flag.uruguay:before {
  background-position: -72px -1976px; }

i.flag.uz:before,
i.flag.uzbekistan:before {
  background-position: -108px 0; }

i.flag.va:before,
i.flag.vatican.city:before {
  background-position: -108px -26px; }

i.flag.vc:before,
i.flag.saint.vincent:before {
  background-position: -108px -52px; }

i.flag.ve:before,
i.flag.venezuela:before {
  background-position: -108px -78px; }

i.flag.vg:before,
i.flag.british.virgin.islands:before {
  background-position: -108px -104px; }

i.flag.vi:before,
i.flag.us.virgin.islands:before {
  background-position: -108px -130px; }

i.flag.vn:before,
i.flag.vietnam:before {
  background-position: -108px -156px; }

i.flag.vu:before,
i.flag.vanuatu:before {
  background-position: -108px -182px; }

i.flag.gb.wls:before,
i.flag.wales:before {
  background-position: -108px -208px; }

i.flag.wf:before,
i.flag.wallis.and.futuna:before {
  background-position: -108px -234px; }

i.flag.ws:before,
i.flag.samoa:before {
  background-position: -108px -260px; }

i.flag.ye:before,
i.flag.yemen:before {
  background-position: -108px -286px; }

i.flag.yt:before,
i.flag.mayotte:before {
  background-position: -108px -312px; }

i.flag.za:before,
i.flag.south.africa:before {
  background-position: -108px -338px; }

i.flag.zm:before,
i.flag.zambia:before {
  background-position: -108px -364px; }

i.flag.zw:before,
i.flag.zimbabwe:before {
  background-position: -108px -390px; }

/*******************************
         Site Overrides
*******************************/
:root {
  --mdb-blue: #007bff;
  --mdb-indigo: #6610f2;
  --mdb-purple: #6f42c1;
  --mdb-pink: #e83e8c;
  --mdb-red: #dc3545;
  --mdb-orange: #fd7e14;
  --mdb-yellow: #ffc107;
  --mdb-green: #28a745;
  --mdb-teal: #20c997;
  --mdb-cyan: #17a2b8;
  --mdb-white: #fff;
  --mdb-gray: #6c757d;
  --mdb-gray-dark: #343a40;
  --mdb-primary: #951CFF;
  --mdb-secondary: #6c757d;
  --mdb-success: #28a745;
  --mdb-info: #17a2b8;
  --mdb-warning: #ffc107;
  --mdb-danger: #dc3545;
  --mdb-light: #f8f9fa;
  --mdb-dark: #343a40;
  --mdb-font-sans-serif: Roboto, sans-serif;
  --mdb-font-monospace: Menlo, Monaco, Consolas, "Courier New", monospace;
  --mdb-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)); }

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

@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth; } }

body {
  margin: 0;
  font-family: Roboto, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #4c4c4c;
  background-color: #fff;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

hr {
  margin: 1rem 0;
  color: inherit;
  background-color: currentColor;
  border: 0;
  opacity: 0.25; }

hr:not([size]) {
  height: 1px; }

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

h1, .h1 {
  font-size: calc(1.325rem + 0.9vw); }
  @media (min-width: 1200px) {
    h1, .h1 {
      font-size: 2rem; } }
h2, .h2 {
  font-size: calc(1.3125rem + 0.75vw); }
  @media (min-width: 1200px) {
    h2, .h2 {
      font-size: 1.875rem; } }
h3, .h3 {
  font-size: calc(1.3rem + 0.6vw); }
  @media (min-width: 1200px) {
    h3, .h3 {
      font-size: 1.75rem; } }
h4, .h4 {
  font-size: calc(1.275rem + 0.3vw); }
  @media (min-width: 1200px) {
    h4, .h4 {
      font-size: 1.5rem; } }
h5, .h5 {
  font-size: 1.15rem; }

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

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

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

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

ol,
ul {
  padding-left: 2rem; }

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

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

dt {
  font-weight: 700; }

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

blockquote {
  margin: 0 0 1rem; }

b,
strong {
  font-weight: bold; }

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

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

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

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

a {
  color: #951CFF;
  text-decoration: none; }
  a:hover {
    color: #6e00cf;
    text-decoration: underline; }

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

pre,
code,
kbd,
samp {
  font-family: var(--mdb-font-monospace);
  font-size: 1em;
  /*!rtl:ignore*/
  direction: ltr;
  unicode-bidi: bidi-override; }

pre {
  display: block;
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  font-size: 87.5%;
  color: #4c4c4c; }
  pre code {
    font-size: inherit;
    color: inherit;
    word-break: normal; }

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

kbd {
  padding: 0.2rem 0.4rem;
  font-size: 87.5%;
  color: #fff;
  background-color: #4c4c4c;
  border-radius: 0.2rem; }
  kbd kbd {
    padding: 0;
    font-size: 1em;
    font-weight: 700; }

figure {
  margin: 0 0 1rem; }

img,
svg {
  vertical-align: middle; }

table {
  caption-side: bottom;
  border-collapse: collapse; }

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

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

thead,
tbody,
tfoot,
tr,
td,
th {
  border-color: inherit;
  border-style: solid;
  border-width: 0; }

label {
  display: inline-block; }

button {
  border-radius: 0; }

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

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

button,
select {
  text-transform: none; }

[role='button'] {
  cursor: pointer; }

select {
  word-wrap: normal; }
  select:disabled {
    opacity: 1; }

[list]::-webkit-calendar-picker-indicator {
  display: none; }

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; }

::-moz-focus-inner {
  padding: 0;
  border-style: none; }

textarea {
  resize: vertical; }

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

legend {
  float: left;
  width: 100%;
  padding: 0;
  margin-bottom: 0.5rem;
  font-size: calc(1.275rem + 0.3vw);
  line-height: inherit; }
  @media (min-width: 1200px) {
    legend {
      font-size: 1.5rem; } }
  legend + * {
    clear: left; }

::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-year-field {
  padding: 0; }

::-webkit-inner-spin-button {
  height: auto; }

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

/*!rtl:raw:
[type="tel"],
[type="url"],
[type="email"],
[type="number"] {
  direction: ltr;
}
*/
::-webkit-search-decoration {
  -webkit-appearance: none; }

::-webkit-color-swatch-wrapper {
  padding: 0; }

::file-selector-button {
  font: inherit; }

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

output {
  display: inline-block; }

iframe {
  border: 0; }

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

progress {
  vertical-align: baseline; }

[hidden] {
  display: none !important; }

body {
  font-family: Roboto, sans-serif;
  line-height: 1.5;
  color: #4c4c4c; }

a {
  text-decoration: none; }

button:focus {
  outline: 0; }

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

.display-1 {
  font-size: calc(1.625rem + 4.5vw);
  font-weight: 300;
  line-height: 1.2; }
  @media (min-width: 1200px) {
    .display-1 {
      font-size: 5rem; } }
.display-2 {
  font-size: calc(1.575rem + 3.9vw);
  font-weight: 300;
  line-height: 1.2; }
  @media (min-width: 1200px) {
    .display-2 {
      font-size: 4.5rem; } }
.display-3 {
  font-size: calc(1.525rem + 3.3vw);
  font-weight: 300;
  line-height: 1.2; }
  @media (min-width: 1200px) {
    .display-3 {
      font-size: 4rem; } }
.display-4 {
  font-size: calc(1.475rem + 2.7vw);
  font-weight: 300;
  line-height: 1.2; }
  @media (min-width: 1200px) {
    .display-4 {
      font-size: 3.5rem; } }
.display-5 {
  font-size: calc(1.425rem + 2.1vw);
  font-weight: 300;
  line-height: 1.2; }
  @media (min-width: 1200px) {
    .display-5 {
      font-size: 3rem; } }
.display-6 {
  font-size: calc(1.325rem + 0.9vw);
  font-weight: 300;
  line-height: 1.2; }
  @media (min-width: 1200px) {
    .display-6 {
      font-size: 2rem; } }
.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: 80%;
  text-transform: uppercase; }

.blockquote {
  margin-bottom: 1rem;
  font-size: 1.25rem; }
  .blockquote &gt; :last-child {
    margin-bottom: 0; }

.blockquote-footer {
  margin-top: -1rem;
  margin-bottom: 1rem;
  font-size: 80%;
  color: #6c757d; }
  .blockquote-footer::before {
    content: '\2014\00A0'; }

.note {
  padding: 10px;
  border-left: 6px solid;
  border-radius: 5px; }
  .note strong {
    font-weight: 600; }
  .note p {
    font-weight: 500; }

.note-primary {
  background-color: #fbf7ff;
  border-color: #951CFF; }

.note-secondary {
  background-color: #c5c9cd;
  border-color: #6c757d; }

.note-success {
  background-color: #e5f9e9;
  border-color: #28a745; }

.note-danger {
  background-color: #f7d1d5;
  border-color: #dc3545; }

.note-warning {
  background-color: #fff7dd;
  border-color: #ffc107; }

.note-info {
  background-color: #95e5f2;
  border-color: #17a2b8; }

.note-light {
  background-color: #f8f9fa;
  border-color: #343a40; }

@media (min-width: 1199px) {
  .w-responsive {
    width: 75%; } }

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

.bg-image {
  position: relative;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.mask {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-attachment: fixed; }

.hover-overlay .mask {
  opacity: 0;
  transition: all 0.3s ease-in-out; }
  .hover-overlay .mask:hover {
    opacity: 1; }

.hover-zoom img,
.hover-zoom video {
  transition: all 0.3s linear; }

.hover-zoom:hover img,
.hover-zoom:hover video {
  transform: scale(1.1); }

.hover-shadow,
.card.hover-shadow {
  box-shadow: none;
  transition: all 0.3s ease-in-out; }
  .hover-shadow:hover,
  .card.hover-shadow:hover {
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    transition: all 0.3s ease-in-out; }

.bg-fixed {
  background-attachment: fixed; }

.container,
.container-fluid,
.container-sm,
.container-md,
.container-lg,
.container-xl {
  width: 100%;
  padding-right: var(--mdb-gutter-x, 15px);
  padding-left: var(--mdb-gutter-x, 15px);
  margin-right: auto;
  margin-left: auto; }

@media (min-width: 768px) {
  .container-xs, .container-sm {
    max-width: 540px; } }

@media (min-width: 1024px) {
  .container-sm, .container-xs, .container-md {
    max-width: 768px; } }

@media (min-width: 1200px) {
  .container-md, .container-xs, .container-sm, .container-lg {
    max-width: 960px; } }

@media (min-width: 1280px) {
  .container-lg, .container-xs, .container-sm, .container-md, .container-xl {
    max-width: 1140px; } }

.row {
  --mdb-gutter-x: 30px;
  --mdb-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc( var(--mdb-gutter-y) * -1);
  margin-right: calc( var(--mdb-gutter-x) / -2);
  margin-left: calc( var(--mdb-gutter-x) / -2); }

@media (min-width: 576px) {
  .col-xs {
    flex: 1 0 0%; }
  .row-cols-xs-auto &gt; * {
    flex: 0 0 auto;
    width: auto; }
  .row-cols-xs-1 &gt; * {
    flex: 0 0 auto;
    width: 100%; }
  .row-cols-xs-2 &gt; * {
    flex: 0 0 auto;
    width: 50%; }
  .row-cols-xs-3 &gt; * {
    flex: 0 0 auto;
    width: 33.33333%; }
  .row-cols-xs-4 &gt; * {
    flex: 0 0 auto;
    width: 25%; }
  .row-cols-xs-5 &gt; * {
    flex: 0 0 auto;
    width: 20%; }
  .row-cols-xs-6 &gt; * {
    flex: 0 0 auto;
    width: 16.66667%; }
  .col-xs-auto {
    flex: 0 0 auto;
    width: auto; }
  .col-xs-1 {
    flex: 0 0 auto;
    width: 8.33333%; }
  .col-xs-2 {
    flex: 0 0 auto;
    width: 16.66667%; }
  .col-xs-3 {
    flex: 0 0 auto;
    width: 25%; }
  .col-xs-4 {
    flex: 0 0 auto;
    width: 33.33333%; }
  .col-xs-5 {
    flex: 0 0 auto;
    width: 41.66667%; }
  .col-xs-6 {
    flex: 0 0 auto;
    width: 50%; }
  .col-xs-7 {
    flex: 0 0 auto;
    width: 58.33333%; }
  .col-xs-8 {
    flex: 0 0 auto;
    width: 66.66667%; }
  .col-xs-9 {
    flex: 0 0 auto;
    width: 75%; }
  .col-xs-10 {
    flex: 0 0 auto;
    width: 83.33333%; }
  .col-xs-11 {
    flex: 0 0 auto;
    width: 91.66667%; }
  .col-xs-12 {
    flex: 0 0 auto;
    width: 100%; }
  .offset-xs-0 {
    margin-left: 0; }
  .offset-xs-1 {
    margin-left: 8.33333%; }
  .offset-xs-2 {
    margin-left: 16.66667%; }
  .offset-xs-3 {
    margin-left: 25%; }
  .offset-xs-4 {
    margin-left: 33.33333%; }
  .offset-xs-5 {
    margin-left: 41.66667%; }
  .offset-xs-6 {
    margin-left: 50%; }
  .offset-xs-7 {
    margin-left: 58.33333%; }
  .offset-xs-8 {
    margin-left: 66.66667%; }
  .offset-xs-9 {
    margin-left: 75%; }
  .offset-xs-10 {
    margin-left: 83.33333%; }
  .offset-xs-11 {
    margin-left: 91.66667%; }
  .g-xs-0,
  .gx-xs-0 {
    --mdb-gutter-x: 0; }
  .g-xs-0,
  .gy-xs-0 {
    --mdb-gutter-y: 0; }
  .g-xs-1,
  .gx-xs-1 {
    --mdb-gutter-x: 0.25rem; }
  .g-xs-1,
  .gy-xs-1 {
    --mdb-gutter-y: 0.25rem; }
  .g-xs-2,
  .gx-xs-2 {
    --mdb-gutter-x: 0.5rem; }
  .g-xs-2,
  .gy-xs-2 {
    --mdb-gutter-y: 0.5rem; }
  .g-xs-3,
  .gx-xs-3 {
    --mdb-gutter-x: 1rem; }
  .g-xs-3,
  .gy-xs-3 {
    --mdb-gutter-y: 1rem; }
  .g-xs-4,
  .gx-xs-4 {
    --mdb-gutter-x: 1.5rem; }
  .g-xs-4,
  .gy-xs-4 {
    --mdb-gutter-y: 1.5rem; }
  .g-xs-5,
  .gx-xs-5 {
    --mdb-gutter-x: 3rem; }
  .g-xs-5,
  .gy-xs-5 {
    --mdb-gutter-y: 3rem; } }

@media (min-width: 768px) {
  .col-sm {
    flex: 1 0 0%; }
  .row-cols-sm-auto &gt; * {
    flex: 0 0 auto;
    width: auto; }
  .row-cols-sm-1 &gt; * {
    flex: 0 0 auto;
    width: 100%; }
  .row-cols-sm-2 &gt; * {
    flex: 0 0 auto;
    width: 50%; }
  .row-cols-sm-3 &gt; * {
    flex: 0 0 auto;
    width: 33.33333%; }
  .row-cols-sm-4 &gt; * {
    flex: 0 0 auto;
    width: 25%; }
  .row-cols-sm-5 &gt; * {
    flex: 0 0 auto;
    width: 20%; }
  .row-cols-sm-6 &gt; * {
    flex: 0 0 auto;
    width: 16.66667%; }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto; }
  .col-sm-1 {
    flex: 0 0 auto;
    width: 8.33333%; }
  .col-sm-2 {
    flex: 0 0 auto;
    width: 16.66667%; }
  .col-sm-3 {
    flex: 0 0 auto;
    width: 25%; }
  .col-sm-4 {
    flex: 0 0 auto;
    width: 33.33333%; }
  .col-sm-5 {
    flex: 0 0 auto;
    width: 41.66667%; }
  .col-sm-6 {
    flex: 0 0 auto;
    width: 50%; }
  .col-sm-7 {
    flex: 0 0 auto;
    width: 58.33333%; }
  .col-sm-8 {
    flex: 0 0 auto;
    width: 66.66667%; }
  .col-sm-9 {
    flex: 0 0 auto;
    width: 75%; }
  .col-sm-10 {
    flex: 0 0 auto;
    width: 83.33333%; }
  .col-sm-11 {
    flex: 0 0 auto;
    width: 91.66667%; }
  .col-sm-12 {
    flex: 0 0 auto;
    width: 100%; }
  .offset-sm-0 {
    margin-left: 0; }
  .offset-sm-1 {
    margin-left: 8.33333%; }
  .offset-sm-2 {
    margin-left: 16.66667%; }
  .offset-sm-3 {
    margin-left: 25%; }
  .offset-sm-4 {
    margin-left: 33.33333%; }
  .offset-sm-5 {
    margin-left: 41.66667%; }
  .offset-sm-6 {
    margin-left: 50%; }
  .offset-sm-7 {
    margin-left: 58.33333%; }
  .offset-sm-8 {
    margin-left: 66.66667%; }
  .offset-sm-9 {
    margin-left: 75%; }
  .offset-sm-10 {
    margin-left: 83.33333%; }
  .offset-sm-11 {
    margin-left: 91.66667%; }
  .g-sm-0,
  .gx-sm-0 {
    --mdb-gutter-x: 0; }
  .g-sm-0,
  .gy-sm-0 {
    --mdb-gutter-y: 0; }
  .g-sm-1,
  .gx-sm-1 {
    --mdb-gutter-x: 0.25rem; }
  .g-sm-1,
  .gy-sm-1 {
    --mdb-gutter-y: 0.25rem; }
  .g-sm-2,
  .gx-sm-2 {
    --mdb-gutter-x: 0.5rem; }
  .g-sm-2,
  .gy-sm-2 {
    --mdb-gutter-y: 0.5rem; }
  .g-sm-3,
  .gx-sm-3 {
    --mdb-gutter-x: 1rem; }
  .g-sm-3,
  .gy-sm-3 {
    --mdb-gutter-y: 1rem; }
  .g-sm-4,
  .gx-sm-4 {
    --mdb-gutter-x: 1.5rem; }
  .g-sm-4,
  .gy-sm-4 {
    --mdb-gutter-y: 1.5rem; }
  .g-sm-5,
  .gx-sm-5 {
    --mdb-gutter-x: 3rem; }
  .g-sm-5,
  .gy-sm-5 {
    --mdb-gutter-y: 3rem; } }

@media (min-width: 1024px) {
  .col-md {
    flex: 1 0 0%; }
  .row-cols-md-auto &gt; * {
    flex: 0 0 auto;
    width: auto; }
  .row-cols-md-1 &gt; * {
    flex: 0 0 auto;
    width: 100%; }
  .row-cols-md-2 &gt; * {
    flex: 0 0 auto;
    width: 50%; }
  .row-cols-md-3 &gt; * {
    flex: 0 0 auto;
    width: 33.33333%; }
  .row-cols-md-4 &gt; * {
    flex: 0 0 auto;
    width: 25%; }
  .row-cols-md-5 &gt; * {
    flex: 0 0 auto;
    width: 20%; }
  .row-cols-md-6 &gt; * {
    flex: 0 0 auto;
    width: 16.66667%; }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto; }
  .col-md-1 {
    flex: 0 0 auto;
    width: 8.33333%; }
  .col-md-2 {
    flex: 0 0 auto;
    width: 16.66667%; }
  .col-md-3 {
    flex: 0 0 auto;
    width: 25%; }
  .col-md-4 {
    flex: 0 0 auto;
    width: 33.33333%; }
  .col-md-5 {
    flex: 0 0 auto;
    width: 41.66667%; }
  .col-md-6 {
    flex: 0 0 auto;
    width: 50%; }
  .col-md-7 {
    flex: 0 0 auto;
    width: 58.33333%; }
  .col-md-8 {
    flex: 0 0 auto;
    width: 66.66667%; }
  .col-md-9 {
    flex: 0 0 auto;
    width: 75%; }
  .col-md-10 {
    flex: 0 0 auto;
    width: 83.33333%; }
  .col-md-11 {
    flex: 0 0 auto;
    width: 91.66667%; }
  .col-md-12 {
    flex: 0 0 auto;
    width: 100%; }
  .offset-md-0 {
    margin-left: 0; }
  .offset-md-1 {
    margin-left: 8.33333%; }
  .offset-md-2 {
    margin-left: 16.66667%; }
  .offset-md-3 {
    margin-left: 25%; }
  .offset-md-4 {
    margin-left: 33.33333%; }
  .offset-md-5 {
    margin-left: 41.66667%; }
  .offset-md-6 {
    margin-left: 50%; }
  .offset-md-7 {
    margin-left: 58.33333%; }
  .offset-md-8 {
    margin-left: 66.66667%; }
  .offset-md-9 {
    margin-left: 75%; }
  .offset-md-10 {
    margin-left: 83.33333%; }
  .offset-md-11 {
    margin-left: 91.66667%; }
  .g-md-0,
  .gx-md-0 {
    --mdb-gutter-x: 0; }
  .g-md-0,
  .gy-md-0 {
    --mdb-gutter-y: 0; }
  .g-md-1,
  .gx-md-1 {
    --mdb-gutter-x: 0.25rem; }
  .g-md-1,
  .gy-md-1 {
    --mdb-gutter-y: 0.25rem; }
  .g-md-2,
  .gx-md-2 {
    --mdb-gutter-x: 0.5rem; }
  .g-md-2,
  .gy-md-2 {
    --mdb-gutter-y: 0.5rem; }
  .g-md-3,
  .gx-md-3 {
    --mdb-gutter-x: 1rem; }
  .g-md-3,
  .gy-md-3 {
    --mdb-gutter-y: 1rem; }
  .g-md-4,
  .gx-md-4 {
    --mdb-gutter-x: 1.5rem; }
  .g-md-4,
  .gy-md-4 {
    --mdb-gutter-y: 1.5rem; }
  .g-md-5,
  .gx-md-5 {
    --mdb-gutter-x: 3rem; }
  .g-md-5,
  .gy-md-5 {
    --mdb-gutter-y: 3rem; } }

@media (min-width: 1200px) {
  .col-lg {
    flex: 1 0 0%; }
  .row-cols-lg-auto &gt; * {
    flex: 0 0 auto;
    width: auto; }
  .row-cols-lg-1 &gt; * {
    flex: 0 0 auto;
    width: 100%; }
  .row-cols-lg-2 &gt; * {
    flex: 0 0 auto;
    width: 50%; }
  .row-cols-lg-3 &gt; * {
    flex: 0 0 auto;
    width: 33.33333%; }
  .row-cols-lg-4 &gt; * {
    flex: 0 0 auto;
    width: 25%; }
  .row-cols-lg-5 &gt; * {
    flex: 0 0 auto;
    width: 20%; }
  .row-cols-lg-6 &gt; * {
    flex: 0 0 auto;
    width: 16.66667%; }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto; }
  .col-lg-1 {
    flex: 0 0 auto;
    width: 8.33333%; }
  .col-lg-2 {
    flex: 0 0 auto;
    width: 16.66667%; }
  .col-lg-3 {
    flex: 0 0 auto;
    width: 25%; }
  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333%; }
  .col-lg-5 {
    flex: 0 0 auto;
    width: 41.66667%; }
  .col-lg-6 {
    flex: 0 0 auto;
    width: 50%; }
  .col-lg-7 {
    flex: 0 0 auto;
    width: 58.33333%; }
  .col-lg-8 {
    flex: 0 0 auto;
    width: 66.66667%; }
  .col-lg-9 {
    flex: 0 0 auto;
    width: 75%; }
  .col-lg-10 {
    flex: 0 0 auto;
    width: 83.33333%; }
  .col-lg-11 {
    flex: 0 0 auto;
    width: 91.66667%; }
  .col-lg-12 {
    flex: 0 0 auto;
    width: 100%; }
  .offset-lg-0 {
    margin-left: 0; }
  .offset-lg-1 {
    margin-left: 8.33333%; }
  .offset-lg-2 {
    margin-left: 16.66667%; }
  .offset-lg-3 {
    margin-left: 25%; }
  .offset-lg-4 {
    margin-left: 33.33333%; }
  .offset-lg-5 {
    margin-left: 41.66667%; }
  .offset-lg-6 {
    margin-left: 50%; }
  .offset-lg-7 {
    margin-left: 58.33333%; }
  .offset-lg-8 {
    margin-left: 66.66667%; }
  .offset-lg-9 {
    margin-left: 75%; }
  .offset-lg-10 {
    margin-left: 83.33333%; }
  .offset-lg-11 {
    margin-left: 91.66667%; }
  .g-lg-0,
  .gx-lg-0 {
    --mdb-gutter-x: 0; }
  .g-lg-0,
  .gy-lg-0 {
    --mdb-gutter-y: 0; }
  .g-lg-1,
  .gx-lg-1 {
    --mdb-gutter-x: 0.25rem; }
  .g-lg-1,
  .gy-lg-1 {
    --mdb-gutter-y: 0.25rem; }
  .g-lg-2,
  .gx-lg-2 {
    --mdb-gutter-x: 0.5rem; }
  .g-lg-2,
  .gy-lg-2 {
    --mdb-gutter-y: 0.5rem; }
  .g-lg-3,
  .gx-lg-3 {
    --mdb-gutter-x: 1rem; }
  .g-lg-3,
  .gy-lg-3 {
    --mdb-gutter-y: 1rem; }
  .g-lg-4,
  .gx-lg-4 {
    --mdb-gutter-x: 1.5rem; }
  .g-lg-4,
  .gy-lg-4 {
    --mdb-gutter-y: 1.5rem; }
  .g-lg-5,
  .gx-lg-5 {
    --mdb-gutter-x: 3rem; }
  .g-lg-5,
  .gy-lg-5 {
    --mdb-gutter-y: 3rem; } }

@media (min-width: 1280px) {
  .col-xl {
    flex: 1 0 0%; }
  .row-cols-xl-auto &gt; * {
    flex: 0 0 auto;
    width: auto; }
  .row-cols-xl-1 &gt; * {
    flex: 0 0 auto;
    width: 100%; }
  .row-cols-xl-2 &gt; * {
    flex: 0 0 auto;
    width: 50%; }
  .row-cols-xl-3 &gt; * {
    flex: 0 0 auto;
    width: 33.33333%; }
  .row-cols-xl-4 &gt; * {
    flex: 0 0 auto;
    width: 25%; }
  .row-cols-xl-5 &gt; * {
    flex: 0 0 auto;
    width: 20%; }
  .row-cols-xl-6 &gt; * {
    flex: 0 0 auto;
    width: 16.66667%; }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto; }
  .col-xl-1 {
    flex: 0 0 auto;
    width: 8.33333%; }
  .col-xl-2 {
    flex: 0 0 auto;
    width: 16.66667%; }
  .col-xl-3 {
    flex: 0 0 auto;
    width: 25%; }
  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.33333%; }
  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.66667%; }
  .col-xl-6 {
    flex: 0 0 auto;
    width: 50%; }
  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.33333%; }
  .col-xl-8 {
    flex: 0 0 auto;
    width: 66.66667%; }
  .col-xl-9 {
    flex: 0 0 auto;
    width: 75%; }
  .col-xl-10 {
    flex: 0 0 auto;
    width: 83.33333%; }
  .col-xl-11 {
    flex: 0 0 auto;
    width: 91.66667%; }
  .col-xl-12 {
    flex: 0 0 auto;
    width: 100%; }
  .offset-xl-0 {
    margin-left: 0; }
  .offset-xl-1 {
    margin-left: 8.33333%; }
  .offset-xl-2 {
    margin-left: 16.66667%; }
  .offset-xl-3 {
    margin-left: 25%; }
  .offset-xl-4 {
    margin-left: 33.33333%; }
  .offset-xl-5 {
    margin-left: 41.66667%; }
  .offset-xl-6 {
    margin-left: 50%; }
  .offset-xl-7 {
    margin-left: 58.33333%; }
  .offset-xl-8 {
    margin-left: 66.66667%; }
  .offset-xl-9 {
    margin-left: 75%; }
  .offset-xl-10 {
    margin-left: 83.33333%; }
  .offset-xl-11 {
    margin-left: 91.66667%; }
  .g-xl-0,
  .gx-xl-0 {
    --mdb-gutter-x: 0; }
  .g-xl-0,
  .gy-xl-0 {
    --mdb-gutter-y: 0; }
  .g-xl-1,
  .gx-xl-1 {
    --mdb-gutter-x: 0.25rem; }
  .g-xl-1,
  .gy-xl-1 {
    --mdb-gutter-y: 0.25rem; }
  .g-xl-2,
  .gx-xl-2 {
    --mdb-gutter-x: 0.5rem; }
  .g-xl-2,
  .gy-xl-2 {
    --mdb-gutter-y: 0.5rem; }
  .g-xl-3,
  .gx-xl-3 {
    --mdb-gutter-x: 1rem; }
  .g-xl-3,
  .gy-xl-3 {
    --mdb-gutter-y: 1rem; }
  .g-xl-4,
  .gx-xl-4 {
    --mdb-gutter-x: 1.5rem; }
  .g-xl-4,
  .gy-xl-4 {
    --mdb-gutter-y: 1.5rem; }
  .g-xl-5,
  .gx-xl-5 {
    --mdb-gutter-x: 3rem; }
  .g-xl-5,
  .gy-xl-5 {
    --mdb-gutter-y: 3rem; } }

.table {
  --mdb-table-bg: transparent;
  --mdb-table-striped-color: #4c4c4c;
  --mdb-table-striped-bg: rgba(0, 0, 0, 0.05);
  --mdb-table-active-color: #4c4c4c;
  --mdb-table-active-bg: rgba(0, 0, 0, 0.075);
  --mdb-table-hover-color: #4c4c4c;
  --mdb-table-hover-bg: rgba(0, 0, 0, 0.075);
  width: 100%;
  margin-bottom: 1rem;
  color: #4c4c4c;
  vertical-align: top;
  border-color: #dee2e6; }
  .table &gt; :not(caption) &gt; * &gt; * {
    padding: 1rem 1.4rem;
    background-color: var(--mdb-table-bg);
    border-bottom-width: 1px;
    box-shadow: inset 0 0 0 9999px var(--mdb-table-accent-bg); }
  .table &gt; tbody {
    vertical-align: inherit; }
  .table &gt; thead {
    vertical-align: bottom; }
  .table &gt; :not(:last-child) &gt; :last-child &gt; * {
    border-bottom-color: inherit; }

.caption-top {
  caption-side: top; }

.table-sm &gt; :not(caption) &gt; * &gt; * {
  padding: 0.5rem 1.4rem; }

.table-bordered &gt; :not(caption) &gt; * {
  border-width: 1px 0; }
  .table-bordered &gt; :not(caption) &gt; * &gt; * {
    border-width: 0 1px; }

.table-borderless &gt; :not(caption) &gt; * &gt; * {
  border-bottom-width: 0; }

.table-striped &gt; tbody &gt; tr:nth-of-type(odd) {
  color: var(--mdb-table-striped-color); }

.table-active {
  --mdb-table-accent-bg: var(--mdb-table-active-bg);
  color: var(--mdb-table-active-color); }

.table-hover &gt; tbody &gt; tr:hover {
  --mdb-table-accent-bg: var(--mdb-table-hover-bg);
  color: var(--mdb-table-hover-color); }

.table-primary {
  --mdb-table-bg: #ead2ff;
  --mdb-table-striped-bg: #dec8f2;
  --mdb-table-striped-color: #000;
  --mdb-table-active-bg: #d3bde6;
  --mdb-table-active-color: #000;
  --mdb-table-hover-bg: #d8c2ec;
  --mdb-table-hover-color: #000;
  color: #000;
  border-color: #d3bde6; }

.table-secondary {
  --mdb-table-bg: #e2e3e5;
  --mdb-table-striped-bg: #d7d8da;
  --mdb-table-striped-color: #000;
  --mdb-table-active-bg: #cbccce;
  --mdb-table-active-color: #000;
  --mdb-table-hover-bg: #d1d2d4;
  --mdb-table-hover-color: #000;
  color: #000;
  border-color: #cbccce; }

.table-success {
  --mdb-table-bg: #d4edda;
  --mdb-table-striped-bg: #c9e1cf;
  --mdb-table-striped-color: #000;
  --mdb-table-active-bg: #bfd5c4;
  --mdb-table-active-color: #000;
  --mdb-table-hover-bg: #c4dbca;
  --mdb-table-hover-color: #000;
  color: #000;
  border-color: #bfd5c4; }

.table-info {
  --mdb-table-bg: #d1ecf1;
  --mdb-table-striped-bg: #c7e0e5;
  --mdb-table-striped-color: #000;
  --mdb-table-active-bg: #bcd4d9;
  --mdb-table-active-color: #000;
  --mdb-table-hover-bg: #c1dadf;
  --mdb-table-hover-color: #000;
  color: #000;
  border-color: #bcd4d9; }

.table-warning {
  --mdb-table-bg: #fff3cd;
  --mdb-table-striped-bg: #f2e7c3;
  --mdb-table-striped-color: #000;
  --mdb-table-active-bg: #e6dbb9;
  --mdb-table-active-color: #000;
  --mdb-table-hover-bg: #ece1be;
  --mdb-table-hover-color: #000;
  color: #000;
  border-color: #e6dbb9; }

.table-danger {
  --mdb-table-bg: #f8d7da;
  --mdb-table-striped-bg: #eccccf;
  --mdb-table-striped-color: #000;
  --mdb-table-active-bg: #dfc2c4;
  --mdb-table-active-color: #000;
  --mdb-table-hover-bg: #e5c7ca;
  --mdb-table-hover-color: #000;
  color: #000;
  border-color: #dfc2c4; }

.table-light {
  --mdb-table-bg: #f8f9fa;
  --mdb-table-striped-bg: #ecedee;
  --mdb-table-striped-color: #000;
  --mdb-table-active-bg: #dfe0e1;
  --mdb-table-active-color: #000;
  --mdb-table-hover-bg: #e5e6e7;
  --mdb-table-hover-color: #000;
  color: #000;
  border-color: #dfe0e1; }

.table-dark {
  --mdb-table-bg: #343a40;
  --mdb-table-striped-bg: #3e444a;
  --mdb-table-striped-color: #fff;
  --mdb-table-active-bg: #484e53;
  --mdb-table-active-color: #fff;
  --mdb-table-hover-bg: #43494e;
  --mdb-table-hover-color: #fff;
  color: #fff;
  border-color: #484e53; }

@media (max-width: 575.98px) {
  .table-responsive-xs {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; } }

@media (max-width: 767.98px) {
  .table-responsive-sm {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; } }

@media (max-width: 1023.98px) {
  .table-responsive-md {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; } }

@media (max-width: 1199.98px) {
  .table-responsive-lg {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; } }

@media (max-width: 1279.98px) {
  .table-responsive-xl {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; } }

.table {
  font-size: 0.9rem; }
  .table &gt; :not(caption) &gt; * &gt; * {
    padding: 1rem 1.4rem; }
  .table th {
    font-weight: 500; }
  .table tbody {
    font-weight: 300; }
  .table &gt; :not(:last-child) &gt; :last-child &gt; * {
    border-bottom-color: inherit; }

.table-sm &gt; :not(caption) &gt; * &gt; * {
  padding: 0.5rem 1.4rem; }

.table-primary {
  background-color: #ead2ff; }

.table-secondary {
  background-color: #e2e3e5; }

.table-success {
  background-color: #d4edda; }

.table-info {
  background-color: #d1ecf1; }

.table-warning {
  background-color: #fff3cd; }

.table-danger {
  background-color: #f8d7da; }

.table-light {
  background-color: #f8f9fa; }

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

.table-hover &gt; tbody &gt; tr {
  transition: 0.5s; }

.table-hover &gt; tbody &gt; tr:hover {
  --mdb-table-accent-bg: transparent;
  color: var(--mdb-table-hover-color);
  background-color: var(--mdb-table-hover-bg); }

.form-label {
  margin-bottom: 0.5rem;
  color: rgba(0, 0, 0, 0.6); }

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

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

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

.form-text {
  margin-top: 0.25rem;
  font-size: 80%;
  color: #6c757d; }

.form-control[type='file']::-webkit-file-upload-button {
  background-color: transparent; }

.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
  background-color: transparent; }

.form-control {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #797A8D;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #797A8D;
  appearance: none;
  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[type='file'] {
    overflow: hidden; }
    .form-control[type='file']:not(:disabled):not([readonly]) {
      cursor: pointer; }
  .form-control:focus {
    color: #797A8D;
    background-color: #fff;
    border-color: #d19cff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(149, 28, 255, 0.25); }
  .form-control::-webkit-date-and-time-value {
    height: 1.5em; }
  .form-control::placeholder {
    color: #6c757d;
    opacity: 1; }
  .form-control:disabled, .form-control[readonly] {
    background-color: #e9ecef;
    opacity: 1; }
  .form-control::file-selector-button {
    padding: 0.375rem 0.75rem;
    margin: -0.375rem -0.75rem;
    margin-inline-end: 0.75rem;
    color: #797A8D;
    background-color: #e9ecef;
    pointer-events: none;
    border-color: inherit;
    border-style: solid;
    border-width: 0;
    border-inline-end-width: 1px;
    border-radius: 0;
    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) {
      .form-control::file-selector-button {
        transition: none; } }
  .form-control:hover:not(:disabled):not([readonly])::file-selector-button {
    background-color: #dde0e3; }
  .form-control::-webkit-file-upload-button {
    padding: 0.375rem 0.75rem;
    margin: -0.375rem -0.75rem;
    margin-inline-end: 0.75rem;
    color: #797A8D;
    background-color: #e9ecef;
    pointer-events: none;
    border-color: inherit;
    border-style: solid;
    border-width: 0;
    border-inline-end-width: 1px;
    border-radius: 0;
    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) {
      .form-control::-webkit-file-upload-button {
        transition: none; } }
  .form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
    background-color: #dde0e3; }

.form-control-plaintext {
  display: block;
  width: 100%;
  padding: 0.375rem 0;
  margin-bottom: 0;
  line-height: 1.5;
  color: #4c4c4c;
  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 {
  min-height: calc(1.5em + 0.5rem + 2px);
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: 0.2rem; }
  .form-control-sm::file-selector-button {
    padding: 0.25rem 0.5rem;
    margin: -0.25rem -0.5rem;
    margin-inline-end: 0.5rem; }
  .form-control-sm::-webkit-file-upload-button {
    padding: 0.25rem 0.5rem;
    margin: -0.25rem -0.5rem;
    margin-inline-end: 0.5rem; }

.form-control-lg {
  min-height: calc(1.5em + 1rem + 2px);
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  border-radius: 0.3rem; }
  .form-control-lg::file-selector-button {
    padding: 0.5rem 1rem;
    margin: -0.5rem -1rem;
    margin-inline-end: 1rem; }
  .form-control-lg::-webkit-file-upload-button {
    padding: 0.5rem 1rem;
    margin: -0.5rem -1rem;
    margin-inline-end: 1rem; }

textarea.form-control {
  min-height: calc(1.5em + 0.75rem + 2px); }

textarea.form-control-sm {
  min-height: calc(1.5em + 0.5rem + 2px); }

textarea.form-control-lg {
  min-height: calc(1.5em + 1rem + 2px); }

.form-control-color {
  max-width: 3rem;
  height: auto;
  padding: 0.375rem; }
  .form-control-color:not(:disabled):not([readonly]) {
    cursor: pointer; }
  .form-control-color::-moz-color-swatch {
    height: 1.5em;
    border-radius: 0.25rem; }
  .form-control-color::-webkit-color-swatch {
    height: 1.5em;
    border-radius: 0.25rem; }

.form-control {
  min-height: auto;
  padding-top: 4px;
  padding-bottom: 3.28px;
  transition: all 0.1s linear;
  box-shadow: none; }
  .form-control:focus {
    transition: all 0.1s linear !important;
    border-color: #951CFF !important;
    box-shadow: inset 0px 0px 0px 1px #951CFF !important; }
  .form-control.form-control-sm {
    font-size: 0.775rem;
    line-height: 1.5; }
  .form-control.form-control-lg {
    line-height: 2.15;
    border-radius: 0.25rem; }

.form-outline {
  position: relative; }
  .form-outline .form-helper {
    width: 100%;
    position: absolute;
    font-size: 0.875em;
    color: #757575; }
    .form-outline .form-helper .form-counter {
      text-align: right; }
  .form-outline .trailing {
    position: absolute;
    right: 10px;
    left: initial;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none; }
  .form-outline .form-icon-trailing {
    padding-right: 2rem !important; }
  .form-outline .form-control {
    min-height: auto;
    padding-top: 0.33em;
    padding-bottom: 0.33em;
    padding-left: 0.75em;
    padding-right: 0.75em;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
    .form-outline .form-control:not(select) {
      background: transparent; }
  .form-outline span ~ .form-label, .form-outline .form-control ~ .form-label {
    position: absolute;
    top: 0;
    max-width: 98%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    left: 0.75rem;
    padding-top: 0.37rem;
    pointer-events: none;
    transform-origin: 0 0;
    transition: all 0.2s ease-out;
    color: rgba(0, 0, 0, 0.6);
    margin-bottom: 0; }
  .form-outline span ~ .form-notch, .form-outline .form-control ~ .form-notch {
    display: flex;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    max-width: 100%;
    height: 100%;
    text-align: left;
    pointer-events: none; }
    .form-outline span ~ .form-notch div, .form-outline .form-control ~ .form-notch div {
      pointer-events: none;
      border: 1px solid;
      border-color: #bdbdbd;
      box-sizing: border-box;
      background: transparent; }
    .form-outline span ~ .form-notch .form-notch-leading, .form-outline .form-control ~ .form-notch .form-notch-leading {
      left: 0;
      top: 0;
      height: 100%;
      width: 0.5rem;
      border-right: none;
      border-radius: 0.25rem 0 0 0.25rem; }
    .form-outline span ~ .form-notch .form-notch-middle, .form-outline .form-control ~ .form-notch .form-notch-middle {
      flex: 0 0 auto;
      width: auto;
      max-width: calc(100% - 1rem);
      height: 100%;
      border-right: none;
      border-left: none; }
    .form-outline span ~ .form-notch .form-notch-trailing, .form-outline .form-control ~ .form-notch .form-notch-trailing {
      flex-grow: 1;
      height: 100%;
      border-left: none;
      border-radius: 0 0.25rem 0.25rem 0; }
  .form-outline span:not(.placeholder-active)::placeholder, .form-outline .form-control:not(.placeholder-active)::placeholder {
    opacity: 0; }
  .form-outline span:focus::placeholder, .form-outline span.active::placeholder, .form-outline .form-control:focus::placeholder, .form-outline .form-control.active::placeholder {
    opacity: 1; }
  .form-outline span:focus, .form-outline .form-control:focus {
    box-shadow: none !important; }
  .form-outline span:focus ~ .form-label, .form-outline span ~ .focused, .form-outline span.active ~ .form-label, .form-outline .form-control:focus ~ .form-label, .form-outline .form-control ~ .focused, .form-outline .form-control.active ~ .form-label {
    transform: translateY(-1rem) translateY(0.1rem) scale(0.8); }
  .form-outline span:focus ~ .form-label, .form-outline .form-control:focus ~ .form-label {
    color: #951CFF;
    background: white; }
  .form-outline span ~ .focused, .form-outline .form-control ~ .focused {
    background: white;
    padding-left: 5px;
    padding-right: 5px; }
  .form-outline span:focus ~ .form-notch .form-notch-middle, .form-outline span.active ~ .form-notch .form-notch-middle, .form-outline .form-control:focus ~ .form-notch .form-notch-middle, .form-outline .form-control.active ~ .form-notch .form-notch-middle {
    border-top: none;
    border-right: none;
    border-left: none;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
  .form-outline span:focus ~ .form-notch .form-notch-middle, .form-outline .form-control:focus ~ .form-notch .form-notch-middle {
    border-bottom: 0.125rem solid;
    border-color: #d19cff; }
  .form-outline span:focus ~ .form-notch .form-notch-leading, .form-outline span.active ~ .form-notch .form-notch-leading, .form-outline .form-control:focus ~ .form-notch .form-notch-leading, .form-outline .form-control.active ~ .form-notch .form-notch-leading {
    border-right: none;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
  .form-outline span:focus ~ .form-notch .form-notch-leading, .form-outline .form-control:focus ~ .form-notch .form-notch-leading {
    border-top: 0.125rem solid #d19cff;
    border-bottom: 0.125rem solid #d19cff;
    border-left: 0.125rem solid #d19cff; }
  .form-outline span:focus ~ .form-notch .form-notch-trailing, .form-outline span.active ~ .form-notch .form-notch-trailing, .form-outline .form-control:focus ~ .form-notch .form-notch-trailing, .form-outline .form-control.active ~ .form-notch .form-notch-trailing {
    border-left: none;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
  .form-outline span:focus ~ .form-notch .form-notch-trailing, .form-outline .form-control:focus ~ .form-notch .form-notch-trailing {
    border-top: 0.125rem solid #d19cff;
    border-bottom: 0.125rem solid #d19cff;
    border-right: 0.125rem solid #d19cff; }
  .form-outline span:disabled, .form-outline span.disabled, .form-outline span[readonly], .form-outline .form-control:disabled, .form-outline .form-control.disabled, .form-outline .form-control[readonly] {
    background-color: #e9ecef; }
  .form-outline span.form-control-lg, .form-outline .form-control.form-control-lg {
    font-size: 1.25rem;
    line-height: 1.5;
    padding-left: 0.75em;
    padding-right: 0.75em; }
    .form-outline span.form-control-lg ~ .form-label, .form-outline .form-control.form-control-lg ~ .form-label {
      padding-top: 0.7rem; }
    .form-outline span.form-control-lg:focus ~ .form-label, .form-outline span.form-control-lg ~ .focused, .form-outline span.form-control-lg.active ~ .form-label, .form-outline .form-control.form-control-lg:focus ~ .form-label, .form-outline .form-control.form-control-lg ~ .focused, .form-outline .form-control.form-control-lg.active ~ .form-label {
      transform: translateY(-1.25rem) translateY(0.1rem) scale(0.8); }
  .form-outline span.form-control-sm, .form-outline .form-control.form-control-sm {
    padding-left: 0.99em;
    padding-right: 0.99em;
    padding-top: 0.43em;
    padding-bottom: 0.35em;
    font-size: 0.875rem;
    line-height: 1.5; }
    .form-outline span.form-control-sm ~ .form-label, .form-outline .form-control.form-control-sm ~ .form-label {
      padding-top: 0.33rem;
      font-size: 0.775rem; }
    .form-outline span.form-control-sm:focus ~ .form-label, .form-outline span.form-control-sm ~ .focused, .form-outline span.form-control-sm.active ~ .form-label, .form-outline .form-control.form-control-sm:focus ~ .form-label, .form-outline .form-control.form-control-sm ~ .focused, .form-outline .form-control.form-control-sm.active ~ .form-label {
      transform: translateY(-0.85rem) translateY(0.1rem) scale(0.8); }
  .form-outline.form-white .form-control {
    color: #fff; }
    .form-outline.form-white .form-control ~ .form-label {
      color: #fbfbfb; }
    .form-outline.form-white .form-control ~ .form-notch div {
      border-color: #fbfbfb; }
    .form-outline.form-white .form-control:focus ~ .form-label {
      color: #fff; }
    .form-outline.form-white .form-control:focus ~ .form-notch .form-notch-middle {
      border-color: #fff; }
    .form-outline.form-white .form-control:focus ~ .form-notch .form-notch-leading {
      border-top: 0.125rem solid #fff;
      border-bottom: 0.125rem solid #fff;
      border-left: 0.125rem solid #fff; }
    .form-outline.form-white .form-control:focus ~ .form-notch .form-notch-trailing {
      border-color: #fff; }

.form-select {
  display: block;
  width: 100%;
  padding: 0.375rem 2.25rem 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #797A8D;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
  border: 1px solid #797A8D;
  border-radius: 0.25rem;
  appearance: none; }
  .form-select:focus {
    border-color: #d19cff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(149, 28, 255, 0.25); }
  .form-select[multiple], .form-select[size]:not([size='1']) {
    padding-right: 0.75rem;
    background-image: none; }
  .form-select:disabled {
    background-color: #e9ecef; }
  .form-select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #797A8D; }

.form-select-sm {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  font-size: 0.875rem; }

.form-select-lg {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  font-size: 1.25rem; }

.select-input.form-control[readonly]:not([disabled]) {
  background-color: transparent; }

.form-check {
  display: block;
  min-height: 1.5rem;
  padding-left: 1.5em;
  margin-bottom: 0.125rem; }
  .form-check .form-check-input,
  .form-check .form-group input[type="checkbox"],
  .form-group .form-check input[type="checkbox"],
  .form-check input[type="checkbox"] {
    float: left;
    margin-left: -1.5em; }

.form-check-input, form input[type="checkbox"],
.form-group input[type="checkbox"],
.form-check input[type="checkbox"] {
  width: 1em;
  height: 1em;
  margin-top: 0.25em;
  vertical-align: top;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: 1px solid rgba(0, 0, 0, 0.25);
  appearance: none;
  color-adjust: exact; }
  .form-check-input[type='checkbox'], form input[type='checkbox'],
  .form-group input[type='checkbox'],
  .form-check input[type='checkbox'] {
    border-radius: 0.25em; }
  .form-check-input[type='radio'], form input[type='radio'][type="checkbox"],
  .form-group input[type='radio'][type="checkbox"],
  .form-check input[type='radio'][type="checkbox"] {
    border-radius: 50%; }
  .form-check-input:active, form input[type="checkbox"]:active,
  .form-group input[type="checkbox"]:active,
  .form-check input[type="checkbox"]:active {
    filter: brightness(90%); }
  .form-check-input:focus, form input[type="checkbox"]:focus,
  .form-group input[type="checkbox"]:focus,
  .form-check input[type="checkbox"]:focus {
    border-color: #d19cff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(149, 28, 255, 0.25); }
  .form-check-input:checked, form input[type="checkbox"]:checked,
  .form-group input[type="checkbox"]:checked,
  .form-check input[type="checkbox"]:checked {
    background-color: #951CFF;
    border-color: #951CFF; }
    .form-check-input[type='checkbox']:checked, form input[type='checkbox']:checked,
    .form-group input[type='checkbox']:checked,
    .form-check input[type='checkbox']:checked {
      background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e"); }
    .form-check-input[type='radio']:checked, form input[type="checkbox"][type='radio']:checked,
    .form-group input[type="checkbox"][type='radio']:checked,
    .form-check input[type="checkbox"][type='radio']:checked {
      background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e"); }
  .form-check-input[type='checkbox']:indeterminate, form input[type='checkbox']:indeterminate,
  .form-group input[type='checkbox']:indeterminate,
  .form-check input[type='checkbox']:indeterminate {
    background-color: #951CFF;
    border-color: #6c757d;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e"); }
  .form-check-input:disabled, form input[type="checkbox"]:disabled,
  .form-group input[type="checkbox"]:disabled,
  .form-check input[type="checkbox"]:disabled {
    pointer-events: none;
    filter: none;
    opacity: 0.5; }
  .form-check-input[disabled] ~ .form-check-label, form input[disabled][type="checkbox"] ~ .form-check-label,
  .form-group input[disabled][type="checkbox"] ~ .form-check-label,
  .form-check input[disabled][type="checkbox"] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label, form input[type="checkbox"]:disabled ~ .form-check-label,
  .form-group input[type="checkbox"]:disabled ~ .form-check-label,
  .form-check input[type="checkbox"]:disabled ~ .form-check-label {
    opacity: 0.5; }

.form-switch {
  padding-left: 2.5em; }
  .form-switch .form-check-input, .form-switch form input[type="checkbox"], form .form-switch input[type="checkbox"],
  .form-switch .form-group input[type="checkbox"],
  .form-group .form-switch input[type="checkbox"],
  .form-switch .form-check input[type="checkbox"],
  .form-check .form-switch input[type="checkbox"] {
    width: 2em;
    margin-left: -2.5em;
    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='rgba(0, 0, 0, 0.25)'/%3e%3c/svg%3e");
    background-position: left center;
    border-radius: 2em;
    transition: background-position 0.15s ease-in-out; }
    @media (prefers-reduced-motion: reduce) {
      .form-switch .form-check-input, .form-switch form input[type="checkbox"], form .form-switch input[type="checkbox"],
      .form-switch .form-group input[type="checkbox"],
      .form-group .form-switch input[type="checkbox"],
      .form-switch .form-check input[type="checkbox"],
      .form-check .form-switch input[type="checkbox"] {
        transition: none; } }
    .form-switch .form-check-input:focus, .form-switch form input[type="checkbox"]:focus, form .form-switch input[type="checkbox"]:focus,
    .form-switch .form-group input[type="checkbox"]:focus,
    .form-group .form-switch input[type="checkbox"]:focus,
    .form-switch .form-check input[type="checkbox"]:focus,
    .form-check .form-switch input[type="checkbox"]:focus {
      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='%23d19cff'/%3e%3c/svg%3e"); }
    .form-switch .form-check-input:checked, .form-switch form input[type="checkbox"]:checked, form .form-switch input[type="checkbox"]:checked,
    .form-switch .form-group input[type="checkbox"]:checked,
    .form-group .form-switch input[type="checkbox"]:checked,
    .form-switch .form-check input[type="checkbox"]:checked,
    .form-check .form-switch input[type="checkbox"]:checked {
      background-position: right center;
      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"); }

.form-check-inline {
  display: inline-block;
  margin-right: 1rem; }

.btn-check {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none; }
  .btn-check[disabled] + .btn, .btn-check:disabled + .btn {
    pointer-events: none;
    filter: none;
    opacity: 0.65; }

.form-check {
  min-height: 1.5rem; }

.form-check-input, form input[type="checkbox"],
.form-group input[type="checkbox"],
.form-check input[type="checkbox"] {
  position: relative;
  width: 1.125rem;
  height: 1.125rem;
  background-color: #fff;
  border: 0.125rem solid #757575; }
  .form-check-input:before, form input[type="checkbox"]:before,
  .form-group input[type="checkbox"]:before,
  .form-check input[type="checkbox"]:before {
    content: '';
    position: absolute;
    box-shadow: 0px 0px 0px 13px transparent;
    border-radius: 50%;
    width: 0.875rem;
    height: 0.875rem;
    background-color: transparent;
    opacity: 0;
    pointer-events: none;
    transform: scale(0); }
  .form-check-input:hover, form input[type="checkbox"]:hover,
  .form-group input[type="checkbox"]:hover,
  .form-check input[type="checkbox"]:hover {
    cursor: pointer; }
    .form-check-input:hover:before, form input[type="checkbox"]:hover:before,
    .form-group input[type="checkbox"]:hover:before,
    .form-check input[type="checkbox"]:hover:before {
      opacity: 0.04;
      box-shadow: 0px 0px 0px 13px rgba(0, 0, 0, 0.6); }
  .form-check-input:focus, form input[type="checkbox"]:focus,
  .form-group input[type="checkbox"]:focus,
  .form-check input[type="checkbox"]:focus {
    box-shadow: none;
    border-color: #757575;
    transition: border-color 0.2s; }
    .form-check-input:focus:before, form input[type="checkbox"]:focus:before,
    .form-group input[type="checkbox"]:focus:before,
    .form-check input[type="checkbox"]:focus:before {
      opacity: 0.12;
      box-shadow: 0px 0px 0px 13px rgba(0, 0, 0, 0.6);
      transform: scale(1);
      transition: box-shadow 0.2s, transform 0.2s; }
  .form-check-input:checked, form input[type="checkbox"]:checked,
  .form-group input[type="checkbox"]:checked,
  .form-check input[type="checkbox"]:checked {
    border-color: #951CFF; }
    .form-check-input:checked:before, form input[type="checkbox"]:checked:before,
    .form-group input[type="checkbox"]:checked:before,
    .form-check input[type="checkbox"]:checked:before {
      opacity: 0.16; }
    .form-check-input:checked:after, form input[type="checkbox"]:checked:after,
    .form-group input[type="checkbox"]:checked:after,
    .form-check input[type="checkbox"]:checked:after {
      content: '';
      position: absolute; }
    .form-check-input:checked:focus, form input[type="checkbox"]:checked:focus,
    .form-group input[type="checkbox"]:checked:focus,
    .form-check input[type="checkbox"]:checked:focus {
      border-color: #951CFF; }
      .form-check-input:checked:focus:before, form input[type="checkbox"]:checked:focus:before,
      .form-group input[type="checkbox"]:checked:focus:before,
      .form-check input[type="checkbox"]:checked:focus:before {
        box-shadow: 0px 0px 0px 13px #951CFF;
        transform: scale(1);
        transition: box-shadow 0.2s, transform 0.2s; }
  .form-check-input:indeterminate:focus:before, form input[type="checkbox"]:indeterminate:focus:before,
  .form-group input[type="checkbox"]:indeterminate:focus:before,
  .form-check input[type="checkbox"]:indeterminate:focus:before {
    box-shadow: 0px 0px 0px 13px #951CFF; }
  .form-check-input[type='checkbox'], form input[type='checkbox'],
  .form-group input[type='checkbox'],
  .form-check input[type='checkbox'] {
    border-radius: 0.125rem;
    margin-top: 0.19em;
    margin-right: 8px; }
    .form-check-input[type='checkbox']:focus:after, form input[type='checkbox']:focus:after,
    .form-group input[type='checkbox']:focus:after,
    .form-check input[type='checkbox']:focus:after {
      content: '';
      position: absolute;
      width: 0.875rem;
      height: 0.875rem;
      z-index: 1;
      display: block;
      border-radius: 0;
      background-color: #fff; }
    .form-check-input[type='checkbox']:checked, form input[type='checkbox']:checked,
    .form-group input[type='checkbox']:checked,
    .form-check input[type='checkbox']:checked {
      background-image: none;
      background-color: #951CFF; }
      .form-check-input[type='checkbox']:checked:after, form input[type='checkbox']:checked:after,
      .form-group input[type='checkbox']:checked:after,
      .form-check input[type='checkbox']:checked:after {
        display: block;
        transform: rotate(45deg) /*!rtl:ignore*/;
        border-width: 0.125rem;
        border-color: #fff;
        width: 0.375rem;
        height: 0.8125rem;
        border-style: solid;
        border-top: 0;
        border-left: 0 /*!rtl:ignore*/;
        margin-left: 0.25rem;
        margin-top: -1px;
        background-color: transparent; }
      .form-check-input[type='checkbox']:checked:focus, form input[type='checkbox']:checked:focus,
      .form-group input[type='checkbox']:checked:focus,
      .form-check input[type='checkbox']:checked:focus {
        background-color: #951CFF; }
    .form-check-input[type='checkbox']:indeterminate, form input[type='checkbox']:indeterminate,
    .form-group input[type='checkbox']:indeterminate,
    .form-check input[type='checkbox']:indeterminate {
      background-image: none;
      background-color: transparent;
      border-color: #6c757d; }
      .form-check-input[type='checkbox']:indeterminate:after, form input[type='checkbox']:indeterminate:after,
      .form-group input[type='checkbox']:indeterminate:after,
      .form-check input[type='checkbox']:indeterminate:after {
        display: block;
        transform: rotate(90deg) /*!rtl:ignore*/;
        border-width: 0.125rem;
        border-color: #fff;
        width: 0.125rem;
        height: 0.875rem;
        border-style: solid;
        border-top: 0;
        border-left: 0 /*!rtl:ignore*/;
        margin-left: 0.375rem;
        margin-top: 0; }
      .form-check-input[type='checkbox']:indeterminate:focus, form input[type='checkbox']:indeterminate:focus,
      .form-group input[type='checkbox']:indeterminate:focus,
      .form-check input[type='checkbox']:indeterminate:focus {
        background-color: #951CFF;
        border-color: #951CFF; }
  .form-check-input[type='radio'], form input[type='radio'][type="checkbox"],
  .form-group input[type='radio'][type="checkbox"],
  .form-check input[type='radio'][type="checkbox"] {
    border-radius: 50%;
    width: 1.25rem;
    height: 1.25rem;
    margin-top: 0.125em;
    margin-right: 6px; }
    .form-check-input[type='radio']:before, form input[type='radio'][type="checkbox"]:before,
    .form-group input[type='radio'][type="checkbox"]:before,
    .form-check input[type='radio'][type="checkbox"]:before {
      width: 1rem;
      height: 1rem; }
    .form-check-input[type='radio']:after, form input[type='radio'][type="checkbox"]:after,
    .form-group input[type='radio'][type="checkbox"]:after,
    .form-check input[type='radio'][type="checkbox"]:after {
      content: '';
      position: absolute;
      width: 1rem;
      height: 1rem;
      z-index: 1;
      display: block;
      border-radius: 50%;
      background-color: #fff; }
    .form-check-input[type='radio']:checked, form input[type='radio'][type="checkbox"]:checked,
    .form-group input[type='radio'][type="checkbox"]:checked,
    .form-check input[type='radio'][type="checkbox"]:checked {
      background-image: none;
      background-color: #fff; }
      .form-check-input[type='radio']:checked:after, form input[type='radio'][type="checkbox"]:checked:after,
      .form-group input[type='radio'][type="checkbox"]:checked:after,
      .form-check input[type='radio'][type="checkbox"]:checked:after {
        border-radius: 50%;
        width: 0.625rem;
        height: 0.625rem;
        border-color: #951CFF;
        background-color: #951CFF;
        margin-top: 0.1875rem;
        margin-left: 0.1875rem;
        transition: border-color; }
      .form-check-input[type='radio']:checked:focus, form input[type='radio'][type="checkbox"]:checked:focus,
      .form-group input[type='radio'][type="checkbox"]:checked:focus,
      .form-check input[type='radio'][type="checkbox"]:checked:focus {
        background-color: #fff; }

.form-check-label:hover {
  cursor: pointer; }

.form-switch .form-check-input, .form-switch form input[type="checkbox"], form .form-switch input[type="checkbox"],
.form-switch .form-group input[type="checkbox"],
.form-group .form-switch input[type="checkbox"],
.form-switch .form-check input[type="checkbox"],
.form-check .form-switch input[type="checkbox"] {
  background-image: none;
  border-width: 0;
  border-radius: 0.4375rem;
  width: 2.25rem;
  height: 0.875rem;
  background-color: rgba(0, 0, 0, 0.38);
  margin-top: 0.3em;
  margin-right: 8px; }
  .form-switch .form-check-input:after, .form-switch form input[type="checkbox"]:after, form .form-switch input[type="checkbox"]:after,
  .form-switch .form-group input[type="checkbox"]:after,
  .form-group .form-switch input[type="checkbox"]:after,
  .form-switch .form-check input[type="checkbox"]:after,
  .form-check .form-switch input[type="checkbox"]:after {
    content: '';
    position: absolute;
    border: none;
    z-index: 2;
    border-radius: 50%;
    width: 1.25rem;
    height: 1.25rem;
    background-color: #fff;
    margin-top: -0.1875rem;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    transition: background-color 0.2s, transform 0.2s; }
  .form-switch .form-check-input:focus, .form-switch form input[type="checkbox"]:focus, form .form-switch input[type="checkbox"]:focus,
  .form-switch .form-group input[type="checkbox"]:focus,
  .form-group .form-switch input[type="checkbox"]:focus,
  .form-switch .form-check input[type="checkbox"]:focus,
  .form-check .form-switch input[type="checkbox"]:focus {
    background-image: none; }
    .form-switch .form-check-input:focus:before, .form-switch form input[type="checkbox"]:focus:before, form .form-switch input[type="checkbox"]:focus:before,
    .form-switch .form-group input[type="checkbox"]:focus:before,
    .form-group .form-switch input[type="checkbox"]:focus:before,
    .form-switch .form-check input[type="checkbox"]:focus:before,
    .form-check .form-switch input[type="checkbox"]:focus:before {
      box-shadow: 3px -1px 0px 13px rgba(0, 0, 0, 0.6);
      transform: scale(1);
      transition: box-shadow 0.2s, transform 0.2s; }
    .form-switch .form-check-input:focus:after, .form-switch form input[type="checkbox"]:focus:after, form .form-switch input[type="checkbox"]:focus:after,
    .form-switch .form-group input[type="checkbox"]:focus:after,
    .form-group .form-switch input[type="checkbox"]:focus:after,
    .form-switch .form-check input[type="checkbox"]:focus:after,
    .form-check .form-switch input[type="checkbox"]:focus:after {
      border-radius: 50%;
      width: 1.25rem;
      height: 1.25rem; }
  .form-switch .form-check-input:checked, .form-switch form input[type="checkbox"]:checked, form .form-switch input[type="checkbox"]:checked,
  .form-switch .form-group input[type="checkbox"]:checked,
  .form-group .form-switch input[type="checkbox"]:checked,
  .form-switch .form-check input[type="checkbox"]:checked,
  .form-check .form-switch input[type="checkbox"]:checked {
    background-image: none; }
    .form-switch .form-check-input:checked:focus, .form-switch form input[type="checkbox"]:checked:focus, form .form-switch input[type="checkbox"]:checked:focus,
    .form-switch .form-group input[type="checkbox"]:checked:focus,
    .form-group .form-switch input[type="checkbox"]:checked:focus,
    .form-switch .form-check input[type="checkbox"]:checked:focus,
    .form-check .form-switch input[type="checkbox"]:checked:focus {
      background-image: none; }
      .form-switch .form-check-input:checked:focus:before, .form-switch form input[type="checkbox"]:checked:focus:before, form .form-switch input[type="checkbox"]:checked:focus:before,
      .form-switch .form-group input[type="checkbox"]:checked:focus:before,
      .form-group .form-switch input[type="checkbox"]:checked:focus:before,
      .form-switch .form-check input[type="checkbox"]:checked:focus:before,
      .form-check .form-switch input[type="checkbox"]:checked:focus:before {
        margin-left: 1.0625rem;
        box-shadow: 3px -1px 0px 13px #951CFF;
        transform: scale(1);
        transition: box-shadow 0.2s, transform 0.2s; }
    .form-switch .form-check-input[type='checkbox']:checked, .form-switch form input[type='checkbox']:checked, form .form-switch input[type='checkbox']:checked,
    .form-switch .form-group input[type='checkbox']:checked,
    .form-group .form-switch input[type='checkbox']:checked,
    .form-switch .form-check input[type='checkbox']:checked,
    .form-check .form-switch input[type='checkbox']:checked {
      background-image: none; }
      .form-switch .form-check-input[type='checkbox']:checked:after, .form-switch form input[type='checkbox']:checked:after, form .form-switch input[type='checkbox']:checked:after,
      .form-switch .form-group input[type='checkbox']:checked:after,
      .form-group .form-switch input[type='checkbox']:checked:after,
      .form-switch .form-check input[type='checkbox']:checked:after,
      .form-check .form-switch input[type='checkbox']:checked:after {
        content: '';
        position: absolute;
        border: none;
        z-index: 2;
        border-radius: 50%;
        width: 1.25rem;
        height: 1.25rem;
        background-color: #951CFF;
        margin-top: -3px;
        margin-left: 1.0625rem;
        box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
        transition: background-color 0.2s, transform 0.2s; }

.form-range {
  width: 100%;
  height: 1.4rem;
  padding: 0;
  background-color: transparent;
  appearance: none; }
  .form-range:focus {
    outline: 0; }
    .form-range:focus::-webkit-slider-thumb {
      box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(149, 28, 255, 0.25); }
    .form-range:focus::-moz-range-thumb {
      box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(149, 28, 255, 0.25); }
  .form-range::-moz-focus-outer {
    border: 0; }
  .form-range::-webkit-slider-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: -0.25rem;
    background-color: #951CFF;
    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) {
      .form-range::-webkit-slider-thumb {
        transition: none; } }
    .form-range::-webkit-slider-thumb:active {
      background-color: #dfbbff; }
  .form-range::-webkit-slider-runnable-track {
    width: 100%;
    height: 0.5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem; }
  .form-range::-moz-range-thumb {
    width: 1rem;
    height: 1rem;
    background-color: #951CFF;
    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) {
      .form-range::-moz-range-thumb {
        transition: none; } }
    .form-range::-moz-range-thumb:active {
      background-color: #dfbbff; }
  .form-range::-moz-range-track {
    width: 100%;
    height: 0.5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem; }
  .form-range:disabled {
    pointer-events: none; }
    .form-range:disabled::-webkit-slider-thumb {
      background-color: #797A8D; }
    .form-range:disabled::-moz-range-thumb {
      background-color: #797A8D; }

.form-range:focus {
  box-shadow: none; }
  .form-range:focus::-webkit-slider-thumb {
    box-shadow: none; }
  .form-range:focus::-moz-range-thumb {
    box-shadow: none; }
  .form-range:focus::-ms-thumb {
    box-shadow: none; }

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

.form-range::-webkit-slider-thumb {
  margin-top: -6px;
  box-shadow: none;
  appearance: none; }

.form-range::-webkit-slider-runnable-track {
  height: 4px;
  border-radius: 0; }

.form-range::-moz-range-thumb {
  box-shadow: none;
  appearance: none; }

.form-floating {
  position: relative; }
  .form-floating &gt; .form-control,
  .form-floating &gt; .form-select {
    height: calc(3.5rem + 2px);
    padding: 1rem 0.75rem; }
  .form-floating &gt; label {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    padding: 1rem 0.75rem;
    pointer-events: none;
    border: 1px solid transparent;
    transform-origin: 0 0;
    transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out; }
    @media (prefers-reduced-motion: reduce) {
      .form-floating &gt; label {
        transition: none; } }
  .form-floating &gt; .form-control::placeholder {
    color: transparent; }
  .form-floating &gt; .form-control:focus, .form-floating &gt; .form-control:not(:placeholder-shown) {
    padding-top: 1.625rem;
    padding-bottom: 0.625rem; }
  .form-floating &gt; .form-control:-webkit-autofill {
    padding-top: 1.625rem;
    padding-bottom: 0.625rem; }
  .form-floating &gt; .form-select {
    padding-top: 1.625rem;
    padding-bottom: 0.625rem; }
  .form-floating &gt; .form-control:focus ~ label,
  .form-floating &gt; .form-control:not(:placeholder-shown) ~ label,
  .form-floating &gt; .form-select ~ label {
    opacity: 0.65;
    transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); }
  .form-floating &gt; .form-control:-webkit-autofill ~ label {
    opacity: 0.65;
    transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); }

.input-group {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch;
  width: 100%; }
  .input-group &gt; .form-control,
  .input-group &gt; .form-select {
    position: relative;
    flex: 1 1 auto;
    /*width: 1%;*/ }
  .input-group &gt; .form-control:focus,
  .input-group &gt; .form-select:focus {
    z-index: 3; }
  .input-group .btn {
    position: relative;
    z-index: 2; }
    .input-group .btn:focus {
      z-index: 3; }

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

.input-group-lg &gt; .form-control,
.input-group-lg &gt; .form-select,
.input-group-lg &gt; .input-group-text,
.input-group-lg &gt; .btn {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  border-radius: 0.3rem; }

.input-group-sm &gt; .form-control,
.input-group-sm &gt; .form-select,
.input-group-sm &gt; .input-group-text,
.input-group-sm &gt; .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: 0.2rem; }

.input-group-lg &gt; .form-select,
.input-group-sm &gt; .form-select {
  padding-right: 3rem; }

.input-group &gt; :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  margin-left: -1px; }

.input-group &gt; .form-control {
  min-height: calc(1.75rem + 0.33rem + 2px);
  height: calc(1.75rem + 0.33rem + 2px);
  padding-top: 0.27rem;
  padding-bottom: 0.27rem;
  transition: all 0.2s linear; }
  .input-group &gt; .form-control:focus {
    transition: all 0.2s linear;
    border-color: #951CFF;
    outline: 0;
    box-shadow: inset 0 0 0 1px #951CFF; }

.input-group &gt; .input-group-addon {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  padding: 4px 12px; }

.input-group-text {
  background-color: transparent;
  padding-top: 0.26rem;
  padding-bottom: 0.26rem; }
  .input-group-text &gt; .form-check-input[type='checkbox'], form .input-group-text &gt; input[type='checkbox'],
  .form-group .input-group-text &gt; input[type='checkbox'],
  .form-check .input-group-text &gt; input[type='checkbox'] {
    margin-left: 1px;
    margin-right: 1px; }
  .input-group-text &gt; .form-check-input[type='radio'], form .input-group-text &gt; input[type='radio'][type="checkbox"],
  .form-group .input-group-text &gt; input[type='radio'][type="checkbox"],
  .form-check .input-group-text &gt; input[type='radio'][type="checkbox"] {
    margin-right: 0; }

.input-group-lg &gt; .form-control {
  height: calc(2.315rem + 0.33rem + 2px);
  font-size: 1rem;
  padding-top: 0.33rem;
  padding-bottom: 0.33rem; }

.input-group-lg .input-group-text {
  font-size: 1rem; }

.input-group-sm &gt; .form-control {
  font-size: 0.775rem;
  padding-top: 0.33rem;
  padding-bottom: 0.33rem; }

.input-group-sm .input-group-text {
  font-size: 0.775rem;
  line-height: 1.5; }

.input-group.form-outline .input-group-text {
  border-left: 0; }

.input-group.form-outline input + .input-group-text {
  border-left: 1px solid #bdbdbd; }

.input-group .form-outline:not(:first-child),
.input-group .form-outline:not(:first-child) .form-notch-leading {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important; }

.input-group .form-outline:not(:last-child),
.input-group .form-outline:not(:last-child) .form-notch-trailing {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important; }

.input-group &gt; [class*='btn-outline-'] + [class*='btn-outline-'] {
  border-left: 0; }

.input-group &gt; .btn[class*='btn-outline-'] {
  padding-top: 0.47rem; }

.input-group &gt; .btn {
  padding-top: 0.59rem; }

.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: 0.1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #000;
  background-color: rgba(40, 167, 69, 0.9);
  border-radius: 0.25rem; }

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

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

.was-validated 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 .form-select:valid, .form-select.is-valid {
  border-color: #28a745;
  padding-right: 4.125rem;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-position: right 0.75rem center, center right 2.25rem;
  background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); }
  .was-validated .form-select:valid:focus, .form-select.is-valid:focus {
    border-color: #28a745;
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); }

.was-validated .form-check-input:valid, .was-validated form input[type="checkbox"]:valid, form .was-validated input[type="checkbox"]:valid,
.was-validated .form-group input[type="checkbox"]:valid,
.form-group .was-validated input[type="checkbox"]:valid,
.was-validated .form-check input[type="checkbox"]:valid,
.form-check .was-validated input[type="checkbox"]:valid, .form-check-input.is-valid, form input.is-valid[type="checkbox"],
.form-group input.is-valid[type="checkbox"],
.form-check input.is-valid[type="checkbox"] {
  border-color: #28a745; }
  .was-validated .form-check-input:valid:checked, .was-validated form input[type="checkbox"]:valid:checked, form .was-validated input[type="checkbox"]:valid:checked,
  .was-validated .form-group input[type="checkbox"]:valid:checked,
  .form-group .was-validated input[type="checkbox"]:valid:checked,
  .was-validated .form-check input[type="checkbox"]:valid:checked,
  .form-check .was-validated input[type="checkbox"]:valid:checked, .form-check-input.is-valid:checked, form input.is-valid[type="checkbox"]:checked,
  .form-group input.is-valid[type="checkbox"]:checked,
  .form-check input.is-valid[type="checkbox"]:checked {
    background-color: #28a745; }
  .was-validated .form-check-input:valid:focus, .was-validated form input[type="checkbox"]:valid:focus, form .was-validated input[type="checkbox"]:valid:focus,
  .was-validated .form-group input[type="checkbox"]:valid:focus,
  .form-group .was-validated input[type="checkbox"]:valid:focus,
  .was-validated .form-check input[type="checkbox"]:valid:focus,
  .form-check .was-validated input[type="checkbox"]:valid:focus, .form-check-input.is-valid:focus, form input.is-valid[type="checkbox"]:focus,
  .form-group input.is-valid[type="checkbox"]:focus,
  .form-check input.is-valid[type="checkbox"]:focus {
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); }
  .was-validated .form-check-input:valid ~ .form-check-label, .was-validated form input[type="checkbox"]:valid ~ .form-check-label, form .was-validated input[type="checkbox"]:valid ~ .form-check-label,
  .was-validated .form-group input[type="checkbox"]:valid ~ .form-check-label,
  .form-group .was-validated input[type="checkbox"]:valid ~ .form-check-label,
  .was-validated .form-check input[type="checkbox"]:valid ~ .form-check-label,
  .form-check .was-validated input[type="checkbox"]:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label, form input.is-valid[type="checkbox"] ~ .form-check-label,
  .form-group input.is-valid[type="checkbox"] ~ .form-check-label,
  .form-check input.is-valid[type="checkbox"] ~ .form-check-label {
    color: #28a745; }

.form-check-inline .form-check-input ~ .valid-feedback, .form-check-inline form input[type="checkbox"] ~ .valid-feedback, form .form-check-inline input[type="checkbox"] ~ .valid-feedback,
.form-check-inline .form-group input[type="checkbox"] ~ .valid-feedback,
.form-group .form-check-inline input[type="checkbox"] ~ .valid-feedback,
.form-check-inline .form-check input[type="checkbox"] ~ .valid-feedback,
.form-check .form-check-inline input[type="checkbox"] ~ .valid-feedback {
  margin-left: 0.5em; }

.was-validated .input-group .form-control:valid, .input-group .form-control.is-valid, .was-validated .input-group .form-select:valid,
.input-group .form-select.is-valid {
  z-index: 3; }

.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: 0.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 :invalid ~ .invalid-feedback,
.was-validated :invalid ~ .invalid-tooltip,
.is-invalid ~ .invalid-feedback,
.is-invalid ~ .invalid-tooltip {
  display: block; }

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

.was-validated 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 .form-select:invalid, .form-select.is-invalid {
  border-color: #dc3545;
  padding-right: 4.125rem;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-position: right 0.75rem center, center right 2.25rem;
  background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); }
  .was-validated .form-select:invalid:focus, .form-select.is-invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); }

.was-validated .form-check-input:invalid, .was-validated form input[type="checkbox"]:invalid, form .was-validated input[type="checkbox"]:invalid,
.was-validated .form-group input[type="checkbox"]:invalid,
.form-group .was-validated input[type="checkbox"]:invalid,
.was-validated .form-check input[type="checkbox"]:invalid,
.form-check .was-validated input[type="checkbox"]:invalid, .form-check-input.is-invalid, form input.is-invalid[type="checkbox"],
.form-group input.is-invalid[type="checkbox"],
.form-check input.is-invalid[type="checkbox"] {
  border-color: #dc3545; }
  .was-validated .form-check-input:invalid:checked, .was-validated form input[type="checkbox"]:invalid:checked, form .was-validated input[type="checkbox"]:invalid:checked,
  .was-validated .form-group input[type="checkbox"]:invalid:checked,
  .form-group .was-validated input[type="checkbox"]:invalid:checked,
  .was-validated .form-check input[type="checkbox"]:invalid:checked,
  .form-check .was-validated input[type="checkbox"]:invalid:checked, .form-check-input.is-invalid:checked, form input.is-invalid[type="checkbox"]:checked,
  .form-group input.is-invalid[type="checkbox"]:checked,
  .form-check input.is-invalid[type="checkbox"]:checked {
    background-color: #dc3545; }
  .was-validated .form-check-input:invalid:focus, .was-validated form input[type="checkbox"]:invalid:focus, form .was-validated input[type="checkbox"]:invalid:focus,
  .was-validated .form-group input[type="checkbox"]:invalid:focus,
  .form-group .was-validated input[type="checkbox"]:invalid:focus,
  .was-validated .form-check input[type="checkbox"]:invalid:focus,
  .form-check .was-validated input[type="checkbox"]:invalid:focus, .form-check-input.is-invalid:focus, form input.is-invalid[type="checkbox"]:focus,
  .form-group input.is-invalid[type="checkbox"]:focus,
  .form-check input.is-invalid[type="checkbox"]:focus {
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); }
  .was-validated .form-check-input:invalid ~ .form-check-label, .was-validated form input[type="checkbox"]:invalid ~ .form-check-label, form .was-validated input[type="checkbox"]:invalid ~ .form-check-label,
  .was-validated .form-group input[type="checkbox"]:invalid ~ .form-check-label,
  .form-group .was-validated input[type="checkbox"]:invalid ~ .form-check-label,
  .was-validated .form-check input[type="checkbox"]:invalid ~ .form-check-label,
  .form-check .was-validated input[type="checkbox"]:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label, form input.is-invalid[type="checkbox"] ~ .form-check-label,
  .form-group input.is-invalid[type="checkbox"] ~ .form-check-label,
  .form-check input.is-invalid[type="checkbox"] ~ .form-check-label {
    color: #dc3545; }

.form-check-inline .form-check-input ~ .invalid-feedback, .form-check-inline form input[type="checkbox"] ~ .invalid-feedback, form .form-check-inline input[type="checkbox"] ~ .invalid-feedback,
.form-check-inline .form-group input[type="checkbox"] ~ .invalid-feedback,
.form-group .form-check-inline input[type="checkbox"] ~ .invalid-feedback,
.form-check-inline .form-check input[type="checkbox"] ~ .invalid-feedback,
.form-check .form-check-inline input[type="checkbox"] ~ .invalid-feedback {
  margin-left: 0.5em; }

.was-validated .input-group .form-control:invalid, .input-group .form-control.is-invalid, .was-validated .input-group .form-select:invalid,
.input-group .form-select.is-invalid {
  z-index: 3; }

.was-validated .input-group .invalid-feedback,
.was-validated .input-group .valid-feedback {
  margin-top: 2.5rem; }

.input-group .invalid-feedback,
.input-group .valid-feedback {
  margin-top: 2.5rem; }

.valid-feedback {
  position: absolute;
  display: none;
  width: auto;
  font-size: 0.875rem;
  color: #28a745;
  margin-top: -0.75rem; }

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

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

.was-validated .form-control:valid, .form-control.is-valid {
  margin-bottom: 1rem;
  background-image: none;
  border-color: #28a745; }
  .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-outline .form-control:valid .form-label, .form-outline .form-control.is-valid .form-label {
  color: #28a745; }

.was-validated .form-outline .form-control:valid .form-notch .form-notch-leading,
.was-validated .form-outline .form-control:valid .form-notch .form-notch-middle,
.was-validated .form-outline .form-control:valid .form-notch .form-notch-trailing, .form-outline .form-control.is-valid .form-notch .form-notch-leading,
.form-outline .form-control.is-valid .form-notch .form-notch-middle,
.form-outline .form-control.is-valid .form-notch .form-notch-trailing {
  border-color: #28a745; }

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

.was-validated .input-group .form-control:valid, .input-group .form-control.is-valid {
  margin-bottom: 0; }

.was-validated input.form-control[type='file']:valid .valid-feedback, input.form-control.is-valid[type='file'] .valid-feedback {
  margin-top: 0; }

.was-validated input.form-control[type='file']:valid:focus, input.form-control.is-valid[type='file']:focus {
  box-shadow: inset 0 0 0 1px #28a745;
  border-color: #28a745; }
  .was-validated input.form-control[type='file']:valid:focus ~ .form-file-label, input.form-control.is-valid[type='file']:focus ~ .form-file-label {
    box-shadow: none; }

.was-validated input.form-control[type='file']:valid:focus-within ~ .form-file-label .form-file-text,
.was-validated input.form-control[type='file']:valid:focus-within ~ .form-file-label .form-file-button, input.form-control.is-valid[type='file']:focus-within ~ .form-file-label .form-file-text,
input.form-control.is-valid[type='file']:focus-within ~ .form-file-label .form-file-button {
  border-color: #28a745; }

.was-validated .form-check-input:valid, .was-validated form input[type="checkbox"]:valid, form .was-validated input[type="checkbox"]:valid,
.was-validated .form-group input[type="checkbox"]:valid,
.form-group .was-validated input[type="checkbox"]:valid,
.was-validated .form-check input[type="checkbox"]:valid,
.form-check .was-validated input[type="checkbox"]:valid, .form-check-input.is-valid, form input.is-valid[type="checkbox"],
.form-group input.is-valid[type="checkbox"],
.form-check input.is-valid[type="checkbox"] {
  border-color: #28a745; }
  .was-validated .form-check-input:valid:checked, .was-validated form input[type="checkbox"]:valid:checked, form .was-validated input[type="checkbox"]:valid:checked,
  .was-validated .form-group input[type="checkbox"]:valid:checked,
  .form-group .was-validated input[type="checkbox"]:valid:checked,
  .was-validated .form-check input[type="checkbox"]:valid:checked,
  .form-check .was-validated input[type="checkbox"]:valid:checked, .form-check-input.is-valid:checked, form input.is-valid[type="checkbox"]:checked,
  .form-group input.is-valid[type="checkbox"]:checked,
  .form-check input.is-valid[type="checkbox"]:checked {
    background-color: #28a745; }
  .was-validated .form-check-input:valid:checked:focus:before, .was-validated form input[type="checkbox"]:valid:checked:focus:before, form .was-validated input[type="checkbox"]:valid:checked:focus:before,
  .was-validated .form-group input[type="checkbox"]:valid:checked:focus:before,
  .form-group .was-validated input[type="checkbox"]:valid:checked:focus:before,
  .was-validated .form-check input[type="checkbox"]:valid:checked:focus:before,
  .form-check .was-validated input[type="checkbox"]:valid:checked:focus:before, .form-check-input.is-valid:checked:focus:before, form input.is-valid[type="checkbox"]:checked:focus:before,
  .form-group input.is-valid[type="checkbox"]:checked:focus:before,
  .form-check input.is-valid[type="checkbox"]:checked:focus:before {
    box-shadow: 0px 0px 0px 13px #28a745; }
  .was-validated .form-check-input:valid:focus, .was-validated form input[type="checkbox"]:valid:focus, form .was-validated input[type="checkbox"]:valid:focus,
  .was-validated .form-group input[type="checkbox"]:valid:focus,
  .form-group .was-validated input[type="checkbox"]:valid:focus,
  .was-validated .form-check input[type="checkbox"]:valid:focus,
  .form-check .was-validated input[type="checkbox"]:valid:focus, .form-check-input.is-valid:focus, form input.is-valid[type="checkbox"]:focus,
  .form-group input.is-valid[type="checkbox"]:focus,
  .form-check input.is-valid[type="checkbox"]:focus {
    box-shadow: none; }
    .was-validated .form-check-input:valid:focus:before, .was-validated form input[type="checkbox"]:valid:focus:before, form .was-validated input[type="checkbox"]:valid:focus:before,
    .was-validated .form-group input[type="checkbox"]:valid:focus:before,
    .form-group .was-validated input[type="checkbox"]:valid:focus:before,
    .was-validated .form-check input[type="checkbox"]:valid:focus:before,
    .form-check .was-validated input[type="checkbox"]:valid:focus:before, .form-check-input.is-valid:focus:before, form input.is-valid[type="checkbox"]:focus:before,
    .form-group input.is-valid[type="checkbox"]:focus:before,
    .form-check input.is-valid[type="checkbox"]:focus:before {
      box-shadow: 0px 0px 0px 13px #28a745; }
  .was-validated .form-check-input:valid ~ .form-check-label, .was-validated form input[type="checkbox"]:valid ~ .form-check-label, form .was-validated input[type="checkbox"]:valid ~ .form-check-label,
  .was-validated .form-group input[type="checkbox"]:valid ~ .form-check-label,
  .form-group .was-validated input[type="checkbox"]:valid ~ .form-check-label,
  .was-validated .form-check input[type="checkbox"]:valid ~ .form-check-label,
  .form-check .was-validated input[type="checkbox"]:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label, form input.is-valid[type="checkbox"] ~ .form-check-label,
  .form-group input.is-valid[type="checkbox"] ~ .form-check-label,
  .form-check input.is-valid[type="checkbox"] ~ .form-check-label {
    color: #28a745;
    margin-bottom: 1rem; }
  .was-validated .form-check-input[type='checkbox']:valid:checked:focus, .was-validated form input[type='checkbox']:valid:checked:focus, form .was-validated input[type='checkbox']:valid:checked:focus,
  .was-validated .form-group input[type='checkbox']:valid:checked:focus,
  .form-group .was-validated input[type='checkbox']:valid:checked:focus,
  .was-validated .form-check input[type='checkbox']:valid:checked:focus,
  .form-check .was-validated input[type='checkbox']:valid:checked:focus, .form-check-input.is-valid[type='checkbox']:checked:focus, form input.is-valid[type='checkbox']:checked:focus,
  .form-group input.is-valid[type='checkbox']:checked:focus,
  .form-check input.is-valid[type='checkbox']:checked:focus {
    background-color: #28a745;
    border-color: #28a745; }
  .was-validated .form-check-input[type='radio']:valid:checked, .was-validated form input[type="checkbox"][type='radio']:valid:checked, form .was-validated input[type="checkbox"][type='radio']:valid:checked,
  .was-validated .form-group input[type="checkbox"][type='radio']:valid:checked,
  .form-group .was-validated input[type="checkbox"][type='radio']:valid:checked,
  .was-validated .form-check input[type="checkbox"][type='radio']:valid:checked,
  .form-check .was-validated input[type="checkbox"][type='radio']:valid:checked, .form-check-input.is-valid[type='radio']:checked, form input.is-valid[type='radio'][type="checkbox"]:checked,
  .form-group input.is-valid[type='radio'][type="checkbox"]:checked,
  .form-check input.is-valid[type='radio'][type="checkbox"]:checked {
    border-color: #28a745;
    background-color: #fff; }
    .was-validated .form-check-input[type='radio']:valid:checked:focus:before, .was-validated form input[type="checkbox"][type='radio']:valid:checked:focus:before, form .was-validated input[type="checkbox"][type='radio']:valid:checked:focus:before,
    .was-validated .form-group input[type="checkbox"][type='radio']:valid:checked:focus:before,
    .form-group .was-validated input[type="checkbox"][type='radio']:valid:checked:focus:before,
    .was-validated .form-check input[type="checkbox"][type='radio']:valid:checked:focus:before,
    .form-check .was-validated input[type="checkbox"][type='radio']:valid:checked:focus:before, .form-check-input.is-valid[type='radio']:checked:focus:before, form input.is-valid[type='radio'][type="checkbox"]:checked:focus:before,
    .form-group input.is-valid[type='radio'][type="checkbox"]:checked:focus:before,
    .form-check input.is-valid[type='radio'][type="checkbox"]:checked:focus:before {
      box-shadow: 0px 0px 0px 13px #28a745; }
    .was-validated .form-check-input[type='radio']:valid:checked:after, .was-validated form input[type="checkbox"][type='radio']:valid:checked:after, form .was-validated input[type="checkbox"][type='radio']:valid:checked:after,
    .was-validated .form-group input[type="checkbox"][type='radio']:valid:checked:after,
    .form-group .was-validated input[type="checkbox"][type='radio']:valid:checked:after,
    .was-validated .form-check input[type="checkbox"][type='radio']:valid:checked:after,
    .form-check .was-validated input[type="checkbox"][type='radio']:valid:checked:after, .form-check-input.is-valid[type='radio']:checked:after, form input.is-valid[type='radio'][type="checkbox"]:checked:after,
    .form-group input.is-valid[type='radio'][type="checkbox"]:checked:after,
    .form-check input.is-valid[type='radio'][type="checkbox"]:checked:after {
      border-color: #28a745;
      background-color: #28a745; }

.form-check-inline .form-check-input ~ .valid-feedback, .form-check-inline form input[type="checkbox"] ~ .valid-feedback, form .form-check-inline input[type="checkbox"] ~ .valid-feedback,
.form-check-inline .form-group input[type="checkbox"] ~ .valid-feedback,
.form-group .form-check-inline input[type="checkbox"] ~ .valid-feedback,
.form-check-inline .form-check input[type="checkbox"] ~ .valid-feedback,
.form-check .form-check-inline input[type="checkbox"] ~ .valid-feedback {
  margin-left: 0.5em; }

.invalid-feedback {
  position: absolute;
  display: none;
  width: auto;
  font-size: 0.875rem;
  color: #dc3545;
  margin-top: -0.75rem; }

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

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

.was-validated .form-control:invalid, .form-control.is-invalid {
  margin-bottom: 1rem;
  background-image: none;
  border-color: #dc3545; }
  .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-outline .form-control:invalid .form-label, .form-outline .form-control.is-invalid .form-label {
  color: #dc3545; }

.was-validated .form-outline .form-control:invalid .form-notch .form-notch-leading,
.was-validated .form-outline .form-control:invalid .form-notch .form-notch-middle,
.was-validated .form-outline .form-control:invalid .form-notch .form-notch-trailing, .form-outline .form-control.is-invalid .form-notch .form-notch-leading,
.form-outline .form-control.is-invalid .form-notch .form-notch-middle,
.form-outline .form-control.is-invalid .form-notch .form-notch-trailing {
  border-color: #dc3545; }

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

.was-validated .input-group .form-control:invalid, .input-group .form-control.is-invalid {
  margin-bottom: 0; }

.was-validated input.form-control[type='file']:invalid .invalid-feedback, input.form-control.is-invalid[type='file'] .invalid-feedback {
  margin-top: 0; }

.was-validated input.form-control[type='file']:invalid:focus, input.form-control.is-invalid[type='file']:focus {
  box-shadow: inset 0 0 0 1px #dc3545;
  border-color: #dc3545; }
  .was-validated input.form-control[type='file']:invalid:focus ~ .form-file-label, input.form-control.is-invalid[type='file']:focus ~ .form-file-label {
    box-shadow: none; }

.was-validated input.form-control[type='file']:invalid:focus-within ~ .form-file-label .form-file-text,
.was-validated input.form-control[type='file']:invalid:focus-within ~ .form-file-label .form-file-button, input.form-control.is-invalid[type='file']:focus-within ~ .form-file-label .form-file-text,
input.form-control.is-invalid[type='file']:focus-within ~ .form-file-label .form-file-button {
  border-color: #dc3545; }

.was-validated .form-check-input:invalid, .was-validated form input[type="checkbox"]:invalid, form .was-validated input[type="checkbox"]:invalid,
.was-validated .form-group input[type="checkbox"]:invalid,
.form-group .was-validated input[type="checkbox"]:invalid,
.was-validated .form-check input[type="checkbox"]:invalid,
.form-check .was-validated input[type="checkbox"]:invalid, .form-check-input.is-invalid, form input.is-invalid[type="checkbox"],
.form-group input.is-invalid[type="checkbox"],
.form-check input.is-invalid[type="checkbox"] {
  border-color: #dc3545; }
  .was-validated .form-check-input:invalid:checked, .was-validated form input[type="checkbox"]:invalid:checked, form .was-validated input[type="checkbox"]:invalid:checked,
  .was-validated .form-group input[type="checkbox"]:invalid:checked,
  .form-group .was-validated input[type="checkbox"]:invalid:checked,
  .was-validated .form-check input[type="checkbox"]:invalid:checked,
  .form-check .was-validated input[type="checkbox"]:invalid:checked, .form-check-input.is-invalid:checked, form input.is-invalid[type="checkbox"]:checked,
  .form-group input.is-invalid[type="checkbox"]:checked,
  .form-check input.is-invalid[type="checkbox"]:checked {
    background-color: #dc3545; }
  .was-validated .form-check-input:invalid:checked:focus:before, .was-validated form input[type="checkbox"]:invalid:checked:focus:before, form .was-validated input[type="checkbox"]:invalid:checked:focus:before,
  .was-validated .form-group input[type="checkbox"]:invalid:checked:focus:before,
  .form-group .was-validated input[type="checkbox"]:invalid:checked:focus:before,
  .was-validated .form-check input[type="checkbox"]:invalid:checked:focus:before,
  .form-check .was-validated input[type="checkbox"]:invalid:checked:focus:before, .form-check-input.is-invalid:checked:focus:before, form input.is-invalid[type="checkbox"]:checked:focus:before,
  .form-group input.is-invalid[type="checkbox"]:checked:focus:before,
  .form-check input.is-invalid[type="checkbox"]:checked:focus:before {
    box-shadow: 0px 0px 0px 13px #dc3545; }
  .was-validated .form-check-input:invalid:focus, .was-validated form input[type="checkbox"]:invalid:focus, form .was-validated input[type="checkbox"]:invalid:focus,
  .was-validated .form-group input[type="checkbox"]:invalid:focus,
  .form-group .was-validated input[type="checkbox"]:invalid:focus,
  .was-validated .form-check input[type="checkbox"]:invalid:focus,
  .form-check .was-validated input[type="checkbox"]:invalid:focus, .form-check-input.is-invalid:focus, form input.is-invalid[type="checkbox"]:focus,
  .form-group input.is-invalid[type="checkbox"]:focus,
  .form-check input.is-invalid[type="checkbox"]:focus {
    box-shadow: none; }
    .was-validated .form-check-input:invalid:focus:before, .was-validated form input[type="checkbox"]:invalid:focus:before, form .was-validated input[type="checkbox"]:invalid:focus:before,
    .was-validated .form-group input[type="checkbox"]:invalid:focus:before,
    .form-group .was-validated input[type="checkbox"]:invalid:focus:before,
    .was-validated .form-check input[type="checkbox"]:invalid:focus:before,
    .form-check .was-validated input[type="checkbox"]:invalid:focus:before, .form-check-input.is-invalid:focus:before, form input.is-invalid[type="checkbox"]:focus:before,
    .form-group input.is-invalid[type="checkbox"]:focus:before,
    .form-check input.is-invalid[type="checkbox"]:focus:before {
      box-shadow: 0px 0px 0px 13px #dc3545; }
  .was-validated .form-check-input:invalid ~ .form-check-label, .was-validated form input[type="checkbox"]:invalid ~ .form-check-label, form .was-validated input[type="checkbox"]:invalid ~ .form-check-label,
  .was-validated .form-group input[type="checkbox"]:invalid ~ .form-check-label,
  .form-group .was-validated input[type="checkbox"]:invalid ~ .form-check-label,
  .was-validated .form-check input[type="checkbox"]:invalid ~ .form-check-label,
  .form-check .was-validated input[type="checkbox"]:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label, form input.is-invalid[type="checkbox"] ~ .form-check-label,
  .form-group input.is-invalid[type="checkbox"] ~ .form-check-label,
  .form-check input.is-invalid[type="checkbox"] ~ .form-check-label {
    color: #dc3545;
    margin-bottom: 1rem; }
  .was-validated .form-check-input[type='checkbox']:invalid:checked:focus, .was-validated form input[type='checkbox']:invalid:checked:focus, form .was-validated input[type='checkbox']:invalid:checked:focus,
  .was-validated .form-group input[type='checkbox']:invalid:checked:focus,
  .form-group .was-validated input[type='checkbox']:invalid:checked:focus,
  .was-validated .form-check input[type='checkbox']:invalid:checked:focus,
  .form-check .was-validated input[type='checkbox']:invalid:checked:focus, .form-check-input.is-invalid[type='checkbox']:checked:focus, form input.is-invalid[type='checkbox']:checked:focus,
  .form-group input.is-invalid[type='checkbox']:checked:focus,
  .form-check input.is-invalid[type='checkbox']:checked:focus {
    background-color: #dc3545;
    border-color: #dc3545; }
  .was-validated .form-check-input[type='radio']:invalid:checked, .was-validated form input[type="checkbox"][type='radio']:invalid:checked, form .was-validated input[type="checkbox"][type='radio']:invalid:checked,
  .was-validated .form-group input[type="checkbox"][type='radio']:invalid:checked,
  .form-group .was-validated input[type="checkbox"][type='radio']:invalid:checked,
  .was-validated .form-check input[type="checkbox"][type='radio']:invalid:checked,
  .form-check .was-validated input[type="checkbox"][type='radio']:invalid:checked, .form-check-input.is-invalid[type='radio']:checked, form input.is-invalid[type='radio'][type="checkbox"]:checked,
  .form-group input.is-invalid[type='radio'][type="checkbox"]:checked,
  .form-check input.is-invalid[type='radio'][type="checkbox"]:checked {
    border-color: #dc3545;
    background-color: #fff; }
    .was-validated .form-check-input[type='radio']:invalid:checked:focus:before, .was-validated form input[type="checkbox"][type='radio']:invalid:checked:focus:before, form .was-validated input[type="checkbox"][type='radio']:invalid:checked:focus:before,
    .was-validated .form-group input[type="checkbox"][type='radio']:invalid:checked:focus:before,
    .form-group .was-validated input[type="checkbox"][type='radio']:invalid:checked:focus:before,
    .was-validated .form-check input[type="checkbox"][type='radio']:invalid:checked:focus:before,
    .form-check .was-validated input[type="checkbox"][type='radio']:invalid:checked:focus:before, .form-check-input.is-invalid[type='radio']:checked:focus:before, form input.is-invalid[type='radio'][type="checkbox"]:checked:focus:before,
    .form-group input.is-invalid[type='radio'][type="checkbox"]:checked:focus:before,
    .form-check input.is-invalid[type='radio'][type="checkbox"]:checked:focus:before {
      box-shadow: 0px 0px 0px 13px #dc3545; }
    .was-validated .form-check-input[type='radio']:invalid:checked:after, .was-validated form input[type="checkbox"][type='radio']:invalid:checked:after, form .was-validated input[type="checkbox"][type='radio']:invalid:checked:after,
    .was-validated .form-group input[type="checkbox"][type='radio']:invalid:checked:after,
    .form-group .was-validated input[type="checkbox"][type='radio']:invalid:checked:after,
    .was-validated .form-check input[type="checkbox"][type='radio']:invalid:checked:after,
    .form-check .was-validated input[type="checkbox"][type='radio']:invalid:checked:after, .form-check-input.is-invalid[type='radio']:checked:after, form input.is-invalid[type='radio'][type="checkbox"]:checked:after,
    .form-group input.is-invalid[type='radio'][type="checkbox"]:checked:after,
    .form-check input.is-invalid[type='radio'][type="checkbox"]:checked:after {
      border-color: #dc3545;
      background-color: #dc3545; }

.form-check-inline .form-check-input ~ .invalid-feedback, .form-check-inline form input[type="checkbox"] ~ .invalid-feedback, form .form-check-inline input[type="checkbox"] ~ .invalid-feedback,
.form-check-inline .form-group input[type="checkbox"] ~ .invalid-feedback,
.form-group .form-check-inline input[type="checkbox"] ~ .invalid-feedback,
.form-check-inline .form-check input[type="checkbox"] ~ .invalid-feedback,
.form-check .form-check-inline input[type="checkbox"] ~ .invalid-feedback {
  margin-left: 0.5em; }

.btn, #middle-pane #horizontalSplitterView #documentsPart #verticalAssemblySplitterView #tabstripAssembly div.nomenclatureTabs ul li a.k-link, #middle-pane #horizontalSplitterView #documentsPart #verticalAssemblySplitterView #tabstripAssembly div.nomenclatureTabs ul li .printPDF, .ocs-genViewCard .bsText strong a, .gshp-salesRepClientCard .gshpSearch_submit a.bsButton, .gshp-salesRepClientList table td a.bsButton:link,
.gshp-salesRepClientList table td a.bsButton:active,
.gshp-salesRepClientList table td a.bsButton:visited,
.gshp-salesRepClientList table td a.bsButton:hover, .gshpCommandFollowUpPage div.gshpLinkBackToList a.backToList, div.gshpSetDetailsMainPicture .bsButtonSpan a, div.gshpSetDetailsMainPicture .backToSets a, div.setFullPicture .navigationBar .bsButtonSpan a, .gshpBasket_buttonBar .bsButtonSpan a,
.gshpBasketRow_buttonBar .bsButtonSpan a, #igshBstrap_lastSeenProductsList .hideLastSeenProduct, .HomePage .bsText strong a, body .footer .footerShortcuts .navbar-footerLeft .navbar-nav a, .gshp-productCatalog .gshpProductPagination .pagination &gt; li.PaginationAll &gt; a:link, .gshp-productCatalog .gshpProductPagination .pagination &gt; li.seeAll &gt; a:link, #gss-search-panel .gssNewFacets a:not(.ui-slider-handle), .bsDownloadable {
  display: inline-block;
  font-weight: 600 !important;
  line-height: 1.5;
  color: #4c4c4c;
  font-size: .875rem !important;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  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, #middle-pane #horizontalSplitterView #documentsPart #verticalAssemblySplitterView #tabstripAssembly div.nomenclatureTabs ul li a.k-link, #middle-pane #horizontalSplitterView #documentsPart #verticalAssemblySplitterView #tabstripAssembly div.nomenclatureTabs ul li .printPDF, .ocs-genViewCard .bsText strong a, .gshp-salesRepClientCard .gshpSearch_submit a.bsButton, .gshp-salesRepClientList table td a.bsButton:link,
    .gshp-salesRepClientList table td a.bsButton:active,
    .gshp-salesRepClientList table td a.bsButton:visited,
    .gshp-salesRepClientList table td a.bsButton:hover, .gshpCommandFollowUpPage div.gshpLinkBackToList a.backToList, div.gshpSetDetailsMainPicture .bsButtonSpan a, div.gshpSetDetailsMainPicture .backToSets a, div.setFullPicture .navigationBar .bsButtonSpan a, .gshpBasket_buttonBar .bsButtonSpan a,
    .gshpBasketRow_buttonBar .bsButtonSpan a, #igshBstrap_lastSeenProductsList .hideLastSeenProduct, .HomePage .bsText strong a, body .footer .footerShortcuts .navbar-footerLeft .navbar-nav a, .gshp-productCatalog .gshpProductPagination .pagination &gt; li.PaginationAll &gt; a:link, .gshp-productCatalog .gshpProductPagination .pagination &gt; li.seeAll &gt; a:link, #gss-search-panel .gssNewFacets a:not(.ui-slider-handle), .bsDownloadable {
      transition: none; } }
  .btn:hover, #middle-pane #horizontalSplitterView #documentsPart #verticalAssemblySplitterView #tabstripAssembly div.nomenclatureTabs ul li a.k-link:hover, #middle-pane #horizontalSplitterView #documentsPart #verticalAssemblySplitterView #tabstripAssembly div.nomenclatureTabs ul li .printPDF:hover, .ocs-genViewCard .bsText strong a:hover, .gshp-salesRepClientCard .gshpSearch_submit a.bsButton:hover,
  .gshp-salesRepClientList table td a.bsButton:hover, .gshpCommandFollowUpPage div.gshpLinkBackToList a.backToList:hover, div.gshpSetDetailsMainPicture .bsButtonSpan a:hover, div.gshpSetDetailsMainPicture .backToSets a:hover, div.setFullPicture .navigationBar .bsButtonSpan a:hover, .gshpBasket_buttonBar .bsButtonSpan a:hover,
  .gshpBasketRow_buttonBar .bsButtonSpan a:hover, #igshBstrap_lastSeenProductsList .hideLastSeenProduct:hover, .HomePage .bsText strong a:hover, body .footer .footerShortcuts .navbar-footerLeft .navbar-nav a:hover, .gshp-productCatalog .gshpProductPagination .pagination &gt; li.PaginationAll &gt; a:hover:link, .gshp-productCatalog .gshpProductPagination .pagination &gt; li.seeAll &gt; a:hover:link, #gss-search-panel .gssNewFacets a:hover:not(.ui-slider-handle), .bsDownloadable:hover {
    color: #4c4c4c;
    text-decoration: none; }
  .btn-check:focus + .btn, .btn:focus, #middle-pane #horizontalSplitterView #documentsPart #verticalAssemblySplitterView #tabstripAssembly div.nomenclatureTabs ul li .btn-check:focus + a.k-link, #middle-pane #horizontalSplitterView #documentsPart #verticalAssemblySplitterView #tabstripAssembly div.nomenclatureTabs ul li .btn-check:focus + .printPDF, .ocs-genViewCard .bsText strong .btn-check:focus + a, .gshp-salesRepClientCard .gshpSearch_submit .btn-check:focus + a.bsButton, .gshp-salesRepClientList table td .btn-check:focus + a.bsButton:link,
  .gshp-salesRepClientList table td .btn-check:focus + a.bsButton:active,
  .gshp-salesRepClientList table td .btn-check:focus + a.bsButton:visited,
  .gshp-salesRepClientList table td .btn-check:focus + a.bsButton:hover, .gshpCommandFollowUpPage div.gshpLinkBackToList .btn-check:focus + a.backToList, div.gshpSetDetailsMainPicture .bsButtonSpan .btn-check:focus + a, div.gshpSetDetailsMainPicture .backToSets .btn-check:focus + a, div.setFullPicture .navigationBar .bsButtonSpan .btn-check:focus + a, .gshpBasket_buttonBar .bsButtonSpan .btn-check:focus + a,
  .gshpBasketRow_buttonBar .bsButtonSpan .btn-check:focus + a, #igshBstrap_lastSeenProductsList .btn-check:focus + .hideLastSeenProduct, .HomePage .bsText strong .btn-check:focus + a, body .footer .footerShortcuts .navbar-footerLeft .navbar-nav .btn-check:focus + a, .gshp-productCatalog .gshpProductPagination .pagination &gt; li.PaginationAll &gt; .btn-check:focus + a:link, .gshp-productCatalog .gshpProductPagination .pagination &gt; li.seeAll &gt; .btn-check:focus + a:link, #gss-search-panel .gssNewFacets .btn-check:focus + a:not(.ui-slider-handle), .btn-check:focus + .bsDownloadable, #middle-pane #horizontalSplitterView #documentsPart #verticalAssemblySplitterView #tabstripAssembly div.nomenclatureTabs ul li a.k-link:focus, #middle-pane #horizontalSplitterView #documentsPart #verticalAssemblySplitterView #tabstripAssembly div.nomenclatureTabs ul li .printPDF:focus, .ocs-genViewCard .bsText strong a:focus, .gshp-salesRepClientCard .gshpSearch_submit a.bsButton:focus, .gshp-salesRepClientList table td a.bsButton:focus:link,
  .gshp-salesRepClientList table td a.bsButton:focus:active,
  .gshp-salesRepClientList table td a.bsButton:focus:visited,
  .gshp-salesRepClientList table td a.bsButton:focus:hover, .gshpCommandFollowUpPage div.gshpLinkBackToList a.backToList:focus, div.gshpSetDetailsMainPicture .bsButtonSpan a:focus, div.gshpSetDetailsMainPicture .backToSets a:focus, div.setFullPicture .navigationBar .bsButtonSpan a:focus, .gshpBasket_buttonBar .bsButtonSpan a:focus,
  .gshpBasketRow_buttonBar .bsButtonSpan a:focus, #igshBstrap_lastSeenProductsList .hideLastSeenProduct:focus, .HomePage .bsText strong a:focus, body .footer .footerShortcuts .navbar-footerLeft .navbar-nav a:focus, .gshp-productCatalog .gshpProductPagination .pagination &gt; li.PaginationAll &gt; a:focus:link, .gshp-productCatalog .gshpProductPagination .pagination &gt; li.seeAll &gt; a:focus:link, #gss-search-panel .gssNewFacets a:focus:not(.ui-slider-handle), .bsDownloadable:focus {
    outline: 0; }
  .btn-check:checked + .btn, .btn-check:active + .btn, .btn:active, .btn.active, #middle-pane #horizontalSplitterView #documentsPart #verticalAssemblySplitterView #tabstripAssembly div.nomenclatureTabs ul li .btn-check:checked + a.k-link, #middle-pane #horizontalSplitterView #documentsPart #verticalAssemblySplitterView #tabstripAssembly div.nomenclatureTabs ul li .btn-check:checked + .printPDF, .ocs-genViewCard .bsText strong .btn-check:checked + a, .gshp-salesRepClientCard .gshpSearch_submit .btn-check:checked + a.bsButton, .gshp-salesRepClientList table td .btn-check:checked + a.bsButton:link,
  .gshp-salesRepClientList table td .btn-check:checked + a.bsButton:visited,
  .gshp-salesRepClientList table td .btn-check:checked + a.bsButton:hover, .gshpCommandFollowUpPage div.gshpLinkBackToList .btn-check:checked + a.backToList, div.gshpSetDetailsMainPicture .bsButtonSpan .btn-check:checked + a, div.gshpSetDetailsMainPicture .backToSets .btn-check:checked + a, div.setFullPicture .navigationBar .bsButtonSpan .btn-check:checked + a, .gshpBasket_buttonBar .bsButtonSpan .btn-check:checked + a,
  .gshpBasketRow_buttonBar .bsButtonSpan .btn-check:checked + a, #igshBstrap_lastSeenProductsList .btn-check:checked + .hideLastSeenProduct, .HomePage .bsText strong .btn-check:checked + a, body .footer .footerShortcuts .navbar-footerLeft .navbar-nav .btn-check:checked + a, .gshp-productCatalog .gshpProductPagination .pagination &gt; li.PaginationAll &gt; .btn-check:checked + a:link, .gshp-productCatalog .gshpProductPagination .pagination &gt; li.seeAll &gt; .btn-check:checked + a:link, #gss-search-panel .gssNewFacets .btn-check:checked + a:not(.ui-slider-handle), .btn-check:checked + .bsDownloadable, #middle-pane #horizontalSplitterView #documentsPart #verticalAssemblySplitterView #tabstripAssembly div.nomenclatureTabs ul li .btn-check:active + a.k-link, #middle-pane #horizontalSplitterView #documentsPart #verticalAssemblySplitterView #tabstripAssembly div.nomenclatureTabs ul li .btn-check:active + .printPDF, .ocs-genViewCard .bsText strong .btn-check:active + a, .gshp-salesRepClientCard .gshpSearch_submit .btn-check:active + a.bsButton, .gshp-salesRepClientList table td .btn-check:active + a.bsButton:link,
  .gshp-salesRepClientList table td .btn-check:active + a.bsButton:visited,
  .gshp-salesRepClientList table td .btn-check:active + a.bsButton:hover, .gshpCommandFollowUpPage div.gshpLinkBackToList .btn-check:active + a.backToList, div.gshpSetDetailsMainPicture .bsButtonSpan .btn-check:active + a, div.gshpSetDetailsMainPicture .backToSets .btn-check:active + a, div.setFullPicture .navigationBar .bsButtonSpan .btn-check:active + a, .gshpBasket_buttonBar .bsButtonSpan .btn-check:active + a,
  .gshpBasketRow_buttonBar .bsButtonSpan .btn-check:active + a, #igshBstrap_lastSeenProductsList .btn-check:active + .hideLastSeenProduct, .HomePage .bsText strong .btn-check:active + a, body .footer .footerShortcuts .navbar-footerLeft .navbar-nav .btn-check:active + a, .gshp-productCatalog .gshpProductPagination .pagination &gt; li.PaginationAll &gt; .btn-check:active + a:link, .gshp-productCatalog .gshpProductPagination .pagination &gt; li.seeAll &gt; .btn-check:active + a:link, #gss-search-panel .gssNewFacets .btn-check:active + a:not(.ui-slider-handle), .btn-check:active + .bsDownloadable, #middle-pane #horizontalSplitterView #documentsPart #verticalAssemblySplitterView #tabstripAssembly div.nomenclatureTabs ul li a.k-link:active, #middle-pane #horizontalSplitterView #documentsPart #verticalAssemblySplitterView #tabstripAssembly div.nomenclatureTabs ul li .printPDF:active, .ocs-genViewCard .bsText strong a:active, .gshp-salesRepClientCard .gshpSearch_submit a.bsButton:active,
  .gshp-salesRepClientList table td a.bsButton:active, .gshpCommandFollowUpPage div.gshpLinkBackToList a.backToList:active, div.gshpSetDetailsMainPicture .bsButtonSpan a:active, div.gshpSetDetailsMainPicture .backToSets a:active, div.setFullPicture .navigationBar .bsButtonSpan a:active, .gshpBasket_buttonBar .bsButtonSpan a:active,
  .gshpBasketRow_buttonBar .bsButtonSpan a:active, #igshBstrap_lastSeenProductsList .hideLastSeenProduct:active, .HomePage .bsText strong a:active, body .footer .footerShortcuts .navbar-footerLeft .navbar-nav a:active, .gshp-productCatalog .gshpProductPagination .pagination &gt; li.PaginationAll &gt; a:active:link, .gshp-productCatalog .gshpProductPagination .pagination &gt; li.seeAll &gt; a:active:link, #gss-search-panel .gssNewFacets a:active:not(.ui-slider-handle), .bsDownloadable:active, #middle-pane #horizontalSplitterView #documentsPart #verticalAssemblySplitterView #tabstripAssembly div.nomenclatureTabs ul li a.active.k-link, #middle-pane #horizontalSplitterView #documentsPart #verticalAssemblySplitterView #tabstripAssembly div.nomenclatureTabs ul li .active.printPDF, .ocs-genViewCard .bsText strong a.active, .gshp-salesRepClientCard .gshpSearch_submit a.active.bsButton, .gshp-salesRepClientList table td a.active.bsButton:link,
  .gshp-salesRepClientList table td a.active.bsButton:visited,
  .gshp-salesRepClientList table td a.active.bsButton:hover, .gshpCommandFollowUpPage div.gshpLinkBackToList a.active.backToList, div.gshpSetDetailsMainPicture .bsButtonSpan a.active, div.gshpSetDetailsMainPicture .backToSets a.active, div.setFullPicture .navigationBar .bsButtonSpan a.active, .gshpBasket_buttonBar .bsButtonSpan a.active,
  .gshpBasketRow_buttonBar .bsButtonSpan a.active, #igshBstrap_lastSeenProductsList .active.hideLastSeenProduct, .HomePage .bsText strong a.active, body .footer .footerShortcuts .navbar-footerLeft .navbar-nav a.active, .gshp-productCatalog .gshpProductPagination .pagination &gt; li.PaginationAll &gt; a.active:link, .gshp-productCatalog .gshpProductPagination .pagination &gt; li.seeAll &gt; a.active:link, #gss-search-panel .gssNewFacets a.active:not(.ui-slider-handle), .active.bsDownloadable {
    /*  @include box-shadow($btn-active-box-shadow);*/
    /*   &amp;:focus {
            @include box-shadow($btn-focus-box-shadow, $btn-active-box-shadow);
        }*/ }
  .btn:disabled, .btn.disabled, fieldset:disabled .btn, #middle-pane #horizontalSplitterView #documentsPart #verticalAssemblySplitterView #tabstripAssembly div.nomenclatureTabs ul li a.k-link:disabled, #middle-pane #horizontalSplitterView #documentsPart #verticalAssemblySplitterView #tabstripAssembly div.nomenclatureTabs ul li .printPDF:disabled, .ocs-genViewCard .bsText strong a:disabled, .gshp-salesRepClientCard .gshpSearch_submit a.bsButton:disabled, .gshp-salesRepClientList table td a.bsButton:disabled:link,
  .gshp-salesRepClientList table td a.bsButton:disabled:active,
  .gshp-salesRepClientList table td a.bsButton:disabled:visited,
  .gshp-salesRepClientList table td a.bsButton:disabled:hover, .gshpCommandFollowUpPage div.gshpLinkBackToList a.backToList:disabled, div.gshpSetDetailsMainPicture .bsButtonSpan a:disabled, div.gshpSetDetailsMainPicture .backToSets a:disabled, div.setFullPicture .navigationBar .bsButtonSpan a:disabled, .gshpBasket_buttonBar .bsButtonSpan a:disabled,
  .gshpBasketRow_buttonBar .bsButtonSpan a:disabled, #igshBstrap_lastSeenProductsList .hideLastSeenProduct:disabled, .HomePage .bsText strong a:disabled, body .footer .footerShortcuts .navbar-footerLeft .navbar-nav a:disabled, .gshp-productCatalog .gshpProductPagination .pagination &gt; li.PaginationAll &gt; a:disabled:link, .gshp-productCatalog .gshpProductPagination .pagination &gt; li.seeAll &gt; a:disabled:link, #gss-search-panel .gssNewFacets a:disabled:not(.ui-slider-handle), .bsDownloadable:disabled, #middle-pane #horizontalSplitterView #documentsPart #verticalAssemblySplitterView #tabstripAssembly div.nomenclatureTabs ul li a.disabled.k-link, #middle-pane #horizontalSplitterView #documentsPart #verticalAssemblySplitterView #tabstripAssembly div.nomenclatureTabs ul li .disabled.printPDF, .ocs-genViewCard .bsText strong a.disabled, .gshp-salesRepClientCard .gshpSearch_submit a.disabled.bsButton, .gshp-salesRepClientList table td a.disabled.bsButton:link,
  .gshp-salesRepClientList table td a.disabled.bsButton:active,
  .gshp-salesRepClientList table td a.disabled.bsButton:visited,
  .gshp-salesRepClientList table td a.disabled.bsButton:hover, .gshpCommandFollowUpPage div.gshpLinkBackToList a.disabled.backToList, div.gshpSetDetailsMainPicture .bsButtonSpan a.disabled, div.gshpSetDetailsMainPicture .backToSets a.disabled, div.setFullPicture .navigationBar .bsButtonSpan a.disabled, .gshpBasket_buttonBar .bsButtonSpan a.disabled,
  .gshpBasketRow_buttonBar .bsButtonSpan a.disabled, #igshBstrap_lastSeenProductsList .disabled.hideLastSeenProduct, .HomePage .bsText strong a.disabled, body .footer .footerShortcuts .navbar-footerLeft .navbar-nav a.disabled, .gshp-productCatalog .gshpProductPagination .pagination &gt; li.PaginationAll &gt; a.disabled:link, .gshp-productCatalog .gshpProductPagination .pagination &gt; li.seeAll &gt; a.disabled:link, #gss-search-panel .gssNewFacets a.disabled:not(.ui-slider-handle), .disabled.bsDownloadable, fieldset:disabled #middle-pane #horizontalSplitterView #documentsPart #verticalAssemblySplitterView #tabstripAssembly div.nomenclatureTabs ul li a.k-link, #middle-pane #horizontalSplitterView #documentsPart #verticalAssemblySplitterView #tabstripAssembly div.nomenclatureTabs ul li fieldset:disabled a.k-link, fieldset:disabled #middle-pane #horizontalSplitterView #documentsPart #verticalAssemblySplitterView #tabstripAssembly div.nomenclatureTabs ul li .printPDF, #middle-pane #horizontalSplitterView #documentsPart #verticalAssemblySplitterView #tabstripAssembly div.nomenclatureTabs ul li fieldset:disabled .printPDF, fieldset:disabled .ocs-genViewCard .bsText strong a, .ocs-genViewCard .bsText strong fieldset:disabled a, fieldset:disabled .gshp-salesRepClientCard .gshpSearch_submit a.bsButton, .gshp-salesRepClientCard .gshpSearch_submit fieldset:disabled a.bsButton, fieldset:disabled .gshp-salesRepClientList table td a.bsButton:link, .gshp-salesRepClientList table td fieldset:disabled a.bsButton:link,
  fieldset:disabled .gshp-salesRepClientList table td a.bsButton:active,
  .gshp-salesRepClientList table td fieldset:disabled a.bsButton:active,
  fieldset:disabled .gshp-salesRepClientList table td a.bsButton:visited,
  .gshp-salesRepClientList table td fieldset:disabled a.bsButton:visited,
  fieldset:disabled .gshp-salesRepClientList table td a.bsButton:hover,
  .gshp-salesRepClientList table td fieldset:disabled a.bsButton:hover, fieldset:disabled .gshpCommandFollowUpPage div.gshpLinkBackToList a.backToList, .gshpCommandFollowUpPage div.gshpLinkBackToList fieldset:disabled a.backToList, fieldset:disabled div.gshpSetDetailsMainPicture .bsButtonSpan a, div.gshpSetDetailsMainPicture .bsButtonSpan fieldset:disabled a, fieldset:disabled div.gshpSetDetailsMainPicture .backToSets a, div.gshpSetDetailsMainPicture .backToSets fieldset:disabled a, fieldset:disabled div.setFullPicture .navigationBar .bsButtonSpan a, div.setFullPicture .navigationBar .bsButtonSpan fieldset:disabled a, fieldset:disabled .gshpBasket_buttonBar .bsButtonSpan a, .gshpBasket_buttonBar .bsButtonSpan fieldset:disabled a,
  fieldset:disabled .gshpBasketRow_buttonBar .bsButtonSpan a,
  .gshpBasketRow_buttonBar .bsButtonSpan fieldset:disabled a, fieldset:disabled #igshBstrap_lastSeenProductsList .hideLastSeenProduct, #igshBstrap_lastSeenProductsList fieldset:disabled .hideLastSeenProduct, fieldset:disabled .HomePage .bsText strong a, .HomePage .bsText strong fieldset:disabled a, fieldset:disabled body .footer .footerShortcuts .navbar-footerLeft .navbar-nav a, body .footer .footerShortcuts .navbar-footerLeft .navbar-nav fieldset:disabled a, fieldset:disabled .gshp-productCatalog .gshpProductPagination .pagination &gt; li.PaginationAll &gt; a:link, .gshp-productCatalog .gshpProductPagination fieldset:disabled .pagination &gt; li.PaginationAll &gt; a:link, fieldset:disabled .gshp-productCatalog .gshpProductPagination .pagination &gt; li.seeAll &gt; a:link, .gshp-productCatalog .gshpProductPagination fieldset:disabled .pagination &gt; li.seeAll &gt; a:link, fieldset:disabled #gss-search-panel .gssNewFacets a:not(.ui-slider-handle), #gss-search-panel .gssNewFacets fieldset:disabled a:not(.ui-slider-handle), fieldset:disabled .bsDownloadable {
    pointer-events: none;
    opacity: 0.65; }

.btn-primary {
  color: #fff;
  background-color: #951CFF;
  border-color: #951CFF; }
  .btn-primary:hover {
    color: #fff;
    background-color: #7f18d9;
    border-color: #7716cc; }
  .btn-check:focus + .btn-primary, .btn-primary:focus {
    color: #fff;
    background-color: #7f18d9;
    border-color: #7716cc;
    box-shadow: 0 0 0 0.2rem rgba(165, 62, 255, 0.5); }
  .btn-check:checked + .btn-primary, .btn-check:active + .btn-primary, .btn-primary:active, .btn-primary.active, .show &gt; .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #7716cc;
    border-color: #7015bf; }
    .btn-check:checked + .btn-primary:focus, .btn-check:active + .btn-primary:focus, .btn-primary:active:focus, .btn-primary.active:focus, .show &gt; .btn-primary.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(165, 62, 255, 0.5); }
  .btn-primary:disabled, .btn-primary.disabled {
    color: #fff;
    background-color: #951CFF;
    border-color: #951CFF; }

.btn-secondary {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d; }
  .btn-secondary:hover {
    color: #fff;
    background-color: #5c636a;
    border-color: #565e64; }
  .btn-check:focus + .btn-secondary, .btn-secondary:focus {
    color: #fff;
    background-color: #5c636a;
    border-color: #565e64;
    box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5); }
  .btn-check:checked + .btn-secondary, .btn-check:active + .btn-secondary, .btn-secondary:active, .btn-secondary.active, .show &gt; .btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #565e64;
    border-color: #51585e; }
    .btn-check:checked + .btn-secondary:focus, .btn-check:active + .btn-secondary:focus, .btn-secondary:active:focus, .btn-secondary.active:focus, .show &gt; .btn-secondary.dropdown-toggle: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-success {
  color: #000;
  background-color: #28a745;
  border-color: #28a745; }
  .btn-success:hover {
    color: #000;
    background-color: #48b461;
    border-color: #3eb058; }
  .btn-check:focus + .btn-success, .btn-success:focus {
    color: #000;
    background-color: #48b461;
    border-color: #3eb058;
    box-shadow: 0 0 0 0.2rem rgba(34, 142, 59, 0.5); }
  .btn-check:checked + .btn-success, .btn-check:active + .btn-success, .btn-success:active, .btn-success.active, .show &gt; .btn-success.dropdown-toggle {
    color: #000;
    background-color: #53b96a;
    border-color: #3eb058; }
    .btn-check:checked + .btn-success:focus, .btn-check:active + .btn-success:focus, .btn-success:active:focus, .btn-success.active:focus, .show &gt; .btn-success.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(34, 142, 59, 0.5); }
  .btn-success:disabled, .btn-success.disabled {
    color: #000;
    background-color: #28a745;
    border-color: #28a745; }

.btn-info {
  color: #000;
  background-color: #17a2b8;
  border-color: #17a2b8; }
  .btn-info:hover {
    color: #000;
    background-color: #3ab0c3;
    border-color: #2eabbf; }
  .btn-check:focus + .btn-info, .btn-info:focus {
    color: #000;
    background-color: #3ab0c3;
    border-color: #2eabbf;
    box-shadow: 0 0 0 0.2rem rgba(20, 138, 156, 0.5); }
  .btn-check:checked + .btn-info, .btn-check:active + .btn-info, .btn-info:active, .btn-info.active, .show &gt; .btn-info.dropdown-toggle {
    color: #000;
    background-color: #45b5c6;
    border-color: #2eabbf; }
    .btn-check:checked + .btn-info:focus, .btn-check:active + .btn-info:focus, .btn-info:active:focus, .btn-info.active:focus, .show &gt; .btn-info.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(20, 138, 156, 0.5); }
  .btn-info:disabled, .btn-info.disabled {
    color: #000;
    background-color: #17a2b8;
    border-color: #17a2b8; }

.btn-warning {
  color: #000;
  background-color: #ffc107;
  border-color: #ffc107; }
  .btn-warning:hover {
    color: #000;
    background-color: #ffca2c;
    border-color: #ffc720; }
  .btn-check:focus + .btn-warning, .btn-warning:focus {
    color: #000;
    background-color: #ffca2c;
    border-color: #ffc720;
    box-shadow: 0 0 0 0.2rem rgba(217, 164, 6, 0.5); }
  .btn-check:checked + .btn-warning, .btn-check:active + .btn-warning, .btn-warning:active, .btn-warning.active, .show &gt; .btn-warning.dropdown-toggle {
    color: #000;
    background-color: #ffcd39;
    border-color: #ffc720; }
    .btn-check:checked + .btn-warning:focus, .btn-check:active + .btn-warning:focus, .btn-warning:active:focus, .btn-warning.active:focus, .show &gt; .btn-warning.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(217, 164, 6, 0.5); }
  .btn-warning:disabled, .btn-warning.disabled {
    color: #000;
    background-color: #ffc107;
    border-color: #ffc107; }

.btn-danger {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545; }
  .btn-danger:hover {
    color: #fff;
    background-color: #bb2d3b;
    border-color: #b02a37; }
  .btn-check:focus + .btn-danger, .btn-danger:focus {
    color: #fff;
    background-color: #bb2d3b;
    border-color: #b02a37;
    box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5); }
  .btn-check:checked + .btn-danger, .btn-check:active + .btn-danger, .btn-danger:active, .btn-danger.active, .show &gt; .btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #b02a37;
    border-color: #a52834; }
    .btn-check:checked + .btn-danger:focus, .btn-check:active + .btn-danger:focus, .btn-danger:active:focus, .btn-danger.active:focus, .show &gt; .btn-danger.dropdown-toggle: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-light {
  color: #000;
  background-color: #f8f9fa;
  border-color: #f8f9fa; }
  .btn-light:hover {
    color: #000;
    background-color: #f9fafb;
    border-color: #f9fafb; }
  .btn-check:focus + .btn-light, .btn-light:focus {
    color: #000;
    background-color: #f9fafb;
    border-color: #f9fafb;
    box-shadow: 0 0 0 0.2rem rgba(211, 212, 213, 0.5); }
  .btn-check:checked + .btn-light, .btn-check:active + .btn-light, .btn-light:active, .btn-light.active, .show &gt; .btn-light.dropdown-toggle {
    color: #000;
    background-color: #f9fafb;
    border-color: #f9fafb; }
    .btn-check:checked + .btn-light:focus, .btn-check:active + .btn-light:focus, .btn-light:active:focus, .btn-light.active:focus, .show &gt; .btn-light.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(211, 212, 213, 0.5); }
  .btn-light:disabled, .btn-light.disabled {
    color: #000;
    background-color: #f8f9fa;
    border-color: #f8f9fa; }

.btn-dark {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40; }
  .btn-dark:hover {
    color: #fff;
    background-color: #2c3136;
    border-color: #2a2e33; }
  .btn-check:focus + .btn-dark, .btn-dark:focus {
    color: #fff;
    background-color: #2c3136;
    border-color: #2a2e33;
    box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5); }
  .btn-check:checked + .btn-dark, .btn-check:active + .btn-dark, .btn-dark:active, .btn-dark.active, .show &gt; .btn-dark.dropdown-toggle {
    color: #fff;
    background-color: #2a2e33;
    border-color: #272c30; }
    .btn-check:checked + .btn-dark:focus, .btn-check:active + .btn-dark:focus, .btn-dark:active:focus, .btn-dark.active:focus, .show &gt; .btn-dark.dropdown-toggle: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-outline-primary {
  color: #951CFF;
  border-color: #951CFF; }
  .btn-outline-primary:hover {
    color: #fff;
    background-color: #951CFF;
    border-color: #951CFF; }
  .btn-check:focus + .btn-outline-primary, .btn-outline-primary:focus {
    box-shadow: 0 0 0 0.2rem rgba(149, 28, 255, 0.5); }
  .btn-check:checked + .btn-outline-primary, .btn-check:active + .btn-outline-primary, .btn-outline-primary:active, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show {
    color: #fff;
    background-color: #951CFF;
    border-color: #951CFF; }
    .btn-check:checked + .btn-outline-primary:focus, .btn-check:active + .btn-outline-primary:focus, .btn-outline-primary:active:focus, .btn-outline-primary.active:focus, .btn-outline-primary.dropdown-toggle.show:focus {
      box-shadow: 0 0 0 0.2rem rgba(149, 28, 255, 0.5); }
  .btn-outline-primary:disabled, .btn-outline-primary.disabled {
    color: #951CFF;
    background-color: transparent; }

.btn-outline-secondary {
  color: #6c757d;
  border-color: #6c757d; }
  .btn-outline-secondary:hover {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d; }
  .btn-check:focus + .btn-outline-secondary, .btn-outline-secondary:focus {
    box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); }
  .btn-check:checked + .btn-outline-secondary, .btn-check:active + .btn-outline-secondary, .btn-outline-secondary:active, .btn-outline-secondary.active, .btn-outline-secondary.dropdown-toggle.show {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d; }
    .btn-check:checked + .btn-outline-secondary:focus, .btn-check:active + .btn-outline-secondary:focus, .btn-outline-secondary:active:focus, .btn-outline-secondary.active:focus, .btn-outline-secondary.dropdown-toggle.show: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-success {
  color: #28a745;
  border-color: #28a745; }
  .btn-outline-success:hover {
    color: #000;
    background-color: #28a745;
    border-color: #28a745; }
  .btn-check:focus + .btn-outline-success, .btn-outline-success:focus {
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); }
  .btn-check:checked + .btn-outline-success, .btn-check:active + .btn-outline-success, .btn-outline-success:active, .btn-outline-success.active, .btn-outline-success.dropdown-toggle.show {
    color: #000;
    background-color: #28a745;
    border-color: #28a745; }
    .btn-check:checked + .btn-outline-success:focus, .btn-check:active + .btn-outline-success:focus, .btn-outline-success:active:focus, .btn-outline-success.active:focus, .btn-outline-success.dropdown-toggle.show: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-info {
  color: #17a2b8;
  border-color: #17a2b8; }
  .btn-outline-info:hover {
    color: #000;
    background-color: #17a2b8;
    border-color: #17a2b8; }
  .btn-check:focus + .btn-outline-info, .btn-outline-info:focus {
    box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); }
  .btn-check:checked + .btn-outline-info, .btn-check:active + .btn-outline-info, .btn-outline-info:active, .btn-outline-info.active, .btn-outline-info.dropdown-toggle.show {
    color: #000;
    background-color: #17a2b8;
    border-color: #17a2b8; }
    .btn-check:checked + .btn-outline-info:focus, .btn-check:active + .btn-outline-info:focus, .btn-outline-info:active:focus, .btn-outline-info.active:focus, .btn-outline-info.dropdown-toggle.show: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-warning {
  color: #ffc107;
  border-color: #ffc107; }
  .btn-outline-warning:hover {
    color: #000;
    background-color: #ffc107;
    border-color: #ffc107; }
  .btn-check:focus + .btn-outline-warning, .btn-outline-warning:focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); }
  .btn-check:checked + .btn-outline-warning, .btn-check:active + .btn-outline-warning, .btn-outline-warning:active, .btn-outline-warning.active, .btn-outline-warning.dropdown-toggle.show {
    color: #000;
    background-color: #ffc107;
    border-color: #ffc107; }
    .btn-check:checked + .btn-outline-warning:focus, .btn-check:active + .btn-outline-warning:focus, .btn-outline-warning:active:focus, .btn-outline-warning.active:focus, .btn-outline-warning.dropdown-toggle.show: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-danger {
  color: #dc3545;
  border-color: #dc3545; }
  .btn-outline-danger:hover {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545; }
  .btn-check:focus + .btn-outline-danger, .btn-outline-danger:focus {
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); }
  .btn-check:checked + .btn-outline-danger, .btn-check:active + .btn-outline-danger, .btn-outline-danger:active, .btn-outline-danger.active, .btn-outline-danger.dropdown-toggle.show {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545; }
    .btn-check:checked + .btn-outline-danger:focus, .btn-check:active + .btn-outline-danger:focus, .btn-outline-danger:active:focus, .btn-outline-danger.active:focus, .btn-outline-danger.dropdown-toggle.show: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-light {
  color: #f8f9fa;
  border-color: #f8f9fa; }
  .btn-outline-light:hover {
    color: #000;
    background-color: #f8f9fa;
    border-color: #f8f9fa; }
  .btn-check:focus + .btn-outline-light, .btn-outline-light:focus {
    box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); }
  .btn-check:checked + .btn-outline-light, .btn-check:active + .btn-outline-light, .btn-outline-light:active, .btn-outline-light.active, .btn-outline-light.dropdown-toggle.show {
    color: #000;
    background-color: #f8f9fa;
    border-color: #f8f9fa; }
    .btn-check:checked + .btn-outline-light:focus, .btn-check:active + .btn-outline-light:focus, .btn-outline-light:active:focus, .btn-outline-light.active:focus, .btn-outline-light.dropdown-toggle.show: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-dark {
  color: #343a40;
  border-color: #343a40; }
  .btn-outline-dark:hover {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40; }
  .btn-check:focus + .btn-outline-dark, .btn-outline-dark:focus {
    box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); }
  .btn-check:checked + .btn-outline-dark, .btn-check:active + .btn-outline-dark, .btn-outline-dark:active, .btn-outline-dark.active, .btn-outline-dark.dropdown-toggle.show {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40; }
    .btn-check:checked + .btn-outline-dark:focus, .btn-check:active + .btn-outline-dark:focus, .btn-outline-dark:active:focus, .btn-outline-dark.active:focus, .btn-outline-dark.dropdown-toggle.show: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-link, .product-in-list .gshpTypedDocumentListItem.btn,
.gshpCategoryList .gshpTypedDocumentListItem.btn,
.Linked-product .gshpTypedDocumentListItem.btn, .gshpMyUserAccountEditionFormPage .sdsActionButton.btn {
  font-weight: 400;
  color: #951CFF;
  text-decoration: none; }
  .btn-link:hover, .product-in-list .gshpTypedDocumentListItem.btn:hover,
  .gshpCategoryList .gshpTypedDocumentListItem.btn:hover,
  .Linked-product .gshpTypedDocumentListItem.btn:hover, .gshpMyUserAccountEditionFormPage .sdsActionButton.btn:hover {
    color: #6e00cf;
    text-decoration: underline; }
  .btn-link:focus, .product-in-list .gshpTypedDocumentListItem.btn:focus,
  .gshpCategoryList .gshpTypedDocumentListItem.btn:focus,
  .Linked-product .gshpTypedDocumentListItem.btn:focus, .gshpMyUserAccountEditionFormPage .sdsActionButton.btn:focus {
    text-decoration: underline; }
  .btn-link:disabled, .btn-link.disabled, .product-in-list .gshpTypedDocumentListItem.btn:disabled,
  .gshpCategoryList .gshpTypedDocumentListItem.btn:disabled,
  .Linked-product .gshpTypedDocumentListItem.btn:disabled, .gshpMyUserAccountEditionFormPage .sdsActionButton.btn:disabled, .product-in-list .disabled.gshpTypedDocumentListItem.btn,
  .gshpCategoryList .disabled.gshpTypedDocumentListItem.btn,
  .Linked-product .disabled.gshpTypedDocumentListItem.btn, .gshpMyUserAccountEditionFormPage .disabled.sdsActionButton.btn {
    color: #6c757d; }

.btn-lg, .btn-group-lg &gt; .btn {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  border-radius: 0.3rem; }

.btn-sm, .btn-group-sm &gt; .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: 0.2rem; }

.btn, #middle-pane #horizontalSplitterView #documentsPart #verticalAssemblySplitterView #tabstripAssembly div.nomenclatureTabs ul li a.k-link, #middle-pane #horizontalSplitterView #documentsPart #verticalAssemblySplitterView #tabstripAssembly div.nomenclatureTabs ul li .printPDF, .ocs-genViewCard .bsText strong a, .gshp-salesRepClientCard .gshpSearch_submit a.bsButton, .gshp-salesRepClientList table td a.bsButton:link,
.gshp-salesRepClientList table td a.bsButton:active,
.gshp-salesRepClientList table td a.bsButton:visited,
.gshp-salesRepClientList table td a.bsButton:hover, .gshpCommandFollowUpPage div.gshpLinkBackToList a.backToList, div.gshpSetDetailsMainPicture .bsButtonSpan a, div.gshpSetDetailsMainPicture .backToSets a, div.setFullPicture .navigationBar .bsButtonSpan a, .gshpBasket_buttonBar .bsButtonSpan a,
.gshpBasketRow_buttonBar .bsButtonSpan a, #igshBstrap_lastSeenProductsList .hideLastSeenProduct, .HomePage .bsText strong a, body .footer .footerShortcuts .navbar-footerLeft .navbar-nav a, .gshp-productCatalog .gshpProductPagination .pagination &gt; li.PaginationAll &gt; a:link, .gshp-productCatalog .gshpProductPagination .pagination &gt; li.seeAll &gt; a:link, #gss-search-panel .gssNewFacets a:not(.ui-slider-handle), .bsDownloadable {
  text-transform: none;
  vertical-align: bottom;
  border: 0;
  box-shadow: 0;
  font-weight: 700;
  padding: 0.625rem 1.5rem 0.5rem 1.5rem;
  font-size: 1rem;
  line-height: 1.5; }
  .btn:hover, #middle-pane #horizontalSplitterView #documentsPart #verticalAssemblySplitterView #tabstripAssembly div.nomenclatureTabs ul li a.k-link:hover, #middle-pane #horizontalSplitterView #documentsPart #verticalAssemblySplitterView #tabstripAssembly div.nomenclatureTabs ul li .printPDF:hover, .ocs-genViewCard .bsText strong a:hover, .gshp-salesRepClientCard .gshpSearch_submit a.bsButton:hover,
  .gshp-salesRepClientList table td a.bsButton:hover, .gshpCommandFollowUpPage div.gshpLinkBackToList a.backToList:hover, div.gshpSetDetailsMainPicture .bsButtonSpan a:hover, div.gshpSetDetailsMainPicture .backToSets a:hover, div.setFullPicture .navigationBar .bsButtonSpan a:hover, .gshpBasket_buttonBar .bsButtonSpan a:hover,
  .gshpBasketRow_buttonBar .bsButtonSpan a:hover, #igshBstrap_lastSeenProductsList .hideLastSeenProduct:hover, .HomePage .bsText strong a:hover, body .footer .footerShortcuts .navbar-footerLeft .navbar-nav a:hover, .gshp-productCatalog .gshpProductPagination .pagination &gt; li.PaginationAll &gt; a:hover:link, .gshp-productCatalog .gshpProductPagination .pagination &gt; li.seeAll &gt; a:hover:link, #gss-search-panel .gssNewFacets a:hover:not(.ui-slider-handle), .bsDownloadable:hover {
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2), 0 4px 20px 0 rgba(0, 0, 0, 0.1); }
  .btn:focus, .btn.focus, #middle-pane #horizontalSplitterView #documentsPart #verticalAssemblySplitterView #tabstripAssembly div.nomenclatureTabs ul li a.k-link:focus, #middle-pane #horizontalSplitterView #documentsPart #verticalAssemblySplitterView #tabstripAssembly div.nomenclatureTabs ul li .printPDF:focus, .ocs-genViewCard .bsText strong a:focus, .gshp-salesRepClientCard .gshpSearch_submit a.bsButton:focus, .gshp-salesRepClientList table td a.bsButton:focus:link,
  .gshp-salesRepClientList table td a.bsButton:focus:active,
  .gshp-salesRepClientList table td a.bsButton:focus:visited,
  .gshp-salesRepClientList table td a.bsButton:focus:hover, .gshpCommandFollowUpPage div.gshpLinkBackToList a.backToList:focus, div.gshpSetDetailsMainPicture .bsButtonSpan a:focus, div.gshpSetDetailsMainPicture .backToSets a:focus, div.setFullPicture .navigationBar .bsButtonSpan a:focus, .gshpBasket_buttonBar .bsButtonSpan a:focus,
  .gshpBasketRow_buttonBar .bsButtonSpan a:focus, #igshBstrap_lastSeenProductsList .hideLastSeenProduct:focus, .HomePage .bsText strong a:focus, body .footer .footerShortcuts .navbar-footerLeft .navbar-nav a:focus, .gshp-productCatalog .gshpProductPagination .pagination &gt; li.PaginationAll &gt; a:focus:link, .gshp-productCatalog .gshpProductPagination .pagination &gt; li.seeAll &gt; a:focus:link, #gss-search-panel .gssNewFacets a:focus:not(.ui-slider-handle), .bsDownloadable:focus, #middle-pane #horizontalSplitterView #documentsPart #verticalAssemblySplitterView #tabstripAssembly div.nomenclatureTabs ul li a.focus.k-link, #middle-pane #horizontalSplitterView #documentsPart #verticalAssemblySplitterView #tabstripAssembly div.nomenclatureTabs ul li .focus.printPDF, .ocs-genViewCard .bsText strong a.focus, .gshp-salesRepClientCard .gshpSearch_submit a.focus.bsButton, .gshp-salesRepClientList table td a.focus.bsButton:link,
  .gshp-salesRepClientList table td a.focus.bsButton:active,
  .gshp-salesRepClientList table td a.focus.bsButton:visited,
  .gshp-salesRepClientList table td a.focus.bsButton:hover, .gshpCommandFollowUpPage div.gshpLinkBackToList a.focus.backToList, div.gshpSetDetailsMainPicture .bsButtonSpan a.focus, div.gshpSetDetailsMainPicture .backToSets a.focus, div.setFullPicture .navigationBar .bsButtonSpan a.focus, .gshpBasket_buttonBar .bsButtonSpan a.focus,
  .gshpBasketRow_buttonBar .bsButtonSpan a.focus, #igshBstrap_lastSeenProductsList .focus.hideLastSeenProduct, .HomePage .bsText strong a.focus, body .footer .footerShortcuts .navbar-footerLeft .navbar-nav a.focus, .gshp-productCatalog .gshpProductPagination .pagination &gt; li.PaginationAll &gt; a.focus:link, .gshp-productCatalog .gshpProductPagination .pagination &gt; li.seeAll &gt; a.focus:link, #gss-search-panel .gssNewFacets a.focus:not(.ui-slider-handle), .focus.bsDownloadable {
    box-shadow: 0 0 0 0.2rem rgba(149, 28, 255, 0.25); }
  .btn:active, .btn.active, #middle-pane #horizontalSplitterView #documentsPart #verticalAssemblySplitterView #tabstripAssembly div.nomenclatureTabs ul li a.k-link:active, #middle-pane #horizontalSplitterView #documentsPart #verticalAssemblySplitterView #tabstripAssembly div.nomenclatureTabs ul li .printPDF:active, .ocs-genViewCard .bsText strong a:active, .gshp-salesRepClientCard .gshpSearch_submit a.bsButton:active,
  .gshp-salesRepClientList table td a.bsButton:active, .gshpCommandFollowUpPage div.gshpLinkBackToList a.backToList:active, div.gshpSetDetailsMainPicture .bsButtonSpan a:active, div.gshpSetDetailsMainPicture .backToSets a:active, div.setFullPicture .navigationBar .bsButtonSpan a:active, .gshpBasket_buttonBar .bsButtonSpan a:active,
  .gshpBasketRow_buttonBar .bsButtonSpan a:active, #igshBstrap_lastSeenProductsList .hideLastSeenProduct:active, .HomePage .bsText strong a:active, body .footer .footerShortcuts .navbar-footerLeft .navbar-nav a:active, .gshp-productCatalog .gshpProductPagination .pagination &gt; li.PaginationAll &gt; a:active:link, .gshp-productCatalog .gshpProductPagination .pagination &gt; li.seeAll &gt; a:active:link, #gss-search-panel .gssNewFacets a:active:not(.ui-slider-handle), .bsDownloadable:active, #middle-pane #horizontalSplitterView #documentsPart #verticalAssemblySplitterView #tabstripAssembly div.nomenclatureTabs ul li a.active.k-link, #middle-pane #horizontalSplitterView #documentsPart #verticalAssemblySplitterView #tabstripAssembly div.nomenclatureTabs ul li .active.printPDF, .ocs-genViewCard .bsText strong a.active, .gshp-salesRepClientCard .gshpSearch_submit a.active.bsButton, .gshp-salesRepClientList table td a.active.bsButton:link,
  .gshp-salesRepClientList table td a.active.bsButton:visited,
  .gshp-salesRepClientList table td a.active.bsButton:hover, .gshpCommandFollowUpPage div.gshpLinkBackToList a.active.backToList, div.gshpSetDetailsMainPicture .bsButtonSpan a.active, div.gshpSetDetailsMainPicture .backToSets a.active, div.setFullPicture .navigationBar .bsButtonSpan a.active, .gshpBasket_buttonBar .bsButtonSpan a.active,
  .gshpBasketRow_buttonBar .bsButtonSpan a.active, #igshBstrap_lastSeenProductsList .active.hideLastSeenProduct, .HomePage .bsText strong a.active, body .footer .footerShortcuts .navbar-footerLeft .navbar-nav a.active, .gshp-productCatalog .gshpProductPagination .pagination &gt; li.PaginationAll &gt; a.active:link, .gshp-productCatalog .gshpProductPagination .pagination &gt; li.seeAll &gt; a.active:link, #gss-search-panel .gssNewFacets a.active:not(.ui-slider-handle), .active.bsDownloadable {
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2), 0 4px 20px 0 rgba(0, 0, 0, 0.1); }
    .btn:active:focus, .btn.active:focus, #middle-pane #horizontalSplitterView #documentsPart #verticalAssemblySplitterView #tabstripAssembly div.nomenclatureTabs ul li a.k-link:active:focus, #middle-pane #horizontalSplitterView #documentsPart #verticalAssemblySplitterView #tabstripAssembly div.nomenclatureTabs ul li .printPDF:active:focus, .ocs-genViewCard .bsText strong a:active:focus, .gshp-salesRepClientCard .gshpSearch_submit a.bsButton:active:focus,
    .gshp-salesRepClientList table td a.bsButton:active:focus, .gshpCommandFollowUpPage div.gshpLinkBackToList a.backToList:active:focus, div.gshpSetDetailsMainPicture .bsButtonSpan a:active:focus, div.gshpSetDetailsMainPicture .backToSets a:active:focus, div.setFullPicture .navigationBar .bsButtonSpan a:active:focus, .gshpBasket_buttonBar .bsButtonSpan a:active:focus,
    .gshpBasketRow_buttonBar .bsButtonSpan a:active:focus, #igshBstrap_lastSeenProductsList .hideLastSeenProduct:active:focus, .HomePage .bsText strong a:active:focus, body .footer .footerShortcuts .navbar-footerLeft .navbar-nav a:active:focus, .gshp-productCatalog .gshpProductPagination .pagination &gt; li.PaginationAll &gt; a:active:focus:link, .gshp-productCatalog .gshpProductPagination .pagination &gt; li.seeAll &gt; a:active:focus:link, #gss-search-panel .gssNewFacets a:active:focus:not(.ui-slider-handle), .bsDownloadable:active:focus, #middle-pane #horizontalSplitterView #documentsPart #verticalAssemblySplitterView #tabstripAssembly div.nomenclatureTabs ul li a.active.k-link:focus, #middle-pane #horizontalSplitterView #documentsPart #verticalAssemblySplitterView #tabstripAssembly div.nomenclatureTabs ul li .active.printPDF:focus, .ocs-genViewCard .bsText strong a.active:focus, .gshp-salesRepClientCard .gshpSearch_submit a.active.bsButton:focus, .gshp-salesRepClientList table td a.active.bsButton:focus:link,
    .gshp-salesRepClientList table td a.active.bsButton:focus:visited,
    .gshp-salesRepClientList table td a.active.bsButton:focus:hover, .gshpCommandFollowUpPage div.gshpLinkBackToList a.active.backToList:focus, div.gshpSetDetailsMainPicture .bsButtonSpan a.active:focus, div.gshpSetDetailsMainPicture .backToSets a.active:focus, div.setFullPicture .navigationBar .bsButtonSpan a.active:focus, .gshpBasket_buttonBar .bsButtonSpan a.active:focus,
    .gshpBasketRow_buttonBar .bsButtonSpan a.active:focus, #igshBstrap_lastSeenProductsList .active.hideLastSeenProduct:focus, .HomePage .bsText strong a.active:focus, body .footer .footerShortcuts .navbar-footerLeft .navbar-nav a.active:focus, .gshp-productCatalog .gshpProductPagination .pagination &gt; li.PaginationAll &gt; a.active:focus:link, .gshp-productCatalog .gshpProductPagination .pagination &gt; li.seeAll &gt; a.active:focus:link, #gss-search-panel .gssNewFacets a.active:focus:not(.ui-slider-handle), .active.bsDownloadable:focus {
      box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2), 0 4px 20px 0 rgba(0, 0, 0, 0.1); }
  .btn:disabled, .btn.disabled, fieldset:disabled .btn, #middle-pane #horizontalSplitterView #documentsPart #verticalAssemblySplitterView #tabstripAssembly div.nomenclatureTabs ul li a.k-link:disabled, #middle-pane #horizontalSplitterView #documentsPart #verticalAssemblySplitterView #tabstripAssembly div.nomenclatureTabs ul li .printPDF:disabled, .ocs-genViewCard .bsText strong a:disabled, .gshp-salesRepClientCard .gshpSearch_submit a.bsButton:disabled, .gshp-salesRepClientList table td a.bsButton:disabled:link,
  .gshp-salesRepClientList table td a.bsButton:disabled:active,
  .gshp-salesRepClientList table td a.bsButton:disabled:visited,
  .gshp-salesRepClientList table td a.bsButton:disabled:hover, .gshpCommandFollowUpPage div.gshpLinkBackToList a.backToList:disabled, div.gshpSetDetailsMainPicture .bsButtonSpan a:disabled, div.gshpSetDetailsMainPicture .backToSets a:disabled, div.setFullPicture .navigationBar .bsButtonSpan a:disabled, .gshpBasket_buttonBar .bsButtonSpan a:disabled,
  .gshpBasketRow_buttonBar .bsButtonSpan a:disabled, #igshBstrap_lastSeenProductsList .hideLastSeenProduct:disabled, .HomePage .bsText strong a:disabled, body .footer .footerShortcuts .navbar-footerLeft .navbar-nav a:disabled, .gshp-productCatalog .gshpProductPagination .pagination &gt; li.PaginationAll &gt; a:disabled:link, .gshp-productCatalog .gshpProductPagination .pagination &gt; li.seeAll &gt; a:disabled:link, #gss-search-panel .gssNewFacets a:disabled:not(.ui-slider-handle), .bsDownloadable:disabled, #middle-pane #horizontalSplitterView #documentsPart #verticalAssemblySplitterView #tabstripAssembly div.nomenclatureTabs ul li a.disabled.k-link, #middle-pane #horizontalSplitterView #documentsPart #verticalAssemblySplitterView #tabstripAssembly div.nomenclatureTabs ul li .disabled.printPDF, .ocs-genViewCard .bsText strong a.disabled, .gshp-salesRepClientCard .gshpSearch_submit a.disabled.bsButton, .gshp-salesRepClientList table td a.disabled.bsButton:link,
  .gshp-salesRepClientList table td a.disabled.bsButton:active,
  .gshp-salesRepClientList table td a.disabled.bsButton:visited,
  .gshp-salesRepClientList table td a.disabled.bsButton:hover, .gshpCommandFollowUpPage div.gshpLinkBackToList a.disabled.backToList, div.gshpSetDetailsMainPicture .bsButtonSpan a.disabled, div.gshpSetDetailsMainPicture .backToSets a.disabled, div.setFullPicture .navigationBar .bsButtonSpan a.disabled, .gshpBasket_buttonBar .bsButtonSpan a.disabled,
  .gshpBasketRow_buttonBar .bsButtonSpan a.disabled, #igshBstrap_lastSeenProductsList .disabled.hideLastSeenProduct, .HomePage .bsText strong a.disabled, body .footer .footerShortcuts .navbar-footerLeft .navbar-nav a.disabled, .gshp-productCatalog .gshpProductPagination .pagination &gt; li.PaginationAll &gt; a.disabled:link, .gshp-productCatalog .gshpProductPagination .pagination &gt; li.seeAll &gt; a.disabled:link, #gss-search-panel .gssNewFacets a.disabled:not(.ui-slider-handle), .disabled.bsDownloadable, fieldset:disabled #middle-pane #horizontalSplitterView #documentsPart #verticalAssemblySplitterView #tabstripAssembly div.nomenclatureTabs ul li a.k-link, #middle-pane #horizontalSplitterView #documentsPart #verticalAssemblySplitterView #tabstripAssembly div.nomenclatureTabs ul li fieldset:disabled a.k-link, fieldset:disabled #middle-pane #horizontalSplitterView #documentsPart #verticalAssemblySplitterView #tabstripAssembly div.nomenclatureTabs ul li .printPDF, #middle-pane #horizontalSplitterView #documentsPart #verticalAssemblySplitterView #tabstripAssembly div.nomenclatureTabs ul li fieldset:disabled .printPDF, fieldset:disabled .ocs-genViewCard .bsText strong a, .ocs-genViewCard .bsText strong fieldset:disabled a, fieldset:disabled .gshp-salesRepClientCard .gshpSearch_submit a.bsButton, .gshp-salesRepClientCard .gshpSearch_submit fieldset:disabled a.bsButton, fieldset:disabled .gshp-salesRepClientList table td a.bsButton:link, .gshp-salesRepClientList table td fieldset:disabled a.bsButton:link,
  fieldset:disabled .gshp-salesRepClientList table td a.bsButton:active,
  .gshp-salesRepClientList table td fieldset:disabled a.bsButton:active,
  fieldset:disabled .gshp-salesRepClientList table td a.bsButton:visited,
  .gshp-salesRepClientList table td fieldset:disabled a.bsButton:visited,
  fieldset:disabled .gshp-salesRepClientList table td a.bsButton:hover,
  .gshp-salesRepClientList table td fieldset:disabled a.bsButton:hover, fieldset:disabled .gshpCommandFollowUpPage div.gshpLinkBackToList a.backToList, .gshpCommandFollowUpPage div.gshpLinkBackToList fieldset:disabled a.backToList, fieldset:disabled div.gshpSetDetailsMainPicture .bsButtonSpan a, div.gshpSetDetailsMainPicture .bsButtonSpan fieldset:disabled a, fieldset:disabled div.gshpSetDetailsMainPicture .backToSets a, div.gshpSetDetailsMainPicture .backToSets fieldset:disabled a, fieldset:disabled div.setFullPicture .navigationBar .bsButtonSpan a, div.setFullPicture .navigationBar .bsButtonSpan fieldset:disabled a, fieldset:disabled .gshpBasket_buttonBar .bsButtonSpan a, .gshpBasket_buttonBar .bsButtonSpan fieldset:disabled a,
  fieldset:disabled .gshpBasketRow_buttonBar .bsButtonSpan a,
  .gshpBasketRow_buttonBar .bsButtonSpan fieldset:disabled a, fieldset:disabled #igshBstrap_lastSeenProductsList .hideLastSeenProduct, #igshBstrap_lastSeenProductsList fieldset:disabled .hideLastSeenProduct, fieldset:disabled .HomePage .bsText strong a, .HomePage .bsText strong fieldset:disabled a, fieldset:disabled body .footer .footerShortcuts .navbar-footerLeft .navbar-nav a, body .footer .footerShortcuts .navbar-footerLeft .navbar-nav fieldset:disabled a, fieldset:disabled .gshp-productCatalog .gshpProductPagination .pagination &gt; li.PaginationAll &gt; a:link, .gshp-productCatalog .gshpProductPagination fieldset:disabled .pagination &gt; li.PaginationAll &gt; a:link, fieldset:disabled .gshp-productCatalog .gshpProductPagination .pagination &gt; li.seeAll &gt; a:link, .gshp-productCatalog .gshpProductPagination fieldset:disabled .pagination &gt; li.seeAll &gt; a:link, fieldset:disabled #gss-search-panel .gssNewFacets a:not(.ui-slider-handle), #gss-search-panel .gssNewFacets fieldset:disabled a:not(.ui-slider-handle), fieldset:disabled .bsDownloadable {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
    border: 0; }
  .btn-check:focus + .btn, .btn:focus, #middle-pane #horizontalSplitterView #documentsPart #verticalAssemblySplitterView #tabstripAssembly div.nomenclatureTabs ul li .btn-check:focus + a.k-link, #middle-pane #horizontalSplitterView #documentsPart #verticalAssemblySplitterView #tabstripAssembly div.nomenclatureTabs ul li .btn-check:focus + .printPDF, .ocs-genViewCard .bsText strong .btn-check:focus + a, .gshp-salesRepClientCard .gshpSearch_submit .btn-check:focus + a.bsButton, .gshp-salesRepClientList table td .btn-check:focus + a.bsButton:link,
  .gshp-salesRepClientList table td .btn-check:focus + a.bsButton:active,
  .gshp-salesRepClientList table td .btn-check:focus + a.bsButton:visited,
  .gshp-salesRepClientList table td .btn-check:focus + a.bsButton:hover, .gshpCommandFollowUpPage div.gshpLinkBackToList .btn-check:focus + a.backToList, div.gshpSetDetailsMainPicture .bsButtonSpan .btn-check:focus + a, div.gshpSetDetailsMainPicture .backToSets .btn-check:focus + a, div.setFullPicture .navigationBar .bsButtonSpan .btn-check:focus + a, .gshpBasket_buttonBar .bsButtonSpan .btn-check:focus + a,
  .gshpBasketRow_buttonBar .bsButtonSpan .btn-check:focus + a, #igshBstrap_lastSeenProductsList .btn-check:focus + .hideLastSeenProduct, .HomePage .bsText strong .btn-check:focus + a, body .footer .footerShortcuts .navbar-footerLeft .navbar-nav .btn-check:focus + a, .gshp-productCatalog .gshpProductPagination .pagination &gt; li.PaginationAll &gt; .btn-check:focus + a:link, .gshp-productCatalog .gshpProductPagination .pagination &gt; li.seeAll &gt; .btn-check:focus + a:link, #gss-search-panel .gssNewFacets .btn-check:focus + a:not(.ui-slider-handle), .btn-check:focus + .bsDownloadable, #middle-pane #horizontalSplitterView #documentsPart #verticalAssemblySplitterView #tabstripAssembly div.nomenclatureTabs ul li a.k-link:focus, #middle-pane #horizontalSplitterView #documentsPart #verticalAssemblySplitterView #tabstripAssembly div.nomenclatureTabs ul li .printPDF:focus, .ocs-genViewCard .bsText strong a:focus, .gshp-salesRepClientCard .gshpSearch_submit a.bsButton:focus, .gshp-salesRepClientList table td a.bsButton:focus:link,
  .gshp-salesRepClientList table td a.bsButton:focus:active,
  .gshp-salesRepClientList table td a.bsButton:focus:visited,
  .gshp-salesRepClientList table td a.bsButton:focus:hover, .gshpCommandFollowUpPage div.gshpLinkBackToList a.backToList:focus, div.gshpSetDetailsMainPicture .bsButtonSpan a:focus, div.gshpSetDetailsMainPicture .backToSets a:focus, div.setFullPicture .navigationBar .bsButtonSpan a:focus, .gshpBasket_buttonBar .bsButtonSpan a:focus,
  .gshpBasketRow_buttonBar .bsButtonSpan a:focus, #igshBstrap_lastSeenProductsList .hideLastSeenProduct:focus, .HomePage .bsText strong a:focus, body .footer .footerShortcuts .navbar-footerLeft .navbar-nav a:focus, .gshp-productCatalog .gshpProductPagination .pagination &gt; li.PaginationAll &gt; a:focus:link, .gshp-productCatalog .gshpProductPagination .pagination &gt; li.seeAll &gt; a:focus:link, #gss-search-panel .gssNewFacets a:focus:not(.ui-slider-handle), .bsDownloadable:focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(149, 28, 255, 0.25); }

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

[class*='btn-outline-'] {
  border-width: 1px;
  border-style: solid;
  box-shadow: none;
  padding: 0.5rem 1.375rem 0.375rem 1.375rem; }
  [class*='btn-outline-']:hover {
    box-shadow: none;
    text-decoration: none; }
  [class*='btn-outline-']:focus, .focus[class*='btn-outline-'] {
    box-shadow: none;
    text-decoration: none; }
  [class*='btn-outline-']:active, .active[class*='btn-outline-'] {
    box-shadow: none; }
    [class*='btn-outline-']:active:focus, .active[class*='btn-outline-']:focus {
      box-shadow: none; }
  [class*='btn-outline-']:disabled, .disabled[class*='btn-outline-'], fieldset:disabled [class*='btn-outline-'] {
    box-shadow: none; }
  .btn-lg[class*='btn-outline-'], .btn-group-lg &gt; .btn[class*='btn-outline-'] {
    padding: 0.625rem 1.5625rem 0.5625rem 1.5625rem; }
  .btn-sm[class*='btn-outline-'], .btn-group-sm &gt; .btn[class*='btn-outline-'] {
    padding: 0.25rem 0.875rem 0.1875rem 0.875rem; }

.btn-primary {
  color: #fff;
  background-color: #951CFF; }
  .btn-primary:hover {
    color: #fff;
    background-color: #8200f5; }
  .btn-primary:focus, .btn-primary.focus {
    color: #fff;
    background-color: #8200f5; }
  .btn-check:checked + .btn-primary, .btn-check:active + .btn-primary, .btn-primary:active, .btn-primary.active, .show &gt; .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #6000b5; }
    .btn-check:checked + .btn-primary:focus, .btn-check:active + .btn-primary:focus, .btn-primary:active:focus, .btn-primary.active:focus, .show &gt; .btn-primary.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(149, 28, 255, 0.25); }
  .btn-primary:disabled, .btn-primary.disabled {
    color: #fff;
    background-color: #951CFF; }

.btn-secondary {
  color: #fff;
  background-color: #6c757d; }
  .btn-secondary:hover {
    color: #fff;
    background-color: #5a6268; }
  .btn-secondary:focus, .btn-secondary.focus {
    color: #fff;
    background-color: #5a6268; }
  .btn-check:checked + .btn-secondary, .btn-check:active + .btn-secondary, .btn-secondary:active, .btn-secondary.active, .show &gt; .btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #3d4246; }
    .btn-check:checked + .btn-secondary:focus, .btn-check:active + .btn-secondary:focus, .btn-secondary:active:focus, .btn-secondary.active:focus, .show &gt; .btn-secondary.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(149, 28, 255, 0.25); }
  .btn-secondary:disabled, .btn-secondary.disabled {
    color: #fff;
    background-color: #6c757d; }

.btn-success {
  color: #fff;
  background-color: #28a745; }
  .btn-success:hover {
    color: #fff;
    background-color: #218838; }
  .btn-success:focus, .btn-success.focus {
    color: #fff;
    background-color: #218838; }
  .btn-check:checked + .btn-success, .btn-check:active + .btn-success, .btn-success:active, .btn-success.active, .show &gt; .btn-success.dropdown-toggle {
    color: #fff;
    background-color: #145523; }
    .btn-check:checked + .btn-success:focus, .btn-check:active + .btn-success:focus, .btn-success:active:focus, .btn-success.active:focus, .show &gt; .btn-success.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(149, 28, 255, 0.25); }
  .btn-success:disabled, .btn-success.disabled {
    color: #fff;
    background-color: #28a745; }

.btn-info {
  color: #fff;
  background-color: #17a2b8; }
  .btn-info:hover {
    color: #fff;
    background-color: #138496; }
  .btn-info:focus, .btn-info.focus {
    color: #fff;
    background-color: #138496; }
  .btn-check:checked + .btn-info, .btn-check:active + .btn-info, .btn-info:active, .btn-info.active, .show &gt; .btn-info.dropdown-toggle {
    color: #fff;
    background-color: #0c525d; }
    .btn-check:checked + .btn-info:focus, .btn-check:active + .btn-info:focus, .btn-info:active:focus, .btn-info.active:focus, .show &gt; .btn-info.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(149, 28, 255, 0.25); }
  .btn-info:disabled, .btn-info.disabled {
    color: #fff;
    background-color: #17a2b8; }

.btn-warning {
  color: #fff;
  background-color: #ffc107; }
  .btn-warning:hover {
    color: #fff;
    background-color: #e0a800; }
  .btn-warning:focus, .btn-warning.focus {
    color: #fff;
    background-color: #e0a800; }
  .btn-check:checked + .btn-warning, .btn-check:active + .btn-warning, .btn-warning:active, .btn-warning.active, .show &gt; .btn-warning.dropdown-toggle {
    color: #fff;
    background-color: #a07800; }
    .btn-check:checked + .btn-warning:focus, .btn-check:active + .btn-warning:focus, .btn-warning:active:focus, .btn-warning.active:focus, .show &gt; .btn-warning.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(149, 28, 255, 0.25); }
  .btn-warning:disabled, .btn-warning.disabled {
    color: #fff;
    background-color: #ffc107; }

.btn-danger {
  color: #fff;
  background-color: #dc3545; }
  .btn-danger:hover {
    color: #fff;
    background-color: #c82333; }
  .btn-danger:focus, .btn-danger.focus {
    color: #fff;
    background-color: #c82333; }
  .btn-check:checked + .btn-danger, .btn-check:active + .btn-danger, .btn-danger:active, .btn-danger.active, .show &gt; .btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #921925; }
    .btn-check:checked + .btn-danger:focus, .btn-check:active + .btn-danger:focus, .btn-danger:active:focus, .btn-danger.active:focus, .show &gt; .btn-danger.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(149, 28, 255, 0.25); }
  .btn-danger:disabled, .btn-danger.disabled {
    color: #fff;
    background-color: #dc3545; }

.btn-light {
  color: #343a40;
  background-color: #f8f9fa; }
  .btn-light:hover {
    color: #343a40;
    background-color: #e2e6ea; }
  .btn-light:focus, .btn-light.focus {
    color: #343a40;
    background-color: #e2e6ea; }
  .btn-check:checked + .btn-light, .btn-check:active + .btn-light, .btn-light:active, .btn-light.active, .show &gt; .btn-light.dropdown-toggle {
    color: #343a40;
    background-color: #bdc6d0; }
    .btn-check:checked + .btn-light:focus, .btn-check:active + .btn-light:focus, .btn-light:active:focus, .btn-light.active:focus, .show &gt; .btn-light.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(149, 28, 255, 0.25); }
  .btn-light:disabled, .btn-light.disabled {
    color: #343a40;
    background-color: #f8f9fa; }

.btn-dark {
  color: #fff;
  background-color: #343a40; }
  .btn-dark:hover {
    color: #fff;
    background-color: #23272b; }
  .btn-dark:focus, .btn-dark.focus {
    color: #fff;
    background-color: #23272b; }
  .btn-check:checked + .btn-dark, .btn-check:active + .btn-dark, .btn-dark:active, .btn-dark.active, .show &gt; .btn-dark.dropdown-toggle {
    color: #fff;
    background-color: #060708; }
    .btn-check:checked + .btn-dark:focus, .btn-check:active + .btn-dark:focus, .btn-dark:active:focus, .btn-dark.active:focus, .show &gt; .btn-dark.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(149, 28, 255, 0.25); }
  .btn-dark:disabled, .btn-dark.disabled {
    color: #fff;
    background-color: #343a40; }

.btn-outline-primary {
  color: #951CFF;
  border-color: #951CFF; }
  .btn-outline-primary:hover {
    color: #951CFF;
    background-color: rgba(0, 0, 0, 0.02); }
  .btn-outline-primary:focus, .btn-outline-primary.focus {
    color: #951CFF;
    background-color: transparent; }
  .btn-outline-primary:active, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show {
    color: #951CFF;
    background-color: transparent; }
    .btn-outline-primary:active:focus, .btn-outline-primary.active:focus, .btn-outline-primary.dropdown-toggle.show:focus {
      box-shadow: none; }
  .btn-outline-primary:disabled, .btn-outline-primary.disabled {
    color: #951CFF; }

.btn-outline-secondary {
  color: #6c757d;
  border-color: #6c757d; }
  .btn-outline-secondary:hover {
    color: #6c757d;
    background-color: rgba(0, 0, 0, 0.02); }
  .btn-outline-secondary:focus, .btn-outline-secondary.focus {
    color: #6c757d;
    background-color: transparent; }
  .btn-outline-secondary:active, .btn-outline-secondary.active, .btn-outline-secondary.dropdown-toggle.show {
    color: #6c757d;
    background-color: transparent; }
    .btn-outline-secondary:active:focus, .btn-outline-secondary.active:focus, .btn-outline-secondary.dropdown-toggle.show:focus {
      box-shadow: none; }
  .btn-outline-secondary:disabled, .btn-outline-secondary.disabled {
    color: #6c757d; }

.btn-outline-success {
  color: #28a745;
  border-color: #28a745; }
  .btn-outline-success:hover {
    color: #28a745;
    background-color: rgba(0, 0, 0, 0.02); }
  .btn-outline-success:focus, .btn-outline-success.focus {
    color: #28a745;
    background-color: transparent; }
  .btn-outline-success:active, .btn-outline-success.active, .btn-outline-success.dropdown-toggle.show {
    color: #28a745;
    background-color: transparent; }
    .btn-outline-success:active:focus, .btn-outline-success.active:focus, .btn-outline-success.dropdown-toggle.show:focus {
      box-shadow: none; }
  .btn-outline-success:disabled, .btn-outline-success.disabled {
    color: #28a745; }

.btn-outline-info {
  color: #17a2b8;
  border-color: #17a2b8; }
  .btn-outline-info:hover {
    color: #17a2b8;
    background-color: rgba(0, 0, 0, 0.02); }
  .btn-outline-info:focus, .btn-outline-info.focus {
    color: #17a2b8;
    background-color: transparent; }
  .btn-outline-info:active, .btn-outline-info.active, .btn-outline-info.dropdown-toggle.show {
    color: #17a2b8;
    background-color: transparent; }
    .btn-outline-info:active:focus, .btn-outline-info.active:focus, .btn-outline-info.dropdown-toggle.show:focus {
      box-shadow: none; }
  .btn-outline-info:disabled, .btn-outline-info.disabled {
    color: #17a2b8; }

.btn-outline-warning {
  color: #ffc107;
  border-color: #ffc107; }
  .btn-outline-warning:hover {
    color: #ffc107;
    background-color: rgba(0, 0, 0, 0.02); }
  .btn-outline-warning:focus, .btn-outline-warning.focus {
    color: #ffc107;
    background-color: transparent; }
  .btn-outline-warning:active, .btn-outline-warning.active, .btn-outline-warning.dropdown-toggle.show {
    color: #ffc107;
    background-color: transparent; }
    .btn-outline-warning:active:focus, .btn-outline-warning.active:focus, .btn-outline-warning.dropdown-toggle.show:focus {
      box-shadow: none; }
  .btn-outline-warning:disabled, .btn-outline-warning.disabled {
    color: #ffc107; }

.btn-outline-danger {
  color: #dc3545;
  border-color: #dc3545; }
  .btn-outline-danger:hover {
    color: #dc3545;
    background-color: rgba(0, 0, 0, 0.02); }
  .btn-outline-danger:focus, .btn-outline-danger.focus {
    color: #dc3545;
    background-color: transparent; }
  .btn-outline-danger:active, .btn-outline-danger.active, .btn-outline-danger.dropdown-toggle.show {
    color: #dc3545;
    background-color: transparent; }
    .btn-outline-danger:active:focus, .btn-outline-danger.active:focus, .btn-outline-danger.dropdown-toggle.show:focus {
      box-shadow: none; }
  .btn-outline-danger:disabled, .btn-outline-danger.disabled {
    color: #dc3545; }

.btn-outline-light {
  color: #f8f9fa;
  border-color: #f8f9fa; }
  .btn-outline-light:hover {
    color: #f8f9fa;
    background-color: rgba(0, 0, 0, 0.02); }
  .btn-outline-light:focus, .btn-outline-light.focus {
    color: #f8f9fa;
    background-color: transparent; }
  .btn-outline-light:active, .btn-outline-light.active, .btn-outline-light.dropdown-toggle.show {
    color: #f8f9fa;
    background-color: transparent; }
    .btn-outline-light:active:focus, .btn-outline-light.active:focus, .btn-outline-light.dropdown-toggle.show:focus {
      box-shadow: none; }
  .btn-outline-light:disabled, .btn-outline-light.disabled {
    color: #f8f9fa; }

.btn-outline-dark {
  color: #343a40;
  border-color: #343a40; }
  .btn-outline-dark:hover {
    color: #343a40;
    background-color: rgba(0, 0, 0, 0.02); }
  .btn-outline-dark:focus, .btn-outline-dark.focus {
    color: #343a40;
    background-color: transparent; }
  .btn-outline-dark:active, .btn-outline-dark.active, .btn-outline-dark.dropdown-toggle.show {
    color: #343a40;
    background-color: transparent; }
    .btn-outline-dark:active:focus, .btn-outline-dark.active:focus, .btn-outline-dark.dropdown-toggle.show:focus {
      box-shadow: none; }
  .btn-outline-dark:disabled, .btn-outline-dark.disabled {
    color: #343a40; }

.btn-lg, .btn-group-lg &gt; .btn {
  padding: 0.75rem 1.6875rem 0.6875rem 1.6875rem;
  font-size: 1.25rem;
  line-height: 1.5; }

.btn-sm, .btn-group-sm &gt; .btn {
  padding: 0.375rem 1rem 0.3125rem 1rem;
  font-size: 0.875rem;
  line-height: 1.5; }

.btn-link, .product-in-list .gshpTypedDocumentListItem.btn,
.gshpCategoryList .gshpTypedDocumentListItem.btn,
.Linked-product .gshpTypedDocumentListItem.btn, .gshpMyUserAccountEditionFormPage .sdsActionButton.btn {
  box-shadow: none;
  text-decoration: none; }
  .btn-link:hover, .product-in-list .gshpTypedDocumentListItem.btn:hover,
  .gshpCategoryList .gshpTypedDocumentListItem.btn:hover,
  .Linked-product .gshpTypedDocumentListItem.btn:hover, .gshpMyUserAccountEditionFormPage .sdsActionButton.btn:hover {
    box-shadow: none;
    text-decoration: none;
    background-color: #f5f5f5; }
  .btn-link:focus, .btn-link.focus, .product-in-list .gshpTypedDocumentListItem.btn:focus,
  .gshpCategoryList .gshpTypedDocumentListItem.btn:focus,
  .Linked-product .gshpTypedDocumentListItem.btn:focus, .gshpMyUserAccountEditionFormPage .sdsActionButton.btn:focus, .product-in-list .focus.gshpTypedDocumentListItem.btn,
  .gshpCategoryList .focus.gshpTypedDocumentListItem.btn,
  .Linked-product .focus.gshpTypedDocumentListItem.btn, .gshpMyUserAccountEditionFormPage .focus.sdsActionButton.btn {
    box-shadow: none;
    text-decoration: none;
    background-color: #f5f5f5; }
  .btn-link:active, .btn-link.active, .product-in-list .gshpTypedDocumentListItem.btn:active,
  .gshpCategoryList .gshpTypedDocumentListItem.btn:active,
  .Linked-product .gshpTypedDocumentListItem.btn:active, .gshpMyUserAccountEditionFormPage .sdsActionButton.btn:active, .product-in-list .active.gshpTypedDocumentListItem.btn,
  .gshpCategoryList .active.gshpTypedDocumentListItem.btn,
  .Linked-product .active.gshpTypedDocumentListItem.btn, .gshpMyUserAccountEditionFormPage .active.sdsActionButton.btn {
    box-shadow: none;
    background-color: #f5f5f5; }
    .btn-link:active:focus, .btn-link.active:focus, .product-in-list .gshpTypedDocumentListItem.btn:active:focus,
    .gshpCategoryList .gshpTypedDocumentListItem.btn:active:focus,
    .Linked-product .gshpTypedDocumentListItem.btn:active:focus, .gshpMyUserAccountEditionFormPage .sdsActionButton.btn:active:focus, .product-in-list .active.gshpTypedDocumentListItem.btn:focus,
    .gshpCategoryList .active.gshpTypedDocumentListItem.btn:focus,
    .Linked-product .active.gshpTypedDocumentListItem.btn:focus, .gshpMyUserAccountEditionFormPage .active.sdsActionButton.btn:focus {
      box-shadow: none;
      background-color: #f5f5f5; }
  .btn-link:disabled, .btn-link.disabled, fieldset:disabled .btn-link, .product-in-list .gshpTypedDocumentListItem.btn:disabled,
  .gshpCategoryList .gshpTypedDocumentListItem.btn:disabled,
  .Linked-product .gshpTypedDocumentListItem.btn:disabled, .gshpMyUserAccountEditionFormPage .sdsActionButton.btn:disabled, .product-in-list .disabled.gshpTypedDocumentListItem.btn,
  .gshpCategoryList .disabled.gshpTypedDocumentListItem.btn,
  .Linked-product .disabled.gshpTypedDocumentListItem.btn, .gshpMyUserAccountEditionFormPage .disabled.sdsActionButton.btn, fieldset:disabled .product-in-list .gshpTypedDocumentListItem.btn, .product-in-list fieldset:disabled .gshpTypedDocumentListItem.btn,
  fieldset:disabled .gshpCategoryList .gshpTypedDocumentListItem.btn,
  .gshpCategoryList fieldset:disabled .gshpTypedDocumentListItem.btn,
  fieldset:disabled .Linked-product .gshpTypedDocumentListItem.btn,
  .Linked-product fieldset:disabled .gshpTypedDocumentListItem.btn, fieldset:disabled .gshpMyUserAccountEditionFormPage .sdsActionButton.btn, .gshpMyUserAccountEditionFormPage fieldset:disabled .sdsActionButton.btn {
    box-shadow: none; }

.btn-rounded, .btn,
#middle-pane #horizontalSplitterView #documentsPart #verticalAssemblySplitterView #tabstripAssembly div.nomenclatureTabs ul li a.k-link,
#middle-pane #horizontalSplitterView #documentsPart #verticalAssemblySplitterView #tabstripAssembly div.nomenclatureTabs ul li .printPDF,
.ocs-genViewCard .bsText strong a,
.gshp-salesRepClientCard .gshpSearch_submit a.bsButton,
.gshp-salesRepClientList table td a.bsButton:link,
.gshp-salesRepClientList table td a.bsButton:active,
.gshp-salesRepClientList table td a.bsButton:visited,
.gshp-salesRepClientList table td a.bsButton:hover,
.gshpCommandFollowUpPage div.gshpLinkBackToList a.backToList,
div.gshpSetDetailsMainPicture .bsButtonSpan a,
div.gshpSetDetailsMainPicture .backToSets a,
div.setFullPicture .navigationBar .bsButtonSpan a,
.gshpBasket_buttonBar .bsButtonSpan a,
.gshpBasketRow_buttonBar .bsButtonSpan a,
#igshBstrap_lastSeenProductsList .hideLastSeenProduct,
.HomePage .bsText strong a,
body .footer .footerShortcuts .navbar-footerLeft .navbar-nav a,
.gshp-productCatalog .gshpProductPagination .pagination &gt; li.PaginationAll &gt; a:link,
.gshp-productCatalog .gshpProductPagination .pagination &gt; li.seeAll &gt; a:link,
#gss-search-panel .gssNewFacets a:not(.ui-slider-handle),
.bsDownloadable {
  border-radius: 40px; }

.btn-floating,
.btn-floating[class*='btn-outline-'] {
  border-radius: 50%;
  padding: 0;
  position: relative; }

.btn-floating {
  width: 2.3125rem;
  height: 2.3125rem; }
  .btn-floating .fas,
  .btn-floating .far,
  .btn-floating .fab {
    width: 2.3125rem;
    line-height: 2.3125rem; }
  .btn-floating.btn-lg, .btn-group-lg &gt; .btn-floating.btn {
    width: 2.8125rem;
    height: 2.8125rem; }
    .btn-floating.btn-lg .fas, .btn-group-lg &gt; .btn-floating.btn .fas,
    .btn-floating.btn-lg .far,
    .btn-group-lg &gt; .btn-floating.btn .far,
    .btn-floating.btn-lg .fab,
    .btn-group-lg &gt; .btn-floating.btn .fab {
      width: 2.8125rem;
      line-height: 2.8125rem; }
  .btn-floating.btn-sm, .btn-group-sm &gt; .btn-floating.btn {
    width: 1.8125rem;
    height: 1.8125rem; }
    .btn-floating.btn-sm .fas, .btn-group-sm &gt; .btn-floating.btn .fas,
    .btn-floating.btn-sm .far,
    .btn-group-sm &gt; .btn-floating.btn .far,
    .btn-floating.btn-sm .fab,
    .btn-group-sm &gt; .btn-floating.btn .fab {
      width: 1.8125rem;
      line-height: 1.8125rem; }

.btn-floating[class*='btn-outline-'] .fas,
.btn-floating[class*='btn-outline-'] .far,
.btn-floating[class*='btn-outline-'] .fab {
  width: 2.0625rem;
  line-height: 2.0625rem; }

.btn-floating.btn-lg[class*='btn-outline-'] .fas, .btn-group-lg &gt; .btn-floating.btn .fas,
.btn-floating.btn-lg[class*='btn-outline-'] .far,
.btn-group-lg &gt; .btn-floating.btn .far,
.btn-floating.btn-lg[class*='btn-outline-'] .fab,
.btn-group-lg &gt; .btn-floating.btn .fab {
  width: 2.5625rem;
  line-height: 2.5625rem; }

.btn-floating.btn-sm[class*='btn-outline-'] .fas, .btn-group-sm &gt; .btn-floating.btn .fas,
.btn-floating.btn-sm[class*='btn-outline-'] .far,
.btn-group-sm &gt; .btn-floating.btn .far,
.btn-floating.btn-sm[class*='btn-outline-'] .fab,
.btn-group-sm &gt; .btn-floating.btn .fab {
  width: 1.5625rem;
  line-height: 1.5625rem; }

.fixed-action-btn {
  position: fixed;
  right: 2.1875rem;
  bottom: 2.1875rem;
  z-index: 1030;
  display: flex;
  flex-flow: column-reverse nowrap;
  align-items: center;
  padding: 0.9375rem 20px 20px 20px;
  margin-bottom: 0;
  height: auto;
  overflow: hidden; }
  .fixed-action-btn &gt; .btn-floating {
    position: relative;
    transform: scale(1.2);
    z-index: 10; }
  .fixed-action-btn ul {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    padding: 0;
    margin: 0;
    margin-bottom: 0;
    text-align: center;
    opacity: 0;
    transition: transform 0.4s, opacity 0.4s;
    z-index: -1; }
    .fixed-action-btn ul li {
      z-index: 0;
      display: flex;
      margin-right: auto;
      margin-bottom: 1.5rem;
      margin-left: auto; }
      .fixed-action-btn ul li:first-of-type {
        margin-top: 0.75rem; }
    .fixed-action-btn ul a.btn {
      opacity: 0;
      transition: opacity 0.4s ease-in; }
      .fixed-action-btn ul a.btn.shown {
        opacity: 1; }
  .fixed-action-btn.active ul {
    opacity: 1; }

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

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

.collapsing {
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease; }
  @media (prefers-reduced-motion: reduce) {
    .collapsing {
      transition: none; } }
/*!
 * # Semantic UI 2.4.2 - Flag
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
             Flag
*******************************/
#mdb-table-flag tr {
  cursor: pointer; }

.mdb-flag-selected {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  text-align: center;
  max-width: 150px;
  margin: 0 auto;
  margin-top: 10px; }

.mdb-selected-flag-text {
  margin: 0 auto;
  max-width: 150px; }

i.flag:not(.icon) {
  display: inline-block;
  width: 16px;
  height: 11px;
  margin: 0 0.5em 0 0;
  line-height: 11px;
  text-decoration: inherit;
  vertical-align: baseline;
  backface-visibility: hidden; }

/* Sprite */
i.flag {
  /* Flag Sprite Based On http://www.famfamfam.com/lab/icons/flags/ */
  /*******************************
         Theme Overrides
*******************************/ }
  i.flag::before {
    display: inline-block;
    width: 16px;
    height: 11px;
    content: '';
    background: url("https://mdbootstrap.com/img/svg/flags.png") no-repeat -108px -1976px; }
  i.flag-ad:before, i.flag-andorra:before {
    background-position: 0 0 !important; }
  i.flag-ae:before, i.flag-united-arab-emirates:before, i.flag-uae:before {
    background-position: 0 -26px !important; }
  i.flag-af:before, i.flag-afghanistan:before {
    background-position: 0 -52px !important; }
  i.flag-ag:before, i.flag-antigua:before {
    background-position: 0 -78px !important; }
  i.flag-ai:before, i.flag-anguilla:before {
    background-position: 0 -104px !important; }
  i.flag-al:before, i.flag-albania:before {
    background-position: 0 -130px !important; }
  i.flag-am:before, i.flag-armenia:before {
    background-position: 0 -156px !important; }
  i.flag-an:before, i.flag-netherlands-antilles:before {
    background-position: 0 -182px !important; }
  i.flag-ao:before, i.flag-angola:before {
    background-position: 0 -208px !important; }
  i.flag-ar:before, i.flag-argentina:before {
    background-position: 0 -234px !important; }
  i.flag-as:before, i.flag-american-samoa:before {
    background-position: 0 -260px !important; }
  i.flag-at:before, i.flag-austria:before {
    background-position: 0 -286px !important; }
  i.flag-au:before, i.flag-australia:before {
    background-position: 0 -312px !important; }
  i.flag-aw:before, i.flag-aruba:before {
    background-position: 0 -338px !important; }
  i.flag-ax:before, i.flag-aland-islands:before {
    background-position: 0 -364px !important; }
  i.flag-az:before, i.flag-azerbaijan:before {
    background-position: 0 -390px !important; }
  i.flag-ba:before, i.flag-bosnia:before {
    background-position: 0 -416px !important; }
  i.flag-bb:before, i.flag-barbados:before {
    background-position: 0 -442px !important; }
  i.flag-bd:before, i.flag-bangladesh:before {
    background-position: 0 -468px !important; }
  i.flag-be:before, i.flag-belgium:before {
    background-position: 0 -494px !important; }
  i.flag-bf:before, i.flag-burkina-faso:before {
    background-position: 0 -520px !important; }
  i.flag-bg:before, i.flag-bulgaria:before {
    background-position: 0 -546px !important; }
  i.flag-bh:before, i.flag-bahrain:before {
    background-position: 0 -572px !important; }
  i.flag-bi:before, i.flag-burundi:before {
    background-position: 0 -598px !important; }
  i.flag-bj:before, i.flag-benin:before {
    background-position: 0 -624px !important; }
  i.flag-bm:before, i.flag-bermuda:before {
    background-position: 0 -650px !important; }
  i.flag-bn:before, i.flag-brunei:before {
    background-position: 0 -676px !important; }
  i.flag-bo:before, i.flag-bolivia:before {
    background-position: 0 -702px !important; }
  i.flag-br:before, i.flag-brazil:before {
    background-position: 0 -728px !important; }
  i.flag-bs:before, i.flag-bahamas:before {
    background-position: 0 -754px !important; }
  i.flag-bt:before, i.flag-bhutan:before {
    background-position: 0 -780px !important; }
  i.flag-bv:before, i.flag-bouvet-island:before {
    background-position: 0 -806px !important; }
  i.flag-bw:before, i.flag-botswana:before {
    background-position: 0 -832px !important; }
  i.flag-by:before, i.flag-belarus:before {
    background-position: 0 -858px !important; }
  i.flag-bz:before, i.flag-belize:before {
    background-position: 0 -884px !important; }
  i.flag-ca:before, i.flag-canada:before {
    background-position: 0 -910px !important; }
  i.flag-cc:before, i.flag-cocos-islands:before {
    background-position: 0 -962px !important; }
  i.flag-cd:before, i.flag-congo:before {
    background-position: 0 -988px !important; }
  i.flag-cf:before, i.flag-central-african-republic:before {
    background-position: 0 -1014px !important; }
  i.flag-cg:before, i.flag-congo-brazzaville:before {
    background-position: 0 -1040px !important; }
  i.flag-ch:before, i.flag-switzerland:before {
    background-position: 0 -1066px !important; }
  i.flag-ci:before, i.flag-cote-divoire:before {
    background-position: 0 -1092px !important; }
  i.flag-ck:before, i.flag-cook-islands:before {
    background-position: 0 -1118px !important; }
  i.flag-cl:before, i.flag-chile:before {
    background-position: 0 -1144px !important; }
  i.flag-cm:before, i.flag-cameroon:before {
    background-position: 0 -1170px !important; }
  i.flag-cn:before, i.flag-china:before {
    background-position: 0 -1196px !important; }
  i.flag-co:before, i.flag-colombia:before {
    background-position: 0 -1222px !important; }
  i.flag-cr:before, i.flag-costa-rica:before {
    background-position: 0 -1248px !important; }
  i.flag-cs:before, i.flag-serbia:before {
    background-position: 0 -1274px !important; }
  i.flag-cu:before, i.flag-cuba:before {
    background-position: 0 -1300px !important; }
  i.flag-cv:before, i.flag-cape-verde:before {
    background-position: 0 -1326px !important; }
  i.flag-cx:before, i.flag-christmas-island:before {
    background-position: 0 -1352px !important; }
  i.flag-cy:before, i.flag-cyprus:before {
    background-position: 0 -1378px !important; }
  i.flag-cz:before, i.flag-czech-republic:before {
    background-position: 0 -1404px !important; }
  i.flag-de:before, i.flag-germany:before {
    background-position: 0 -1430px !important; }
  i.flag-dj:before, i.flag-djibouti:before {
    background-position: 0 -1456px !important; }
  i.flag-dk:before, i.flag-denmark:before {
    background-position: 0 -1482px !important; }
  i.flag-dm:before, i.flag-dominica:before {
    background-position: 0 -1508px !important; }
  i.flag-do:before, i.flag-dominican-republic:before {
    background-position: 0 -1534px !important; }
  i.flag-dz:before, i.flag-algeria:before {
    background-position: 0 -1560px !important; }
  i.flag-ec:before, i.flag-ecuador:before {
    background-position: 0 -1586px !important; }
  i.flag-ee:before, i.flag-estonia:before {
    background-position: 0 -1612px !important; }
  i.flag-eg:before, i.flag-egypt:before {
    background-position: 0 -1638px !important; }
  i.flag-eh:before, i.flag-western-sahara:before {
    background-position: 0 -1664px !important; }
  i.flag-gb-eng:before, i.flag-england:before {
    background-position: 0 -1690px !important; }
  i.flag-er:before, i.flag-eritrea:before {
    background-position: 0 -1716px !important; }
  i.flag-es:before, i.flag-spain:before {
    background-position: 0 -1742px !important; }
  i.flag-et:before, i.flag-ethiopia:before {
    background-position: 0 -1768px !important; }
  i.flag-eu:before, i.flag-european-union:before {
    background-position: 0 -1794px !important; }
  i.flag-fi:before, i.flag-finland:before {
    background-position: 0 -1846px !important; }
  i.flag-fj:before, i.flag-fiji:before {
    background-position: 0 -1872px !important; }
  i.flag-fk:before, i.flag-falkland-islands:before {
    background-position: 0 -1898px !important; }
  i.flag-fm:before, i.flag-micronesia:before {
    background-position: 0 -1924px !important; }
  i.flag-fo:before, i.flag-faroe-islands:before {
    background-position: 0 -1950px !important; }
  i.flag-fr:before, i.flag-france:before {
    background-position: 0 -1976px !important; }
  i.flag-ga:before, i.flag-gabon:before {
    background-position: -36px 0 !important; }
  i.flag-gb:before, i.flag-uk:before, i.flag-united-kingdom:before {
    background-position: -36px -26px !important; }
  i.flag-gd:before, i.flag-grenada:before {
    background-position: -36px -52px !important; }
  i.flag-ge:before, i.flag-georgia:before {
    background-position: -36px -78px !important; }
  i.flag-gf:before, i.flag-french-guiana:before {
    background-position: -36px -104px !important; }
  i.flag-gh:before, i.flag-ghana:before {
    background-position: -36px -130px !important; }
  i.flag-gi:before, i.flag-gibraltar:before {
    background-position: -36px -156px !important; }
  i.flag-gl:before, i.flag-greenland:before {
    background-position: -36px -182px !important; }
  i.flag-gm:before, i.flag-gambia:before {
    background-position: -36px -208px !important; }
  i.flag-gn:before, i.flag-guinea:before {
    background-position: -36px -234px !important; }
  i.flag-gp:before, i.flag-guadeloupe:before {
    background-position: -36px -260px !important; }
  i.flag-gq:before, i.flag-equatorial-guinea:before {
    background-position: -36px -286px !important; }
  i.flag-gr:before, i.flag-greece:before {
    background-position: -36px -312px !important; }
  i.flag-gs:before, i.flag-sandwich-islands:before {
    background-position: -36px -338px !important; }
  i.flag-gt:before, i.flag-guatemala:before {
    background-position: -36px -364px !important; }
  i.flag-gu:before, i.flag-guam:before {
    background-position: -36px -390px !important; }
  i.flag-gw:before, i.flag-guinea-bissau:before {
    background-position: -36px -416px !important; }
  i.flag-gy:before, i.flag-guyana:before {
    background-position: -36px -442px !important; }
  i.flag-hk:before, i.flag-hong-kong:before {
    background-position: -36px -468px !important; }
  i.flag-hm:before, i.flag-heard-island:before {
    background-position: -36px -494px !important; }
  i.flag-hn:before, i.flag-honduras:before {
    background-position: -36px -520px !important; }
  i.flag-hr:before, i.flag-croatia:before {
    background-position: -36px -546px !important; }
  i.flag-ht:before, i.flag-haiti:before {
    background-position: -36px -572px !important; }
  i.flag-hu:before, i.flag-hungary:before {
    background-position: -36px -598px !important; }
  i.flag-id:before, i.flag-indonesia:before {
    background-position: -36px -624px !important; }
  i.flag-ie:before, i.flag-ireland:before {
    background-position: -36px -650px !important; }
  i.flag-il:before, i.flag-israel:before {
    background-position: -36px -676px !important; }
  i.flag-in:before, i.flag-india:before {
    background-position: -36px -702px !important; }
  i.flag-io:before, i.flag-indian-ocean-territory:before {
    background-position: -36px -728px !important; }
  i.flag-iq:before, i.flag-iraq:before {
    background-position: -36px -754px !important; }
  i.flag-ir:before, i.flag-iran:before {
    background-position: -36px -780px !important; }
  i.flag-is:before, i.flag-iceland:before {
    background-position: -36px -806px !important; }
  i.flag-it:before, i.flag-italy:before {
    background-position: -36px -832px !important; }
  i.flag-jm:before, i.flag-jamaica:before {
    background-position: -36px -858px !important; }
  i.flag-jo:before, i.flag-jordan:before {
    background-position: -36px -884px !important; }
  i.flag-jp:before, i.flag-japan:before {
    background-position: -36px -910px !important; }
  i.flag-ke:before, i.flag-kenya:before {
    background-position: -36px -936px !important; }
  i.flag-kg:before, i.flag-kyrgyzstan:before {
    background-position: -36px -962px !important; }
  i.flag-kh:before, i.flag-cambodia:before {
    background-position: -36px -988px !important; }
  i.flag-ki:before, i.flag-kiribati:before {
    background-position: -36px -1014px !important; }
  i.flag-km:before, i.flag-comoros:before {
    background-position: -36px -1040px !important; }
  i.flag-kn:before, i.flag-saint-kitts-and-nevis:before {
    background-position: -36px -1066px !important; }
  i.flag-kp:before, i.flag-north-korea:before {
    background-position: -36px -1092px !important; }
  i.flag-kr:before, i.flag-south-korea:before {
    background-position: -36px -1118px !important; }
  i.flag-kw:before, i.flag-kuwait:before {
    background-position: -36px -1144px !important; }
  i.flag-ky:before, i.flag-cayman-islands:before {
    background-position: -36px -1170px !important; }
  i.flag-kz:before, i.flag-kazakhstan:before {
    background-position: -36px -1196px !important; }
  i.flag-la:before, i.flag-laos:before {
    background-position: -36px -1222px !important; }
  i.flag-lb:before, i.flag-lebanon:before {
    background-position: -36px -1248px !important; }
  i.flag-lc:before, i.flag-saint-lucia:before {
    background-position: -36px -1274px !important; }
  i.flag-li:before, i.flag-liechtenstein:before {
    background-position: -36px -1300px !important; }
  i.flag-lk:before, i.flag-sri-lanka:before {
    background-position: -36px -1326px !important; }
  i.flag-lr:before, i.flag-liberia:before {
    background-position: -36px -1352px !important; }
  i.flag-ls:before, i.flag-lesotho:before {
    background-position: -36px -1378px !important; }
  i.flag-lt:before, i.flag-lithuania:before {
    background-position: -36px -1404px !important; }
  i.flag-lu:before, i.flag-luxembourg:before {
    background-position: -36px -1430px !important; }
  i.flag-lv:before, i.flag-latvia:before {
    background-position: -36px -1456px !important; }
  i.flag-ly:before, i.flag-libya:before {
    background-position: -36px -1482px !important; }
  i.flag-ma:before, i.flag-morocco:before {
    background-position: -36px -1508px !important; }
  i.flag-mc:before, i.flag-monaco:before {
    background-position: -36px -1534px !important; }
  i.flag-md:before, i.flag-moldova:before {
    background-position: -36px -1560px !important; }
  i.flag-me:before, i.flag-montenegro:before {
    background-position: -36px -1586px !important; }
  i.flag-mg:before, i.flag-madagascar:before {
    background-position: -36px -1613px !important; }
  i.flag-mh:before, i.flag-marshall-islands:before {
    background-position: -36px -1639px !important; }
  i.flag-mk:before, i.flag-macedonia:before {
    background-position: -36px -1665px !important; }
  i.flag-ml:before, i.flag-mali:before {
    background-position: -36px -1691px !important; }
  i.flag-mm:before, i.flag-myanmar:before, i.flag-burma:before {
    background-position: -73px -1821px !important; }
  i.flag-mn:before, i.flag-mongolia:before {
    background-position: -36px -1743px !important; }
  i.flag-mo:before, i.flag-macau:before {
    background-position: -36px -1769px !important; }
  i.flag-mp:before, i.flag-northern-mariana-islands:before {
    background-position: -36px -1795px !important; }
  i.flag-mq:before, i.flag-martinique:before {
    background-position: -36px -1821px !important; }
  i.flag-mr:before, i.flag-mauritania:before {
    background-position: -36px -1847px !important; }
  i.flag-ms:before, i.flag-montserrat:before {
    background-position: -36px -1873px !important; }
  i.flag-mt:before, i.flag-malta:before {
    background-position: -36px -1899px !important; }
  i.flag-mu:before, i.flag-mauritius:before {
    background-position: -36px -1925px !important; }
  i.flag-mv:before, i.flag-maldives:before {
    background-position: -36px -1951px !important; }
  i.flag-mw:before, i.flag-malawi:before {
    background-position: -36px -1977px !important; }
  i.flag-mx:before, i.flag-mexico:before {
    background-position: -72px 0 !important; }
  i.flag-my:before, i.flag-malaysia:before {
    background-position: -72px -26px !important; }
  i.flag-mz:before, i.flag-mozambique:before {
    background-position: -72px -52px !important; }
  i.flag-na:before, i.flag-namibia:before {
    background-position: -72px -78px !important; }
  i.flag-nc:before, i.flag-new-caledonia:before {
    background-position: -72px -104px !important; }
  i.flag-ne:before, i.flag-niger:before {
    background-position: -72px -130px !important; }
  i.flag-nf:before, i.flag-norfolk-island:before {
    background-position: -72px -156px !important; }
  i.flag-ng:before, i.flag-nigeria:before {
    background-position: -72px -182px !important; }
  i.flag-ni:before, i.flag-nicaragua:before {
    background-position: -72px -208px !important; }
  i.flag-nl:before, i.flag-netherlands:before {
    background-position: -72px -234px !important; }
  i.flag-no:before, i.flag-norway:before {
    background-position: -72px -260px !important; }
  i.flag-np:before, i.flag-nepal:before {
    background-position: -72px -286px !important; }
  i.flag-nr:before, i.flag-nauru:before {
    background-position: -72px -312px !important; }
  i.flag-nu:before, i.flag-niue:before {
    background-position: -72px -338px !important; }
  i.flag-nz:before, i.flag-new-zealand:before {
    background-position: -72px -364px !important; }
  i.flag-om:before, i.flag-oman:before {
    background-position: -72px -390px !important; }
  i.flag-pa:before, i.flag-panama:before {
    background-position: -72px -416px !important; }
  i.flag-pe:before, i.flag-peru:before {
    background-position: -72px -442px !important; }
  i.flag-pf:before, i.flag-french-polynesia:before {
    background-position: -72px -468px !important; }
  i.flag-pg:before, i.flag-new-guinea:before {
    background-position: -72px -494px !important; }
  i.flag-ph:before, i.flag-philippines:before {
    background-position: -72px -520px !important; }
  i.flag-pk:before, i.flag-pakistan:before {
    background-position: -72px -546px !important; }
  i.flag-pl:before, i.flag-poland:before {
    background-position: -72px -572px !important; }
  i.flag-pm:before, i.flag-saint-pierre:before {
    background-position: -72px -598px !important; }
  i.flag-pn:before, i.flag-pitcairn-islands:before {
    background-position: -72px -624px !important; }
  i.flag-pr:before, i.flag-puerto-rico:before {
    background-position: -72px -650px !important; }
  i.flag-ps:before, i.flag-palestine:before {
    background-position: -72px -676px !important; }
  i.flag-pt:before, i.flag-portugal:before {
    background-position: -72px -702px !important; }
  i.flag-pw:before, i.flag-palau:before {
    background-position: -72px -728px !important; }
  i.flag-py:before, i.flag-paraguay:before {
    background-position: -72px -754px !important; }
  i.flag-qa:before, i.flag-qatar:before {
    background-position: -72px -780px !important; }
  i.flag-re:before, i.flag-reunion:before {
    background-position: -72px -806px !important; }
  i.flag-ro:before, i.flag-romania:before {
    background-position: -72px -832px !important; }
  i.flag-rs:before, i.flag-serbia:before {
    background-position: -72px -858px !important; }
  i.flag-ru:before, i.flag-russia:before {
    background-position: -72px -884px !important; }
  i.flag-rw:before, i.flag-rwanda:before {
    background-position: -72px -910px !important; }
  i.flag-sa:before, i.flag-saudi-arabia:before {
    background-position: -72px -936px !important; }
  i.flag-sb:before, i.flag-solomon-islands:before {
    background-position: -72px -962px !important; }
  i.flag-sc:before, i.flag-seychelles:before {
    background-position: -72px -988px !important; }
  i.flag-gb-sct:before, i.flag-scotland:before {
    background-position: -72px -1014px !important; }
  i.flag-sd:before, i.flag-sudan:before {
    background-position: -72px -1040px !important; }
  i.flag-se:before, i.flag-sweden:before {
    background-position: -72px -1066px !important; }
  i.flag-sg:before, i.flag-singapore:before {
    background-position: -72px -1092px !important; }
  i.flag-sh:before, i.flag-saint-helena:before {
    background-position: -72px -1118px !important; }
  i.flag-si:before, i.flag-slovenia:before {
    background-position: -72px -1144px !important; }
  i.flag-sj:before, i.flag-svalbard:before, i.flag-jan-mayen:before {
    background-position: -72px -1170px !important; }
  i.flag-sk:before, i.flag-slovakia:before {
    background-position: -72px -1196px !important; }
  i.flag-sl:before, i.flag-sierra-leone:before {
    background-position: -72px -1222px !important; }
  i.flag-sm:before, i.flag-san-marino:before {
    background-position: -72px -1248px !important; }
  i.flag-sn:before, i.flag-senegal:before {
    background-position: -72px -1274px !important; }
  i.flag-so:before, i.flag-somalia:before {
    background-position: -72px -1300px !important; }
  i.flag-sr:before, i.flag-suriname:before {
    background-position: -72px -1326px !important; }
  i.flag-st:before, i.flag-sao-tome:before {
    background-position: -72px -1352px !important; }
  i.flag-sv:before, i.flag-el-salvador:before {
    background-position: -72px -1378px !important; }
  i.flag-sy:before, i.flag-syria:before {
    background-position: -72px -1404px !important; }
  i.flag-sz:before, i.flag-swaziland:before {
    background-position: -72px -1430px !important; }
  i.flag-tc:before, i.flag-caicos-islands:before {
    background-position: -72px -1456px !important; }
  i.flag-td:before, i.flag-chad:before {
    background-position: -72px -1482px !important; }
  i.flag-tf:before, i.flag-french-territories:before {
    background-position: -72px -1508px !important; }
  i.flag-tg:before, i.flag-togo:before {
    background-position: -72px -1534px !important; }
  i.flag-th:before, i.flag-thailand:before {
    background-position: -72px -1560px !important; }
  i.flag-tj:before, i.flag-tajikistan:before {
    background-position: -72px -1586px !important; }
  i.flag-tk:before, i.flag-tokelau:before {
    background-position: -72px -1612px !important; }
  i.flag-tl:before, i.flag-timorleste:before {
    background-position: -72px -1638px !important; }
  i.flag-tm:before, i.flag-turkmenistan:before {
    background-position: -72px -1664px !important; }
  i.flag-tn:before, i.flag-tunisia:before {
    background-position: -72px -1690px !important; }
  i.flag-to:before, i.flag-tonga:before {
    background-position: -72px -1716px !important; }
  i.flag-tr:before, i.flag-turkey:before {
    background-position: -72px -1742px !important; }
  i.flag-tt:before, i.flag-trinidad:before {
    background-position: -72px -1768px !important; }
  i.flag-tv:before, i.flag-tuvalu:before {
    background-position: -72px -1794px !important; }
  i.flag-tw:before, i.flag-taiwan:before {
    background-position: -72px -1820px !important; }
  i.flag-tz:before, i.flag-tanzania:before {
    background-position: -72px -1846px !important; }
  i.flag-ua:before, i.flag-ukraine:before {
    background-position: -72px -1872px !important; }
  i.flag-ug:before, i.flag-uganda:before {
    background-position: -72px -1898px !important; }
  i.flag-um:before, i.flag-us-minor-islands:before {
    background-position: -72px -1924px !important; }
  i.flag-us:before, i.flag-america:before, i.flag-united-states:before {
    background-position: -72px -1950px !important; }
  i.flag-uy:before, i.flag-uruguay:before {
    background-position: -72px -1976px !important; }
  i.flag-uz:before, i.flag-uzbekistan:before {
    background-position: -108px 0 !important; }
  i.flag-va:before, i.flag-vatican-city:before {
    background-position: -108px -26px !important; }
  i.flag-vc:before, i.flag-saint-vincent:before {
    background-position: -108px -52px !important; }
  i.flag-ve:before, i.flag-venezuela:before {
    background-position: -108px -78px !important; }
  i.flag-vg:before, i.flag-british-virgin-islands:before {
    background-position: -108px -104px !important; }
  i.flag-vi:before, i.flag-us-virgin-islands:before {
    background-position: -108px -130px !important; }
  i.flag-vn:before, i.flag-vietnam:before {
    background-position: -108px -156px !important; }
  i.flag-vu:before, i.flag-vanuatu:before {
    background-position: -108px -182px !important; }
  i.flag-gb-wls:before, i.flag-wales:before {
    background-position: -108px -208px !important; }
  i.flag-wf:before, i.flag-wallis-and-futuna:before {
    background-position: -108px -234px !important; }
  i.flag-ws:before, i.flag-samoa:before {
    background-position: -108px -260px !important; }
  i.flag-ye:before, i.flag-yemen:before {
    background-position: -108px -286px !important; }
  i.flag-yt:before, i.flag-mayotte:before {
    background-position: -108px -312px !important; }
  i.flag-za:before, i.flag-south-africa:before {
    background-position: -108px -338px !important; }
  i.flag-zm:before, i.flag-zambia:before {
    background-position: -108px -364px !important; }
  i.flag-zw:before, i.flag-zimbabwe:before {
    background-position: -108px -390px !important; }

/*******************************
         Site Overrides
*******************************/
.dropup,
.dropend,
.dropdown,
.dropstart {
  position: relative; }

.dropdown-toggle {
  white-space: nowrap;
  /*  @include caret();*/ }

/**/
.dropdown-menu {
  position: absolute;
  top: 100%;
  z-index: 1000;
  display: none;
  min-width: 10rem;
  padding: 0.5rem 0;
  margin: 0;
  font-size: 1rem;
  color: #4c4c4c;
  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[data-bs-popper] {
    left: 0;
    margin-top: 0.125rem; }

@media (min-width: 576px) {
  .dropdown-menu-xs-start {
    --bs-position: start; }
    .dropdown-menu-xs-start[data-bs-popper] {
      right: auto /* rtl:ignore */;
      left: 0 /* rtl:ignore */; }
  .dropdown-menu-xs-end {
    --bs-position: end; }
    .dropdown-menu-xs-end[data-bs-popper] {
      right: 0 /* rtl:ignore */;
      left: auto /* rtl:ignore */; } }

@media (min-width: 768px) {
  .dropdown-menu-sm-start {
    --bs-position: start; }
    .dropdown-menu-sm-start[data-bs-popper] {
      right: auto /* rtl:ignore */;
      left: 0 /* rtl:ignore */; }
  .dropdown-menu-sm-end {
    --bs-position: end; }
    .dropdown-menu-sm-end[data-bs-popper] {
      right: 0 /* rtl:ignore */;
      left: auto /* rtl:ignore */; } }

@media (min-width: 1024px) {
  .dropdown-menu-md-start {
    --bs-position: start; }
    .dropdown-menu-md-start[data-bs-popper] {
      right: auto /* rtl:ignore */;
      left: 0 /* rtl:ignore */; }
  .dropdown-menu-md-end {
    --bs-position: end; }
    .dropdown-menu-md-end[data-bs-popper] {
      right: 0 /* rtl:ignore */;
      left: auto /* rtl:ignore */; } }

@media (min-width: 1200px) {
  .dropdown-menu-lg-start {
    --bs-position: start; }
    .dropdown-menu-lg-start[data-bs-popper] {
      right: auto /* rtl:ignore */;
      left: 0 /* rtl:ignore */; }
  .dropdown-menu-lg-end {
    --bs-position: end; }
    .dropdown-menu-lg-end[data-bs-popper] {
      right: 0 /* rtl:ignore */;
      left: auto /* rtl:ignore */; } }

@media (min-width: 1280px) {
  .dropdown-menu-xl-start {
    --bs-position: start; }
    .dropdown-menu-xl-start[data-bs-popper] {
      right: auto /* rtl:ignore */;
      left: 0 /* rtl:ignore */; }
  .dropdown-menu-xl-end {
    --bs-position: end; }
    .dropdown-menu-xl-end[data-bs-popper] {
      right: 0 /* rtl:ignore */;
      left: auto /* rtl:ignore */; } }

.dropup .dropdown-menu[data-bs-popper] {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: 0.125rem; }

.dropend .dropdown-menu {
  top: 0;
  right: auto;
  left: 100%; }
  .dropend .dropdown-menu[data-bs-popper] {
    margin-top: 0;
    margin-left: 0.125rem; }

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

.dropstart .dropdown-menu {
  top: 0;
  right: 100%;
  left: auto; }
  .dropstart .dropdown-menu[data-bs-popper] {
    margin-top: 0;
    margin-right: 0.125rem; }

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

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

.dropdown-item, body .navbar-premenu .dropdown-account li a:not(.btn-primary):not(.btn) {
  display: block;
  width: 100%;
  padding: 0.25rem 1.5rem;
  clear: both;
  font-weight: 400;
  color: #4c4c4c;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0; }
  .dropdown-item:hover, .dropdown-item:focus, body .navbar-premenu .dropdown-account li a:hover:not(.btn-primary):not(.btn), body .navbar-premenu .dropdown-account li a:focus:not(.btn-primary):not(.btn) {
    color: #3f3f3f;
    text-decoration: none;
    background-color: #f8f9fa; }
  .dropdown-item.active, .dropdown-item:active, body .navbar-premenu .dropdown-account li a.active:not(.btn-primary):not(.btn), body .navbar-premenu .dropdown-account li a:active:not(.btn-primary):not(.btn) {
    color: #fff;
    text-decoration: none;
    background-color: #951CFF; }
  .dropdown-item.disabled, .dropdown-item:disabled, body .navbar-premenu .dropdown-account li a.disabled:not(.btn-primary):not(.btn), body .navbar-premenu .dropdown-account li a:disabled:not(.btn-primary):not(.btn) {
    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: #4c4c4c; }

.dropdown-menu-dark {
  color: #dee2e6;
  background-color: #343a40;
  border-color: rgba(0, 0, 0, 0.15); }
  .dropdown-menu-dark .dropdown-item {
    color: #dee2e6; }
    .dropdown-menu-dark .dropdown-item:hover, .dropdown-menu-dark .dropdown-item:focus {
      color: #fff;
      background-color: rgba(255, 255, 255, 0.15); }
    .dropdown-menu-dark .dropdown-item.active, .dropdown-menu-dark .dropdown-item:active {
      color: #fff;
      background-color: #951CFF; }
    .dropdown-menu-dark .dropdown-item.disabled, .dropdown-menu-dark .dropdown-item:disabled {
      color: #797A8D; }
  .dropdown-menu-dark .dropdown-divider {
    border-color: #e9ecef; }
  .dropdown-menu-dark .dropdown-item-text {
    color: #dee2e6; }
  .dropdown-menu-dark .dropdown-header {
    color: #797A8D; }

.dropdown-menu {
  color: #4c4c4c;
  margin: 0;
  padding-top: 0;
  padding-bottom: 0;
  border: 0;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.175);
  font-size: 1rem; }
  .dropdown-menu &gt; li {
    border-radius: 0; }
    .dropdown-menu &gt; li:first-child {
      border-top-left-radius: 0.25rem;
      border-top-right-radius: 0.25rem;
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0; }
      .dropdown-menu &gt; li:first-child .dropdown-item {
        border-top-left-radius: 0.25rem;
        border-top-right-radius: 0.25rem;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0; }
    .dropdown-menu &gt; li:not(:first-child):not(:last-child) .dropdown-item {
      border-radius: 0; }
    .dropdown-menu &gt; li:last-child {
      border-top-left-radius: 0;
      border-top-right-radius: 0;
      border-bottom-left-radius: 0.25rem;
      border-bottom-right-radius: 0.25rem; }
      .dropdown-menu &gt; li:last-child .dropdown-item {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        border-bottom-left-radius: 0.25rem;
        border-bottom-right-radius: 0.25rem; }
  .dropdown-menu.animation {
    display: block;
    /* Speed up animations */
    animation-duration: 0.55s;
    animation-timing-function: ease; }

.dropdown-item {
  padding: 0.25rem 1.5rem;
  color: #4c4c4c;
  border-radius: 0; }
  .dropdown-item:hover, .dropdown-item:focus {
    color: #16181b;
    background-color: #eee; }
  .dropdown-item.active, .dropdown-item:active {
    color: #16181b;
    background-color: #eee; }

.hidden-arrow.dropdown-toggle:after {
  display: none; }

.animation {
  animation-duration: 1s;
  animation-fill-mode: both;
  padding: auto; }

@media (prefers-reduced-motion) {
  .animation {
    transition: none !important;
    animation: unset !important; } }

@keyframes fade-in {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.fade-in {
  animation-name: fade-in; }

@keyframes fade-out {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

.fade-out {
  animation-name: fade-out; }

.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-flex;
  vertical-align: middle; }
  .btn-group &gt; .btn,
  .btn-group-vertical &gt; .btn {
    position: relative;
    flex: 1 1 auto; }
  .btn-group &gt; .btn-check:checked + .btn,
  .btn-group &gt; .btn-check:focus + .btn,
  .btn-group &gt; .btn:hover,
  .btn-group &gt; .btn:focus,
  .btn-group &gt; .btn:active,
  .btn-group &gt; .btn.active,
  .btn-group-vertical &gt; .btn-check:checked + .btn,
  .btn-group-vertical &gt; .btn-check:focus + .btn,
  .btn-group-vertical &gt; .btn:hover,
  .btn-group-vertical &gt; .btn:focus,
  .btn-group-vertical &gt; .btn:active,
  .btn-group-vertical &gt; .btn.active {
    z-index: 1; }

.btn-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start; }
  .btn-toolbar .input-group {
    width: auto; }

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

.btn-group &gt; .btn:not(:last-child):not(.dropdown-toggle),
.btn-group &gt; .btn-group:not(:last-child) &gt; .btn {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px; }

.btn-group &gt; .btn:nth-child(n + 3),
.btn-group &gt; :not(.btn-check) + .btn,
.btn-group &gt; .btn-group:not(:first-child) &gt; .btn {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px; }

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

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

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

.btn-group-vertical {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center; }
  .btn-group-vertical &gt; .btn,
  .btn-group-vertical &gt; .btn-group {
    width: 100%; }
  .btn-group-vertical &gt; .btn:not(:first-child),
  .btn-group-vertical &gt; .btn-group:not(:first-child) {
    margin-top: -1px; }
  .btn-group-vertical &gt; .btn:not(:last-child):not(.dropdown-toggle),
  .btn-group-vertical &gt; .btn-group:not(:last-child) &gt; .btn {
    border-bottom-right-radius: 10;
    border-bottom-left-radius: 10; }
  .btn-group-vertical &gt; .btn ~ .btn,
  .btn-group-vertical &gt; .btn-group:not(:first-child) &gt; .btn {
    border-top-left-radius: 10;
    border-top-right-radius: 10; }

.btn-group,
.btn-group-vertical {
  border-radius: calc(4px - 1px);
  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; }
  .btn-group:disabled, .btn-group.disabled, fieldset:disabled .btn-group,
  .btn-group-vertical:disabled,
  .btn-group-vertical.disabled, fieldset:disabled .btn-group-vertical {
    border: 0; }
  .btn-group &gt; .btn,
  .btn-group-vertical &gt; .btn {
    box-shadow: none; }
  .btn-group &gt; .btn-group,
  .btn-group-vertical &gt; .btn-group {
    box-shadow: none; }
  .btn-group &gt; .btn-link:first-child,
  .btn-group-vertical &gt; .btn-link:first-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }
  .btn-group &gt; .btn-link:last-child,
  .btn-group-vertical &gt; .btn-link:last-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; }

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

.nav-link {
  display: block;
  padding: 0.5rem 1rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out; }
  @media (prefers-reduced-motion: reduce) {
    .nav-link {
      transition: none; } }
  .nav-link:hover, .nav-link:focus {
    text-decoration: none; }
  .nav-link.disabled {
    color: #6c757d;
    pointer-events: none;
    cursor: default; }

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

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

.nav-pills .nav-link.active,
.nav-pills .show &gt; .nav-link {
  color: #fff;
  background-color: #951CFF; }

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

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

.nav-fill .nav-item .nav-link,
.nav-justified .nav-item .nav-link {
  width: 100%; }

.tab-content &gt; .tab-pane {
  display: none; }
  .tab-content &gt; .tab-pane.fade.show {
    opacity: 1; }

.tab-content &gt; .active {
  display: block; }

.nav-tabs {
  border-bottom: 0; }
  .nav-tabs .nav-link {
    border-width: 0 0 2px 0;
    border-style: solid;
    border-color: transparent;
    border-radius: 0;
    text-transform: uppercase;
    line-height: 1;
    font-weight: 500;
    font-size: 12px;
    color: rgba(0, 0, 0, 0.6);
    padding: 17px 29px 16px 29px; }
    .nav-tabs .nav-link:hover {
      background-color: #f5f5f5;
      border-color: transparent; }
    .nav-tabs .nav-link:focus {
      border-color: transparent; }
  .nav-tabs .nav-link.active,
  .nav-tabs .nav-item.show .nav-link {
    color: #951CFF;
    border-color: #951CFF; }

.nav-pills {
  margin-left: -0.5rem; }
  .nav-pills .nav-link {
    border-radius: 0.25rem;
    font-size: 12px;
    text-transform: uppercase;
    padding: 17px 29px 16px 29px;
    line-height: 1;
    background-color: #f5f5f5;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.6);
    margin: 0.5rem; }
  .nav-pills .nav-link.active,
  .nav-pills .show &gt; .nav-link {
    color: #fff;
    background-color: #951CFF;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }

.nav-fill .nav-item .nav-link,
.nav-justified .nav-item .nav-link {
  width: auto; }

.nav-pills.menu-sidebar .nav-link {
  font-size: 0.8rem;
  background-color: transparent;
  color: #262626;
  line-height: 1.1rem;
  padding: 0 5px;
  font-weight: 400;
  transition: all 0.2s ease-in-out;
  text-transform: initial;
  margin-top: 3px;
  margin-bottom: 3px; }

.nav-pills.menu-sidebar .nav-link.active,
.nav-pills.menu-sidebar .show &gt; .nav-link {
  background-color: transparent;
  box-shadow: none;
  color: #951CFF;
  font-weight: 600;
  border-left: 0.125rem solid #951CFF;
  border-radius: 0; }

.ripple-surface {
  position: relative;
  overflow: hidden;
  display: inline-block;
  vertical-align: bottom; }

.ripple-surface-unbound {
  overflow: visible; }

.ripple-wave {
  background-image: radial-gradient(circle, rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(0, 0, 0, 0) 70%);
  border-radius: 50%;
  opacity: 0.5;
  pointer-events: none;
  position: absolute;
  touch-action: none;
  transform: scale(0);
  transition-property: transform, opacity;
  transition-timing-function: cubic-bezier(0, 0, 0.15, 1), cubic-bezier(0, 0, 0.15, 1);
  z-index: 999; }
  .ripple-wave.active {
    transform: scale(1);
    opacity: 0; }

.btn .ripple-wave {
  background-image: radial-gradient(circle, rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%); }

.ripple-surface-primary .ripple-wave {
  background-image: radial-gradient(circle, rgba(149, 28, 255, 0.2) 0, rgba(149, 28, 255, 0.3) 40%, rgba(149, 28, 255, 0.4) 50%, rgba(149, 28, 255, 0.5) 60%, rgba(149, 28, 255, 0) 70%); }

.ripple-surface-secondary .ripple-wave {
  background-image: radial-gradient(circle, rgba(108, 117, 125, 0.2) 0, rgba(108, 117, 125, 0.3) 40%, rgba(108, 117, 125, 0.4) 50%, rgba(108, 117, 125, 0.5) 60%, rgba(108, 117, 125, 0) 70%); }

.ripple-surface-success .ripple-wave {
  background-image: radial-gradient(circle, rgba(40, 167, 69, 0.2) 0, rgba(40, 167, 69, 0.3) 40%, rgba(40, 167, 69, 0.4) 50%, rgba(40, 167, 69, 0.5) 60%, rgba(40, 167, 69, 0) 70%); }

.ripple-surface-info .ripple-wave {
  background-image: radial-gradient(circle, rgba(23, 162, 184, 0.2) 0, rgba(23, 162, 184, 0.3) 40%, rgba(23, 162, 184, 0.4) 50%, rgba(23, 162, 184, 0.5) 60%, rgba(23, 162, 184, 0) 70%); }

.ripple-surface-warning .ripple-wave {
  background-image: radial-gradient(circle, rgba(255, 193, 7, 0.2) 0, rgba(255, 193, 7, 0.3) 40%, rgba(255, 193, 7, 0.4) 50%, rgba(255, 193, 7, 0.5) 60%, rgba(255, 193, 7, 0) 70%); }

.ripple-surface-danger .ripple-wave {
  background-image: radial-gradient(circle, rgba(220, 53, 69, 0.2) 0, rgba(220, 53, 69, 0.3) 40%, rgba(220, 53, 69, 0.4) 50%, rgba(220, 53, 69, 0.5) 60%, rgba(220, 53, 69, 0) 70%); }

.ripple-surface-light .ripple-wave {
  background-image: radial-gradient(circle, rgba(248, 249, 250, 0.2) 0, rgba(248, 249, 250, 0.3) 40%, rgba(248, 249, 250, 0.4) 50%, rgba(248, 249, 250, 0.5) 60%, rgba(248, 249, 250, 0) 70%); }

.ripple-surface-dark .ripple-wave {
  background-image: radial-gradient(circle, rgba(52, 58, 64, 0.2) 0, rgba(52, 58, 64, 0.3) 40%, rgba(52, 58, 64, 0.4) 50%, rgba(52, 58, 64, 0.5) 60%, rgba(52, 58, 64, 0) 70%); }

.navbar {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding-top: 0.5rem;
  padding-right: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.5rem; }
  .navbar .container,
  .navbar .container-fluid,
  .navbar .container-sm,
  .navbar .container-md,
  .navbar .container-lg,
  .navbar .container-xl {
    display: flex;
    flex-wrap: inherit;
    align-items: center;
    justify-content: space-between; }

.navbar-brand {
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
  margin-right: 1rem;
  font-size: 1.25rem;
  white-space: nowrap; }
  .navbar-brand:hover, .navbar-brand:focus {
    text-decoration: none; }

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

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

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

.navbar-toggler {
  padding: 0.25rem 0.75rem;
  font-size: 1.25rem;
  line-height: 1;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 0.25rem;
  transition: box-shadow 0.15s ease-in-out; }
  @media (prefers-reduced-motion: reduce) {
    .navbar-toggler {
      transition: none; } }
  .navbar-toggler:hover {
    text-decoration: none; }
  .navbar-toggler:focus {
    text-decoration: none;
    outline: 0;
    box-shadow: 0 0 0 0.2rem; }

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

.navbar-nav-scroll {
  max-height: var(--mdb-scroll-height, 75vh);
  overflow-y: auto; }

@media (min-width: 768px) {
  .navbar-expand-sm {
    flex-wrap: nowrap;
    justify-content: flex-start; }
    .navbar-expand-sm .navbar-nav {
      flex-direction: row; }
      .navbar-expand-sm .navbar-nav .dropdown-menu {
        position: absolute; }
      .navbar-expand-sm .navbar-nav .nav-link {
        padding-right: 0.5rem;
        padding-left: 0.5rem; }
    .navbar-expand-sm .navbar-nav-scroll {
      overflow: visible; }
    .navbar-expand-sm .navbar-collapse {
      display: flex !important;
      flex-basis: auto; }
    .navbar-expand-sm .navbar-toggler {
      display: none; } }

@media (min-width: 1024px) {
  .navbar-expand-md {
    flex-wrap: nowrap;
    justify-content: flex-start; }
    .navbar-expand-md .navbar-nav {
      flex-direction: row; }
      .navbar-expand-md .navbar-nav .dropdown-menu {
        position: absolute; }
      .navbar-expand-md .navbar-nav .nav-link {
        padding-right: 0.5rem;
        padding-left: 0.5rem; }
    .navbar-expand-md .navbar-nav-scroll {
      overflow: visible; }
    .navbar-expand-md .navbar-collapse {
      display: flex !important;
      flex-basis: auto; }
    .navbar-expand-md .navbar-toggler {
      display: none; } }

@media (min-width: 1200px) {
  .navbar-expand-lg {
    flex-wrap: nowrap;
    justify-content: flex-start; }
    .navbar-expand-lg .navbar-nav {
      flex-direction: row; }
      .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute; }
      .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 0.5rem;
        padding-left: 0.5rem; }
    .navbar-expand-lg .navbar-nav-scroll {
      overflow: visible; }
    .navbar-expand-lg .navbar-collapse {
      display: flex !important;
      flex-basis: auto; }
    .navbar-expand-lg .navbar-toggler {
      display: none; } }

@media (min-width: 1280px) {
  .navbar-expand-xl {
    flex-wrap: nowrap;
    justify-content: flex-start; }
    .navbar-expand-xl .navbar-nav {
      flex-direction: row; }
      .navbar-expand-xl .navbar-nav .dropdown-menu {
        position: absolute; }
      .navbar-expand-xl .navbar-nav .nav-link {
        padding-right: 0.5rem;
        padding-left: 0.5rem; }
    .navbar-expand-xl .navbar-nav-scroll {
      overflow: visible; }
    .navbar-expand-xl .navbar-collapse {
      display: flex !important;
      flex-basis: auto; }
    .navbar-expand-xl .navbar-toggler {
      display: none; } }

.navbar-expand {
  flex-wrap: nowrap;
  justify-content: flex-start; }
  .navbar-expand .navbar-nav {
    flex-direction: row; }
    .navbar-expand .navbar-nav .dropdown-menu {
      position: absolute; }
    .navbar-expand .navbar-nav .nav-link {
      padding-right: 0.5rem;
      padding-left: 0.5rem; }
  .navbar-expand .navbar-nav-scroll {
    overflow: visible; }
  .navbar-expand .navbar-collapse {
    display: flex !important;
    flex-basis: auto; }
  .navbar-expand .navbar-toggler {
    display: none; }

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

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

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

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

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

.navbar-light .navbar-text {
  color: rgba(0, 0, 0, 0.5); }
  .navbar-light .navbar-text a,
  .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 &gt; .nav-link,
.navbar-dark .navbar-nav .nav-link.active {
  color: #fff; }

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

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

.navbar-dark .navbar-text {
  color: rgba(255, 255, 255, 0.5); }
  .navbar-dark .navbar-text a,
  .navbar-dark .navbar-text a:hover,
  .navbar-dark .navbar-text a:focus {
    color: #fff; }

.navbar {
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.05);
  padding-top: 0.5625rem; }

.navbar-toggler {
  border: 0; }
  .navbar-toggler:focus {
    box-shadow: none; }

.navbar-dark .navbar-toggler,
.navbar-light .navbar-toggler {
  border: 0; }

.navbar-brand {
  display: flex;
  align-items: center; }
  .navbar-brand img {
    margin-right: 0.25rem; }

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

.navbar-dark .navbar-toggler-icon {
  background-image: none; }

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

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

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

.card-subtitle {
  margin-top: -0.25rem;
  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.375rem 1.25rem;
  margin-bottom: 0;
  background-color: rgba(0, 0, 0, 0.03);
  border-bottom: 1px solid rgba(0, 0, 0, 0.125); }
  .card-header:first-child {
    border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; }

.card-footer {
  padding: 0.375rem 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.375rem;
  margin-left: -0.625rem;
  border-bottom: 0; }

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

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

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

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

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

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

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

.card {
  border: 0;
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.05); }
  .card .bg-image {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem; }

.card-header {
  background-color: rgba(255, 255, 255, 0); }

.card-body[class*='bg-'] {
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem; }

.card-footer {
  background-color: rgba(255, 255, 255, 0); }

.accordion-button {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding: 1rem 1.25rem;
  font-size: 1rem;
  color: #4c4c4c;
  text-align: left;
  background-color: #fff;
  border: 0;
  border-radius: 0;
  overflow-anchor: none;
  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, border-radius 0.15s ease; }
  @media (prefers-reduced-motion: reduce) {
    .accordion-button {
      transition: none; } }
  .accordion-button:not(.collapsed) {
    color: #8619e6;
    background-color: #f4e8ff;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.125); }
    .accordion-button:not(.collapsed)::after {
      background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%238619e6'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
      transform: rotate(180deg); }
  .accordion-button::after {
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    margin-left: auto;
    content: '';
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%234c4c4c'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-size: 1.25rem;
    transition: transform 0.2s ease-in-out; }
    @media (prefers-reduced-motion: reduce) {
      .accordion-button::after {
        transition: none; } }
  .accordion-button:hover {
    z-index: 2; }
  .accordion-button:focus {
    z-index: 3;
    border-color: #d19cff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(149, 28, 255, 0.25); }

.accordion-header {
  margin-bottom: 0; }

.accordion-item {
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.125); }
  .accordion-item:first-of-type {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem; }
    .accordion-item:first-of-type .accordion-button {
      border-top-left-radius: calc(0.25rem - 1px);
      border-top-right-radius: calc(0.25rem - 1px); }
  .accordion-item:last-of-type {
    margin-bottom: 0;
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem; }
    .accordion-item:last-of-type .accordion-button.collapsed {
      border-bottom-right-radius: calc(0.25rem - 1px);
      border-bottom-left-radius: calc(0.25rem - 1px); }
    .accordion-item:last-of-type .accordion-collapse {
      border-bottom-right-radius: 0.25rem;
      border-bottom-left-radius: 0.25rem; }

.accordion-body {
  padding: 1rem 1.25rem; }

.accordion-flush .accordion-collapse {
  border-width: 0; }

.accordion-flush .accordion-item {
  border-right: 0;
  border-left: 0;
  border-radius: 0; }
  .accordion-flush .accordion-item:first-child {
    border-top: 0; }
  .accordion-flush .accordion-item:last-child {
    border-bottom: 0; }
  .accordion-flush .accordion-item .accordion-button {
    border-radius: 0; }

.accordion-button:not(.collapsed) {
  background-color: #fff; }
  .accordion-button:not(.collapsed):focus {
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.125); }

.accordion-button:focus {
  border-color: #d19cff;
  outline: 0;
  box-shadow: none; }

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

.breadcrumb-item + .breadcrumb-item {
  padding-left: 0.5rem; }
  .breadcrumb-item + .breadcrumb-item::before {
    float: left;
    padding-right: 0.5rem;
    color: #6c757d;
    content: var(--mdb-breadcrumb-divider, "/") /* rtl: var(--mdb-breadcrumb-divider, "/") */; }

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

.navbar .breadcrumb {
  background-color: transparent;
  margin-bottom: 0; }
  .navbar .breadcrumb .breadcrumb-item a {
    color: rgba(0, 0, 0, 0.55);
    transition: color 0.15s ease-in-out; }
    .navbar .breadcrumb .breadcrumb-item a:hover, .navbar .breadcrumb .breadcrumb-item a:focus {
      color: rgba(0, 0, 0, 0.7); }
  .navbar .breadcrumb .breadcrumb-item + .breadcrumb-item:before {
    color: rgba(0, 0, 0, 0.55); }

.page-link {
  border: 0;
  font-size: 0.9rem;
  color: #951CFF;
  background-color: transparent;
  outline: 0;
  transition: all 0.3s linear;
  border-radius: 0.125rem; }
  .page-link:hover {
    color: #6e00cf; }
  .page-link:focus {
    box-shadow: none; }

.page-item.active .page-link {
  background-color: #951CFF;
  border: 0;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: all 0.2s linear; }

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

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

.page-item:not(:first-child) .page-link {
  margin-left: 0; }

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

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

.pagination-circle .page-item:first-child .page-link {
  border-radius: 50%; }

.pagination-circle .page-item:last-child .page-link {
  border-radius: 50%; }

.pagination-circle .page-link {
  border-radius: 50%;
  padding-left: 0.841rem;
  padding-right: 0.841rem; }

.pagination-circle.pagination-lg .page-link {
  padding-left: 1.39941rem;
  padding-right: 1.39942rem; }

.pagination-circle.pagination-sm .page-link {
  padding-left: 0.696rem;
  padding-right: 0.688rem; }

.badge {
  display: inline-block;
  padding: 0.2em 0.4em;
  font-size: 75%;
  font-weight: 700;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  min-height: 16px;
  line-height: 16px;
  font-size: 90%; }
  .badge:empty {
    display: none; }

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

.badge-dot {
  position: absolute;
  border-radius: 4.5px;
  height: 9px;
  min-width: 0;
  padding: 0;
  width: 9px;
  margin-left: -0.3125rem; }
  .badge-dot:empty {
    display: inline-block; }

.badge-notification {
  position: absolute;
  font-size: 0.6rem;
  margin-top: -0.1rem;
  margin-left: -0.5rem;
  padding: 0.2em 0.45em; }

.alert {
  border: 0; }

.alert-absolute {
  position: absolute; }

.alert-fixed {
  position: fixed;
  z-index: 1070; }

.parent-alert-relative {
  position: relative; }

@keyframes progress-bar-stripes {
  0% {
    background-position-x: 1rem; } }

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

.progress-bar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #951CFF;
  transition: width 0.6s ease; }
  @media (prefers-reduced-motion: reduce) {
    .progress-bar {
      transition: none; } }
.progress-bar-striped {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 1rem 1rem; }

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

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

.list-group-numbered {
  list-style-type: none;
  counter-reset: section; }
  .list-group-numbered &gt; li::before {
    content: counters(section, ".") ". ";
    counter-increment: section; }

.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: #4c4c4c;
    background-color: #e9ecef; }

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

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

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

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

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

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

.list-group-flush {
  border-radius: 0; }
  .list-group-flush &gt; .list-group-item {
    border-width: 0 0 1px; }
    .list-group-flush &gt; .list-group-item:last-child {
      border-bottom-width: 0; }

.list-group-item-primary {
  color: #591199;
  background-color: #ead2ff; }
  .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
    color: #591199;
    background-color: #d3bde6; }
  .list-group-item-primary.list-group-item-action.active {
    color: #fff;
    background-color: #591199;
    border-color: #591199; }

.list-group-item-secondary {
  color: #41464b;
  background-color: #e2e3e5; }
  .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
    color: #41464b;
    background-color: #cbccce; }
  .list-group-item-secondary.list-group-item-action.active {
    color: #fff;
    background-color: #41464b;
    border-color: #41464b; }

.list-group-item-success {
  color: #186429;
  background-color: #d4edda; }
  .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {
    color: #186429;
    background-color: #bfd5c4; }
  .list-group-item-success.list-group-item-action.active {
    color: #fff;
    background-color: #186429;
    border-color: #186429; }

.list-group-item-info {
  color: #0e616e;
  background-color: #d1ecf1; }
  .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
    color: #0e616e;
    background-color: #bcd4d9; }
  .list-group-item-info.list-group-item-action.active {
    color: #fff;
    background-color: #0e616e;
    border-color: #0e616e; }

.list-group-item-warning {
  color: #664d03;
  background-color: #fff3cd; }
  .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
    color: #664d03;
    background-color: #e6dbb9; }
  .list-group-item-warning.list-group-item-action.active {
    color: #fff;
    background-color: #664d03;
    border-color: #664d03; }

.list-group-item-danger {
  color: #842029;
  background-color: #f8d7da; }
  .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {
    color: #842029;
    background-color: #dfc2c4; }
  .list-group-item-danger.list-group-item-action.active {
    color: #fff;
    background-color: #842029;
    border-color: #842029; }

.list-group-item-light {
  color: #636464;
  background-color: #fefefe; }
  .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {
    color: #636464;
    background-color: #e5e5e5; }
  .list-group-item-light.list-group-item-action.active {
    color: #fff;
    background-color: #636464;
    border-color: #636464; }

.list-group-item-dark {
  color: #1f2326;
  background-color: #d6d8d9; }
  .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {
    color: #1f2326;
    background-color: #c1c2c3; }
  .list-group-item-dark.list-group-item-action.active {
    color: #fff;
    background-color: #1f2326;
    border-color: #1f2326; }

.list-group-item-action {
  transition: 0.5s; }
  .list-group-item-action:hover {
    transition: 0.5s; }

.btn-close {
  box-sizing: content-box;
  width: 1em;
  height: 1em;
  padding: 0.25em 0.25em;
  color: #000;
  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
  border: 0;
  border-radius: 0.25rem;
  opacity: 0.5; }
  .btn-close:hover {
    color: #000;
    text-decoration: none;
    opacity: 0.75; }
  .btn-close:focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(149, 28, 255, 0.25);
    opacity: 1; }
  .btn-close:disabled, .btn-close.disabled {
    pointer-events: none;
    user-select: none;
    opacity: 0.25; }

.btn-close-white {
  filter: invert(1) grayscale(100%) brightness(200%); }

.btn-close:focus {
  box-shadow: none; }

.toast {
  min-width: 350px;
  max-width: 100%;
  font-size: 0.875rem;
  color: white;
  pointer-events: auto;
  background-color: #212121;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  border-radius: 0.25rem; }
  .toast:not(.showing):not(.show) {
    opacity: 0; }
  .toast.hide {
    display: none; }

.toast-container {
  width: max-content;
  max-width: 100%;
  pointer-events: none; }
  .toast-container &gt; :not(:last-child) {
    margin-bottom: 15px; }

.toast-header {
  display: flex;
  align-items: center;
  padding: 0.25rem 1rem;
  color: white;
  background-color: #212121;
  background-clip: padding-box;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px); }
  .toast-header .btn-close {
    margin-right: -0.5rem;
    margin-left: 1rem; }

.toast-body {
  padding: 1rem;
  word-wrap: break-word; }

.toast {
  background-color: #212121;
  border: 0;
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); }
  .toast .btn-close {
    width: 1.3em;
    margin-left: 20px;
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat; }

.toast-header {
  background-color: #212121; }

.parent-toast-relative {
  position: relative; }

.toast-absolute {
  position: absolute; }

.toast-fixed {
  position: fixed;
  z-index: 1060;
  bottom: 15px;
  left: 30px; }

.toast-group {
  bottom: 100px;
  left: 30px;
  z-index: 1060; }

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 768px) {
  .modal-dialog {
    max-width: 90vw;
    margin: 1.75rem auto; }
  .modal-dialog-scrollable {
    height: calc(100% - 3.5rem); }
  .modal-dialog-centered {
    min-height: calc(100% - 3.5rem); }
  .modal-sm {
    max-width: 400px; } }

@media (min-width: 1200px) {
  .modal-lg,
  .modal-xl {
    max-width: 80%; } }

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

@media (max-width: 575.98px) {
  .modal-fullscreen-xs-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0; }
    .modal-fullscreen-xs-down .modal-content {
      height: 100%;
      border: 0;
      border-radius: 0; }
    .modal-fullscreen-xs-down .modal-header {
      border-radius: 0; }
    .modal-fullscreen-xs-down .modal-body {
      overflow-y: auto; }
    .modal-fullscreen-xs-down .modal-footer {
      border-radius: 0; } }

@media (max-width: 767.98px) {
  .modal-fullscreen-sm-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0; }
    .modal-fullscreen-sm-down .modal-content {
      height: 100%;
      border: 0;
      border-radius: 0; }
    .modal-fullscreen-sm-down .modal-header {
      border-radius: 0; }
    .modal-fullscreen-sm-down .modal-body {
      overflow-y: auto; }
    .modal-fullscreen-sm-down .modal-footer {
      border-radius: 0; } }

@media (max-width: 1023.98px) {
  .modal-fullscreen-md-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0; }
    .modal-fullscreen-md-down .modal-content {
      height: 100%;
      border: 0;
      border-radius: 0; }
    .modal-fullscreen-md-down .modal-header {
      border-radius: 0; }
    .modal-fullscreen-md-down .modal-body {
      overflow-y: auto; }
    .modal-fullscreen-md-down .modal-footer {
      border-radius: 0; } }

@media (max-width: 1199.98px) {
  .modal-fullscreen-lg-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0; }
    .modal-fullscreen-lg-down .modal-content {
      height: 100%;
      border: 0;
      border-radius: 0; }
    .modal-fullscreen-lg-down .modal-header {
      border-radius: 0; }
    .modal-fullscreen-lg-down .modal-body {
      overflow-y: auto; }
    .modal-fullscreen-lg-down .modal-footer {
      border-radius: 0; } }

@media (max-width: 1279.98px) {
  .modal-fullscreen-xl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0; }
    .modal-fullscreen-xl-down .modal-content {
      height: 100%;
      border: 0;
      border-radius: 0; }
    .modal-fullscreen-xl-down .modal-header {
      border-radius: 0; }
    .modal-fullscreen-xl-down .modal-body {
      overflow-y: auto; }
    .modal-fullscreen-xl-down .modal-footer {
      border-radius: 0; } }

.modal-content {
  border: 0;
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.05); }

.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  margin: 0;
  font-family: Roboto, sans-serif;
  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 .tooltip-arrow {
    position: absolute;
    display: block;
    width: 0.8rem;
    height: 0.4rem; }
    .tooltip .tooltip-arrow::before {
      position: absolute;
      content: '';
      border-color: transparent;
      border-style: solid; }

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

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

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

.bs-tooltip-start, .bs-tooltip-auto[data-popper-placement^='left'] {
  padding: 0 0.4rem; }
  .bs-tooltip-start .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^='left'] .tooltip-arrow {
    right: 0;
    width: 0.4rem;
    height: 0.8rem; }
    .bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^='left'] .tooltip-arrow::before {
      left: -1px;
      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; }

.tooltip.show {
  opacity: 1; }

.tooltip .tooltip-arrow {
  display: none; }

.tooltip-inner {
  color: #fff;
  padding: 6px 16px;
  font-size: 14px;
  background-color: #6d6d6d;
  border-radius: 0.25rem; }

.pagination {
  display: flex;
  padding-left: 0;
  list-style: none; }

.page-link {
  position: relative;
  display: block;
  color: #951CFF;
  background-color: #fff;
  border: 1px solid #dee2e6;
  transition: all 0.3s linear; }
  @media (prefers-reduced-motion: reduce) {
    .page-link {
      transition: none; } }
  .page-link:hover {
    z-index: 2;
    color: #6e00cf;
    text-decoration: none;
    background-color: #e9ecef;
    border-color: #dee2e6; }
  .page-link:focus {
    z-index: 3;
    color: #6e00cf;
    background-color: #e9ecef;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(149, 28, 255, 0.25); }

.page-item:not(:first-child) .page-link {
  margin-left: -1px; }

.page-item.active .page-link {
  z-index: 3;
  color: #fff;
  background-color: #951CFF;
  border-color: #951CFF; }

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

.page-link {
  padding: 0.5rem 0.75rem; }

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

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

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

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

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

.popover {
  border: 0;
  box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.2); }
  .popover .popover-arrow {
    display: none; }

.popover-header {
  background-color: #fff; }

.carousel {
  position: relative; }

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

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden; }
  .carousel-inner::after {
    display: block;
    clear: both;
    content: ""; }

.carousel-item {
  position: relative;
  display: none;
  float: left;
  width: 100%;
  margin-right: -100%;
  backface-visibility: hidden;
  transition: transform 0.6s ease-in-out; }
  @media (prefers-reduced-motion: reduce) {
    .carousel-item {
      transition: none; } }
.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
  display: block; }

/* rtl:begin:ignore */
.carousel-item-next:not(.carousel-item-start),
.active.carousel-item-end {
  transform: translateX(100%); }

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

/* rtl:end:ignore */
.carousel-fade .carousel-item {
  opacity: 0;
  transition-property: opacity;
  transform: none; }

.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-start,
.carousel-fade .carousel-item-prev.carousel-item-end {
  z-index: 1;
  opacity: 1; }

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

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

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

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

/* rtl:options: {
  "autoRename": true,
  "stringMap":[ {
    "name"    : "prev-next",
    "search"  : "prev",
    "replace" : "next"
  } ]
} */
.carousel-control-prev-icon {
  background-image: none; }

.carousel-control-next-icon {
  background-image: none; }

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

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 1.25rem;
  left: 15%;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  color: #fff;
  text-align: center; }

.carousel-dark .carousel-control-prev-icon,
.carousel-dark .carousel-control-next-icon {
  filter: invert(1) grayscale(100); }

.carousel-dark .carousel-indicators [data-bs-target], .carousel-dark .carousel-indicators [data-mdb-target] {
  background-color: #000; }

.carousel-dark .carousel-caption {
  color: #000; }

.carousel-control-prev-icon::after {
  content: '\f053';
  font-weight: 700;
  font-family: 'Font Awesome 5 Pro', 'Font Awesome 5 Free';
  font-size: 1.7rem; }

.carousel-control-next-icon::after {
  content: '\f054';
  font-weight: 700;
  font-family: 'Font Awesome 5 Pro', 'Font Awesome 5 Free';
  font-size: 1.7rem; }

@keyframes spinner-border {
  to {
    transform: rotate(360deg) /* rtl:ignore */; } }

.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%;
  animation: 0.75s linear infinite spinner-border; }

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

@keyframes spinner-grow {
  0% {
    transform: scale(0); }
  50% {
    opacity: 1;
    transform: none; } }

.spinner-grow {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: text-bottom;
  background-color: currentColor;
  border-radius: 50%;
  opacity: 0;
  animation: 0.75s linear infinite spinner-grow; }

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

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

.offcanvas {
  position: fixed;
  bottom: 0;
  z-index: 1040;
  display: flex;
  flex-direction: column;
  max-width: 100%;
  visibility: hidden;
  background-color: #fff;
  background-clip: padding-box;
  outline: 0;
  transition: transform 0.3s ease-in-out; }
  @media (prefers-reduced-motion: reduce) {
    .offcanvas {
      transition: none; } }
.offcanvas-header {
  display: flex;
  justify-content: space-between;
  padding: 1rem 1rem; }
  .offcanvas-header .btn-close {
    padding: 0.5rem 0.5rem;
    margin: -0.5rem -0.5rem -0.5rem auto; }

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

.offcanvas-body {
  flex-grow: 1;
  padding: 1rem 1rem;
  overflow-y: auto; }

.offcanvas-start {
  top: 0;
  left: 0;
  width: 400px;
  border-right: 1px solid rgba(0, 0, 0, 0.2);
  transform: translateX(-100%); }

.offcanvas-end {
  top: 0;
  right: 0;
  width: 400px;
  border-left: 1px solid rgba(0, 0, 0, 0.2);
  transform: translateX(100%); }

.offcanvas-bottom {
  right: 0;
  left: 0;
  height: 30vh;
  max-height: 100%;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  transform: translateY(100%); }

.offcanvas.show {
  transform: none; }

.offcanvas-backdrop::before {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1039;
  width: 100vw;
  height: 100vh;
  content: '';
  background-color: rgba(0, 0, 0, 0.2); }

.link-primary {
  color: #951CFF; }
  .link-primary:hover, .link-primary:focus {
    color: #7716cc; }

.link-secondary {
  color: #6c757d; }
  .link-secondary:hover, .link-secondary:focus {
    color: #565e64; }

.link-success {
  color: #28a745; }
  .link-success:hover, .link-success:focus {
    color: #53b96a; }

.link-info {
  color: #17a2b8; }
  .link-info:hover, .link-info:focus {
    color: #45b5c6; }

.link-warning {
  color: #ffc107; }
  .link-warning:hover, .link-warning:focus {
    color: #ffcd39; }

.link-danger {
  color: #dc3545; }
  .link-danger:hover, .link-danger:focus {
    color: #b02a37; }

.link-light {
  color: #f8f9fa; }
  .link-light:hover, .link-light:focus {
    color: #f9fafb; }

.link-dark {
  color: #343a40; }
  .link-dark:hover, .link-dark:focus {
    color: #2a2e33; }

.ratio {
  position: relative;
  width: 100%; }
  .ratio::before {
    display: block;
    padding-top: var(--mdb-aspect-ratio);
    content: ''; }
  .ratio &gt; * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.ratio-1x1 {
  --mdb-aspect-ratio: 100%; }

.ratio-4x3 {
  --mdb-aspect-ratio: calc(3 / 4 * 100%); }

.ratio-16x9 {
  --mdb-aspect-ratio: calc(9 / 16 * 100%); }

.ratio-21x9 {
  --mdb-aspect-ratio: calc(9 / 21 * 100%); }

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

@media (min-width: 576px) {
  .sticky-xs-top {
    position: sticky;
    top: 0;
    z-index: 1020; } }

@media (min-width: 768px) {
  .sticky-sm-top {
    position: sticky;
    top: 0;
    z-index: 1020; } }

@media (min-width: 1024px) {
  .sticky-md-top {
    position: sticky;
    top: 0;
    z-index: 1020; } }

@media (min-width: 1200px) {
  .sticky-lg-top {
    position: sticky;
    top: 0;
    z-index: 1020; } }

@media (min-width: 1280px) {
  .sticky-xl-top {
    position: sticky;
    top: 0;
    z-index: 1020; } }

.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  content: ''; }

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

/*!
 * Bootstrap Grid v4.4.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)
 */
@-ms-viewport {
  width: device-width; }

html {
  box-sizing: border-box;
  -ms-overflow-style: scrollbar; }

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

.row {
  display: flex;
  flex-wrap: wrap; }

.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto; }
  @media (min-width: 768px) {
    .container {
      max-width: 540px; } }
  @media (min-width: 1024px) {
    .container {
      max-width: 768px; } }
  @media (min-width: 1200px) {
    .container {
      max-width: 960px; } }
  @media (min-width: 1280px) {
    .container {
      max-width: 1140px; } }
.container-fluid, .container-sm, .container-md, .container-lg, .container-xl {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto; }

@media (min-width: 768px) {
  .container-sm, .container-xs {
    max-width: 540px; } }

@media (min-width: 1024px) {
  .container-xs, .container-md, .container-sm {
    max-width: 768px; } }

@media (min-width: 1200px) {
  .container-xs, .container-sm, .container-lg, .container-md {
    max-width: 960px; } }

@media (min-width: 1280px) {
  .container-xs, .container-sm, .container-md, .container-xl, .container-lg {
    max-width: 1140px; } }

.row {
  margin-right: -15px;
  margin-left: -15px; }
  .row::after {
    display: block;
    clear: both;
    content: ""; }

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

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs,
.col-xs-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; }

@media (min-width: 576px) {
  .col-xs {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%; }
  .row-cols-xs-1 &gt; * {
    flex: 0 0 100%;
    max-width: 100%; }
  .row-cols-xs-2 &gt; * {
    flex: 0 0 50%;
    max-width: 50%; }
  .row-cols-xs-3 &gt; * {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .row-cols-xs-4 &gt; * {
    flex: 0 0 25%;
    max-width: 25%; }
  .row-cols-xs-5 &gt; * {
    flex: 0 0 20%;
    max-width: 20%; }
  .row-cols-xs-6 &gt; * {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-xs-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%; }
  .col-xs-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-xs-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-xs-3 {
    flex: 0 0 25%;
    max-width: 25%; }
  .col-xs-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-xs-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-xs-6 {
    flex: 0 0 50%;
    max-width: 50%; }
  .col-xs-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-xs-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-xs-9 {
    flex: 0 0 75%;
    max-width: 75%; }
  .col-xs-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-xs-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-xs-12 {
    flex: 0 0 100%;
    max-width: 100%; }
  .order-xs-first {
    order: -1; }
  .order-xs-last {
    order: 13; }
  .order-xs-0 {
    order: 0; }
  .order-xs-1 {
    order: 1; }
  .order-xs-2 {
    order: 2; }
  .order-xs-3 {
    order: 3; }
  .order-xs-4 {
    order: 4; }
  .order-xs-5 {
    order: 5; }
  .order-xs-6 {
    order: 6; }
  .order-xs-7 {
    order: 7; }
  .order-xs-8 {
    order: 8; }
  .order-xs-9 {
    order: 9; }
  .order-xs-10 {
    order: 10; }
  .order-xs-11 {
    order: 11; }
  .order-xs-12 {
    order: 12; }
  .offset-xs-0 {
    margin-left: 0; }
  .offset-xs-1 {
    margin-left: 8.33333%; }
  .offset-xs-2 {
    margin-left: 16.66667%; }
  .offset-xs-3 {
    margin-left: 25%; }
  .offset-xs-4 {
    margin-left: 33.33333%; }
  .offset-xs-5 {
    margin-left: 41.66667%; }
  .offset-xs-6 {
    margin-left: 50%; }
  .offset-xs-7 {
    margin-left: 58.33333%; }
  .offset-xs-8 {
    margin-left: 66.66667%; }
  .offset-xs-9 {
    margin-left: 75%; }
  .offset-xs-10 {
    margin-left: 83.33333%; }
  .offset-xs-11 {
    margin-left: 91.66667%; } }

@media (min-width: 768px) {
  .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%; }
  .row-cols-sm-1 &gt; * {
    flex: 0 0 100%;
    max-width: 100%; }
  .row-cols-sm-2 &gt; * {
    flex: 0 0 50%;
    max-width: 50%; }
  .row-cols-sm-3 &gt; * {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .row-cols-sm-4 &gt; * {
    flex: 0 0 25%;
    max-width: 25%; }
  .row-cols-sm-5 &gt; * {
    flex: 0 0 20%;
    max-width: 20%; }
  .row-cols-sm-6 &gt; * {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%; }
  .col-sm-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-sm-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%; }
  .col-sm-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-sm-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%; }
  .col-sm-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-sm-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%; }
  .col-sm-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-sm-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%; }
  .order-sm-first {
    order: -1; }
  .order-sm-last {
    order: 13; }
  .order-sm-0 {
    order: 0; }
  .order-sm-1 {
    order: 1; }
  .order-sm-2 {
    order: 2; }
  .order-sm-3 {
    order: 3; }
  .order-sm-4 {
    order: 4; }
  .order-sm-5 {
    order: 5; }
  .order-sm-6 {
    order: 6; }
  .order-sm-7 {
    order: 7; }
  .order-sm-8 {
    order: 8; }
  .order-sm-9 {
    order: 9; }
  .order-sm-10 {
    order: 10; }
  .order-sm-11 {
    order: 11; }
  .order-sm-12 {
    order: 12; }
  .offset-sm-0 {
    margin-left: 0; }
  .offset-sm-1 {
    margin-left: 8.33333%; }
  .offset-sm-2 {
    margin-left: 16.66667%; }
  .offset-sm-3 {
    margin-left: 25%; }
  .offset-sm-4 {
    margin-left: 33.33333%; }
  .offset-sm-5 {
    margin-left: 41.66667%; }
  .offset-sm-6 {
    margin-left: 50%; }
  .offset-sm-7 {
    margin-left: 58.33333%; }
  .offset-sm-8 {
    margin-left: 66.66667%; }
  .offset-sm-9 {
    margin-left: 75%; }
  .offset-sm-10 {
    margin-left: 83.33333%; }
  .offset-sm-11 {
    margin-left: 91.66667%; } }

@media (min-width: 1024px) {
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%; }
  .row-cols-md-1 &gt; * {
    flex: 0 0 100%;
    max-width: 100%; }
  .row-cols-md-2 &gt; * {
    flex: 0 0 50%;
    max-width: 50%; }
  .row-cols-md-3 &gt; * {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .row-cols-md-4 &gt; * {
    flex: 0 0 25%;
    max-width: 25%; }
  .row-cols-md-5 &gt; * {
    flex: 0 0 20%;
    max-width: 20%; }
  .row-cols-md-6 &gt; * {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%; }
  .col-md-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-md-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%; }
  .col-md-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-md-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%; }
  .col-md-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-md-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%; }
  .col-md-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-md-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%; }
  .order-md-first {
    order: -1; }
  .order-md-last {
    order: 13; }
  .order-md-0 {
    order: 0; }
  .order-md-1 {
    order: 1; }
  .order-md-2 {
    order: 2; }
  .order-md-3 {
    order: 3; }
  .order-md-4 {
    order: 4; }
  .order-md-5 {
    order: 5; }
  .order-md-6 {
    order: 6; }
  .order-md-7 {
    order: 7; }
  .order-md-8 {
    order: 8; }
  .order-md-9 {
    order: 9; }
  .order-md-10 {
    order: 10; }
  .order-md-11 {
    order: 11; }
  .order-md-12 {
    order: 12; }
  .offset-md-0 {
    margin-left: 0; }
  .offset-md-1 {
    margin-left: 8.33333%; }
  .offset-md-2 {
    margin-left: 16.66667%; }
  .offset-md-3 {
    margin-left: 25%; }
  .offset-md-4 {
    margin-left: 33.33333%; }
  .offset-md-5 {
    margin-left: 41.66667%; }
  .offset-md-6 {
    margin-left: 50%; }
  .offset-md-7 {
    margin-left: 58.33333%; }
  .offset-md-8 {
    margin-left: 66.66667%; }
  .offset-md-9 {
    margin-left: 75%; }
  .offset-md-10 {
    margin-left: 83.33333%; }
  .offset-md-11 {
    margin-left: 91.66667%; } }

@media (min-width: 1200px) {
  .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%; }
  .row-cols-lg-1 &gt; * {
    flex: 0 0 100%;
    max-width: 100%; }
  .row-cols-lg-2 &gt; * {
    flex: 0 0 50%;
    max-width: 50%; }
  .row-cols-lg-3 &gt; * {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .row-cols-lg-4 &gt; * {
    flex: 0 0 25%;
    max-width: 25%; }
  .row-cols-lg-5 &gt; * {
    flex: 0 0 20%;
    max-width: 20%; }
  .row-cols-lg-6 &gt; * {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%; }
  .col-lg-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-lg-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%; }
  .col-lg-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-lg-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%; }
  .col-lg-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-lg-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%; }
  .col-lg-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-lg-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%; }
  .order-lg-first {
    order: -1; }
  .order-lg-last {
    order: 13; }
  .order-lg-0 {
    order: 0; }
  .order-lg-1 {
    order: 1; }
  .order-lg-2 {
    order: 2; }
  .order-lg-3 {
    order: 3; }
  .order-lg-4 {
    order: 4; }
  .order-lg-5 {
    order: 5; }
  .order-lg-6 {
    order: 6; }
  .order-lg-7 {
    order: 7; }
  .order-lg-8 {
    order: 8; }
  .order-lg-9 {
    order: 9; }
  .order-lg-10 {
    order: 10; }
  .order-lg-11 {
    order: 11; }
  .order-lg-12 {
    order: 12; }
  .offset-lg-0 {
    margin-left: 0; }
  .offset-lg-1 {
    margin-left: 8.33333%; }
  .offset-lg-2 {
    margin-left: 16.66667%; }
  .offset-lg-3 {
    margin-left: 25%; }
  .offset-lg-4 {
    margin-left: 33.33333%; }
  .offset-lg-5 {
    margin-left: 41.66667%; }
  .offset-lg-6 {
    margin-left: 50%; }
  .offset-lg-7 {
    margin-left: 58.33333%; }
  .offset-lg-8 {
    margin-left: 66.66667%; }
  .offset-lg-9 {
    margin-left: 75%; }
  .offset-lg-10 {
    margin-left: 83.33333%; }
  .offset-lg-11 {
    margin-left: 91.66667%; } }

@media (min-width: 1280px) {
  .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%; }
  .row-cols-xl-1 &gt; * {
    flex: 0 0 100%;
    max-width: 100%; }
  .row-cols-xl-2 &gt; * {
    flex: 0 0 50%;
    max-width: 50%; }
  .row-cols-xl-3 &gt; * {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .row-cols-xl-4 &gt; * {
    flex: 0 0 25%;
    max-width: 25%; }
  .row-cols-xl-5 &gt; * {
    flex: 0 0 20%;
    max-width: 20%; }
  .row-cols-xl-6 &gt; * {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%; }
  .col-xl-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-xl-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%; }
  .col-xl-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-xl-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%; }
  .col-xl-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-xl-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%; }
  .col-xl-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-xl-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%; }
  .order-xl-first {
    order: -1; }
  .order-xl-last {
    order: 13; }
  .order-xl-0 {
    order: 0; }
  .order-xl-1 {
    order: 1; }
  .order-xl-2 {
    order: 2; }
  .order-xl-3 {
    order: 3; }
  .order-xl-4 {
    order: 4; }
  .order-xl-5 {
    order: 5; }
  .order-xl-6 {
    order: 6; }
  .order-xl-7 {
    order: 7; }
  .order-xl-8 {
    order: 8; }
  .order-xl-9 {
    order: 9; }
  .order-xl-10 {
    order: 10; }
  .order-xl-11 {
    order: 11; }
  .order-xl-12 {
    order: 12; }
  .offset-xl-0 {
    margin-left: 0; }
  .offset-xl-1 {
    margin-left: 8.33333%; }
  .offset-xl-2 {
    margin-left: 16.66667%; }
  .offset-xl-3 {
    margin-left: 25%; }
  .offset-xl-4 {
    margin-left: 33.33333%; }
  .offset-xl-5 {
    margin-left: 41.66667%; }
  .offset-xl-6 {
    margin-left: 50%; }
  .offset-xl-7 {
    margin-left: 58.33333%; }
  .offset-xl-8 {
    margin-left: 66.66667%; }
  .offset-xl-9 {
    margin-left: 75%; }
  .offset-xl-10 {
    margin-left: 83.33333%; }
  .offset-xl-11 {
    margin-left: 91.66667%; } }

@media (min-width: 576px) {
  .d-xs-none {
    display: none !important; }
  .d-xs-inline {
    display: inline !important; }
  .d-xs-inline-block {
    display: inline-block !important; }
  .d-xs-block {
    display: block !important; }
  .d-xs-table {
    display: table !important; }
  .d-xs-table-row {
    display: table-row !important; }
  .d-xs-table-cell {
    display: table-cell !important; }
  .d-xs-flex {
    display: flex !important; }
  .d-xs-inline-flex {
    display: inline-flex !important; } }

@media (min-width: 768px) {
  .d-sm-none {
    display: none !important; }
  .d-sm-inline {
    display: inline !important; }
  .d-sm-inline-block {
    display: inline-block !important; }
  .d-sm-block {
    display: block !important; }
  .d-sm-table {
    display: table !important; }
  .d-sm-table-row {
    display: table-row !important; }
  .d-sm-table-cell {
    display: table-cell !important; }
  .d-sm-flex {
    display: flex !important; }
  .d-sm-inline-flex {
    display: inline-flex !important; } }

@media (min-width: 1024px) {
  .d-md-none {
    display: none !important; }
  .d-md-inline {
    display: inline !important; }
  .d-md-inline-block {
    display: inline-block !important; }
  .d-md-block {
    display: block !important; }
  .d-md-table {
    display: table !important; }
  .d-md-table-row {
    display: table-row !important; }
  .d-md-table-cell {
    display: table-cell !important; }
  .d-md-flex {
    display: flex !important; }
  .d-md-inline-flex {
    display: inline-flex !important; } }

@media (min-width: 1200px) {
  .d-lg-none {
    display: none !important; }
  .d-lg-inline {
    display: inline !important; }
  .d-lg-inline-block {
    display: inline-block !important; }
  .d-lg-block {
    display: block !important; }
  .d-lg-table {
    display: table !important; }
  .d-lg-table-row {
    display: table-row !important; }
  .d-lg-table-cell {
    display: table-cell !important; }
  .d-lg-flex {
    display: flex !important; }
  .d-lg-inline-flex {
    display: inline-flex !important; } }

@media (min-width: 1280px) {
  .d-xl-none {
    display: none !important; }
  .d-xl-inline {
    display: inline !important; }
  .d-xl-inline-block {
    display: inline-block !important; }
  .d-xl-block {
    display: block !important; }
  .d-xl-table {
    display: table !important; }
  .d-xl-table-row {
    display: table-row !important; }
  .d-xl-table-cell {
    display: table-cell !important; }
  .d-xl-flex {
    display: flex !important; }
  .d-xl-inline-flex {
    display: inline-flex !important; } }

@media print {
  .d-print-none {
    display: none !important; }
  .d-print-inline {
    display: inline !important; }
  .d-print-inline-block {
    display: inline-block !important; }
  .d-print-block {
    display: block !important; }
  .d-print-table {
    display: table !important; }
  .d-print-table-row {
    display: table-row !important; }
  .d-print-table-cell {
    display: table-cell !important; }
  .d-print-flex {
    display: flex !important; }
  .d-print-inline-flex {
    display: inline-flex !important; } }

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

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

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

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

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

/******************************************************************************
* stdBs4MdVariables.scss
*******************************************************************************

*******************************************************************************
*                                                                             *
* Copyright 2021									                          *
*                                                                             *
******************************************************************************/
/*Default Colors*/
/**/
/* navigation */
/*Display global*/
/*Override variable screen-md-max*/
/* Theming */
/* Utilities */
.d-none {
  display: none !important; }

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

@media (max-width: 767.98px) {
  /* xs */
  .hidden-xs {
    display: none !important; } }

@media (min-width: 768px) and (max-width: 1023.98px) {
  /* sm */
  .hidden-sm {
    display: none !important; } }

@media (min-width: 1024px) and (max-width: 1199.98px) {
  /* md */
  .hidden-md {
    display: none !important; } }

@media (min-width: 1200px) and (max-width: 1279.98px) {
  /* lg */
  .hidden-lg {
    display: none !important; } }

@media (min-width: 1280px) {
  /* xl */
  .hidden-xl {
    display: none !important; } }

.badge-primary {
  background-color: #B5ACA2; }

.badge-search {
  position: absolute;
  top: 20px;
  right: 70px;
  font-size: .7rem;
  padding: 0.1em 0.2em; }

.col-xs-12, .col-full {
  width: 100%;
  padding-right: 30px;
  padding-left: 30px; }

.d-xs-flex {
  display: flex; }

.flex-xs-col {
  width: 100%; }

.sticky {
  position: sticky;
  position: -webkit-sticky;
  top: 190px; }
  .sticky .product-order-row {
    z-index: -2; }

.stickyX {
  position: sticky;
  position: -webkit-sticky;
  left: 0px; }

.stickyR {
  position: sticky;
  position: -webkit-sticky;
  right: 0px; }

.srollShadow {
  -webkit-box-shadow: inset -32px -1px 10px -20px #ffffff;
  box-shadow: inset -32px -1px 10px -20px #ffffff;
  padding: 15px; }

.dimensionsTd {
  background-color: white !important;
  display: flex;
  align-items: center;
  z-index: 1035;
  height: 48px !important;
  min-width: 130px; }

.ui-widget.ui-widget-content {
  width: auto !important;
  overflow: hidden; }

@media (max-width: 767px) {
  .ui-widget.ui-widget-content {
    overflow-y: auto;
    max-height: 300px; } }

.dimension1Picture {
  width: 26px; }

.gshpEcoTax, .gssLightProductGreenTaxLabel {
  font-size: .7rem;
  font-weight: 300;
  line-height: .7rem; }

.gshopContainer.container, .gshopContainer .container, .gshopContainer .col-full {
  padding: 0 15px; }

.gshopContainer h1, .gshopContainer .h1 {
  margin-bottom: 10px;
  font-weight: 700; }

.col-subCat-item {
  position: relative;
  padding-top: 5px; }
  .col-subCat-item .btn.absolute {
    top: 0px;
    right: 25px; }

.container {
  padding-right: 30px;
  padding-left: 30px; }

.pull-right,
.btn-searchSubmit,
.btn-legend,
body .btn-gototop {
  float: right; }

.pull-left,
.btn-left {
  float: left;
  margin-right: auto; }

.small, .small span, .small a {
  font-size: 12px !important; }

.medium, medium span, medium a {
  font-size: 1rem !important; }

.figure img {
  border-radius: 5px; }

.form-outline span:focus ~ .form-label, .form-outline .form-control:focus ~ .form-label {
  color: #B5ACA2 !important; }

#fulltextInput::-webkit-search-cancel-button {
  position: relative;
  right: 30px; }

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }

/* Firefox */
input[type=number] {
  -moz-appearance: textfield; }

/* text colors */
.color-base,
.ProductDescriptionContainer h4 a,
.ProductDescriptionContainer .h4 a,
.product-page .price-zone .gshpProductPrice,
.product-in-list .price-data .price a,
.Linked-product .price-data .price a,
.gssProductList .gssLightProductFloatingLabel .gssprice .gssprice-label,
.gssProductList .gssLightProductFloatingLabel .gssprice small,
.gssProductList .gssLightProductFloatingLabel .gssprice .small,
.gssProductList .gssLightProductFloatingLabel .gssprice .gssCustomPrice,
.gssSliderSummary .gssRangeLabel,
table.gssSliderLabels &gt; tbody .gssRangeBar,
table.gssSliderLabels &gt; tbody .gssRangeBarChecked,
table tr.gssSliderBarHead td,
.gssSubGroups .gssGroupHeaderRow a .gssGroupToggleButton,
.preHome_body .preHome.content .bsGrid .userLang .dropdown-item,
.preHome_body .preHome.content .bbsRow .userLang .dropdown-item,
.icon_24_close.color-base:before,
input,
.button-clear-light,
.gshpDashedPrice {
  color: #212529; }
  .color-base:hover,
  .ProductDescriptionContainer h4 a:hover,
  .ProductDescriptionContainer .h4 a:hover,
  .product-page .price-zone .gshpProductPrice:hover,
  .product-in-list .price-data .price a:hover,
  .Linked-product .price-data .price a:hover,
  .gssProductList .gssLightProductFloatingLabel .gssprice .gssprice-label:hover,
  .gssProductList .gssLightProductFloatingLabel .gssprice small:hover,
  .gssProductList .gssLightProductFloatingLabel .gssprice .small:hover,
  .gssProductList .gssLightProductFloatingLabel .gssprice .gssCustomPrice:hover,
  .gssSliderSummary .gssRangeLabel:hover,
  table.gssSliderLabels &gt; tbody .gssRangeBar:hover,
  table.gssSliderLabels &gt; tbody .gssRangeBarChecked:hover,
  table tr.gssSliderBarHead td:hover,
  .gssSubGroups .gssGroupHeaderRow a .gssGroupToggleButton:hover,
  .preHome_body .preHome.content .bsGrid .userLang .dropdown-item:hover,
  .preHome_body .preHome.content .bbsRow .userLang .dropdown-item:hover,
  .icon_24_close.color-base:hover:before,
  input:hover,
  .button-clear-light:hover,
  .gshpDashedPrice:hover {
    color: #212529; }
  .color-base i,
  .ProductDescriptionContainer h4 a i,
  .ProductDescriptionContainer .h4 a i,
  .product-page .price-zone .gshpProductPrice i,
  .product-in-list .price-data .price a i,
  .Linked-product .price-data .price a i,
  .gssProductList .gssLightProductFloatingLabel .gssprice .gssprice-label i,
  .gssProductList .gssLightProductFloatingLabel .gssprice small i,
  .gssProductList .gssLightProductFloatingLabel .gssprice .small i,
  .gssProductList .gssLightProductFloatingLabel .gssprice .gssCustomPrice i,
  .gssSliderSummary .gssRangeLabel i,
  table.gssSliderLabels &gt; tbody .gssRangeBar i,
  table.gssSliderLabels &gt; tbody .gssRangeBarChecked i,
  table tr.gssSliderBarHead td i,
  .gssSubGroups .gssGroupHeaderRow a .gssGroupToggleButton i,
  .preHome_body .preHome.content .bsGrid .userLang .dropdown-item i,
  .preHome_body .preHome.content .bbsRow .userLang .dropdown-item i,
  .icon_24_close.color-base:before i,
  input i,
  .button-clear-light i,
  .gshpDashedPrice i {
    color: #212529; }

.color-base.tile {
  color: #212529; }
  .color-base.tile i:before {
    background-color: #4e5862; }
  .color-base.tile:hover,
  .color-base.tile i, .color-base.tile:hover i {
    color: #212529; }

.color-red,
.gssLightProductStockLabel .stockMsg.CriticalStockNotReorderable:before,
.gssLightProductStockLabel .stockMsg.CriticalStockReorderable:before,
.gshpBasket_buttonBar .gshpBasket_buttonBar_cannotOrderReason,
.gshpBasket_postFace .gshpBasket_buttonBar_cannotOrderReason,
.stockMsg.CriticalStockNotReorderable:before,
.stockMsg.CriticalStockReorderable:before,
.stockMsgNotOrderable:before,
.stockMsg.CriticalStockNotReorderable,
.stockMsg.CriticalStockReorderable,
.stockMsgNotOrderable,
.preHome_body .preHome.content .bsGrid .failurePara,
.preHome_body .preHome.content .bbsRow .failurePara,
.product-order-provision-active.CriticalStockNotReorderable i,
.product-order-provision-active.CriticalStockReorderable i,
.product-order-provision-active.CriticalStockNotReorderable,
.product-order-provision-active.CriticalStockReorderable,
.alert-message {
  color: #eb003b; }
  .color-red:hover, .color-red i,
  .gshpBasket_buttonBar .gshpBasket_buttonBar_cannotOrderReason:hover,
  .gshpBasket_postFace .gshpBasket_buttonBar_cannotOrderReason:hover,
  .stockMsg.CriticalStockNotReorderable:hover:before,
  .stockMsg.CriticalStockReorderable:hover:before,
  .stockMsgNotOrderable:hover:before,
  .stockMsg.CriticalStockNotReorderable:hover,
  .stockMsg.CriticalStockReorderable:hover,
  .stockMsgNotOrderable:hover,
  .preHome_body .preHome.content .bsGrid .failurePara:hover,
  .preHome_body .preHome.content .bbsRow .failurePara:hover,
  .product-order-provision-active.CriticalStockNotReorderable:hover,
  .product-order-provision-active.CriticalStockReorderable:hover,
  .alert-message:hover,
  .gssLightProductStockLabel .stockMsg.CriticalStockNotReorderable:before i,
  .gssLightProductStockLabel .stockMsg.CriticalStockReorderable:before i,
  .gshpBasket_buttonBar .gshpBasket_buttonBar_cannotOrderReason i,
  .gshpBasket_postFace .gshpBasket_buttonBar_cannotOrderReason i,
  .stockMsg.CriticalStockNotReorderable:before i,
  .stockMsg.CriticalStockReorderable:before i,
  .stockMsgNotOrderable:before i,
  .stockMsg.CriticalStockNotReorderable i,
  .stockMsg.CriticalStockReorderable i,
  .stockMsgNotOrderable i,
  .preHome_body .preHome.content .bsGrid .failurePara i,
  .preHome_body .preHome.content .bbsRow .failurePara i,
  .product-order-provision-active.CriticalStockNotReorderable i,
  .product-order-provision-active.CriticalStockReorderable i,
  .alert-message i {
    color: #eb003b; }

.color-red.tile {
  color: #eb003b; }
  .color-red.tile i:before {
    background-color: rgba(235, 0, 59, 0.2); }
  .color-red.tile:hover,
  .color-red.tile i, .color-red.tile:hover i {
    color: #eb003b; }

.color-blue, #divPrint .favoris, .navbar-UICategoryOptionsBar .btn.active i, .navbar-UICategoryOptionsBar .btn.active, .product-in-list .price-data .btn:hover, .product-in-list .price-data .btn:focus,
.Linked-product .price-data .btn:hover,
.Linked-product .price-data .btn:focus, .gssProductList .gssProductContainer .gssLightProductDiv .gssLightProductFloatingLabel .gssLightProductFloatingPriceLabel a.btn:hover, .gssProductList .gssProductContainer .gssLightProductDiv .gssLightProductFloatingLabel .gssLightProductFloatingPriceLabel a.btn:focus, #gss-search-panel .gssNewFacets a.selected.notSpecial:not(.ui-slider-handle) .gssNewFacetLabel, .megamenuMarkup .nav-item .dropdown-menu .yamm-content .row-btn-tablet a.see-all, .bsDownloadable {
  color: #2C53FF; }
  .color-blue:hover, .color-blue i, #divPrint .favoris:hover, .navbar-UICategoryOptionsBar .btn.active:hover, .product-in-list .price-data .btn:hover,
  .Linked-product .price-data .btn:hover, .gssProductList .gssProductContainer .gssLightProductDiv .gssLightProductFloatingLabel .gssLightProductFloatingPriceLabel a.btn:hover, #gss-search-panel .gssNewFacets a.selected.notSpecial:not(.ui-slider-handle) .gssNewFacetLabel:hover, .megamenuMarkup .nav-item .dropdown-menu .yamm-content .row-btn-tablet a.see-all:hover, .bsDownloadable:hover, #divPrint .favoris i, .navbar-UICategoryOptionsBar .btn.active i, .product-in-list .price-data .btn:hover i, .product-in-list .price-data .btn:focus i,
  .Linked-product .price-data .btn:hover i,
  .Linked-product .price-data .btn:focus i, .gssProductList .gssProductContainer .gssLightProductDiv .gssLightProductFloatingLabel .gssLightProductFloatingPriceLabel a.btn:hover i, .gssProductList .gssProductContainer .gssLightProductDiv .gssLightProductFloatingLabel .gssLightProductFloatingPriceLabel a.btn:focus i, #gss-search-panel .gssNewFacets a.selected.notSpecial:not(.ui-slider-handle) .gssNewFacetLabel i, .megamenuMarkup .nav-item .dropdown-menu .yamm-content .row-btn-tablet a.see-all i, .bsDownloadable i {
    color: #2C53FF; }

.color-incentive {
  background-color: #FF4858;
  color: white; }

.color-violet {
  color: #B5ACA2; }
  .color-violet:hover, .color-violet i {
    color: #B5ACA2; }

.color-violet-dark {
  color: #3B21AC !important; }
  .color-violet-dark:hover, .color-violet-dark i {
    color: #3B21AC !important; }

.color-indigo {
  color: #584E6D !important; }
  .color-indigo:hover, .color-indigo i {
    color: #584E6D !important; }

.tile.color-blue {
  color: #0077cc; }
  .tile.color-blue i:before {
    background-color: rgba(0, 119, 204, 0.2); }
  .tile.color-blue:hover, .tile.color-blue i, .tile.color-blue:hover i {
    color: #0077cc; }

.color-grey {
  color: #797A8D !important; }
  .color-grey.tile i {
    color: #797A8D; }
    .color-grey.tile i:before {
      background-color: #b0b1bc; }

.color-light-grey {
  color: #b3b3b3; }
  .color-light-grey.tile i {
    color: #b3b3b3; }
    .color-light-grey.tile i:before {
      background-color: #e6e6e6; }
  .color-light-grey:hover,
  .color-light-grey i, .color-light-grey:hover i {
    color: #b3b3b3; }

.color-aqua {
  color: #00acaf; }
  .color-aqua.tile i {
    color: #00acaf; }
    .color-aqua.tile i:before {
      background-color: rgba(0, 171, 173, 0.2); }
  .color-aqua:hover,
  .color-aqua i, .color-aqua:hover i {
    color: #00acaf; }

.color-orange,
#divPrint .favoris .button-tooltip,
.stockMsg.WarningStockReorderable:before,
.stockMsg.WarningStockNotReorderable:before,
.stockMsg.WarningStockReorderable,
.stockMsg.WarningStockNotReorderable,
.product-order-provision-active.WarningStockReorderable i,
.product-order-provision-active.WarningStockNotReorderable i,
.product-order-provision-active.WarningStockReorderable,
.product-order-provision-active.WarningStockNotReorderable {
  color: #F0803A; }
  .color-orange:hover,
  .color-orange i,
  #divPrint .favoris .button-tooltip:hover,
  .stockMsg.WarningStockReorderable:hover:before,
  .stockMsg.WarningStockNotReorderable:hover:before,
  .stockMsg.WarningStockReorderable:hover,
  .stockMsg.WarningStockNotReorderable:hover,
  .product-order-provision-active.WarningStockReorderable:hover,
  .product-order-provision-active.WarningStockNotReorderable:hover,
  #divPrint .favoris .button-tooltip i,
  .stockMsg.WarningStockReorderable:before i,
  .stockMsg.WarningStockNotReorderable:before i,
  .stockMsg.WarningStockReorderable i,
  .stockMsg.WarningStockNotReorderable i,
  .product-order-provision-active.WarningStockReorderable i,
  .product-order-provision-active.WarningStockNotReorderable i {
    color: #F0803A; }

.color-orange.tile {
  color: #F0803A; }
  .color-orange.tile i:before {
    background-color: rgba(255, 123, 0, 0.2); }
  .color-orange.tile:hover,
  .color-orange.tile i, .color-orange.tile:hover i {
    color: #F0803A; }

.color-sienna {
  color: #cc2d1f; }
  .color-sienna.tile i {
    color: #cc2d1f; }
    .color-sienna.tile i:before {
      background-color: rgba(255, 123, 0, 0.2); }
  .color-sienna:hover,
  .color-sienna i, .color-sienna:hover i {
    color: #cc2d1f; }

.color-purple {
  color: #d900a3; }
  .color-purple:hover,
  .color-purple i, .color-purple:hover i {
    color: #d900a3; }
  .color-purple.tile i {
    color: #d900a3; }
    .color-purple.tile i:before {
      background-color: rgba(217, 0, 163, 0.2); }

.color-indigo {
  color: #584E6D; }
  .color-indigo:hover,
  .color-indigo i, .color-indigo:hover i {
    color: #584E6D; }
  .color-indigo.tile i {
    color: #584E6D; }
    .color-indigo.tile i:before {
      background-color: rgba(92, 95, 255, 0.2); }

.color-lilac {
  color: #a134b7; }
  .color-lilac:hover,
  .color-lilac i, .color-lilac:hover i {
    color: #a134b7; }
  .color-lilac.tile i {
    color: #a134b7; }
    .color-lilac.tile i:before {
      background-color: rgba(180, 115, 255, 0.2); }

.caret,
#grid_quotations table .k-grid-header th.k-header .k-i-arrow-s,
#grid_quotations table .k-grid-header th.k-header .k-i-arrow-n,
#details_grid table .k-grid-header th.k-header .k-i-arrow-s,
#details_grid table .k-grid-header th.k-header .k-i-arrow-n,
.sortButtonUp,
.sortButtonDown {
  margin-left: 5px;
  display: inline-block;
  vertical-align: middle;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  position: relative;
  border-top: 6px solid; }

.color-green,
.gssLightProductStockLabel .stockMsg.GoodStockReorderable:before,
.gssLightProductStockLabel .stockMsg.GoodStockNotReorderable:before,
.stockMsg.GoodStockReorderable:before,
.stockMsg.GoodStockNotReorderable:before,
.stockMsg.GoodStockReorderable,
.stockMsg.GoodStockNotReorderable,
.product-order-provision-active.GoodStockReorderable,
.product-order-provision-active.GoodStockNotReorderable {
  color: #85B039; }
  .color-green:hover,
  .color-green i,
  .stockMsg.GoodStockReorderable:hover:before,
  .stockMsg.GoodStockNotReorderable:hover:before,
  .stockMsg.GoodStockReorderable:hover,
  .stockMsg.GoodStockNotReorderable:hover,
  .product-order-provision-active.GoodStockReorderable:hover,
  .product-order-provision-active.GoodStockNotReorderable:hover,
  .gssLightProductStockLabel .stockMsg.GoodStockReorderable:before i,
  .gssLightProductStockLabel .stockMsg.GoodStockNotReorderable:before i,
  .stockMsg.GoodStockReorderable:before i,
  .stockMsg.GoodStockNotReorderable:before i,
  .stockMsg.GoodStockReorderable i,
  .stockMsg.GoodStockNotReorderable i,
  .product-order-provision-active.GoodStockReorderable i,
  .product-order-provision-active.GoodStockNotReorderable i {
    color: #85B039; }

.color-green.tile {
  color: #85B039; }
  .color-green.tile i:before {
    background-color: rgba(112, 191, 0, 0.2); }
  .color-green.tile:hover,
  .color-green.tile i, .color-green.tile:hover i {
    color: #85B039; }

.color-white,
#divPrint .favoris .button-tooltip.on,
#horizontalNavigationView .k-treeview .k-group.k-treeview-lines .k-item .k-in.k-assemblyItem.selected p:before,
#horizontalNavigationView .k-treeview .k-group.k-treeview-lines .k-item .k-in.k-assemblyItem.selected .k-icon:before,
#horizontalNavigationView .k-treeview .k-group.k-treeview-lines .k-item .k-in.k-assemblyItem.selected p,
#horizontalNavigationView .k-treeview .k-group.k-treeview-lines .k-item .k-in.k-assemblyItem.selected .k-icon,
.product-order-provision-active.GoodStockReorderable i:before,
.product-order-provision-active.GoodStockNotReorderable i:before,
.product-order-provision-active.GoodStockReorderable i,
.product-order-provision-active.GoodStockNotReorderable i,
.stock-icon:before {
  color: white !important; }

.color-emerald {
  color: #00993d; }
  .color-emerald.tile i {
    color: #00993d; }
    .color-emerald.tile i:before {
      background-color: rgba(0, 153, 61, 0.2); }
  .color-emerald:hover,
  .color-emerald i, .color-emerald:hover i {
    color: #00993d; }

.color-pink {
  color: #ff4772; }
  .color-pink.tile i {
    color: #ff4772; }
    .color-pink.tile i:before {
      background-color: rgba(255, 71, 114, 0.2); }
  .color-pink:hover,
  .color-pink i, .color-pink:hover i {
    color: #ff4772; }

.color-gold {
  color: #faa700; }
  .color-gold.tile i {
    color: #faa700; }
    .color-gold.tile i:before {
      background-color: rgba(250, 167, 0, 0.2); }
  .color-gold:hover,
  .color-gold i, .color-gold:hover i {
    color: #faa700; }

.color-bronze {
  color: #d67200; }
  .color-bronze.tile i {
    color: #d67200; }
    .color-bronze.tile i:before {
      background-color: #ffa43d; }
  .color-bronze:hover,
  .color-bronze i, .color-bronze:hover i {
    color: #d67200; }

.color-silver {
  color: #70a6cc; }
  .color-silver.tile i {
    color: #70a6cc; }
    .color-silver.tile i:before {
      background-color: #bbd5e7; }
  .color-silver:hover,
  .color-silver i, .color-silver:hover i {
    color: #70a6cc; }

.color-coral {
  color: #ff4000; }
  .color-coral.tile i {
    color: #ff4000; }
    .color-coral.tile i:before {
      background-color: #ff8c66; }
  .color-coral:hover,
  .color-coral i, .color-coral:hover i {
    color: #ff4000; }

.text-red {
  color: #eb003b; }

.navbar-default,
body .navbar-premenu {
  background-color: white; }

.btn-clear, #middle-pane #horizontalSplitterView #documentsPart #verticalAssemblySplitterView #tabstripAssembly div.nomenclatureTabs ul li a.k-link, #middle-pane #horizontalSplitterView #documentsPart #verticalAssemblySplitterView #tabstripAssembly div.nomenclatureTabs ul li .printPDF, .ocs-genViewCard .bsText strong a, .HomePage .bsText strong a, .gshp-productCatalog .gshpProductPagination.group .pagination &gt; li.PaginationMore &gt; a, #gss-search-panel .gssNewFacets a:not(.ui-slider-handle), .preHome_body .preHome.content .bsGrid .usrLoginForm .usrForgottenPassButtonBar .bsButtonSpan a,
.preHome_body .preHome.content .bbsRow .usrLoginForm .usrForgottenPassButtonBar .bsButtonSpan a, .bsDownloadable {
  color: #B5ACA2 !important;
  box-shadow: none !important; }
  .btn-clear span, #middle-pane #horizontalSplitterView #documentsPart #verticalAssemblySplitterView #tabstripAssembly div.nomenclatureTabs ul li a.k-link span, #middle-pane #horizontalSplitterView #documentsPart #verticalAssemblySplitterView #tabstripAssembly div.nomenclatureTabs ul li .printPDF span, .ocs-genViewCard .bsText strong a span, .HomePage .bsText strong a span, .gshp-productCatalog .gshpProductPagination.group .pagination &gt; li.PaginationMore &gt; a span, #gss-search-panel .gssNewFacets a:not(.ui-slider-handle) span, .preHome_body .preHome.content .bsGrid .usrLoginForm .usrForgottenPassButtonBar .bsButtonSpan a span,
  .preHome_body .preHome.content .bbsRow .usrLoginForm .usrForgottenPassButtonBar .bsButtonSpan a span, .bsDownloadable span {
    color: #B5ACA2 !important; }
  .btn-clear:hover, .btn-clear:focus, .btn-clear:active, #middle-pane #horizontalSplitterView #documentsPart #verticalAssemblySplitterView #tabstripAssembly div.nomenclatureTabs ul li a.k-link:hover, #middle-pane #horizontalSplitterView #documentsPart #verticalAssemblySplitterView #tabstripAssembly div.nomenclatureTabs ul li .printPDF:hover, .ocs-genViewCard .bsText strong a:hover, .HomePage .bsText strong a:hover, .gshp-productCatalog .gshpProductPagination.group .pagination &gt; li.PaginationMore &gt; a:hover, #gss-search-panel .gssNewFacets a:hover:not(.ui-slider-handle), .preHome_body .preHome.content .bsGrid .usrLoginForm .usrForgottenPassButtonBar .bsButtonSpan a:hover,
  .preHome_body .preHome.content .bbsRow .usrLoginForm .usrForgottenPassButtonBar .bsButtonSpan a:hover, .bsDownloadable:hover, #middle-pane #horizontalSplitterView #documentsPart #verticalAssemblySplitterView #tabstripAssembly div.nomenclatureTabs ul li a.k-link:focus, #middle-pane #horizontalSplitterView #documentsPart #verticalAssemblySplitterView #tabstripAssembly div.nomenclatureTabs ul li .printPDF:focus, .ocs-genViewCard .bsText strong a:focus, .HomePage .bsText strong a:focus, .gshp-productCatalog .gshpProductPagination.group .pagination &gt; li.PaginationMore &gt; a:focus, #gss-search-panel .gssNewFacets a:focus:not(.ui-slider-handle), .preHome_body .preHome.content .bsGrid .usrLoginForm .usrForgottenPassButtonBar .bsButtonSpan a:focus,
  .preHome_body .preHome.content .bbsRow .usrLoginForm .usrForgottenPassButtonBar .bsButtonSpan a:focus, .bsDownloadable:focus, #middle-pane #horizontalSplitterView #documentsPart #verticalAssemblySplitterView #tabstripAssembly div.nomenclatureTabs ul li a.k-link:active, #middle-pane #horizontalSplitterView #documentsPart #verticalAssemblySplitterView #tabstripAssembly div.nomenclatureTabs ul li .printPDF:active, .ocs-genViewCard .bsText strong a:active, .HomePage .bsText strong a:active, .gshp-productCatalog .gshpProductPagination.group .pagination &gt; li.PaginationMore &gt; a:active, #gss-search-panel .gssNewFacets a:active:not(.ui-slider-handle), .preHome_body .preHome.content .bsGrid .usrLoginForm .usrForgottenPassButtonBar .bsButtonSpan a:active,
  .preHome_body .preHome.content .bbsRow .usrLoginForm .usrForgottenPassButtonBar .bsButtonSpan a:active, .bsDownloadable:active {
    background-color: #D5DDFF !important; }
  .btn-clear:before, #middle-pane #horizontalSplitterView #documentsPart #verticalAssemblySplitterView #tabstripAssembly div.nomenclatureTabs ul li a.k-link:before, #middle-pane #horizontalSplitterView #documentsPart #verticalAssemblySplitterView #tabstripAssembly div.nomenclatureTabs ul li .printPDF:before, .ocs-genViewCard .bsText strong a:before, .HomePage .bsText strong a:before, .gshp-productCatalog .gshpProductPagination.group .pagination &gt; li.PaginationMore &gt; a:before, #gss-search-panel .gssNewFacets a:not(.ui-slider-handle):before, .preHome_body .preHome.content .bsGrid .usrLoginForm .usrForgottenPassButtonBar .bsButtonSpan a:before,
  .preHome_body .preHome.content .bbsRow .usrLoginForm .usrForgottenPassButtonBar .bsButtonSpan a:before, .bsDownloadable:before {
    display: none; }

/* fonts */
.font-normal {
  font-weight: normal; }

.font-normal span {
  font-weight: normal; }

/* color-profile quicklunch*/
button {
  background-color: -internal-light-dark-color(#efefef, #4a4a4a); }
  button:focus {
    outline: 0; }

.btn,
#middle-pane #horizontalSplitterView #documentsPart #verticalAssemblySplitterView #tabstripAssembly div.nomenclatureTabs ul li a.k-link,
#middle-pane #horizontalSplitterView #documentsPart #verticalAssemblySplitterView #tabstripAssembly div.nomenclatureTabs ul li .printPDF,
.ocs-genViewCard .bsText strong a,
.gshp-salesRepClientCard .gshpSearch_submit a.bsButton,
.gshp-salesRepClientList table td a.bsButton:link,
.gshp-salesRepClientList table td a.bsButton:active,
.gshp-salesRepClientList table td a.bsButton:visited,
.gshp-salesRepClientList table td a.bsButton:hover,
.gshpCommandFollowUpPage div.gshpLinkBackToList a.backToList,
div.gshpSetDetailsMainPicture .bsButtonSpan a,
div.gshpSetDetailsMainPicture .backToSets a,
div.setFullPicture .navigationBar .bsButtonSpan a,
.gshpBasket_buttonBar .bsButtonSpan a,
.gshpBasketRow_buttonBar .bsButtonSpan a,
#igshBstrap_lastSeenProductsList .hideLastSeenProduct,
.HomePage .bsText strong a,
body .footer .footerShortcuts .navbar-footerLeft .navbar-nav a,
.gshp-productCatalog .gshpProductPagination .pagination &gt; li.PaginationAll &gt; a:link,
.gshp-productCatalog .gshpProductPagination .pagination &gt; li.seeAll &gt; a:link,
#gss-search-panel .gssNewFacets a:not(.ui-slider-handle),
.bsDownloadable {
  box-shadow: none;
  height: 40px;
  line-height: 1rem;
  padding: 1rem 0.8rem;
  white-space: nowrap; }
  .btn span,
  #middle-pane #horizontalSplitterView #documentsPart #verticalAssemblySplitterView #tabstripAssembly div.nomenclatureTabs ul li a.k-link span,
  #middle-pane #horizontalSplitterView #documentsPart #verticalAssemblySplitterView #tabstripAssembly div.nomenclatureTabs ul li .printPDF span,
  .ocs-genViewCard .bsText strong a span,
  .gshp-salesRepClientCard .gshpSearch_submit a.bsButton span,
  .gshp-salesRepClientList table td a.bsButton:link span,
  .gshp-salesRepClientList table td a.bsButton:active span,
  .gshp-salesRepClientList table td a.bsButton:visited span,
  .gshp-salesRepClientList table td a.bsButton:hover span,
  .gshpCommandFollowUpPage div.gshpLinkBackToList a.backToList span,
  div.gshpSetDetailsMainPicture .bsButtonSpan a span,
  div.gshpSetDetailsMainPicture .backToSets a span,
  div.setFullPicture .navigationBar .bsButtonSpan a span,
  .gshpBasket_buttonBar .bsButtonSpan a span,
  .gshpBasketRow_buttonBar .bsButtonSpan a span,
  #igshBstrap_lastSeenProductsList .hideLastSeenProduct span,
  .HomePage .bsText strong a span,
  body .footer .footerShortcuts .navbar-footerLeft .navbar-nav a span,
  .gshp-productCatalog .gshpProductPagination .pagination &gt; li.PaginationAll &gt; a:link span,
  .gshp-productCatalog .gshpProductPagination .pagination &gt; li.seeAll &gt; a:link span,
  #gss-search-panel .gssNewFacets a:not(.ui-slider-handle) span,
  .bsDownloadable span {
    white-space: nowrap; }
  .btn:hover, .btn:focus, .btn:active,
  #middle-pane #horizontalSplitterView #documentsPart #verticalAssemblySplitterView #tabstripAssembly div.nomenclatureTabs ul li a.k-link:hover,
  #middle-pane #horizontalSplitterView #documentsPart #verticalAssemblySplitterView #tabstripAssembly div.nomenclatureTabs ul li .printPDF:hover,
  .ocs-genViewCard .bsText strong a:hover,
  .gshp-salesRepClientCard .gshpSearch_submit a.bsButton:hover,
  .gshp-salesRepClientList table td a.bsButton:hover,
  .gshpCommandFollowUpPage div.gshpLinkBackToList a.backToList:hover,
  div.gshpSetDetailsMainPicture .bsButtonSpan a:hover,
  div.gshpSetDetailsMainPicture .backToSets a:hover,
  div.setFullPicture .navigationBar .bsButtonSpan a:hover,
  .gshpBasket_buttonBar .bsButtonSpan a:hover,
  .gshpBasketRow_buttonBar .bsButtonSpan a:hover,
  #igshBstrap_lastSeenProductsList .hideLastSeenProduct:hover,
  .HomePage .bsText strong a:hover,
  body .footer .footerShortcuts .navbar-footerLeft .navbar-nav a:hover,
  .gshp-productCatalog .gshpProductPagination .pagination &gt; li.PaginationAll &gt; a:hover:link,
  .gshp-productCatalog .gshpProductPagination .pagination &gt; li.seeAll &gt; a:hover:link,
  #gss-search-panel .gssNewFacets a:hover:not(.ui-slider-handle),
  .bsDownloadable:hover,
  #middle-pane #horizontalSplitterView #documentsPart #verticalAssemblySplitterView #tabstripAssembly div.nomenclatureTabs ul li a.k-link:focus,
  #middle-pane #horizontalSplitterView #documentsPart #verticalAssemblySplitterView #tabstripAssembly div.nomenclatureTabs ul li .printPDF:focus,
  .ocs-genViewCard .bsText strong a:focus,
  .gshp-salesRepClientCard .gshpSearch_submit a.bsButton:focus,
  .gshp-salesRepClientList table td a.bsButton:focus:link,
  .gshp-salesRepClientList table td a.bsButton:focus:visited,
  .gshpCommandFollowUpPage div.gshpLinkBackToList a.backToList:focus,
  div.gshpSetDetailsMainPicture .bsButtonSpan a:focus,
  div.gshpSetDetailsMainPicture .backToSets a:focus,
  div.setFullPicture .navigationBar .bsButtonSpan a:focus,
  .gshpBasket_buttonBar .bsButtonSpan a:focus,
  .gshpBasketRow_buttonBar .bsButtonSpan a:focus,
  #igshBstrap_lastSeenProductsList .hideLastSeenProduct:focus,
  .HomePage .bsText strong a:focus,
  body .footer .footerShortcuts .navbar-footerLeft .navbar-nav a:focus,
  .gshp-productCatalog .gshpProductPagination .pagination &gt; li.PaginationAll &gt; a:focus:link,
  .gshp-productCatalog .gshpProductPagination .pagination &gt; li.seeAll &gt; a:focus:link,
  #gss-search-panel .gssNewFacets a:focus:not(.ui-slider-handle),
  .bsDownloadable:focus,
  #middle-pane #horizontalSplitterView #documentsPart #verticalAssemblySplitterView #tabstripAssembly div.nomenclatureTabs ul li a.k-link:active,
  #middle-pane #horizontalSplitterView #documentsPart #verticalAssemblySplitterView #tabstripAssembly div.nomenclatureTabs ul li .printPDF:active,
  .ocs-genViewCard .bsText strong a:active,
  .gshp-salesRepClientCard .gshpSearch_submit a.bsButton:active,
  .gshp-salesRepClientList table td a.bsButton:active,
  .gshpCommandFollowUpPage div.gshpLinkBackToList a.backToList:active,
  div.gshpSetDetailsMainPicture .bsButtonSpan a:active,
  div.gshpSetDetailsMainPicture .backToSets a:active,
  div.setFullPicture .navigationBar .bsButtonSpan a:active,
  .gshpBasket_buttonBar .bsButtonSpan a:active,
  .gshpBasketRow_buttonBar .bsButtonSpan a:active,
  #igshBstrap_lastSeenProductsList .hideLastSeenProduct:active,
  .HomePage .bsText strong a:active,
  body .footer .footerShortcuts .navbar-footerLeft .navbar-nav a:active,
  .gshp-productCatalog .gshpProductPagination .pagination &gt; li.PaginationAll &gt; a:active:link,
  .gshp-productCatalog .gshpProductPagination .pagination &gt; li.seeAll &gt; a:active:link,
  #gss-search-panel .gssNewFacets a:active:not(.ui-slider-handle),
  .bsDownloadable:active {
    box-shadow: none !important; }

.btn i::before {
  display: inline-block; }

.bsButton {
  padding: 1rem 0.8rem; }

.btn-radius {
  border-radius: 50%;
  line-height: 20px;
  font-weight: 600;
  top: -15px;
  display: inline-block;
  vertical-align: top;
  height: 20px;
  width: 20px;
  margin: 0 5px 0 0;
  text-align: center;
  font-size: 16px;
  transition: all 0.1s linear; }

.btn-incentive {
  margin: 0 5px; }

.btn-small,
.product-in-list .btn-quick-add-to-basket,
.gshpCategoryList .btn-quick-add-to-basket,
.Linked-product .btn-quick-add-to-basket,
.principal-nav li.filterBar-buttons a,
.principal-nav li.filterBar-buttons a:hover,
.principal-nav li.filterBar-buttons a:focus,
.btn-popin-close,
.gshp-productCatalog .gshpProductPagination .pagination &gt; li.PaginationAll &gt; a:link,
.gshp-productCatalog .gshpProductPagination .pagination &gt; li.seeAll &gt; a:link,
#gss-search-panel .gssNewFacets a:not(.ui-slider-handle),
.preHome_body .preHome.content .bsGrid .usrLoginForm .usrForgottenPassButtonBar .bsButtonSpan a,
.preHome_body .preHome.content .bbsRow .usrLoginForm .usrForgottenPassButtonBar .bsButtonSpan a,
.btnDetails {
  padding: .375rem 1rem .3125rem;
  font-size: .75rem;
  line-height: 1.5;
  height: 30px !important; }
  .btn-small span,
  .product-in-list .btn-quick-add-to-basket span,
  .gshpCategoryList .btn-quick-add-to-basket span,
  .Linked-product .btn-quick-add-to-basket span,
  .principal-nav li.filterBar-buttons a span,
  .principal-nav li.filterBar-buttons a:hover span,
  .principal-nav li.filterBar-buttons a:focus span,
  .btn-popin-close span,
  .gshp-productCatalog .gshpProductPagination .pagination &gt; li.PaginationAll &gt; a:link span,
  .gshp-productCatalog .gshpProductPagination .pagination &gt; li.seeAll &gt; a:link span,
  #gss-search-panel .gssNewFacets a:not(.ui-slider-handle) span,
  .preHome_body .preHome.content .bsGrid .usrLoginForm .usrForgottenPassButtonBar .bsButtonSpan a span,
  .preHome_body .preHome.content .bbsRow .usrLoginForm .usrForgottenPassButtonBar .bsButtonSpan a span,
  .btnDetails span {
    font-size: .75rem; }
  .btn-small .material-icons-outlined,
  .product-in-list .btn-quick-add-to-basket .material-icons-outlined,
  .gshpCategoryList .btn-quick-add-to-basket .material-icons-outlined,
  .Linked-product .btn-quick-add-to-basket .material-icons-outlined,
  .principal-nav li.filterBar-buttons a .material-icons-outlined,
  .btn-popin-close .material-icons-outlined,
  .gshp-productCatalog .gshpProductPagination .pagination &gt; li.PaginationAll &gt; a:link .material-icons-outlined,
  .gshp-productCatalog .gshpProductPagination .pagination &gt; li.seeAll &gt; a:link .material-icons-outlined,
  #gss-search-panel .gssNewFacets a:not(.ui-slider-handle) .material-icons-outlined,
  .preHome_body .preHome.content .bsGrid .usrLoginForm .usrForgottenPassButtonBar .bsButtonSpan a .material-icons-outlined,
  .preHome_body .preHome.content .bbsRow .usrLoginForm .usrForgottenPassButtonBar .bsButtonSpan a .material-icons-outlined,
  .btnDetails .material-icons-outlined {
    font-size: 1rem; }

.btnDetails {
  width: 86px;
  display: flex; }
  .btnDetails .icomoon {
    margin-right: 0px !important;
    font-size: 18px; }

.btn-outline, .gshpCommandFollowUpPage div.gshpLinkBackToList a.backToList, body .footer .footerShortcuts .navbar-footerLeft .navbar-nav a, .gshp-salesRepClientCard div.sdsButtonBar .sdsActionButton.btn, .gshpList .sdsActionButton.btn, .bsButton, .btn-default,
div.gshpSetDetailsMainPicture .bsButtonSpan a,
div.gshpSetDetailsMainPicture .backToSets a,
div.setFullPicture .navigationBar .bsButtonSpan a,
.gshpBasket_buttonBar .gshpBasketCommandBar .bsButtonSpan a,
.gshpBasketRow_buttonBar .gshpBasketCommandBar .bsButtonSpan a,
.gshpBasket_buttonBar .gshpBasketButton_command .bsButtonSpan a,
.gshpBasketRow_buttonBar .gshpBasketButton_command .bsButtonSpan a,
.gshpBasket_buttonBar .gshpBasketButton_deleteAll .bsButtonSpan a,
.gshpBasketRow_buttonBar .gshpBasketButton_deleteAll .bsButtonSpan a,
.gshpBasket_buttonBar .gshpBasketButton_backToShop .bsButtonSpan a,
.gshpBasketRow_buttonBar .gshpBasketButton_backToShop .bsButtonSpan a,
.basketShortcut .btn-seeNotEffectiveBasket,
.basketShortcut .btn-seeBasket,
.btn-addToWishList-glyph,
.btn-addToWishList-glyph.empty,
.btn-addToBasket-glyph,
.btn-addToBasket-glyph.empty,
.btn-popin-save,
.btn-popin-close,
.btn-show-more,
#igshBstrap_lastSeenProductsList .hideLastSeenProduct,
body .btn-gototop,
.gshp-productCatalog .gshpProductPagination .pagination &gt; li.PaginationAll &gt; a:link,
.gshp-productCatalog .gshpProductPagination .pagination &gt; li.seeAll &gt; a:link,
#gss-search-panel .gssNewFacets a:not(.ui-slider-handle),
.btn-secondary,
.bsButtonSpan a {
  border: 2px solid #B5ACA2;
  align-items: center;
  border-radius: 40px;
  text-decoration: none;
  transition: all linear .1s;
  box-sizing: border-box;
  box-shadow: none !important;
  color: #B5ACA2; }
  .btn-outline:hover, .btn-outline:focus, .btn-outline:active, .gshpCommandFollowUpPage div.gshpLinkBackToList a.backToList:hover, body .footer .footerShortcuts .navbar-footerLeft .navbar-nav a:hover, .gshp-salesRepClientCard div.sdsButtonBar .sdsActionButton.btn:hover, .gshpList .sdsActionButton.btn:hover, .bsButton:hover, .btn-default:hover,
  div.gshpSetDetailsMainPicture .bsButtonSpan a:hover,
  div.gshpSetDetailsMainPicture .backToSets a:hover,
  div.setFullPicture .navigationBar .bsButtonSpan a:hover,
  .gshpBasket_buttonBar .gshpBasketCommandBar .bsButtonSpan a:hover,
  .gshpBasketRow_buttonBar .gshpBasketCommandBar .bsButtonSpan a:hover,
  .gshpBasket_buttonBar .gshpBasketButton_command .bsButtonSpan a:hover,
  .gshpBasketRow_buttonBar .gshpBasketButton_command .bsButtonSpan a:hover,
  .gshpBasket_buttonBar .gshpBasketButton_deleteAll .bsButtonSpan a:hover,
  .gshpBasketRow_buttonBar .gshpBasketButton_deleteAll .bsButtonSpan a:hover,
  .gshpBasket_buttonBar .gshpBasketButton_backToShop .bsButtonSpan a:hover,
  .gshpBasketRow_buttonBar .gshpBasketButton_backToShop .bsButtonSpan a:hover,
  .basketShortcut .btn-seeNotEffectiveBasket:hover,
  .basketShortcut .btn-seeBasket:hover,
  .btn-addToWishList-glyph:hover,
  .btn-addToBasket-glyph:hover,
  .btn-popin-save:hover,
  .btn-popin-close:hover,
  .btn-show-more:hover,
  #igshBstrap_lastSeenProductsList .hideLastSeenProduct:hover,
  body .btn-gototop:hover,
  .gshp-productCatalog .gshpProductPagination .pagination &gt; li.PaginationAll &gt; a:hover:link,
  .gshp-productCatalog .gshpProductPagination .pagination &gt; li.seeAll &gt; a:hover:link,
  #gss-search-panel .gssNewFacets a:hover:not(.ui-slider-handle),
  .btn-secondary:hover,
  .bsButtonSpan a:hover, .gshpCommandFollowUpPage div.gshpLinkBackToList a.backToList:focus, body .footer .footerShortcuts .navbar-footerLeft .navbar-nav a:focus, .gshp-salesRepClientCard div.sdsButtonBar .sdsActionButton.btn:focus, .gshpList .sdsActionButton.btn:focus, .bsButton:focus, .btn-default:focus,
  div.gshpSetDetailsMainPicture .bsButtonSpan a:focus,
  div.gshpSetDetailsMainPicture .backToSets a:focus,
  div.setFullPicture .navigationBar .bsButtonSpan a:focus,
  .gshpBasket_buttonBar .gshpBasketCommandBar .bsButtonSpan a:focus,
  .gshpBasketRow_buttonBar .gshpBasketCommandBar .bsButtonSpan a:focus,
  .gshpBasket_buttonBar .gshpBasketButton_command .bsButtonSpan a:focus,
  .gshpBasketRow_buttonBar .gshpBasketButton_command .bsButtonSpan a:focus,
  .gshpBasket_buttonBar .gshpBasketButton_deleteAll .bsButtonSpan a:focus,
  .gshpBasketRow_buttonBar .gshpBasketButton_deleteAll .bsButtonSpan a:focus,
  .gshpBasket_buttonBar .gshpBasketButton_backToShop .bsButtonSpan a:focus,
  .gshpBasketRow_buttonBar .gshpBasketButton_backToShop .bsButtonSpan a:focus,
  .basketShortcut .btn-seeNotEffectiveBasket:focus,
  .basketShortcut .btn-seeBasket:focus,
  .btn-addToWishList-glyph:focus,
  .btn-addToBasket-glyph:focus,
  .btn-popin-save:focus,
  .btn-popin-close:focus,
  .btn-show-more:focus,
  #igshBstrap_lastSeenProductsList .hideLastSeenProduct:focus,
  body .btn-gototop:focus,
  .gshp-productCatalog .gshpProductPagination .pagination &gt; li.PaginationAll &gt; a:focus:link,
  .gshp-productCatalog .gshpProductPagination .pagination &gt; li.seeAll &gt; a:focus:link,
  #gss-search-panel .gssNewFacets a:focus:not(.ui-slider-handle),
  .btn-secondary:focus,
  .bsButtonSpan a:focus, .gshpCommandFollowUpPage div.gshpLinkBackToList a.backToList:active, body .footer .footerShortcuts .navbar-footerLeft .navbar-nav a:active, .gshp-salesRepClientCard div.sdsButtonBar .sdsActionButton.btn:active, .gshpList .sdsActionButton.btn:active, .bsButton:active, .btn-default:active,
  div.gshpSetDetailsMainPicture .bsButtonSpan a:active,
  div.gshpSetDetailsMainPicture .backToSets a:active,
  div.setFullPicture .navigationBar .bsButtonSpan a:active,
  .gshpBasket_buttonBar .gshpBasketCommandBar .bsButtonSpan a:active,
  .gshpBasketRow_buttonBar .gshpBasketCommandBar .bsButtonSpan a:active,
  .gshpBasket_buttonBar .gshpBasketButton_command .bsButtonSpan a:active,
  .gshpBasketRow_buttonBar .gshpBasketButton_command .bsButtonSpan a:active,
  .gshpBasket_buttonBar .gshpBasketButton_deleteAll .bsButtonSpan a:active,
  .gshpBasketRow_buttonBar .gshpBasketButton_deleteAll .bsButtonSpan a:active,
  .gshpBasket_buttonBar .gshpBasketButton_backToShop .bsButtonSpan a:active,
  .gshpBasketRow_buttonBar .gshpBasketButton_backToShop .bsButtonSpan a:active,
  .basketShortcut .btn-seeNotEffectiveBasket:active,
  .basketShortcut .btn-seeBasket:active,
  .btn-addToWishList-glyph:active,
  .btn-addToBasket-glyph:active,
  .btn-popin-save:active,
  .btn-popin-close:active,
  .btn-show-more:active,
  #igshBstrap_lastSeenProductsList .hideLastSeenProduct:active,
  body .btn-gototop:active,
  .gshp-productCatalog .gshpProductPagination .pagination &gt; li.PaginationAll &gt; a:active:link,
  .gshp-productCatalog .gshpProductPagination .pagination &gt; li.seeAll &gt; a:active:link,
  #gss-search-panel .gssNewFacets a:active:not(.ui-slider-handle),
  .btn-secondary:active,
  .bsButtonSpan a:active {
    background-color: #D5DDFF;
    border: 2px solid #B5ACA2;
    box-shadow: none;
    color: #B5ACA2; }
    .btn-outline:hover span, .btn-outline:hover i, .btn-outline:focus span, .btn-outline:focus i, .btn-outline:active span, .btn-outline:active i, .gshpCommandFollowUpPage div.gshpLinkBackToList a.backToList:hover span, body .footer .footerShortcuts .navbar-footerLeft .navbar-nav a:hover span, .gshp-salesRepClientCard div.sdsButtonBar .sdsActionButton.btn:hover span, .gshpList .sdsActionButton.btn:hover span, .bsButton:hover span, .btn-default:hover span,
    div.gshpSetDetailsMainPicture .bsButtonSpan a:hover span,
    div.gshpSetDetailsMainPicture .backToSets a:hover span,
    div.setFullPicture .navigationBar .bsButtonSpan a:hover span,
    .gshpBasket_buttonBar .gshpBasketCommandBar .bsButtonSpan a:hover span,
    .gshpBasketRow_buttonBar .gshpBasketCommandBar .bsButtonSpan a:hover span,
    .gshpBasket_buttonBar .gshpBasketButton_command .bsButtonSpan a:hover span,
    .gshpBasketRow_buttonBar .gshpBasketButton_command .bsButtonSpan a:hover span,
    .gshpBasket_buttonBar .gshpBasketButton_deleteAll .bsButtonSpan a:hover span,
    .gshpBasketRow_buttonBar .gshpBasketButton_deleteAll .bsButtonSpan a:hover span,
    .gshpBasket_buttonBar .gshpBasketButton_backToShop .bsButtonSpan a:hover span,
    .gshpBasketRow_buttonBar .gshpBasketButton_backToShop .bsButtonSpan a:hover span,
    .basketShortcut .btn-seeNotEffectiveBasket:hover span,
    .basketShortcut .btn-seeBasket:hover span,
    .btn-addToWishList-glyph:hover span,
    .btn-addToWishList-glyph.empty:hover span,
    .btn-addToBasket-glyph:hover span,
    .btn-addToBasket-glyph.empty:hover span,
    .btn-popin-save:hover span,
    .btn-popin-close:hover span,
    .btn-show-more:hover span,
    #igshBstrap_lastSeenProductsList .hideLastSeenProduct:hover span,
    body .btn-gototop:hover span,
    .gshp-productCatalog .gshpProductPagination .pagination &gt; li.PaginationAll &gt; a:hover:link span,
    .gshp-productCatalog .gshpProductPagination .pagination &gt; li.seeAll &gt; a:hover:link span,
    #gss-search-panel .gssNewFacets a:hover:not(.ui-slider-handle) span,
    .btn-secondary:hover span,
    .bsButtonSpan a:hover span, .gshpCommandFollowUpPage div.gshpLinkBackToList a.backToList:hover i, body .footer .footerShortcuts .navbar-footerLeft .navbar-nav a:hover i, .gshp-salesRepClientCard div.sdsButtonBar .sdsActionButton.btn:hover i, .gshpList .sdsActionButton.btn:hover i, .bsButton:hover i, .btn-default:hover i,
    div.gshpSetDetailsMainPicture .bsButtonSpan a:hover i,
    div.gshpSetDetailsMainPicture .backToSets a:hover i,
    div.setFullPicture .navigationBar .bsButtonSpan a:hover i,
    .gshpBasket_buttonBar .gshpBasketCommandBar .bsButtonSpan a:hover i,
    .gshpBasketRow_buttonBar .gshpBasketCommandBar .bsButtonSpan a:hover i,
    .gshpBasket_buttonBar .gshpBasketButton_command .bsButtonSpan a:hover i,
    .gshpBasketRow_buttonBar .gshpBasketButton_command .bsButtonSpan a:hover i,
    .gshpBasket_buttonBar .gshpBasketButton_deleteAll .bsButtonSpan a:hover i,
    .gshpBasketRow_buttonBar .gshpBasketButton_deleteAll .bsButtonSpan a:hover i,
    .gshpBasket_buttonBar .gshpBasketButton_backToShop .bsButtonSpan a:hover i,
    .gshpBasketRow_buttonBar .gshpBasketButton_backToShop .bsButtonSpan a:hover i,
    .basketShortcut .btn-seeNotEffectiveBasket:hover i,
    .basketShortcut .btn-seeBasket:hover i,
    .btn-addToWishList-glyph:hover i,
    .btn-addToWishList-glyph.empty:hover i,
    .btn-addToBasket-glyph:hover i,
    .btn-addToBasket-glyph.empty:hover i,
    .btn-popin-save:hover i,
    .btn-popin-close:hover i,
    .btn-show-more:hover i,
    #igshBstrap_lastSeenProductsList .hideLastSeenProduct:hover i,
    body .btn-gototop:hover i,
    .gshp-productCatalog .gshpProductPagination .pagination &gt; li.PaginationAll &gt; a:hover:link i,
    .gshp-productCatalog .gshpProductPagination .pagination &gt; li.seeAll &gt; a:hover:link i,
    #gss-search-panel .gssNewFacets a:hover:not(.ui-slider-handle) i,
    .btn-secondary:hover i,
    .bsButtonSpan a:hover i, .gshpCommandFollowUpPage div.gshpLinkBackToList a.backToList:focus span, body .footer .footerShortcuts .navbar-footerLeft .navbar-nav a:focus span, .gshp-salesRepClientCard div.sdsButtonBar .sdsActionButton.btn:focus span, .gshpList .sdsActionButton.btn:focus span, .bsButton:focus span, .btn-default:focus span,
    div.gshpSetDetailsMainPicture .bsButtonSpan a:focus span,
    div.gshpSetDetailsMainPicture .backToSets a:focus span,
    div.setFullPicture .navigationBar .bsButtonSpan a:focus span,
    .gshpBasket_buttonBar .gshpBasketCommandBar .bsButtonSpan a:focus span,
    .gshpBasketRow_buttonBar .gshpBasketCommandBar .bsButtonSpan a:focus span,
    .gshpBasket_buttonBar .gshpBasketButton_command .bsButtonSpan a:focus span,
    .gshpBasketRow_buttonBar .gshpBasketButton_command .bsButtonSpan a:focus span,
    .gshpBasket_buttonBar .gshpBasketButton_deleteAll .bsButtonSpan a:focus span,
    .gshpBasketRow_buttonBar .gshpBasketButton_deleteAll .bsButtonSpan a:focus span,
    .gshpBasket_buttonBar .gshpBasketButton_backToShop .bsButtonSpan a:focus span,
    .gshpBasketRow_buttonBar .gshpBasketButton_backToShop .bsButtonSpan a:focus span,
    .basketShortcut .btn-seeNotEffectiveBasket:focus span,
    .basketShortcut .btn-seeBasket:focus span,
    .btn-addToWishList-glyph:focus span,
    .btn-addToWishList-glyph.empty:focus span,
    .btn-addToBasket-glyph:focus span,
    .btn-addToBasket-glyph.empty:focus span,
    .btn-popin-save:focus span,
    .btn-popin-close:focus span,
    .btn-show-more:focus span,
    #igshBstrap_lastSeenProductsList .hideLastSeenProduct:focus span,
    body .btn-gototop:focus span,
    .gshp-productCatalog .gshpProductPagination .pagination &gt; li.PaginationAll &gt; a:focus:link span,
    .gshp-productCatalog .gshpProductPagination .pagination &gt; li.seeAll &gt; a:focus:link span,
    #gss-search-panel .gssNewFacets a:focus:not(.ui-slider-handle) span,
    .btn-secondary:focus span,
    .bsButtonSpan a:focus span, .gshpCommandFollowUpPage div.gshpLinkBackToList a.backToList:focus i, body .footer .footerShortcuts .navbar-footerLeft .navbar-nav a:focus i, .gshp-salesRepClientCard div.sdsButtonBar .sdsActionButton.btn:focus i, .gshpList .sdsActionButton.btn:focus i, .bsButton:focus i, .btn-default:focus i,
    div.gshpSetDetailsMainPicture .bsButtonSpan a:focus i,
    div.gshpSetDetailsMainPicture .backToSets a:focus i,
    div.setFullPicture .navigationBar .bsButtonSpan a:focus i,
    .gshpBasket_buttonBar .gshpBasketCommandBar .bsButtonSpan a:focus i,
    .gshpBasketRow_buttonBar .gshpBasketCommandBar .bsButtonSpan a:focus i,
    .gshpBasket_buttonBar .gshpBasketButton_command .bsButtonSpan a:focus i,
    .gshpBasketRow_buttonBar .gshpBasketButton_command .bsButtonSpan a:focus i,
    .gshpBasket_buttonBar .gshpBasketButton_deleteAll .bsButtonSpan a:focus i,
    .gshpBasketRow_buttonBar .gshpBasketButton_deleteAll .bsButtonSpan a:focus i,
    .gshpBasket_buttonBar .gshpBasketButton_backToShop .bsButtonSpan a:focus i,
    .gshpBasketRow_buttonBar .gshpBasketButton_backToShop .bsButtonSpan a:focus i,
    .basketShortcut .btn-seeNotEffectiveBasket:focus i,
    .basketShortcut .btn-seeBasket:focus i,
    .btn-addToWishList-glyph:focus i,
    .btn-addToWishList-glyph.empty:focus i,
    .btn-addToBasket-glyph:focus i,
    .btn-addToBasket-glyph.empty:focus i,
    .btn-popin-save:focus i,
    .btn-popin-close:focus i,
    .btn-show-more:focus i,
    #igshBstrap_lastSeenProductsList .hideLastSeenProduct:focus i,
    body .btn-gototop:focus i,
    .gshp-productCatalog .gshpProductPagination .pagination &gt; li.PaginationAll &gt; a:focus:link i,
    .gshp-productCatalog .gshpProductPagination .pagination &gt; li.seeAll &gt; a:focus:link i,
    #gss-search-panel .gssNewFacets a:focus:not(.ui-slider-handle) i,
    .btn-secondary:focus i,
    .bsButtonSpan a:focus i, .gshpCommandFollowUpPage div.gshpLinkBackToList a.backToList:active span, body .footer .footerShortcuts .navbar-footerLeft .navbar-nav a:active span, .gshp-salesRepClientCard div.sdsButtonBar .sdsActionButton.btn:active span, .gshpList .sdsActionButton.btn:active span, .bsButton:active span, .btn-default:active span,
    div.gshpSetDetailsMainPicture .bsButtonSpan a:active span,
    div.gshpSetDetailsMainPicture .backToSets a:active span,
    div.setFullPicture .navigationBar .bsButtonSpan a:active span,
    .gshpBasket_buttonBar .gshpBasketCommandBar .bsButtonSpan a:active span,
    .gshpBasketRow_buttonBar .gshpBasketCommandBar .bsButtonSpan a:active span,
    .gshpBasket_buttonBar .gshpBasketButton_command .bsButtonSpan a:active span,
    .gshpBasketRow_buttonBar .gshpBasketButton_command .bsButtonSpan a:active span,
    .gshpBasket_buttonBar .gshpBasketButton_deleteAll .bsButtonSpan a:active span,
    .gshpBasketRow_buttonBar .gshpBasketButton_deleteAll .bsButtonSpan a:active span,
    .gshpBasket_buttonBar .gshpBasketButton_backToShop .bsButtonSpan a:active span,
    .gshpBasketRow_buttonBar .gshpBasketButton_backToShop .bsButtonSpan a:active span,
    .basketShortcut .btn-seeNotEffectiveBasket:active span,
    .basketShortcut .btn-seeBasket:active span,
    .btn-addToWishList-glyph:active span,
    .btn-addToWishList-glyph.empty:active span,
    .btn-addToBasket-glyph:active span,
    .btn-addToBasket-glyph.empty:active span,
    .btn-popin-save:active span,
    .btn-popin-close:active span,
    .btn-show-more:active span,
    #igshBstrap_lastSeenProductsList .hideLastSeenProduct:active span,
    body .btn-gototop:active span,
    .gshp-productCatalog .gshpProductPagination .pagination &gt; li.PaginationAll &gt; a:active:link span,
    .gshp-productCatalog .gshpProductPagination .pagination &gt; li.seeAll &gt; a:active:link span,
    #gss-search-panel .gssNewFacets a:active:not(.ui-slider-handle) span,
    .btn-secondary:active span,
    .bsButtonSpan a:active span, .gshpCommandFollowUpPage div.gshpLinkBackToList a.backToList:active i, body .footer .footerShortcuts .navbar-footerLeft .navbar-nav a:active i, .gshp-salesRepClientCard div.sdsButtonBar .sdsActionButton.btn:active i, .gshpList .sdsActionButton.btn:active i, .bsButton:active i, .btn-default:active i,
    div.gshpSetDetailsMainPicture .bsButtonSpan a:active i,
    div.gshpSetDetailsMainPicture .backToSets a:active i,
    div.setFullPicture .navigationBar .bsButtonSpan a:active i,
    .gshpBasket_buttonBar .gshpBasketCommandBar .bsButtonSpan a:active i,
    .gshpBasketRow_buttonBar .gshpBasketCommandBar .bsButtonSpan a:active i,
    .gshpBasket_buttonBar .gshpBasketButton_command .bsButtonSpan a:active i,
    .gshpBasketRow_buttonBar .gshpBasketButton_command .bsButtonSpan a:active i,
    .gshpBasket_buttonBar .gshpBasketButton_deleteAll .bsButtonSpan a:active i,
    .gshpBasketRow_buttonBar .gshpBasketButton_deleteAll .bsButtonSpan a:active i,
    .gshpBasket_buttonBar .gshpBasketButton_backToShop .bsButtonSpan a:active i,
    .gshpBasketRow_buttonBar .gshpBasketButton_backToShop .bsButtonSpan a:active i,
    .basketShortcut .btn-seeNotEffectiveBasket:active i,
    .basketShortcut .btn-seeBasket:active i,
    .btn-addToWishList-glyph:active i,
    .btn-addToWishList-glyph.empty:active i,
    .btn-addToBasket-glyph:active i,
    .btn-addToBasket-glyph.empty:active i,
    .btn-popin-save:active i,
    .btn-popin-close:active i,
    .btn-show-more:active i,
    #igshBstrap_lastSeenProductsList .hideLastSeenProduct:active i,
    body .btn-gototop:active i,
    .gshp-productCatalog .gshpProductPagination .pagination &gt; li.PaginationAll &gt; a:active:link i,
    .gshp-productCatalog .gshpProductPagination .pagination &gt; li.seeAll &gt; a:active:link i,
    #gss-search-panel .gssNewFacets a:active:not(.ui-slider-handle) i,
    .btn-secondary:active i,
    .bsButtonSpan a:active i {
      color: #B5ACA2; }
  .btn-outline.color-grey, .gshpCommandFollowUpPage div.gshpLinkBackToList a.color-grey.backToList, body .footer .footerShortcuts .navbar-footerLeft .navbar-nav a.color-grey, .gshp-salesRepClientCard div.sdsButtonBar .color-grey.sdsActionButton.btn, .gshpList .color-grey.sdsActionButton.btn, .color-grey.bsButton, .color-grey.btn-default,
  div.gshpSetDetailsMainPicture .bsButtonSpan a.color-grey,
  div.gshpSetDetailsMainPicture .backToSets a.color-grey,
  div.setFullPicture .navigationBar .bsButtonSpan a.color-grey,
  .gshpBasket_buttonBar .gshpBasketCommandBar .bsButtonSpan a.color-grey,
  .gshpBasketRow_buttonBar .gshpBasketCommandBar .bsButtonSpan a.color-grey,
  .gshpBasket_buttonBar .gshpBasketButton_command .bsButtonSpan a.color-grey,
  .gshpBasketRow_buttonBar .gshpBasketButton_command .bsButtonSpan a.color-grey,
  .gshpBasket_buttonBar .gshpBasketButton_deleteAll .bsButtonSpan a.color-grey,
  .gshpBasketRow_buttonBar .gshpBasketButton_deleteAll .bsButtonSpan a.color-grey,
  .gshpBasket_buttonBar .gshpBasketButton_backToShop .bsButtonSpan a.color-grey,
  .gshpBasketRow_buttonBar .gshpBasketButton_backToShop .bsButtonSpan a.color-grey,
  .basketShortcut .color-grey.btn-seeNotEffectiveBasket,
  .basketShortcut .color-grey.btn-seeBasket,
  .color-grey.btn-addToWishList-glyph,
  .color-grey.btn-addToBasket-glyph,
  .color-grey.btn-popin-save,
  .color-grey.btn-popin-close,
  .color-grey.btn-show-more,
  #igshBstrap_lastSeenProductsList .color-grey.hideLastSeenProduct,
  body .color-grey.btn-gototop,
  .gshp-productCatalog .gshpProductPagination .pagination &gt; li.PaginationAll &gt; a.color-grey:link,
  .gshp-productCatalog .gshpProductPagination .pagination &gt; li.seeAll &gt; a.color-grey:link,
  #gss-search-panel .gssNewFacets a.color-grey:not(.ui-slider-handle),
  .color-grey.btn-secondary,
  .bsButtonSpan a.color-grey {
    color: #797A8D !important; }
    .btn-outline.color-grey:focus, .btn-outline.color-grey:active, .btn-outline.color-grey:hover, .btn-outline.color-grey.active, .gshpCommandFollowUpPage div.gshpLinkBackToList a.color-grey.backToList:focus, body .footer .footerShortcuts .navbar-footerLeft .navbar-nav a.color-grey:focus, .gshp-salesRepClientCard div.sdsButtonBar .color-grey.sdsActionButton.btn:focus, .gshpList .color-grey.sdsActionButton.btn:focus, .color-grey.bsButton:focus, .color-grey.btn-default:focus,
    div.gshpSetDetailsMainPicture .bsButtonSpan a.color-grey:focus,
    div.gshpSetDetailsMainPicture .backToSets a.color-grey:focus,
    div.setFullPicture .navigationBar .bsButtonSpan a.color-grey:focus,
    .gshpBasket_buttonBar .gshpBasketCommandBar .bsButtonSpan a.color-grey:focus,
    .gshpBasketRow_buttonBar .gshpBasketCommandBar .bsButtonSpan a.color-grey:focus,
    .gshpBasket_buttonBar .gshpBasketButton_command .bsButtonSpan a.color-grey:focus,
    .gshpBasketRow_buttonBar .gshpBasketButton_command .bsButtonSpan a.color-grey:focus,
    .gshpBasket_buttonBar .gshpBasketButton_deleteAll .bsButtonSpan a.color-grey:focus,
    .gshpBasketRow_buttonBar .gshpBasketButton_deleteAll .bsButtonSpan a.color-grey:focus,
    .gshpBasket_buttonBar .gshpBasketButton_backToShop .bsButtonSpan a.color-grey:focus,
    .gshpBasketRow_buttonBar .gshpBasketButton_backToShop .bsButtonSpan a.color-grey:focus,
    .basketShortcut .color-grey.btn-seeNotEffectiveBasket:focus,
    .basketShortcut .color-grey.btn-seeBasket:focus,
    .color-grey.btn-addToWishList-glyph:focus,
    .color-grey.btn-addToBasket-glyph:focus,
    .color-grey.btn-popin-save:focus,
    .color-grey.btn-popin-close:focus,
    .color-grey.btn-show-more:focus,
    #igshBstrap_lastSeenProductsList .color-grey.hideLastSeenProduct:focus,
    body .color-grey.btn-gototop:focus,
    .gshp-productCatalog .gshpProductPagination .pagination &gt; li.PaginationAll &gt; a.color-grey:focus:link,
    .gshp-productCatalog .gshpProductPagination .pagination &gt; li.seeAll &gt; a.color-grey:focus:link,
    #gss-search-panel .gssNewFacets a.color-grey:focus:not(.ui-slider-handle),
    .color-grey.btn-secondary:focus,
    .bsButtonSpan a.color-grey:focus, .gshpCommandFollowUpPage div.gshpLinkBackToList a.color-grey.backToList:active, body .footer .footerShortcuts .navbar-footerLeft .navbar-nav a.color-grey:active, .gshp-salesRepClientCard div.sdsButtonBar .color-grey.sdsActionButton.btn:active, .gshpList .color-grey.sdsActionButton.btn:active, .color-grey.bsButton:active, .color-grey.btn-default:active,
    div.gshpSetDetailsMainPicture .bsButtonSpan a.color-grey:active,
    div.gshpSetDetailsMainPicture .backToSets a.color-grey:active,
    div.setFullPicture .navigationBar .bsButtonSpan a.color-grey:active,
    .gshpBasket_buttonBar .gshpBasketCommandBar .bsButtonSpan a.color-grey:active,
    .gshpBasketRow_buttonBar .gshpBasketCommandBar .bsButtonSpan a.color-grey:active,
    .gshpBasket_buttonBar .gshpBasketButton_command .bsButtonSpan a.color-grey:active,
    .gshpBasketRow_buttonBar .gshpBasketButton_command .bsButtonSpan a.color-grey:active,
    .gshpBasket_buttonBar .gshpBasketButton_deleteAll .bsButtonSpan a.color-grey:active,
    .gshpBasketRow_buttonBar .gshpBasketButton_deleteAll .bsButtonSpan a.color-grey:active,
    .gshpBasket_buttonBar .gshpBasketButton_backToShop .bsButtonSpan a.color-grey:active,
    .gshpBasketRow_buttonBar .gshpBasketButton_backToShop .bsButtonSpan a.color-grey:active,
    .basketShortcut .color-grey.btn-seeNotEffectiveBasket:active,
    .basketShortcut .color-grey.btn-seeBasket:active,
    .color-grey.btn-addToWishList-glyph:active,
    .color-grey.btn-addToBasket-glyph:active,
    .color-grey.btn-popin-save:active,
    .color-grey.btn-popin-close:active,
    .color-grey.btn-show-more:active,
    #igshBstrap_lastSeenProductsList .color-grey.hideLastSeenProduct:active,
    body .color-grey.btn-gototop:active,
    .gshp-productCatalog .gshpProductPagination .pagination &gt; li.PaginationAll &gt; a.color-grey:active:link,
    .gshp-productCatalog .gshpProductPagination .pagination &gt; li.seeAll &gt; a.color-grey:active:link,
    #gss-search-panel .gssNewFacets a.color-grey:active:not(.ui-slider-handle),
    .color-grey.btn-secondary:active,
    .bsButtonSpan a.color-grey:active, .gshpCommandFollowUpPage div.gshpLinkBackToList a.color-grey.backToList:hover, body .footer .footerShortcuts .navbar-footerLeft .navbar-nav a.color-grey:hover, .gshp-salesRepClientCard div.sdsButtonBar .color-grey.sdsActionButton.btn:hover, .gshpList .color-grey.sdsActionButton.btn:hover, .color-grey.bsButton:hover, .color-grey.btn-default:hover,
    div.gshpSetDetailsMainPicture .bsButtonSpan a.color-grey:hover,
    div.gshpSetDetailsMainPicture .backToSets a.color-grey:hover,
    div.setFullPicture .navigationBar .bsButtonSpan a.color-grey:hover,
    .gshpBasket_buttonBar .gshpBasketCommandBar .bsButtonSpan a.color-grey:hover,
    .gshpBasketRow_buttonBar .gshpBasketCommandBar .bsButtonSpan a.color-grey:hover,
    .gshpBasket_buttonBar .gshpBasketButton_command .bsButtonSpan a.color-grey:hover,
    .gshpBasketRow_buttonBar .gshpBasketButton_command .bsButtonSpan a.color-grey:hover,
    .gshpBasket_buttonBar .gshpBasketButton_deleteAll .bsButtonSpan a.color-grey:hover,
    .gshpBasketRow_buttonBar .gshpBasketButton_deleteAll .bsButtonSpan a.color-grey:hover,
    .gshpBasket_buttonBar .gshpBasketButton_backToShop .bsButtonSpan a.color-grey:hover,
    .gshpBasketRow_buttonBar .gshpBasketButton_backToShop .bsButtonSpan a.color-grey:hover,
    .basketShortcut .color-grey.btn-seeNotEffectiveBasket:hover,
    .basketShortcut .color-grey.btn-seeBasket:hover,
    .color-grey.btn-addToWishList-glyph:hover,
    .color-grey.btn-addToBasket-glyph:hover,
    .color-grey.btn-popin-save:hover,
    .color-grey.btn-popin-close:hover,
    .color-grey.btn-show-more:hover,
    #igshBstrap_lastSeenProductsList .color-grey.hideLastSeenProduct:hover,
    body .color-grey.btn-gototop:hover,
    .gshp-productCatalog .gshpProductPagination .pagination &gt; li.PaginationAll &gt; a.color-grey:hover:link,
    .gshp-productCatalog .gshpProductPagination .pagination &gt; li.seeAll &gt; a.color-grey:hover:link,
    #gss-search-panel .gssNewFacets a.color-grey:hover:not(.ui-slider-handle),
    .color-grey.btn-secondary:hover,
    .bsButtonSpan a.color-grey:hover, .gshpCommandFollowUpPage div.gshpLinkBackToList a.color-grey.active.backToList, body .footer .footerShortcuts .navbar-footerLeft .navbar-nav a.color-grey.active, .gshp-salesRepClientCard div.sdsButtonBar .color-grey.active.sdsActionButton.btn, .gshpList .color-grey.active.sdsActionButton.btn, .color-grey.active.bsButton, .color-grey.active.btn-default,
    div.gshpSetDetailsMainPicture .bsButtonSpan a.active,
    div.gshpSetDetailsMainPicture .backToSets a.active,
    div.setFullPicture .navigationBar .bsButtonSpan a.active,
    .gshpBasket_buttonBar .gshpBasketCommandBar .bsButtonSpan a.active,
    .gshpBasketRow_buttonBar .gshpBasketCommandBar .bsButtonSpan a.active,
    .gshpBasket_buttonBar .gshpBasketButton_command .bsButtonSpan a.active,
    .gshpBasketRow_buttonBar .gshpBasketButton_command .bsButtonSpan a.active,
    .gshpBasket_buttonBar .gshpBasketButton_deleteAll .bsButtonSpan a.active,
    .gshpBasketRow_buttonBar .gshpBasketButton_deleteAll .bsButtonSpan a.active,
    .gshpBasket_buttonBar .gshpBasketButton_backToShop .bsButtonSpan a.active,
    .gshpBasketRow_buttonBar .gshpBasketButton_backToShop .bsButtonSpan a.active,
    .basketShortcut .active.btn-seeNotEffectiveBasket,
    .basketShortcut .active.btn-seeBasket,
    .active.btn-addToWishList-glyph,
    .active.btn-addToBasket-glyph,
    .active.btn-popin-save,
    .active.btn-popin-close,
    .active.btn-show-more,
    #igshBstrap_lastSeenProductsList .active.hideLastSeenProduct,
    body .active.btn-gototop,
    .gshp-productCatalog .gshpProductPagination .pagination &gt; li.PaginationAll &gt; a.active:link,
    .gshp-productCatalog .gshpProductPagination .pagination &gt; li.seeAll &gt; a.active:link,
    #gss-search-panel .gssNewFacets a.active:not(.ui-slider-handle),
    .active.btn-secondary,
    .bsButtonSpan a.active {
      background: rgba(196, 196, 196, 0.3); }
  .btn-outlinea, .btn-outline span, .btn-outline i, .btn-outlinea span, .gshpCommandFollowUpPage div.gshpLinkBackToList a.backToList span, body .footer .footerShortcuts .navbar-footerLeft .navbar-nav a span, .gshp-salesRepClientCard div.sdsButtonBar .sdsActionButton.btn span, .gshpList .sdsActionButton.btn span, .bsButton span, .btn-default span,
  div.gshpSetDetailsMainPicture .bsButtonSpan a span,
  div.gshpSetDetailsMainPicture .backToSets a span,
  div.setFullPicture .navigationBar .bsButtonSpan a span,
  .gshpBasket_buttonBar .gshpBasketCommandBar .bsButtonSpan a span,
  .gshpBasketRow_buttonBar .gshpBasketCommandBar .bsButtonSpan a span,
  .gshpBasket_buttonBar .gshpBasketButton_command .bsButtonSpan a span,
  .gshpBasketRow_buttonBar .gshpBasketButton_command .bsButtonSpan a span,
  .gshpBasket_buttonBar .gshpBasketButton_deleteAll .bsButtonSpan a span,
  .gshpBasketRow_buttonBar .gshpBasketButton_deleteAll .bsButtonSpan a span,
  .gshpBasket_buttonBar .gshpBasketButton_backToShop .bsButtonSpan a span,
  .gshpBasketRow_buttonBar .gshpBasketButton_backToShop .bsButtonSpan a span,
  .basketShortcut .btn-seeNotEffectiveBasket span,
  .basketShortcut .btn-seeBasket span,
  .btn-addToWishList-glyph span,
  .btn-addToWishList-glyph.empty span,
  .btn-addToBasket-glyph span,
  .btn-addToBasket-glyph.empty span,
  .btn-popin-save span,
  .btn-popin-close span,
  .btn-show-more span,
  #igshBstrap_lastSeenProductsList .hideLastSeenProduct span,
  body .btn-gototop span,
  .gshp-productCatalog .gshpProductPagination .pagination &gt; li.PaginationAll &gt; a:link span,
  .gshp-productCatalog .gshpProductPagination .pagination &gt; li.seeAll &gt; a:link span,
  #gss-search-panel .gssNewFacets a:not(.ui-slider-handle) span,
  .btn-secondary span,
  .bsButtonSpan a span, .gshpCommandFollowUpPage div.gshpLinkBackToList a.backToList i, body .footer .footerShortcuts .navbar-footerLeft .navbar-nav a i, .gshp-salesRepClientCard div.sdsButtonBar .sdsActionButton.btn i, .gshpList .sdsActionButton.btn i, .bsButton i, .btn-default i,
  div.gshpSetDetailsMainPicture .bsButtonSpan a i,
  div.gshpSetDetailsMainPicture .backToSets a i,
  div.setFullPicture .navigationBar .bsButtonSpan a i,
  .gshpBasket_buttonBar .gshpBasketCommandBar .bsButtonSpan a i,
  .gshpBasketRow_buttonBar .gshpBasketCommandBar .bsButtonSpan a i,
  .gshpBasket_buttonBar .gshpBasketButton_command .bsButtonSpan a i,
  .gshpBasketRow_buttonBar .gshpBasketButton_command .bsButtonSpan a i,
  .gshpBasket_buttonBar .gshpBasketButton_deleteAll .bsButtonSpan a i,
  .gshpBasketRow_buttonBar .gshpBasketButton_deleteAll .bsButtonSpan a i,
  .gshpBasket_buttonBar .gshpBasketButton_backToShop .bsButtonSpan a i,
  .gshpBasketRow_buttonBar .gshpBasketButton_backToShop .bsButtonSpan a i,
  .basketShortcut .btn-seeNotEffectiveBasket i,
  .basketShortcut .btn-seeBasket i,
  .btn-addToWishList-glyph i,
  .btn-addToWishList-glyph.empty i,
  .btn-addToBasket-glyph i,
  .btn-addToBasket-glyph.empty i,
  .btn-popin-save i,
  .btn-popin-close i,
  .btn-show-more i,
  #igshBstrap_lastSeenProductsList .hideLastSeenProduct i,
  body .btn-gototop i,
  .gshp-productCatalog .gshpProductPagination .pagination &gt; li.PaginationAll &gt; a:link i,
  .gshp-productCatalog .gshpProductPagination .pagination &gt; li.seeAll &gt; a:link i,
  #gss-search-panel .gssNewFacets a:not(.ui-slider-handle) i,
  .btn-secondary i,
  .bsButtonSpan a i {
    color: #B5ACA2 !important; }
  .btn-outline[disabled], .btn-outline .disabled, .gshpCommandFollowUpPage div.gshpLinkBackToList a.backToList[disabled], body .footer .footerShortcuts .navbar-footerLeft .navbar-nav a[disabled], .gshp-salesRepClientCard div.sdsButtonBar .sdsActionButton.btn[disabled], .gshpList .sdsActionButton.btn[disabled], .bsButton[disabled], .btn-default[disabled],
  div.gshpSetDetailsMainPicture .bsButtonSpan a[disabled],
  div.gshpSetDetailsMainPicture .backToSets a[disabled],
  div.setFullPicture .navigationBar .bsButtonSpan a[disabled],
  .gshpBasket_buttonBar .gshpBasketCommandBar .bsButtonSpan a[disabled],
  .gshpBasketRow_buttonBar .gshpBasketCommandBar .bsButtonSpan a[disabled],
  .gshpBasket_buttonBar .gshpBasketButton_command .bsButtonSpan a[disabled],
  .gshpBasketRow_buttonBar .gshpBasketButton_command .bsButtonSpan a[disabled],
  .gshpBasket_buttonBar .gshpBasketButton_deleteAll .bsButtonSpan a[disabled],
  .gshpBasketRow_buttonBar .gshpBasketButton_deleteAll .bsButtonSpan a[disabled],
  .gshpBasket_buttonBar .gshpBasketButton_backToShop .bsButtonSpan a[disabled],
  .gshpBasketRow_buttonBar .gshpBasketButton_backToShop .bsButtonSpan a[disabled],
  .basketShortcut .btn-seeNotEffectiveBasket[disabled],
  .basketShortcut .btn-seeBasket[disabled],
  .btn-addToWishList-glyph[disabled],
  .btn-addToBasket-glyph[disabled],
  .btn-popin-save[disabled],
  .btn-popin-close[disabled],
  .btn-show-more[disabled],
  #igshBstrap_lastSeenProductsList .hideLastSeenProduct[disabled],
  body .btn-gototop[disabled],
  .gshp-productCatalog .gshpProductPagination .pagination &gt; li.PaginationAll &gt; a[disabled]:link,
  .gshp-productCatalog .gshpProductPagination .pagination &gt; li.seeAll &gt; a[disabled]:link,
  #gss-search-panel .gssNewFacets a[disabled]:not(.ui-slider-handle),
  .btn-secondary[disabled],
  .bsButtonSpan a[disabled], .gshpCommandFollowUpPage div.gshpLinkBackToList a.backToList .disabled, body .footer .footerShortcuts .navbar-footerLeft .navbar-nav a .disabled, .gshp-salesRepClientCard div.sdsButtonBar .sdsActionButton.btn .disabled, .gshpList .sdsActionButton.btn .disabled, .bsButton .disabled, .btn-default .disabled,
  div.gshpSetDetailsMainPicture .bsButtonSpan a .disabled,
  div.gshpSetDetailsMainPicture .backToSets a .disabled,
  div.setFullPicture .navigationBar .bsButtonSpan a .disabled,
  .gshpBasket_buttonBar .gshpBasketCommandBar .bsButtonSpan a .disabled,
  .gshpBasketRow_buttonBar .gshpBasketCommandBar .bsButtonSpan a .disabled,
  .gshpBasket_buttonBar .gshpBasketButton_command .bsButtonSpan a .disabled,
  .gshpBasketRow_buttonBar .gshpBasketButton_command .bsButtonSpan a .disabled,
  .gshpBasket_buttonBar .gshpBasketButton_deleteAll .bsButtonSpan a .disabled,
  .gshpBasketRow_buttonBar .gshpBasketButton_deleteAll .bsButtonSpan a .disabled,
  .gshpBasket_buttonBar .gshpBasketButton_backToShop .bsButtonSpan a .disabled,
  .gshpBasketRow_buttonBar .gshpBasketButton_backToShop .bsButtonSpan a .disabled,
  .basketShortcut .btn-seeNotEffectiveBasket .disabled,
  .basketShortcut .btn-seeBasket .disabled,
  .btn-addToWishList-glyph .disabled,
  .btn-addToBasket-glyph .disabled,
  .btn-popin-save .disabled,
  .btn-popin-close .disabled,
  .btn-show-more .disabled,
  #igshBstrap_lastSeenProductsList .hideLastSeenProduct .disabled,
  body .btn-gototop .disabled,
  .gshp-productCatalog .gshpProductPagination .pagination &gt; li.PaginationAll &gt; a:link .disabled,
  .gshp-productCatalog .gshpProductPagination .pagination &gt; li.seeAll &gt; a:link .disabled,
  #gss-search-panel .gssNewFacets a:not(.ui-slider-handle) .disabled,
  .btn-secondary .disabled,
  .bsButtonSpan a .disabled {
    border: 2px solid #B5ACA2; }

.settings .btn-outline {
  background-color: #efefef; }

.settings .btn-small span {
  font-size: 1.2rem; }

.with-border {
  border-width: 1px;
  border-style: solid; }

.with-icon {
  padding: 0 0 0 10px;
  display: flex;
  align-items: center;
  justify-content: flex-end; }

.btn-primary,
.sdss-search .sdsSearchPage .sdsSearchForm .sdsButtonBar .sdsSubmitButton,
.rmm.style .rmm-mobile li.close-filter a,
span.navigationBar span.navigationBarCurrentPage,
.btn-searchSubmit,
.btn-addToWishList-glyph.hasAtLeastOneItem,
.btn-addToBasket-glyph.hasAtLeastOneItem,
.gshp-salesRepClientCard div.sdsButtonBar .sdsActionButton.btn:hover,
.gshpList .sdsActionButton.btn:hover,
.btn-quick-add-to-basket,
.btn-quick-add-to-basket:hover,
.preHome_body .preHome.content .bsGrid .usrLoginForm .connectButtonBar .navbar-inner .usrLoginSubmit,
.preHome_body .preHome.content .bbsRow .usrLoginForm .connectButtonBar .navbar-inner .usrLoginSubmit,
.k-pager-wrap .k-pager-numbers li .k-state-selected,
.sdsSubmitButton, .usrLoginSubmit {
  background: #B5ACA2;
  color: white;
  border: none;
  box-shadow: none; }
  .btn-primary:focus, .btn-primary:active, .btn-primary:hover,
  .btn-primary:not(:disabled):focus,
  .btn-primary:not(:disabled):active,
  .btn-primary:not(:disabled):hover,
  .sdss-search .sdsSearchPage .sdsSearchForm .sdsButtonBar .sdsSubmitButton:focus,
  .rmm.style .rmm-mobile li.close-filter a:focus,
  span.navigationBar span.navigationBarCurrentPage:focus,
  .btn-searchSubmit:focus,
  .btn-addToWishList-glyph.hasAtLeastOneItem:focus,
  .btn-addToBasket-glyph.hasAtLeastOneItem:focus,
  .btn-quick-add-to-basket:focus,
  .preHome_body .preHome.content .bsGrid .usrLoginForm .connectButtonBar .navbar-inner .usrLoginSubmit:focus,
  .preHome_body .preHome.content .bbsRow .usrLoginForm .connectButtonBar .navbar-inner .usrLoginSubmit:focus,
  .k-pager-wrap .k-pager-numbers li .k-state-selected:focus,
  .sdsSubmitButton:focus,
  .sdss-search .sdsSearchPage .sdsSearchForm .sdsButtonBar .sdsSubmitButton:active,
  .rmm.style .rmm-mobile li.close-filter a:active,
  span.navigationBar span.navigationBarCurrentPage:active,
  .btn-searchSubmit:active,
  .btn-addToWishList-glyph.hasAtLeastOneItem:active,
  .btn-addToBasket-glyph.hasAtLeastOneItem:active,
  .btn-quick-add-to-basket:active,
  .preHome_body .preHome.content .bsGrid .usrLoginForm .connectButtonBar .navbar-inner .usrLoginSubmit:active,
  .preHome_body .preHome.content .bbsRow .usrLoginForm .connectButtonBar .navbar-inner .usrLoginSubmit:active,
  .k-pager-wrap .k-pager-numbers li .k-state-selected:active,
  .sdsSubmitButton:active,
  .sdss-search .sdsSearchPage .sdsSearchForm .sdsButtonBar .sdsSubmitButton:hover,
  .rmm.style .rmm-mobile li.close-filter a:hover,
  span.navigationBar span.navigationBarCurrentPage:hover,
  .btn-searchSubmit:hover,
  .btn-addToWishList-glyph.hasAtLeastOneItem:hover,
  .btn-addToBasket-glyph.hasAtLeastOneItem:hover,
  .gshp-salesRepClientCard div.sdsButtonBar .sdsActionButton.btn:hover,
  .gshpList .sdsActionButton.btn:hover,
  .btn-quick-add-to-basket:hover,
  .preHome_body .preHome.content .bsGrid .usrLoginForm .connectButtonBar .navbar-inner .usrLoginSubmit:hover,
  .preHome_body .preHome.content .bbsRow .usrLoginForm .connectButtonBar .navbar-inner .usrLoginSubmit:hover,
  .k-pager-wrap .k-pager-numbers li .k-state-selected:hover,
  .sdsSubmitButton:hover, .usrLoginSubmit:focus, .usrLoginSubmit:active, .usrLoginSubmit:hover {
    background: linear-gradient(113.96deg, #b5b1a2 0%, #9e9386 97%);
    outline: none; }
    .btn-primary:focus:before, .btn-primary:active:before, .btn-primary:hover:before,
    .btn-primary:not(:disabled):focus:before,
    .btn-primary:not(:disabled):active:before,
    .btn-primary:not(:disabled):hover:before,
    .sdss-search .sdsSearchPage .sdsSearchForm .sdsButtonBar .sdsSubmitButton:focus:before,
    .rmm.style .rmm-mobile li.close-filter a:focus:before,
    span.navigationBar span.navigationBarCurrentPage:focus:before,
    .btn-searchSubmit:focus:before,
    .btn-addToWishList-glyph.hasAtLeastOneItem:focus:before,
    .btn-addToBasket-glyph.hasAtLeastOneItem:focus:before,
    .btn-quick-add-to-basket:focus:before,
    .preHome_body .preHome.content .bsGrid .usrLoginForm .connectButtonBar .navbar-inner .usrLoginSubmit:focus:before,
    .preHome_body .preHome.content .bbsRow .usrLoginForm .connectButtonBar .navbar-inner .usrLoginSubmit:focus:before,
    .k-pager-wrap .k-pager-numbers li .k-state-selected:focus:before,
    .sdsSubmitButton:focus:before,
    .sdss-search .sdsSearchPage .sdsSearchForm .sdsButtonBar .sdsSubmitButton:active:before,
    .rmm.style .rmm-mobile li.close-filter a:active:before,
    span.navigationBar span.navigationBarCurrentPage:active:before,
    .btn-searchSubmit:active:before,
    .btn-addToWishList-glyph.hasAtLeastOneItem:active:before,
    .btn-addToBasket-glyph.hasAtLeastOneItem:active:before,
    .btn-quick-add-to-basket:active:before,
    .preHome_body .preHome.content .bsGrid .usrLoginForm .connectButtonBar .navbar-inner .usrLoginSubmit:active:before,
    .preHome_body .preHome.content .bbsRow .usrLoginForm .connectButtonBar .navbar-inner .usrLoginSubmit:active:before,
    .k-pager-wrap .k-pager-numbers li .k-state-selected:active:before,
    .sdsSubmitButton:active:before,
    .sdss-search .sdsSearchPage .sdsSearchForm .sdsButtonBar .sdsSubmitButton:hover:before,
    .rmm.style .rmm-mobile li.close-filter a:hover:before,
    span.navigationBar span.navigationBarCurrentPage:hover:before,
    .btn-searchSubmit:hover:before,
    .btn-addToWishList-glyph.hasAtLeastOneItem:hover:before,
    .btn-addToBasket-glyph.hasAtLeastOneItem:hover:before,
    .gshp-salesRepClientCard div.sdsButtonBar .sdsActionButton.btn:hover:before,
    .gshpList .sdsActionButton.btn:hover:before,
    .btn-quick-add-to-basket:hover:before,
    .preHome_body .preHome.content .bsGrid .usrLoginForm .connectButtonBar .navbar-inner .usrLoginSubmit:hover:before,
    .preHome_body .preHome.content .bbsRow .usrLoginForm .connectButtonBar .navbar-inner .usrLoginSubmit:hover:before,
    .k-pager-wrap .k-pager-numbers li .k-state-selected:hover:before,
    .sdsSubmitButton:hover:before, .usrLoginSubmit:focus:before, .usrLoginSubmit:active:before, .usrLoginSubmit:hover:before {
      transition: transform 0.2s ease-out, opacity 0.05s linear;
      background: linear-gradient(113.96deg, #b5b1a2 0%, #9e9386 97%);
      box-shadow: none; }
      .btn-primary.color-grey:focus:before, .btn-primary.color-grey:active:before, .btn-primary.color-grey:hover:before,
      .btn-primary.color-grey:not(:disabled):focus:before,
      .btn-primary.color-grey:not(:disabled):active:before,
      .btn-primary.color-grey:not(:disabled):hover:before,
      .sdss-search .sdsSearchPage .sdsSearchForm .sdsButtonBar .sdsSubmitButton.color-grey:focus:before,
      .rmm.style .rmm-mobile li.close-filter a.color-grey:focus:before,
      span.navigationBar span.navigationBarCurrentPage.color-grey:focus:before,
      .btn-searchSubmit.color-grey:focus:before,
      .btn-addToWishList-glyph.hasAtLeastOneItem.color-grey:focus:before,
      .btn-addToBasket-glyph.hasAtLeastOneItem.color-grey:focus:before,
      .btn-quick-add-to-basket.color-grey:focus:before,
      .preHome_body .preHome.content .bsGrid .usrLoginForm .connectButtonBar .navbar-inner .usrLoginSubmit.color-grey:focus:before,
      .preHome_body .preHome.content .bbsRow .usrLoginForm .connectButtonBar .navbar-inner .usrLoginSubmit.color-grey:focus:before,
      .k-pager-wrap .k-pager-numbers li .k-state-selected.color-grey:focus:before,
      .sdsSubmitButton.color-grey:focus:before,
      .sdss-search .sdsSearchPage .sdsSearchForm .sdsButtonBar .sdsSubmitButton.color-grey:active:before,
      .rmm.style .rmm-mobile li.close-filter a.color-grey:active:before,
      span.navigationBar span.navigationBarCurrentPage.color-grey:active:before,
      .btn-searchSubmit.color-grey:active:before,
      .btn-addToWishList-glyph.hasAtLeastOneItem.color-grey:active:before,
      .btn-addToBasket-glyph.hasAtLeastOneItem.color-grey:active:before,
      .btn-quick-add-to-basket.color-grey:active:before,
      .preHome_body .preHome.content .bsGrid .usrLoginForm .connectButtonBar .navbar-inner .usrLoginSubmit.color-grey:active:before,
      .preHome_body .preHome.content .bbsRow .usrLoginForm .connectButtonBar .navbar-inner .usrLoginSubmit.color-grey:active:before,
      .k-pager-wrap .k-pager-numbers li .k-state-selected.color-grey:active:before,
      .sdsSubmitButton.color-grey:active:before,
      .sdss-search .sdsSearchPage .sdsSearchForm .sdsButtonBar .sdsSubmitButton.color-grey:hover:before,
      .rmm.style .rmm-mobile li.close-filter a.color-grey:hover:before,
      span.navigationBar span.navigationBarCurrentPage.color-grey:hover:before,
      .btn-searchSubmit.color-grey:hover:before,
      .btn-addToWishList-glyph.hasAtLeastOneItem.color-grey:hover:before,
      .btn-addToBasket-glyph.hasAtLeastOneItem.color-grey:hover:before,
      .gshp-salesRepClientCard div.sdsButtonBar .sdsActionButton.btn.color-grey:hover:before,
      .gshpList .sdsActionButton.btn.color-grey:hover:before,
      .btn-quick-add-to-basket.color-grey:hover:before,
      .preHome_body .preHome.content .bsGrid .usrLoginForm .connectButtonBar .navbar-inner .usrLoginSubmit.color-grey:hover:before,
      .preHome_body .preHome.content .bbsRow .usrLoginForm .connectButtonBar .navbar-inner .usrLoginSubmit.color-grey:hover:before,
      .k-pager-wrap .k-pager-numbers li .k-state-selected.color-grey:hover:before,
      .sdsSubmitButton.color-grey:hover:before, .usrLoginSubmit.color-grey:focus:before, .usrLoginSubmit.color-grey:active:before, .usrLoginSubmit.color-grey:hover:before {
        background-color: rgba(196, 196, 196, 0.3) !important; }
  .btn-primarya, .btn-primary span, .btn-primary i, .btn-primarya span,
  .btn-primary:nota(:disabled),
  .sdss-search .sdsSearchPage .sdsSearchForm .sdsButtonBar .sdsSubmitButton span,
  .rmm.style .rmm-mobile li.close-filter a span,
  span.navigationBar span.navigationBarCurrentPage span,
  .btn-searchSubmit span,
  .btn-addToWishList-glyph.hasAtLeastOneItem span,
  .btn-addToBasket-glyph.hasAtLeastOneItem span,
  .gshp-salesRepClientCard div.sdsButtonBar .sdsActionButton.btn:hover span,
  .gshpList .sdsActionButton.btn:hover span,
  .btn-quick-add-to-basket span,
  .btn-quick-add-to-basket:hover span,
  .preHome_body .preHome.content .bsGrid .usrLoginForm .connectButtonBar .navbar-inner .usrLoginSubmit span,
  .preHome_body .preHome.content .bbsRow .usrLoginForm .connectButtonBar .navbar-inner .usrLoginSubmit span,
  .k-pager-wrap .k-pager-numbers li .k-state-selected span,
  .sdsSubmitButton span,
  .sdss-search .sdsSearchPage .sdsSearchForm .sdsButtonBar .sdsSubmitButton i,
  .rmm.style .rmm-mobile li.close-filter a i,
  span.navigationBar span.navigationBarCurrentPage i,
  .btn-searchSubmit i,
  .btn-addToWishList-glyph.hasAtLeastOneItem i,
  .btn-addToBasket-glyph.hasAtLeastOneItem i,
  .gshp-salesRepClientCard div.sdsButtonBar .sdsActionButton.btn:hover i,
  .gshpList .sdsActionButton.btn:hover i,
  .btn-quick-add-to-basket i,
  .btn-quick-add-to-basket:hover i,
  .preHome_body .preHome.content .bsGrid .usrLoginForm .connectButtonBar .navbar-inner .usrLoginSubmit i,
  .preHome_body .preHome.content .bbsRow .usrLoginForm .connectButtonBar .navbar-inner .usrLoginSubmit i,
  .k-pager-wrap .k-pager-numbers li .k-state-selected i,
  .sdsSubmitButton i,
  .sdss-search .sdsSearchPage .sdsSearchForm .sdsButtonBar .sdsSubmitButton:nota(:disabled),
  .rmm.style .rmm-mobile li.close-filter a:nota(:disabled),
  span.navigationBar span.navigationBarCurrentPage:nota(:disabled),
  .btn-searchSubmit:nota(:disabled),
  .btn-addToWishList-glyph.hasAtLeastOneItem:nota(:disabled),
  .btn-addToBasket-glyph.hasAtLeastOneItem:nota(:disabled),
  .gshp-salesRepClientCard div.sdsButtonBar .sdsActionButton.btn:nota(:disabled):hover,
  .gshpList .sdsActionButton.btn:nota(:disabled):hover,
  .btn-quick-add-to-basket:nota(:disabled),
  .btn-quick-add-to-basket:nota(:disabled):hover,
  .preHome_body .preHome.content .bsGrid .usrLoginForm .connectButtonBar .navbar-inner .usrLoginSubmit:nota(:disabled),
  .preHome_body .preHome.content .bbsRow .usrLoginForm .connectButtonBar .navbar-inner .usrLoginSubmit:nota(:disabled),
  .k-pager-wrap .k-pager-numbers li .k-state-selected:nota(:disabled),
  .sdsSubmitButton:nota(:disabled), .usrLoginSubmita, .usrLoginSubmit span, .usrLoginSubmit i, .usrLoginSubmita span {
    color: white !important; }

a.btn.btn-primary:hover, a.btn.btn-primary:focus, a.btn.btn-primary:active, .btn.btn-primary:hover, .btn.btn-primary:focus, .btn.btn-primary:active {
  color: white;
  background: linear-gradient(113.96deg, #b5b1a2 0%, #9e9386 97%); }

.btn-default-inverse {
  border-color: white;
  color: white;
  background: #B5ACA2; }

.btn-thin {
  padding: 0px;
  margin-right: 2px; }

.btn.btn-primary[disabled],
.btn.btn-primary.disabled {
  border-color: #B5ACA2;
  background-color: #B5ACA2; }

.btn.disabled,
.btn[disabled] {
  opacity: 0.35; }

.btn-bordered {
  border: 1px solid black;
  padding: 5px 10px; }

.btn-small-mini {
  border-radius: 50%;
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 2px 7px 2px 5px;
  width: 40px; }
  .btn-small-mini span, .btn-small-mini i {
    font-size: 1.275rem;
    width: 100%; }
  .btn-small-mini.search span {
    font-size: 1.75rem; }

.btn-square {
  padding: 0;
  height: 100%;
  width: 30px; }

.btn-plus {
  width: 40px;
  height: 40px;
  line-height: 40px; }

.btn-left {
  float: left; }

.btn,
.btn-primary,
#middle-pane #horizontalSplitterView #documentsPart #verticalAssemblySplitterView #tabstripAssembly div.nomenclatureTabs ul li a.k-link,
#middle-pane #horizontalSplitterView #documentsPart #verticalAssemblySplitterView #tabstripAssembly div.nomenclatureTabs ul li .printPDF,
.ocs-genViewCard .bsText strong a,
.gshp-salesRepClientCard .gshpSearch_submit a.bsButton,
.gshp-salesRepClientList table td a.bsButton:link,
.gshp-salesRepClientList table td a.bsButton:active,
.gshp-salesRepClientList table td a.bsButton:visited,
.gshp-salesRepClientList table td a.bsButton:hover,
.gshpCommandFollowUpPage div.gshpLinkBackToList a.backToList,
div.gshpSetDetailsMainPicture .bsButtonSpan a,
div.gshpSetDetailsMainPicture .backToSets a,
div.setFullPicture .navigationBar .bsButtonSpan a,
.gshpBasket_buttonBar .bsButtonSpan a,
.gshpBasketRow_buttonBar .bsButtonSpan a,
#igshBstrap_lastSeenProductsList .hideLastSeenProduct,
.HomePage .bsText strong a,
body .footer .footerShortcuts .navbar-footerLeft .navbar-nav a,
.gshp-productCatalog .gshpProductPagination .pagination &gt; li.PaginationAll &gt; a:link,
.gshp-productCatalog .gshpProductPagination .pagination &gt; li.seeAll &gt; a:link,
#gss-search-panel .gssNewFacets a:not(.ui-slider-handle),
.bsDownloadable,
.sdss-search .sdsSearchPage .sdsSearchForm .sdsButtonBar .sdsSubmitButton,
.rmm.style .rmm-mobile li.close-filter a,
span.navigationBar span.navigationBarCurrentPage,
.btn-searchSubmit,
.btn-addToWishList-glyph.hasAtLeastOneItem,
.btn-addToBasket-glyph.hasAtLeastOneItem,
.gshp-salesRepClientCard div.sdsButtonBar .sdsActionButton.btn:hover,
.gshpList .sdsActionButton.btn:hover,
.btn-quick-add-to-basket,
.btn-quick-add-to-basket:hover,
.preHome_body .preHome.content .bsGrid .usrLoginForm .connectButtonBar .navbar-inner .usrLoginSubmit,
.preHome_body .preHome.content .bbsRow .usrLoginForm .connectButtonBar .navbar-inner .usrLoginSubmit,
.k-pager-wrap .k-pager-numbers li .k-state-selected,
.sdsSubmitButton {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

.btn-circle,
.product-order-provision-active.GoodStockReorderable i,
.product-order-provision-active.GoodStockNotReorderable i {
  border-radius: 50%;
  margin-right: 5px; }

.btn[disabled],
#middle-pane #horizontalSplitterView #documentsPart #verticalAssemblySplitterView #tabstripAssembly div.nomenclatureTabs ul li a.k-link[disabled],
#middle-pane #horizontalSplitterView #documentsPart #verticalAssemblySplitterView #tabstripAssembly div.nomenclatureTabs ul li .printPDF[disabled],
.ocs-genViewCard .bsText strong a[disabled],
.gshp-salesRepClientCard .gshpSearch_submit a.bsButton[disabled],
.gshp-salesRepClientList table td a.bsButton[disabled]:link,
.gshp-salesRepClientList table td a.bsButton[disabled]:active,
.gshp-salesRepClientList table td a.bsButton[disabled]:visited,
.gshp-salesRepClientList table td a.bsButton[disabled]:hover,
.gshpCommandFollowUpPage div.gshpLinkBackToList a.backToList[disabled],
div.gshpSetDetailsMainPicture .bsButtonSpan a[disabled],
div.gshpSetDetailsMainPicture .backToSets a[disabled],
div.setFullPicture .navigationBar .bsButtonSpan a[disabled],
.gshpBasket_buttonBar .bsButtonSpan a[disabled],
.gshpBasketRow_buttonBar .bsButtonSpan a[disabled],
#igshBstrap_lastSeenProductsList .hideLastSeenProduct[disabled],
.HomePage .bsText strong a[disabled],
body .footer .footerShortcuts .navbar-footerLeft .navbar-nav a[disabled],
.gshp-productCatalog .gshpProductPagination .pagination &gt; li.PaginationAll &gt; a[disabled]:link,
.gshp-productCatalog .gshpProductPagination .pagination &gt; li.seeAll &gt; a[disabled]:link,
#gss-search-panel .gssNewFacets a[disabled]:not(.ui-slider-handle),
.bsDownloadable[disabled] {
  cursor: not-allowed; }

.btn-number {
  font-weight: 600;
  width: 40px;
  height: 40px;
  line-height: 36px;
  margin-right: 10px;
  text-align: center;
  border-radius: 50%;
  border: 1px solid #cccccc; }

.btn-back i {
  padding: 0 7px; }

.btn-back.btn-small i {
  padding-left: 0; }

.form-check .btn-switch[type="checkbox"] {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 30px; }

.btn-switch {
  height: 12px;
  width: 38px;
  padding: 0;
  border-radius: 13px;
  transition: all 0.1s ease-out;
  position: relative;
  border: 2px solid transparent; }
  .btn-switch:before, .btn-switch:hover:before, .btn-switch:focus:before {
    opacity: 1;
    height: 20px;
    width: 20px;
    top: -6px;
    left: -2px;
    border-radius: 50%;
    position: absolute;
    content: "";
    transition: all 0.1s ease-out;
    box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); }
  .btn-switch.border-green {
    border-color: #B5ACA2;
    background-color: #B5ACA2 !important; }
    .btn-switch.border-green:before {
      background-color: #B5ACA2;
      color: #B5ACA2; }
  .btn-switch.bg-grey.switch-right:before {
    background: #797A8D; }
  .btn-switch.border-grey {
    background-color: #BBBBC5;
    border-color: #BBBBC5 !important; }
    .btn-switch.border-grey:before {
      background-color: #797A8D;
      color: #797A8D; }
  .btn-switch.border-blue:before {
    background-color: #2C53FF;
    color: #2C53FF; }
  .btn-switch.btn-switch-small {
    height: 16px;
    width: 30px;
    z-index: 1000; }

.btn-gototop {
  color: #ededed; }

button.mz-button:before {
  opacity: 1; }

.bt-content .bsDownloadable {
  height: 40px; }
  .bt-content .bsDownloadable dl.bsDownloadableIcon0, .bt-content .bsDownloadable dl.bsDownloadableIcon1, .bt-content .bsDownloadable dl.bsDownloadableIcon2, .bt-content .bsDownloadable dl.bsDownloadableIcon3, .bt-content .bsDownloadable dl.bsDownloadableStdIcon {
    background-image: none;
    height: 40px;
    line-height: 40px;
    margin: 0; }

.switch-right:before {
  transform: translateX(100%); }

tr.sdsActionRow div.sdsButtonBar {
  margin-top: 0.2em;
  display: flex; }

.sdsButtonBar .navbar-inner {
  display: flex; }
  .sdsButtonBar .navbar-inner .sdsSubmitButton:hover {
    color: white; }

/* titles */
h1, .h1,
h2,
.h2,
h3,
.h3,
h4,
.h4 {
  color: #4c4c4c; }

/* Links */
a {
  color: #B5ACA2; }
  a:hover, a:focus {
    color: #B5ACA2; }

.before-color-link {
  background-color: #951CFF; }

.big {
  font-size: 125%;
  font-weight: bold; }

.stock-icon {
  display: inline-block;
  width: 24px; }
  .stock-icon:before {
    text-align: center;
    width: 24px;
    height: 24px;
    line-height: 26px;
    display: block; }

.hidden {
  display: none; }

.field-error-marker {
  display: inline-block;
  vertical-align: top;
  height: 18px;
  line-height: 14px;
  width: 18px;
  margin: 0 5px 0 0;
  border-radius: 50%;
  text-align: center;
  font-size: 14px;
  transition: all 0.1s linear;
  background-clip: padding-box; }

.row-customizationEditor .field-error-marker {
  height: 16px;
  line-height: 16px;
  width: 16px;
  font-size: 14px; }

a {
  color: #B5ACA2; }
  a:hover, a:focus {
    color: #B5ACA2; }

.link, .a-link, #openShoppingCart {
  color: #B5ACA2;
  cursor: pointer; }
  .link:hover, .link:focus, .a-link:hover, .a-link:focus, #openShoppingCart:hover, #openShoppingCart:focus {
    border-bottom: 1px solid #B5ACA2;
    color: #B5ACA2; }

#openShoppingCart {
  margin-right: 2px; }

ul.list-group {
  margin-bottom: 0;
  padding: 10px;
  list-style-type: none; }

/* dropdown bootstrap */
.dropdown:hover .dropdown-toggle::after {
  transform: translateY(2px);
  transition: transform 0.15s ease-out; }

.dropdown .dropdown-toggle::after {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  vertical-align: middle;
  border-top: 5px solid;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  border-bottom: 0; }

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  background: transparent;
  background-image: url("data:image/svg+xml;utf8,&lt;svg fill='grey' height='18' viewBox='0 0 18 18' width='18' xmlns='http://www.w3.org/2000/svg'&gt;&lt;path d='M7 10l5 5 5-5z'/&gt;&lt;path d='M0 0h24v24H0z' fill='none'/&gt;&lt;/svg&gt;");
  background-repeat: no-repeat;
  background-position-x: 95%;
  background-position-y: 40%;
  padding-right: 1.5rem !important; }

/* row &amp; cols */
.row-flex {
  display: flex;
  align-items: center;
  flex-wrap: wrap; }
  .row-flex.nowrap {
    flex-wrap: nowrap; }

.row.nowrap {
  flex-wrap: nowrap; }

.panel-default.form-group {
  padding: 20px;
  position: relative;
  border: 1px solid #ced4da;
  max-width: 100%;
  margin: 0; }

.spacebetween {
  justify-content: space-between; }

.flex-reset {
  margin: 15px 0; }
  .flex-reset .icon_32 {
    margin-right: 20px;
    width: 32px;
    height: 32px;
    line-height: 32px; }

.flex-column {
  display: flex;
  flex-direction: column; }

.row.flex-xs-nowrap {
  flex-wrap: nowrap; }

.col-xs-0,
col-sm-0,
col-md-0,
col-lg-0 {
  flex: auto; }

.aligntop {
  align-items: baseline; }

.verticalAlignMiddle p, verticalAlignTop p {
  margin-bottom: 0; }

p.bsParaLeft {
  margin-bottom: 0px; }

.usrRegForm p.bsParaLeft {
  margin-bottom: 15px; }

.container .gshpLinksToBackOffice {
  display: flex; }

.widthPadding {
  width: 97%; }

.switchRow {
  animation: translateLineX 0.3s linear;
  transform-origin: left left; }

.row-footer-btn,
.row-header-btn {
  display: flex;
  justify-content: space-between;
  flex: 1 100%; }

.row-button {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  margin: 4px 0; }

.textaligncenter &gt; * {
  margin: 0 auto; }

.progress {
  box-shadow: none;
  background-color: #f2f2f2;
  font-size: 0.9rem; }

.row-progress.progress-small {
  width: 30%;
  margin: 8px auto; }
  .row-progress.progress-small .progress {
    height: 5px; }

.row-bottom {
  margin: 30px 0 0 0; }

.repRow &gt; a {
  display: none; }

.message .close {
  margin-left: 10px; }

.alert-message {
  font-weight: bold;
  pointer-events: none;
  animation: showStockMessg 0.1s both;
  line-height: 20px;
  font-size: 14px; }

.alert-box {
  display: inline-block;
  max-width: 760px;
  margin-bottom: 1.075rem; }

.alertMsg {
  width: auto;
  font-size: 20px;
  align-items: center;
  margin: 0 auto;
  display: inline-flex;
  position: fixed;
  z-index: 2000;
  top: 50%;
  left: auto;
  right: auto;
  top: 0;
  right: 0;
  left: 0;
  max-width: 500px;
  margin: 180px auto; }
  .alertMsg .message {
    display: inline-flex;
    justify-content: space-around;
    align-items: center;
    width: 100%;
    margin: 0 auto;
    padding: 14px; }
    .alertMsg .message i.color-white:before {
      color: white; }

.message-alert {
  width: auto;
  padding: 5px 10px;
  display: inline-flex;
  align-items: center;
  margin: 10px 0;
  font-size: .9rem; }
  .message-alert i {
    margin-right: 5px; }
  .message-alert ul.list-group {
    margin-bottom: 0;
    padding: 0px;
    list-style-type: none;
    margin-left: 5px; }
  .message-alert.bg-blue-transparent {
    background: #d5ddff; }
  .message-alert span.color-blue {
    color: #2c53ff; }

#sortCriterion {
  min-width: 76px; }

.pull-right .message-alert {
  float: right; }

/* Titles */
input,
h1,
.h1,
h2,
.h2,
h4,
.h4,
h3,
.h3,
h5,
.h5 {
  line-height: 1.5; }

h1, .h1 {
  margin-bottom: 10px; }

.title2 {
  margin: 20px 0;
  font-size: 32px; }
  .title2 h3, .title2 .h3 {
    padding-bottom: 0.25em; }
  .title2 h2, .title2 .h2 {
    font-size: 32px;
    padding-bottom: 0.25em; }

.img-responsive,
div.gshpSetDetailsMainPicture img,
div.setFullPicture img,
div.setThumbs img.setThumb,
.gshpMainPicture &gt; img,
div.ProductImgContainer img.gshpNoBorder {
  max-width: 100%;
  height: auto; }

@media print {
  a[href]:after {
    content: none; } }

@-moz-document url-prefix() {
  #HideAllbtn {
    display: none; } }

@supports (-moz-appearance: none) {
  #HideAllbtn {
    display: none; } }

/* Loader */
.dark-overlay {
  display: none;
  background-color: rgba(0, 0, 0, 0.6);
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1360; }
  .dark-overlay.Search-overlay {
    top: 160px; }
  .dark-overlay.gshpBasketB2B-overlay {
    z-index: 2000;
    top: 0px;
    position: fixed;
    left: 0px; }

.content-loader-wrapper {
  text-align: center;
  margin: 100px 0 50px;
  height: 70px; }

.loader {
  display: none;
  width: 100%;
  height: 110px;
  position: absolute;
  z-index: 300;
  left: 0;
  top: calc(50% - 70px);
  text-align: center; }
  .loader.gshpBasketB2B-loader {
    z-index: 3000;
    position: fixed; }
    .loader.gshpBasketB2B-loader p {
      color: white;
      font-size: 22px;
      font-weight: 300;
      padding: 20px 10px;
      width: 500px;
      margin: 0 auto;
      line-height: 36px; }

.flat-row,
.flat-row div {
  box-shadow: none; }

.content-loader {
  display: inline-block;
  position: static; }

.loader i {
  color: #fff;
  line-height: 50px;
  font-size: 24px; }

.loader-text {
  color: white;
  line-height: 60px;
  font-size: 20px;
  font-weight: 700; }

.loader-circles-wrapper {
  height: 70px;
  width: 70px;
  transform-origin: center center;
  display: inline-block;
  position: relative; }

.loader-circles {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0; }

.loader-circle-wrapper {
  position: absolute;
  left: calc(50% - 5px);
  top: 0;
  transform-origin: center 35px; }

.loader-circle {
  width: 10px;
  height: 10px;
  background: #fff;
  border-radius: 50%;
  transform-origin: center 35px; }

.content-loader .loader-circle {
  background-color: #0071c2; }

.loader-circle-wrapper-4 {
  transform: rotate(30deg); }

.loader-circle-wrapper-3 {
  transform: rotate(60deg); }

.loader-circle-wrapper-2 {
  transform: rotate(90deg); }

.loader-circle-wrapper-1 {
  transform: rotate(120deg); }

@keyframes rotate-anim-1 {
  0% {
    opacity: 1; }
  5% {
    transform: rotate(60deg) scale(1.5);
    opacity: 0.2; }
  10% {
    transform: rotate(120deg) scale(1);
    opacity: 1; }
  50% {
    transform: rotate(180deg) scale(1);
    opacity: 1; }
  55% {
    transform: rotate(240deg) scale(1.5);
    opacity: 0.2; }
  60% {
    transform: rotate(300deg) scale(1);
    opacity: 1; }
  100% {
    transform: rotate(359.9deg) scale(1);
    opacity: 1; } }

.loader-circle-1 {
  animation: rotate-anim-1 2.6s ease-out forwards infinite; }

.loader-circle-2 {
  animation: rotate-anim-1 2.6s ease-out 0.1s forwards infinite; }

.loader-circle-3 {
  animation: rotate-anim-1 2.6s ease-out 0.2s forwards infinite; }

.loader-circle-4 {
  animation: rotate-anim-1 2.6s ease-out 0.3s forwards infinite; }

.loader-circle-5 {
  animation: rotate-anim-1 2.6s ease-out 0.4s forwards infinite; }

.loader-circles {
  animation: inflate-anim-1 1s ease-out forwards infinite; }

/* horizental lader */
@keyframes back-and-forth {
  0% {
    opacity: 0; }
  10% {
    opacity: 1;
    transform: translateX(40px); }
  20% {
    opacity: 1;
    transform: translateX(60px); }
  30% {
    opacity: 0;
    transform: translateX(80px); }
  50% {
    opacity: 0;
    transform: translateX(80px) scaleX(-1); }
  60% {
    opacity: 1;
    transform: translateX(40px) scaleX(-1); }
  70% {
    opacity: 1;
    transform: translateX(20px) scaleX(-1); }
  80% {
    opacity: 0;
    transform: scaleX(-1); } }

@keyframes lds-rolling {
  0% {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
    transform: translate(-50%, -50%) rotate(0deg); }
  100% {
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
    transform: translate(-50%, -50%) rotate(360deg); } }

@-webkit-keyframes lds-rolling {
  0% {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
    transform: translate(-50%, -50%) rotate(0deg); }
  100% {
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
    transform: translate(-50%, -50%) rotate(360deg); } }

.lds-rolling {
  position: relative;
  left: calc(50% - 30px); }

.lds-rolling div,
.lds-rolling div:after {
  position: absolute;
  width: 14px;
  height: 14px;
  border: 2px solid #B5ACA2;
  border-top-color: transparent;
  border-radius: 50%; }

.lds-rolling div {
  -webkit-animation: lds-rolling 1s linear infinite;
  animation: lds-rolling 1s linear infinite;
  top: 100px;
  left: 100px; }

.lds-rolling div:after {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg); }

.lds-rolling {
  width: 16px;
  height: 16px;
  -webkit-transform: translate(-100px, -100px) scale(1) translate(100px, 100px);
  transform: translate(-100px, -100px) scale(1) translate(100px, 100px); }

.horizontal-loader {
  position: absolute;
  width: 90px;
  height: 20px;
  margin: 20px auto 40px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  left: 50%;
  top: 45%; }
  .horizontal-loader:before, .horizontal-loader:after {
    width: 10px;
    height: 10px;
    content: "";
    display: block;
    border-radius: 5px;
    background-color: #007ed9;
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0; }
  .horizontal-loader:before {
    animation: back-and-forth 1.5s linear forwards infinite; }
  .horizontal-loader:after {
    animation: back-and-forth 1.5s linear 0.15s forwards infinite;
    background-color: rgba(0, 126, 217, 0.3); }
  .horizontal-loader.relative {
    margin: 0 auto;
    width: 100%;
    top: 0;
    position: relative; }
  .horizontal-loader.salesRep-loader {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.8);
    margin: 0 auto;
    z-index: 3;
    border-radius: 16px; }
    .horizontal-loader.salesRep-loader:before, .horizontal-loader.salesRep-loader:after {
      left: 40%;
      top: 50%; }

/* grid view animation*/
.ld-ring {
  width: 1em;
  height: 1em;
  position: relative;
  color: inherit;
  display: inline-block;
  margin: 0 auto;
  font-size: 36px;
  animation: ld-cycle 1s infinite;
  left: calc(50% - 5px); }
  .ld-ring:after {
    width: 20%;
    height: 20%;
    border-radius: 50%;
    background: 0 0;
    box-shadow: 0 0.5em 0 0 #B5ACA2, 0 -0.5em 0 0 #B5ACA2, 0.5em 0 0 0 #B5ACA2, -0.5em 0 0 0 #B5ACA2, 0.35355em 0.35355em 0 0 #B5ACA2, -0.35355em 0.35355em 0 0 #B5ACA2, 0.35355em -0.35355em 0 0 #B5ACA2, -0.35355em -0.35355em 0 0 #B5ACA2;
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: " ";
    display: inline-block; }

@keyframes ld-cycle {
  0%, 50%, 100% {
    animation-timing-function: cubic-bezier(0.5, 0.5, 0.5, 0.5); }
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0); }
  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-webkit-keyframes ld-cycle {
  0%, 50%, 100% {
    animation-timing-function: cubic-bezier(0.5, 0.5, 0.5, 0.5); }
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0); }
  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes blink-anim {
  0% {
    opacity: 0; }
  35% {
    opacity: 1; }
  70% {
    opacity: 1; }
  100% {
    opacity: 0; } }

.loader-text {
  animation: blink-anim 1s linear forwards infinite; }

h6.bsLevel1, .bsLevel1.h6 {
  font-size: 1.75rem;
  font-weight: 500; }
  h6.bsLevel1 span, .bsLevel1.h6 span {
    font-weight: 500; }

.bsIntroduction {
  font-weight: 300;
  margin-bottom: 10px; }

h1 label, .h1 label {
  font-weight: 300; }

.before,
.product-in-list .price-data .btn:before,
.Linked-product .price-data .btn:before,
.gssFacetFilter .gssFilterBody .gssRemoveButton:before,
.gssFulltextFilter .gssFilterBody .gssRemoveButton:before {
  content: "";
  position: absolute;
  z-index: 1;
  display: block;
  transform-origin: center center;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.12);
  transition: transform 0.4s ease-out, opacity 0.1s linear;
  border-radius: 5px; }

.before-hover {
  opacity: 1;
  transform: scale(1);
  transition: all 0.05s linear; }

small, .small {
  font-size: 90%;
  line-height: 24px;
  font-weight: normal; }

.xsmall {
  font-size: 8px !important; }

.strong {
  font-weight: bold; }

.thick-border-bottom {
  font-weight: 700; }

a {
  transition: opacity 0.07s linear;
  text-decoration: none; }
  a:hover, a:focus {
    text-decoration: none; }

a.color-base {
  color: #212529; }
  a.color-base:hover, a.color-base:focus {
    color: #212529; }

a.link,
div.gshpMultiGrid .product-grid-summary .product-label-price-td table a,
body .footer .Footerbottom .FooterbottomBlock .hidden-xs a,
body .footer .navbar-nav li a,
div.gshpMultiGrid .product-label-price-td table a,
.gshpGridBlockForm .product-label-price-td table a,
.gshp-product-form .product-label-price-td table a {
  border-bottom: 1px dotted #B5ACA2;
  color: #B5ACA2;
  cursor: pointer; }
  a.link:hover, a.link:focus,
  body .footer .Footerbottom .FooterbottomBlock .hidden-xs a:hover,
  body .footer .navbar-nav li a:hover,
  div.gshpMultiGrid .product-label-price-td table a:hover,
  .gshpGridBlockForm .product-label-price-td table a:hover,
  .gshp-product-form .product-label-price-td table a:hover,
  body .footer .Footerbottom .FooterbottomBlock .hidden-xs a:focus,
  body .footer .navbar-nav li a:focus,
  div.gshpMultiGrid .product-label-price-td table a:focus,
  .gshpGridBlockForm .product-label-price-td table a:focus,
  .gshp-product-form .product-label-price-td table a:focus {
    border-bottom-style: solid;
    color: #B5ACA2; }

a.apps-menu:before {
  content: "";
  border-color: transparent transparent #fff;
  border-style: solid;
  border-width: 0 10px 10px;
  position: absolute;
  left: 14px;
  top: 6px;
  z-index: 1;
  height: 0;
  width: 0; }

a.apps-menu:hover:before, a.apps-menu:focus:before {
  transform: scale(1.06);
  transition: all 0.1s linear;
  opacity: 1; }

a:focus {
  outline: none; }

a.btn.title-link {
  padding: 0px;
  line-height: inherit;
  color: #B5ACA2;
  font-size: 20px;
  overflow: visible; }
  a.btn.title-link:before {
    opacity: 0;
    width: calc(100% + 0.6em);
    left: -0.3em;
    height: 100%;
    transform: scale(0.8);
    border-radius: 5px;
    transition: all 0.1s linear; }
  a.btn.title-link.color-blue:hover:before {
    background-color: rgba(0, 113, 194, 0.15);
    opacity: 1;
    transform: scale(1);
    transition: all 0.05s linear; }

a.btn {
  text-decoration: none; }
  a.btn:not(.btn-outline):not(.btn-default):not(.btn-primary):not(.sdsActionButton):hover {
    border: 0; }

.title-bordred {
  border-bottom: 1px solid #cccccc;
  padding-bottom: 20px;
  margin-bottom: 20px;
  font-weight: bold; }

.title-wrapper h2, .title-wrapper .h2 {
  font-weight: 300;
  margin-bottom: 0;
  padding-bottom: 0.5em; }

#BasketIcon span:not(.material-icons-outlined), #BasketIcon a {
  font-size: 14px; }

.notif-counter {
  position: absolute;
  font-weight: normal;
  height: 18px;
  line-height: 15px;
  font-size: 12px;
  padding: 4px 3px;
  border-radius: 50%;
  text-align: center;
  min-width: 22px;
  width: auto;
  right: -4px;
  top: -4px;
  z-index: 10;
  transition: border-color 0.2s linear;
  background-clip: padding-box; }
  .notif-counter.basket, #quotationShortcutquantity.notif-counter {
    height: 22px;
    line-height: 15px;
    font-size: 12px;
    top: -8px;
    right: -8px; }

.tile .notif-counter {
  position: relative;
  top: 0px;
  right: 0;
  height: 26px;
  width: 26px;
  font-weight: 700;
  font-size: .8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  order: 4;
  margin-bottom: auto;
  border-radius: 26px;
  border: 0; }

.material-icons-outlined + span {
  margin-left: 5px; }

.documents {
  display: flex;
  flex-direction: column;
  width: auto;
  margin: 10px;
  max-height: 500px;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  max-width: 100%;
  overflow-x: auto; }
  .documents .document-row {
    margin: 10px 0;
    display: flex;
    align-items: center;
    padding-right: 30px;
    font-size: .875rem;
    max-width: 600px; }
    .documents .document-row div {
      max-width: 300px;
      margin-right: 10px; }
    .documents .document-row span {
      overflow-wrap: break-word; }
    .documents .document-row .document {
      text-align: center;
      list-style-type: none;
      background-repeat: no-repeat;
      background-position: center left;
      background-size: 30px 30px;
      background-image: url("../iso_icons/stdBs4_doc-default.svg");
      width: 30px;
      float: left;
      position: relative;
      padding: 20px; }
      .documents .document-row .document.pdf {
        text-align: center;
        background-image: url("../iso_icons/stdBs4_doc-pdf.svg"); }
        .documents .document-row .document.pdf:hover::before, .documents .document-row .document.pdf:focus::before {
          background-color: rgba(209, 0, 59, 0.15);
          opacity: 0.6;
          transform: scale(1);
          -webkit-transform: scale(1); }
      .documents .document-row .document.mp4, .documents .document-row .document.mpeg {
        text-align: center;
        background-image: url("../iso_icons/stdBs4_doc-video.png"); }
        .documents .document-row .document.mp4:hover::before, .documents .document-row .document.mp4:focus::before, .documents .document-row .document.mpeg:hover::before, .documents .document-row .document.mpeg:focus::before {
          background-color: rgba(224, 127, 0, 0.2);
          opacity: 0.6;
          transform: scale(1);
          -webkit-transform: scale(1); }
      .documents .document-row .document.docx, .documents .document-row .document.doc {
        text-align: center;
        background-image: url("../iso_icons/stdBs4_doc-word.svg"); }
        .documents .document-row .document.docx:hover::before, .documents .document-row .document.docx:focus::before, .documents .document-row .document.doc:hover::before, .documents .document-row .document.doc:focus::before {
          background-color: rgba(0, 113, 194, 0.15);
          opacity: 0.6;
          transform: scale(1);
          -webkit-transform: scale(1); }
      .documents .document-row .document.png, .documents .document-row .document.jpg, .documents .document-row .document.jpeg, .documents .document-row .document.gif {
        text-align: center;
        background-image: url("../iso_icons/stdBs4_doc-img.png");
        background-size: 24px 30px;
        margin-left: 3px; }
        .documents .document-row .document.png:hover::before, .documents .document-row .document.png:focus::before, .documents .document-row .document.jpg:hover::before, .documents .document-row .document.jpg:focus::before, .documents .document-row .document.jpeg:hover::before, .documents .document-row .document.jpeg:focus::before, .documents .document-row .document.gif:hover::before, .documents .document-row .document.gif:focus::before {
          background-color: rgba(113, 166, 204, 0.15);
          opacity: 0.6;
          transform: scale(1);
          -webkit-transform: scale(1); }
      .documents .document-row .document.xlsx, .documents .document-row .document.xls {
        text-align: center;
        background-image: url("../iso_icons/stdBs4_doc-excel.svg"); }
        .documents .document-row .document.xlsx:hover::before, .documents .document-row .document.xlsx:focus::before, .documents .document-row .document.xls:hover::before, .documents .document-row .document.xls:focus::before {
          background-color: rgba(104, 179, 0, 0.15);
          opacity: 0.6;
          transform: scale(1);
          -webkit-transform: scale(1); }
      .documents .document-row .document.ppt, .documents .document-row .document.pptx {
        text-align: center;
        background-image: url("../iso_icons/stdBs4_doc-powerpoint.svg"); }
        .documents .document-row .document.ppt:hover::before, .documents .document-row .document.ppt:focus::before, .documents .document-row .document.pptx:hover::before, .documents .document-row .document.pptx:focus::before {
          background-color: rgba(224, 127, 0, 0.2);
          opacity: 0.6;
          transform: scale(1);
          -webkit-transform: scale(1); }
    .documents .document-row .doc-type {
      opacity: 0.4;
      font-size: .8rem; }
    .documents .document-row .btn {
      width: 200px;
      line-height: 16px; }

.btn, #middle-pane #horizontalSplitterView #documentsPart #verticalAssemblySplitterView #tabstripAssembly div.nomenclatureTabs ul li a.k-link, #middle-pane #horizontalSplitterView #documentsPart #verticalAssemblySplitterView #tabstripAssembly div.nomenclatureTabs ul li .printPDF, .ocs-genViewCard .bsText strong a, .gshp-salesRepClientCard .gshpSearch_submit a.bsButton, .gshp-salesRepClientList table td a.bsButton:link,
.gshp-salesRepClientList table td a.bsButton:active,
.gshp-salesRepClientList table td a.bsButton:visited,
.gshp-salesRepClientList table td a.bsButton:hover, .gshpCommandFollowUpPage div.gshpLinkBackToList a.backToList, div.gshpSetDetailsMainPicture .bsButtonSpan a, div.gshpSetDetailsMainPicture .backToSets a, div.setFullPicture .navigationBar .bsButtonSpan a, .gshpBasket_buttonBar .bsButtonSpan a,
.gshpBasketRow_buttonBar .bsButtonSpan a, #igshBstrap_lastSeenProductsList .hideLastSeenProduct, .HomePage .bsText strong a, body .footer .footerShortcuts .navbar-footerLeft .navbar-nav a, .gshp-productCatalog .gshpProductPagination .pagination &gt; li.PaginationAll &gt; a:link, .gshp-productCatalog .gshpProductPagination .pagination &gt; li.seeAll &gt; a:link, #gss-search-panel .gssNewFacets a:not(.ui-slider-handle), .bsDownloadable {
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  height: 40px; }
  .btn span, #middle-pane #horizontalSplitterView #documentsPart #verticalAssemblySplitterView #tabstripAssembly div.nomenclatureTabs ul li a.k-link span, #middle-pane #horizontalSplitterView #documentsPart #verticalAssemblySplitterView #tabstripAssembly div.nomenclatureTabs ul li .printPDF span, .ocs-genViewCard .bsText strong a span, .gshp-salesRepClientCard .gshpSearch_submit a.bsButton span, .gshp-salesRepClientList table td a.bsButton:link span,
  .gshp-salesRepClientList table td a.bsButton:active span,
  .gshp-salesRepClientList table td a.bsButton:visited span,
  .gshp-salesRepClientList table td a.bsButton:hover span, .gshpCommandFollowUpPage div.gshpLinkBackToList a.backToList span, div.gshpSetDetailsMainPicture .bsButtonSpan a span, div.gshpSetDetailsMainPicture .backToSets a span, div.setFullPicture .navigationBar .bsButtonSpan a span, .gshpBasket_buttonBar .bsButtonSpan a span,
  .gshpBasketRow_buttonBar .bsButtonSpan a span, #igshBstrap_lastSeenProductsList .hideLastSeenProduct span, .HomePage .bsText strong a span, body .footer .footerShortcuts .navbar-footerLeft .navbar-nav a span, .gshp-productCatalog .gshpProductPagination .pagination &gt; li.PaginationAll &gt; a:link span, .gshp-productCatalog .gshpProductPagination .pagination &gt; li.seeAll &gt; a:link span, #gss-search-panel .gssNewFacets a:not(.ui-slider-handle) span, .bsDownloadable span {
    position: relative;
    z-index: 2;
    line-height: inherit; }
  .btn:before, #middle-pane #horizontalSplitterView #documentsPart #verticalAssemblySplitterView #tabstripAssembly div.nomenclatureTabs ul li a.k-link:before, #middle-pane #horizontalSplitterView #documentsPart #verticalAssemblySplitterView #tabstripAssembly div.nomenclatureTabs ul li .printPDF:before, .ocs-genViewCard .bsText strong a:before, .gshp-salesRepClientCard .gshpSearch_submit a.bsButton:before, .gshp-salesRepClientList table td a.bsButton:link:before,
  .gshp-salesRepClientList table td a.bsButton:active:before,
  .gshp-salesRepClientList table td a.bsButton:visited:before,
  .gshp-salesRepClientList table td a.bsButton:hover:before, .gshpCommandFollowUpPage div.gshpLinkBackToList a.backToList:before, div.gshpSetDetailsMainPicture .bsButtonSpan a:before, div.gshpSetDetailsMainPicture .backToSets a:before, div.setFullPicture .navigationBar .bsButtonSpan a:before, .gshpBasket_buttonBar .bsButtonSpan a:before,
  .gshpBasketRow_buttonBar .bsButtonSpan a:before, #igshBstrap_lastSeenProductsList .hideLastSeenProduct:before, .HomePage .bsText strong a:before, body .footer .footerShortcuts .navbar-footerLeft .navbar-nav a:before, .gshp-productCatalog .gshpProductPagination .pagination &gt; li.PaginationAll &gt; a:link:before, .gshp-productCatalog .gshpProductPagination .pagination &gt; li.seeAll &gt; a:link:before, #gss-search-panel .gssNewFacets a:not(.ui-slider-handle):before, .bsDownloadable:before {
    display: none; }
  .btn.noUnderline, #middle-pane #horizontalSplitterView #documentsPart #verticalAssemblySplitterView #tabstripAssembly div.nomenclatureTabs ul li a.noUnderline.k-link, #middle-pane #horizontalSplitterView #documentsPart #verticalAssemblySplitterView #tabstripAssembly div.nomenclatureTabs ul li .noUnderline.printPDF, .ocs-genViewCard .bsText strong a.noUnderline, .gshp-salesRepClientCard .gshpSearch_submit a.noUnderline.bsButton, .gshp-salesRepClientList table td a.noUnderline.bsButton:link,
  .gshp-salesRepClientList table td a.noUnderline.bsButton:active,
  .gshp-salesRepClientList table td a.noUnderline.bsButton:visited,
  .gshp-salesRepClientList table td a.noUnderline.bsButton:hover, .gshpCommandFollowUpPage div.gshpLinkBackToList a.noUnderline.backToList, div.gshpSetDetailsMainPicture .bsButtonSpan a.noUnderline, div.gshpSetDetailsMainPicture .backToSets a.noUnderline, div.setFullPicture .navigationBar .bsButtonSpan a.noUnderline, .gshpBasket_buttonBar .bsButtonSpan a.noUnderline,
  .gshpBasketRow_buttonBar .bsButtonSpan a.noUnderline, #igshBstrap_lastSeenProductsList .noUnderline.hideLastSeenProduct, .HomePage .bsText strong a.noUnderline, body .footer .footerShortcuts .navbar-footerLeft .navbar-nav a.noUnderline, .gshp-productCatalog .gshpProductPagination .pagination &gt; li.PaginationAll &gt; a.noUnderline:link, .gshp-productCatalog .gshpProductPagination .pagination &gt; li.seeAll &gt; a.noUnderline:link, #gss-search-panel .gssNewFacets a.noUnderline:not(.ui-slider-handle), .noUnderline.bsDownloadable {
    text-decoration: none;
    border: 0 !important; }
  .btn.btn-number, #middle-pane #horizontalSplitterView #documentsPart #verticalAssemblySplitterView #tabstripAssembly div.nomenclatureTabs ul li a.btn-number.k-link, #middle-pane #horizontalSplitterView #documentsPart #verticalAssemblySplitterView #tabstripAssembly div.nomenclatureTabs ul li .btn-number.printPDF, .ocs-genViewCard .bsText strong a.btn-number, .gshp-salesRepClientCard .gshpSearch_submit a.btn-number.bsButton, .gshp-salesRepClientList table td a.btn-number.bsButton:link,
  .gshp-salesRepClientList table td a.btn-number.bsButton:active,
  .gshp-salesRepClientList table td a.btn-number.bsButton:visited,
  .gshp-salesRepClientList table td a.btn-number.bsButton:hover, .gshpCommandFollowUpPage div.gshpLinkBackToList a.btn-number.backToList, div.gshpSetDetailsMainPicture .bsButtonSpan a.btn-number, div.gshpSetDetailsMainPicture .backToSets a.btn-number, div.setFullPicture .navigationBar .bsButtonSpan a.btn-number, .gshpBasket_buttonBar .bsButtonSpan a.btn-number,
  .gshpBasketRow_buttonBar .bsButtonSpan a.btn-number, #igshBstrap_lastSeenProductsList .btn-number.hideLastSeenProduct, .HomePage .bsText strong a.btn-number, body .footer .footerShortcuts .navbar-footerLeft .navbar-nav a.btn-number, .gshp-productCatalog .gshpProductPagination .pagination &gt; li.PaginationAll &gt; a.btn-number:link, .gshp-productCatalog .gshpProductPagination .pagination &gt; li.seeAll &gt; a.btn-number:link, #gss-search-panel .gssNewFacets a.btn-number:not(.ui-slider-handle), .btn-number.bsDownloadable {
    width: 8px;
    height: 8px;
    background: #e9ecef;
    box-shadow: none;
    border-radius: 2px;
    padding: 6px 8px;
    border: 0;
    margin-right: 5px; }
    .btn.btn-number span, #middle-pane #horizontalSplitterView #documentsPart #verticalAssemblySplitterView #tabstripAssembly div.nomenclatureTabs ul li a.btn-number.k-link span, #middle-pane #horizontalSplitterView #documentsPart #verticalAssemblySplitterView #tabstripAssembly div.nomenclatureTabs ul li .btn-number.printPDF span, .ocs-genViewCard .bsText strong a.btn-number span, .gshp-salesRepClientCard .gshpSearch_submit a.btn-number.bsButton span, .gshp-salesRepClientList table td a.btn-number.bsButton:link span,
    .gshp-salesRepClientList table td a.btn-number.bsButton:active span,
    .gshp-salesRepClientList table td a.btn-number.bsButton:visited span,
    .gshp-salesRepClientList table td a.btn-number.bsButton:hover span, .gshpCommandFollowUpPage div.gshpLinkBackToList a.btn-number.backToList span, div.gshpSetDetailsMainPicture .bsButtonSpan a.btn-number span, div.gshpSetDetailsMainPicture .backToSets a.btn-number span, div.setFullPicture .navigationBar .bsButtonSpan a.btn-number span, .gshpBasket_buttonBar .bsButtonSpan a.btn-number span,
    .gshpBasketRow_buttonBar .bsButtonSpan a.btn-number span, #igshBstrap_lastSeenProductsList .btn-number.hideLastSeenProduct span, .HomePage .bsText strong a.btn-number span, body .footer .footerShortcuts .navbar-footerLeft .navbar-nav a.btn-number span, .gshp-productCatalog .gshpProductPagination .pagination &gt; li.PaginationAll &gt; a.btn-number:link span, .gshp-productCatalog .gshpProductPagination .pagination &gt; li.seeAll &gt; a.btn-number:link span, #gss-search-panel .gssNewFacets a.btn-number:not(.ui-slider-handle) span, .btn-number.bsDownloadable span {
      font-size: 12px;
      line-height: 12px;
      height: 12px; }

i .reversed:before {
  transform: rotate(90deg); }

.k-grid .btn &gt; i,
.modal-footer .btn &gt; i {
  margin-right: 5px; }

.k-header,
.k-grid-header-wrap,
.k-grid .k-grouping-header,
.k-grid-header,
.k-pager-wrap,
.k-pager-wrap .k-textbox,
.k-pager-wrap .k-link,
.k-grouping-header .k-group-indicator {
  background: transparent;
  border: none; }

.k-widget {
  border: 0; }

.k-pager-wrap {
  float: right;
  margin: 10px 0 25px; }
  .k-pager-wrap .k-pager-numbers li {
    text-align: right;
    margin-left: 6px;
    line-height: 30px; }
    .k-pager-wrap .k-pager-numbers li .k-link {
      border: none;
      background: none;
      width: 30px;
      font-weight: 400;
      margin: 0;
      color: #212529;
      line-height: 30px;
      position: relative;
      opacity: 1;
      z-index: 2; }
      .k-pager-wrap .k-pager-numbers li .k-link:before {
        content: "";
        position: absolute;
        z-index: 1;
        display: block;
        transform-origin: center center;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        opacity: 0;
        border-radius: 5px;
        transform: scale(0.8);
        transition: all 0.1s linear;
        background-color: rgba(0, 0, 0, 0.12); }
      .k-pager-wrap .k-pager-numbers li .k-link:hover, .k-pager-wrap .k-pager-numbers li .k-link:focus {
        color: #212529; }
        .k-pager-wrap .k-pager-numbers li .k-link:hover:before, .k-pager-wrap .k-pager-numbers li .k-link:focus:before {
          opacity: 1;
          transform: scale(1);
          transition: all 0.05s linear; }
    .k-pager-wrap .k-pager-numbers li .k-state-selected {
      border-radius: 50%;
      cursor: not-allowed;
      box-shadow: none;
      width: 30px;
      line-height: 30px; }
  .k-pager-wrap .k-link.k-pager-nav {
    cursor: pointer;
    opacity: 1; }
    .k-pager-wrap .k-link.k-pager-nav.k-state-disabled, .k-pager-wrap .k-link.k-pager-nav.k-state-disabled .k-icon {
      cursor: not-allowed; }
      .k-pager-wrap .k-link.k-pager-nav.k-state-disabled:focus, .k-pager-wrap .k-link.k-pager-nav.k-state-disabled:hover, .k-pager-wrap .k-link.k-pager-nav.k-state-disabled:active, .k-pager-wrap .k-link.k-pager-nav.k-state-disabled .k-icon:focus, .k-pager-wrap .k-link.k-pager-nav.k-state-disabled .k-icon:hover, .k-pager-wrap .k-link.k-pager-nav.k-state-disabled .k-icon:active {
        cursor: not-allowed; }
    .k-pager-wrap .k-link.k-pager-nav span {
      top: 0px;
      line-height: 14px; }
  .k-pager-wrap .k-pager-input,
  .k-pager-wrap .k-pager-sizes {
    font-weight: 600;
    color: #212529; }
  .k-pager-wrap .k-pager-info {
    padding: 0px 0 0 5px;
    font-size: .875rem; }
  .k-pager-wrap .k-icon {
    opacity: 1;
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: "Glyphicons Halflings";
    font-weight: 400;
    font-size: 14px;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px;
    width: 14px;
    top: 0px; }
    .k-pager-wrap .k-icon.k-i-arrow-w {
      background-image: none; }
      .k-pager-wrap .k-icon.k-i-arrow-w:before {
        content: "\e251"; }
    .k-pager-wrap .k-icon.k-i-seek-w {
      background-image: none; }
      .k-pager-wrap .k-icon.k-i-seek-w:before {
        content: "\e069"; }
    .k-pager-wrap .k-icon.k-i-arrow-e {
      background-image: none; }
      .k-pager-wrap .k-icon.k-i-arrow-e:before {
        content: "\e250"; }
    .k-pager-wrap .k-icon.k-i-seek-e {
      background-image: none; }
      .k-pager-wrap .k-icon.k-i-seek-e:before {
        content: "\e077"; }

.k-loading-mask .k-loading-image {
  background-image: url("../iso_icons/ishBstrap_loader.gif");
  background-size: 30px; }

/* List style */
.ul-reset {
  list-style: none;
  padding-left: 10px; }

/* Separators */
.verticalSep:before {
  border-left: 1px dashed #797A8D;
  height: 100%;
  width: 1px; }

/* text colors */
.color-base,
.ProductDescriptionContainer h4 a,
.ProductDescriptionContainer .h4 a,
.product-page .price-zone .gshpProductPrice,
.product-in-list .price-data .price a,
.Linked-product .price-data .price a,
.gssProductList .gssLightProductFloatingLabel .gssprice .gssprice-label,
.gssProductList .gssLightProductFloatingLabel .gssprice small,
.gssProductList .gssLightProductFloatingLabel .gssprice .small,
.gssProductList .gssLightProductFloatingLabel .gssprice .gssCustomPrice,
.gssSliderSummary .gssRangeLabel,
table.gssSliderLabels &gt; tbody .gssRangeBar,
table.gssSliderLabels &gt; tbody .gssRangeBarChecked,
table tr.gssSliderBarHead td,
.gssSubGroups .gssGroupHeaderRow a .gssGroupToggleButton,
.preHome_body .preHome.content .bsGrid .userLang .dropdown-item,
.preHome_body .preHome.content .bbsRow .userLang .dropdown-item,
.icon_24_close.color-base:before,
input,
.button-clear-light,
.gshpDashedPrice {
  color: #212529; }
  .color-base i,
  .ProductDescriptionContainer h4 a i,
  .ProductDescriptionContainer .h4 a i,
  .product-page .price-zone .gshpProductPrice i,
  .product-in-list .price-data .price a i,
  .Linked-product .price-data .price a i,
  .gssProductList .gssLightProductFloatingLabel .gssprice .gssprice-label i,
  .gssProductList .gssLightProductFloatingLabel .gssprice small i,
  .gssProductList .gssLightProductFloatingLabel .gssprice .small i,
  .gssProductList .gssLightProductFloatingLabel .gssprice .gssCustomPrice i,
  .gssSliderSummary .gssRangeLabel i,
  table.gssSliderLabels &gt; tbody .gssRangeBar i,
  table.gssSliderLabels &gt; tbody .gssRangeBarChecked i,
  table tr.gssSliderBarHead td i,
  .gssSubGroups .gssGroupHeaderRow a .gssGroupToggleButton i,
  .preHome_body .preHome.content .bsGrid .userLang .dropdown-item i,
  .preHome_body .preHome.content .bbsRow .userLang .dropdown-item i,
  .icon_24_close.color-base:before i,
  input i,
  .button-clear-light i,
  .gshpDashedPrice i {
    color: #212529; }
  .color-base.tile:before,
  .ProductDescriptionContainer h4 a.tile:before,
  .ProductDescriptionContainer .h4 a.tile:before,
  .product-page .price-zone .tile.gshpProductPrice:before,
  .product-in-list .price-data .price a.tile:before,
  .Linked-product .price-data .price a.tile:before,
  .gssProductList .gssLightProductFloatingLabel .gssprice .tile.gssprice-label:before,
  .gssProductList .gssLightProductFloatingLabel .gssprice small.tile:before,
  .gssProductList .gssLightProductFloatingLabel .gssprice .tile.small:before,
  .gssProductList .gssLightProductFloatingLabel .gssprice .tile.gssCustomPrice:before,
  .gssSliderSummary .tile.gssRangeLabel:before,
  table.gssSliderLabels &gt; tbody .tile.gssRangeBar:before,
  table.gssSliderLabels &gt; tbody .tile.gssRangeBarChecked:before,
  table tr.gssSliderBarHead td.tile:before,
  .gssSubGroups .gssGroupHeaderRow a .tile.gssGroupToggleButton:before,
  .preHome_body .preHome.content .bsGrid .userLang .tile.dropdown-item:before,
  .preHome_body .preHome.content .bbsRow .userLang .tile.dropdown-item:before,
  input.tile:before,
  .tile.button-clear-light:before,
  .tile.gshpDashedPrice:before {
    border-color: #212529; }

.text-red {
  color: #eb003b; }

/* background colors */
.bg-10-red {
  background-color: rgba(235, 0, 59, 0.1); }

.bg-10-green {
  background-color: rgba(112, 191, 0, 0.1); }

.bg-grey-light,
.gssSubGroups .gssGroupHeaderRow .gssGroupHeader h3,
.gssSubGroups .gssGroupHeaderRow .gssGroupHeader .h3 {
  background-color: #e6e6e6; }

.bg-aqua {
  background-color: #00abad;
  color: #fff; }

.bg-blue,
#divPrint .favoris.on,
.rmm.style .rmm-mobile .rmm-subview li.rmm-subover-visible,
div.gshpMultiGrid table.gshpMultiGridProductGridTable tr.highlighted td.gshpBasketCell,
table.gshpBasketItems tr.highlighted td.gshpBasketCell,
table.gshpMultiGridProductGridTable tr.highlighted td.gshpBasketCell,
.ui-autocomplete li a:hover,
.ui-autocomplete li a:focus,
.ui-autocomplete li a.ui-state-focus {
  background-color: #2C53FF;
  color: #fff; }

.bg-violet,
#horizontalNavigationView .k-treeview .k-group:not(.k-treeview-lines) .k-item .k-in.selected:before,
#horizontalNavigationView .k-treeview .k-group.k-treeview-lines &gt; .k-first .k-group &gt; .k-item &gt; .k-mid .k-in.selected:before,
#horizontalNavigationView .k-treeview .k-group.k-treeview-lines &gt; .k-first .k-group &gt; .k-item &gt; .k-top .k-in.selected:before,
#horizontalNavigationView .k-treeview .k-group.k-treeview-lines &gt; .k-first .k-group &gt; .k-item &gt; .k-bot .k-in.selected:before,
#horizontalNavigationView .k-treeview .k-group.k-treeview-lines .k-item .k-in.k-assemblyItem.selected:before,
form input[type="radio"] + label:after,
.form-group input[type="radio"] + label:after,
.form-check input[type="radio"] + label:after {
  background-color: #B5ACA2;
  color: #fff; }

.bg-green,
#nomenclature .nomenclature-order-info .nomenclature-stock-info:before,
button.bg-green,
.product-order-provision-active.GoodStockReorderable i,
.product-order-provision-active.GoodStockNotReorderable i {
  background-color: #85B039;
  color: #fff; }

.bg-grey {
  background-color: #797A8D; }

.bg-purple {
  background-color: #d900a3;
  color: #fff; }

.bg-red {
  background-color: #eb003b;
  color: #fff; }

.bg-base,
.shortcut-bar:before {
  background-color: #212529; }

.bg-orange,
#divPrint .favoris .button-tooltip.on {
  background-color: #F0803A;
  color: #fff; }

.button-tooltip {
  vertical-align: bottom;
  display: inline-block;
  padding: 0 4px 0px 4px;
  height: 32px;
  line-height: 30px; }
  .button-tooltip.color-orange:before {
    background-color: rgba(255, 123, 0, 0.3); }

.bg-transparent:before,
.product-order-provision-active.CriticalStockNotReorderable i:before,
.product-order-provision-active.CriticalStockReorderable i:before {
  background: transparent; }

.bg-red-transparent {
  background: rgba(209, 0, 59, 0.05); }

.bg-indigo {
  background-color: #5c5fff; }

.bg-lilac {
  background-color: #a134b7; }

.bg-sienna {
  background-color: #cc2d1f;
  color: #fff; }

.bg-emerald {
  background-color: #00993d; }

.bg-pink {
  background-color: #ff4772; }

.bg-indigo {
  background-color: #584E6D; }

.bg-gold {
  background-color: #faa700; }

.bg-bronze {
  background-color: #d67200; }

.bg-silver {
  background-color: #70a6cc; }

.bg-coral {
  background-color: #ff4000; }

.shadowed-thin-bottom {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); }

.bg-blue-transparent {
  background-color: #D5DDFF; }

.bg-dark-blue {
  background: linear-gradient(113.96deg, #b5b1a2 0%, #9e9386 97%);
  color: #fff; }

/* border colors */
.border-blue {
  border-color: #2C53FF; }

.border-aqua {
  border-color: #00acaf; }

.border-green {
  border-color: #85B039; }

.border-lilac {
  border-color: #a134b7; }

.border-emerald {
  border-color: #00993d; }

.border-purple {
  border-color: #d900a3; }

.border-red {
  border-color: #eb003b; }

.border-orange {
  border-color: #F0803A; }

.border-pink {
  border-color: #ff4772; }

.border-grey {
  border-color: #797A8D; }

.border-shadow {
  box-shadow: 0.5px 0.9px 0 rgba(0, 0, 0, 0.07); }

.border-rounded-corners {
  border-radius: 10px; }

.border-sienna {
  border-color: #cc2d1f; }

.border-indigo {
  border-color: #584E6D; }

.border-gold {
  border-color: #faa700; }

.border-bronze {
  border-color: #d67200; }

.border-silver {
  border-color: #70a6cc; }

.border-coral {
  border-color: #ff4000; }

.alert {
  border-radius: 1rem; }

.alert-warning {
  background-color: rgba(255, 123, 0, 0.1);
  border-color: rgba(255, 123, 0, 0.1);
  color: #212529;
  padding-right: 2rem;
  padding-left: 0.5rem;
  margin: 0.5rem 0; }

.alert-dismissible .close {
  top: 2px;
  right: 2px;
  padding: 0; }

.nav-tabs {
  border: none;
  margin-right: -2px; }
  .nav-tabs li {
    margin-bottom: 0;
    border-radius: 5px 5px 0 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
    .nav-tabs li a {
      padding: 0 16px;
      height: 40px;
      line-height: 40px;
      font-size: 16px;
      text-transform: uppercase;
      float: left;
      font-weight: 700;
      border: 0;
      color: #B5ACA2;
      margin-left: 5px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
      .nav-tabs li a:before {
        width: calc(100% - 8px);
        left: 4px;
        border-radius: 5px 5px 0 0;
        transform-origin: center bottom;
        content: "";
        position: absolute;
        z-index: 1;
        display: block;
        transform-origin: center center;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        opacity: 0;
        background-color: rgba(0, 0, 0, 0.12);
        transform: scale(0.8);
        transition: all 0.1s linear; }
      .nav-tabs li a:hover, .nav-tabs li a:focus {
        background-color: transparent; }
        .nav-tabs li a:hover:before, .nav-tabs li a:focus:before {
          opacity: 0.2;
          transform: scale(1);
          transition: all 0.05s linear; }
    .nav-tabs li.active a {
      background-color: transparent;
      border: none; }
      .nav-tabs li.active a:before {
        opacity: 1;
        transform: scale(1); }
  .nav-tabs.tabsForGrids, .nav-tabs.tabsForFacets {
    border-bottom: 1px solid #cccccc;
    margin-bottom: 5px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-right: 0px;
    width: 100%; }
    .nav-tabs.tabsForGrids li, .nav-tabs.tabsForFacets li {
      margin: 0 5px 5px 0; }
      .nav-tabs.tabsForGrids li a, .nav-tabs.tabsForFacets li a {
        font-size: 16px;
        font-weight: normal;
        text-transform: none;
        padding: 0 10px !important;
        position: relative; }
        .nav-tabs.tabsForGrids li a:hover, .nav-tabs.tabsForFacets li a:hover {
          text-decoration: none; }
        .nav-tabs.tabsForGrids li a:before, .nav-tabs.tabsForFacets li a:before {
          background-color: #B5ACA2;
          border-radius: 5px;
          height: calc(100% - 8px);
          top: 4px; }
      .nav-tabs.tabsForGrids li.active a, .nav-tabs.tabsForFacets li.active a {
        color: white; }
        .nav-tabs.tabsForGrids li.active a span, .nav-tabs.tabsForFacets li.active a span {
          z-index: 5;
          position: relative;
          color: white; }

.tab-content {
  background: transparent;
  padding: 15px;
  float: left;
  width: 100%; }

div.itlTabs ul.itlTabsBar li.tabButton {
  border: 0;
  background-image: none;
  padding: 0; }

div.sdsControl div.frame {
  border: 0px; }
  div.sdsControl div.frame .label.odfRightLabel {
    margin-left: 0px; }

span.odfRadioContainer input[type="radio"] + label {
  min-width: 100px; }

label {
  font-weight: 300; }

/* Popover */
.popover {
  z-index: 9999; }
  .popover .popover-content {
    color: #212529; }
    .popover .popover-content .field-error-marker {
      display: inline-block;
      vertical-align: top;
      height: 18px;
      line-height: 18px;
      width: 18px;
      min-width: 18px;
      margin: 0 5px 0 0;
      border-radius: 50%;
      text-align: center;
      font-size: 14px;
      transition: all 0.1s linear; }
    .popover .popover-content span {
      padding: 0px; }
      .popover .popover-content span[role="alert"] {
        min-width: 200px; }

#GridPopover small, #GridPopover .small {
  font-size: 10px; }

#previewProductModal {
  padding-right: 0px; }

#previewProductModal .product-page {
  padding-top: 0; }

/* Pagination */
.pager-item,
.k-pager-wrap .k-link.k-pager-nav {
  font-size: 14px;
  margin-left: 2px;
  width: 30px;
  line-height: 30px;
  font-weight: 700;
  color: #212529;
  text-align: center;
  padding: 0;
  float: left; }
  .pager-item.pager-first:after,
  .k-pager-wrap .pager-first.k-link.k-pager-nav:after {
    content: "";
    display: block;
    height: 13px;
    width: 2px;
    background-color: #4d4d4d;
    position: absolute;
    z-index: 3;
    left: 14px;
    top: 14px; }
  .pager-item.pager-last:after,
  .k-pager-wrap .pager-last.k-link.k-pager-nav:after {
    content: "";
    display: block;
    height: 13px;
    width: 2px;
    background-color: #4d4d4d;
    position: absolute;
    z-index: 3;
    right: 14px;
    top: 14px; }
  .pager-item i,
  .k-pager-wrap .k-link.k-pager-nav i {
    line-height: 40px; }

.pagination.navigation-block-page button {
  float: left; }

.pagination.navigation-block-page &gt; li &gt; span {
  color: #212529;
  border: none; }

/* Tiles &amp; panels*/
.panel {
  padding: 30px;
  margin-bottom: 20px; }

.tile-group.tile-sales-rep {
  box-shadow: none; }
  .tile-group.tile-sales-rep .tile {
    width: auto; }

.tile {
  display: inline-flex;
  align-items: center;
  vertical-align: top;
  padding: 16px;
  height: 100px;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 15px;
  margin: 8px;
  position: relative;
  transition: all ease-in-out 0.25s;
  cursor: pointer; }
  .tile &gt; span {
    display: block;
    margin: 0px;
    position: relative;
    z-index: 2;
    order: 2;
    font-weight: 500; }
    .tile &gt; span span {
      width: 100%;
      vertical-align: middle;
      word-wrap: break-word;
      display: inline-block;
      vertical-align: middle;
      max-height: 40px;
      overflow: hidden; }
  .tile i:before {
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    border-radius: 100px;
    margin-right: 16px;
    order: 1; }
  .tile:hover, .tile:focus {
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.12), 0 4px 5px 0 rgba(0, 0, 0, 0.06), 0 1px 10px 0 rgba(0, 0, 0, 0.04); }
  .tile:active {
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.12), 0 4px 5px 0 rgba(0, 0, 0, 0.06), 0 1px 10px 0 rgba(0, 0, 0, 0.04); }
  .tile &gt; span {
    margin: 8px 5px 5px;
    display: block;
    margin: 10px;
    position: relative;
    z-index: 2; }
  .tile &gt; i {
    display: block;
    position: relative;
    z-index: 3; }

/* Sales rep */
#salesRepClientsLastConnectedMsg span {
  font-weight: 300;
  font-size: .9rem; }

/*  breadcrum  */
.breadcrumb {
  padding: 0px 20px;
  background: white;
  top: 0px;
  flex: 1 100%;
  align-items: center;
  font-size: .85rem;
  display: flex;
  width: 100%;
  line-height: 40px;
  position: relative; }
  .breadcrumb li {
    display: flex;
    align-items: center; }
    .breadcrumb li + li:before {
      font-family: "icomoon";
      font-weight: normal;
      font-style: normal;
      font-weight: 700;
      font-style: normal;
      content: "\e911";
      margin: 0 2px;
      color: rgba(0, 0, 0, 0.5);
      font-size: 1.125rem;
      line-height: 1.125rem; }
  .breadcrumb a {
    font-weight: 400;
    color: rgba(0, 0, 0, 0.5);
    position: relative; }
    .breadcrumb a span {
      color: rgba(0, 0, 0, 0.5);
      z-index: 2;
      position: relative; }
    .breadcrumb a.active, .breadcrumb a.active span {
      color: #212529; }
      .breadcrumb a.active:before, .breadcrumb a.active span:before {
        opacity: 0; }

/* tables */
.table {
  font-size: 16px; }
  .table tr th {
    background-color: white;
    color: #212529;
    border: none;
    vertical-align: middle;
    padding: 10px;
    font-size: 14px;
    font-weight: 700;
    color: #212529; }
    .table tr th:last-child:not(.textAlignLeft) {
      text-align: right; }
  .table tr:nth-child(odd) {
    background-color: #f2f2f2; }
  .table tr:nth-child(even) {
    background-color: #ffffff; }
  .table tr td {
    border: none;
    color: #212529;
    vertical-align: middle;
    padding: 10px;
    line-height: 2em;
    font-size: 14px; }
    .table tr td input {
      text-align: center; }
    .table tr td:last-child:not(.textAlignLeft) {
      text-align: right; }

table ul {
  color: #212529; }

table tr td input.large {
  text-align: left;
  max-width: 200px; }

.bbsSpan table {
  width: 100%; }

.div.odfErrorBlock {
  padding: .5em;
  border: none;
  font-size: .9rem;
  font-weight: 300;
  color: red; }
  .div.odfErrorBlock p {
    color: red; }

/* Forms */
.navbar-nav .dropdown-menu {
  position: absolute;
  float: left;
  padding-top: 20px; }

.smallInput {
  line-height: 30px;
  height: 30px;
  min-height: 30px;
  font-weight: normal; }

.optgroup {
  font-weight: 600; }

.form-control, .sf-form input[type="text"],
.sf-form input[type="password"],
.sf-form select,
.sf-form textarea, .gshpAutocompleter .ui-autocomplete-input, #shippingAddressSelect,
#invoiceAddressSelect, input[type="text"],
input[type="password"],
textarea,
keygen,
select,
.custom-file-label,
.custom-select,
div.richTextControl div.iframeContainer {
  font-size: .875rem;
  height: 40px;
  border: 1px solid #ccc;
  display: inline-flex;
  background-color: #fff;
  color: #78798c;
  box-shadow: none;
  font-weight: 400;
  align-items: center;
  padding: 1px 20px 0;
  border-radius: 50px;
  text-decoration: none;
  transition: all linear .1s;
  box-sizing: border-box;
  border-radius: 10px;
  padding: 0 10px 0 16px;
  display: flex;
  align-items: center; }
  .form-control:focus, .form-control:active,
  .sf-form select:focus,
  .sf-form textarea:focus, .gshpAutocompleter .ui-autocomplete-input:focus, #shippingAddressSelect:focus,
  #invoiceAddressSelect:focus, input[type="text"]:focus,
  input[type="password"]:focus,
  textarea:focus,
  keygen:focus,
  select:focus,
  .custom-file-label:focus,
  .custom-select:focus,
  div.richTextControl div.iframeContainer:focus,
  .sf-form select:active,
  .sf-form textarea:active, .gshpAutocompleter .ui-autocomplete-input:active, #shippingAddressSelect:active,
  #invoiceAddressSelect:active, input[type="text"]:active,
  input[type="password"]:active,
  textarea:active,
  keygen:active,
  select:active,
  .custom-file-label:active,
  .custom-select:active,
  div.richTextControl div.iframeContainer:active {
    border-color: #B5ACA2 !important;
    box-shadow: inset 0px 0px 0px 1px #B5ACA2 !important; }
  .form-control:not([type="search"]),
  .sf-form select:not([type="search"]),
  .sf-form textarea:not([type="search"]), .gshpAutocompleter .ui-autocomplete-input:not([type="search"]), #shippingAddressSelect:not([type="search"]),
  #invoiceAddressSelect:not([type="search"]), input[type="text"]:not([type="search"]),
  input[type="password"]:not([type="search"]),
  textarea:not([type="search"]),
  keygen:not([type="search"]),
  select:not([type="search"]),
  .custom-file-label:not([type="search"]),
  .custom-select:not([type="search"]),
  div.richTextControl div.iframeContainer:not([type="search"]) {
    font-size: .875rem;
    font-weight: 400; }

form fieldset select {
  padding: 0 10px 0 16px; }

form fieldset textarea {
  padding-top: 10px; }

.header-search-inner .material-icons-outlined {
  left: 8px; }

.header-search-inner .input-group {
  min-width: 300px; }

.absolute {
  position: absolute;
  z-index: 4; }

.widthIcon input.form-control[type="search"] {
  padding-left: 40px; }

.input-group input.form-control[type="search"], input.form-control[type="search"], input[type="search"] {
  background: #EEEFF8 !important;
  border-radius: 50rem;
  border-color: #EEEFF8;
  color: #584E6D !important; }
  .input-group input.form-control[type="search"] span, input.form-control[type="search"] span, input[type="search"] span {
    color: #584E6D !important; }

.ui-menu .ui-menu-item a {
  text-decoration: none;
  display: block;
  padding: 2px .4em;
  line-height: 1.5;
  min-height: 0;
  font-weight: 400;
  font-size: .9rem;
  color: #6c757d; }

@media (max-width: 767px) {
  .ui-menu .ui-menu-item-wrapper {
    max-width: 90%; }
  .modal-header, .modal-footer {
    margin-right: 25px; } }

.form-group-row {
  padding: 15px 0; }

.widthIcon {
  position: relative; }
  .widthIcon span.material-icons-outlined {
    position: absolute;
    right: 30px;
    top: 8px; }
  .widthIcon.right span {
    right: auto;
    left: 10px; }

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px white inset !important;
  background-color: white !important; }
  input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0px 1000px white inset !important;
    background-color: white !important; }
  input:-webkit-autofill ~ label {
    transform: translateY(-1.25rem) translateY(0.1rem) scale(0.8);
    background: white;
    padding-left: 2px;
    padding-right: 2px; }

input[type="checkbox"][disabled],
input[type="radio"][disabled] {
  pointer-events: none; }

input[type="checkbox"][disabled] + label,
input[type="radio"][disabled] + label,
input[type="radio"][disabled] + label:before,
input[type="checkbox"][disabled] + label:before {
  pointer-events: none;
  opacity: 0.7; }

fieldset .bbsRow.row {
  align-items: center; }
  fieldset .bbsRow.row p {
    margin-bottom: 0px; }

/* File upload */
.upload-file {
  opacity: 0; }

.upload-label {
  position: absolute;
  top: 50%;
  left: 1.075rem;
  transform: translateY(-50%);
  width: 60%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden; }

.image-area {
  border: 2px dashed rgba(0, 0, 0, 0.1);
  position: relative;
  display: inline-block;
  padding: 3px;
  margin-bottom: 5px; }

.horizontal-loader {
  top: 25%;
  left: 40%; }

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

.input-group-lg &gt; .input-group-append &gt; .btn {
  border-radius: 0 !important; }

.input-group.date &gt; input {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

.image-placeholder {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 15px;
  padding: 1.075rem;
  height: 100%; }

.image-crop-overlay {
  margin: 0 auto;
  position: absolute;
  z-index: 2;
  width: 500px;
  height: calc((100% - 300px) / 2); }

.crop-top {
  top: 0;
  border-bottom: 2px dashed white; }

.image-crop-area {
  display: none;
  width: 500px;
  justify-content: center; }

.crop-bottom {
  bottom: 0;
  border-top: 2px dashed white; }

.image-placeholder span::before {
  content: attr(data-content);
  color: rgba(0, 0, 0, 0.2);
  font-style: italic;
  font-size: 1.075rem; }

.image-area img {
  z-index: 1;
  position: relative; }

.image-infos {
  margin: 10px 0;
  display: none; }

.image-infos .image-resolution-info,
.image-infos .image-size-info {
  display: flex;
  align-items: center; }

.image-infos div label {
  margin: 0px 10px;
  flex: 1; }

.progress {
  opacity: 0.8;
  margin: 0;
  flex: 4; }

.imageInputDiv ~ .description-input {
  font-size: 16px;
  display: flex;
  align-items: center; }

.imageInputDiv ~ .description-input .form-text {
  margin-top: 0; }

.imageInputDiv ~ .description-input:before {
  content: "\ea1e";
  font-family: "icomoon";
  color: #B5ACA2;
  padding-right: 10px;
  font-size: 16px; }

@media screen and (max-width: 960px) {
  input[type="text"],
  input[type="password"],
  textarea,
  keygen,
  select,
  custom-file-label,
  .custom-select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; }
  .product-documents .documents {
    display: flex;
    flex-direction: column;
    width: auto;
    margin: 10px;
    height: auto;
    flex-wrap: nowrap;
    max-width: 100%; }
    .product-documents .documents .document-row {
      margin: 10px 0;
      display: flex;
      align-items: center;
      padding-right: 0px; } }

input[type="text"],
input[type="password"],
textarea,
keygen,
select,
.custom-file-label,
.custom-select,
div.richTextControl div.iframeContainer {
  width: 100%;
  border-radius: 5px;
  background-color: #fff !important;
  border: 1px solid #ccc; }

.iframeContainer {
  min-height: 150px;
  border-radius: 0 0 10px 10px; }

.odfdateField {
  position: relative; }
  .odfdateField .odfDateInput + a {
    position: absolute;
    top: 5px;
    right: 10px; }

form input[type="radio"],
.form-group input[type="radio"],
.form-check input[type="radio"] {
  position: absolute;
  opacity: 0;
  left: 0;
  display: inline-block;
  width: 100%;
  height: 22px;
  z-index: 1;
  top: 5px;
  cursor: pointer; }
  form input[type="radio"] + label,
  .form-group input[type="radio"] + label,
  .form-check input[type="radio"] + label {
    position: relative;
    display: inline-block;
    padding-left: 30px;
    line-height: 22px;
    cursor: pointer;
    margin: 10px 0;
    min-width: 200px; }
    form input[type="radio"] + label:before,
    .form-group input[type="radio"] + label:before,
    .form-check input[type="radio"] + label:before {
      content: "";
      position: absolute;
      left: 0;
      top: 0;
      display: inline-block;
      width: 22px;
      height: 22px;
      box-sizing: border-box;
      border: 1px solid rgba(181, 172, 162, 0.2);
      background: #fff;
      border-radius: 50%; }
    form input[type="radio"] + label:after,
    .form-group input[type="radio"] + label:after,
    .form-check input[type="radio"] + label:after {
      content: "";
      left: 5px;
      top: 5px;
      display: block;
      width: 12px;
      height: 12px;
      border-radius: 50%;
      transition: transform 0.2s ease-out;
      position: absolute;
      transform: scale(0); }
  form input[type="radio"]:hover + label:before,
  .form-group input[type="radio"]:hover + label:before,
  .form-check input[type="radio"]:hover + label:before {
    border: 1px solid rgba(181, 172, 162, 0.5);
    box-shadow: 0 0 0 1px #B5ACA2;
    transition: all 0.1s linear; }
  form input[type="radio"]:checked + label:after,
  .form-group input[type="radio"]:checked + label:after,
  .form-check input[type="radio"]:checked + label:after {
    transform: scale(1);
    transition: transform 0.2s cubic-bezier(0.6, 0.2, 0, 2), opacity 0.2s linear; }
  form input[type="radio"]:checked + label:hover:after, form input[type="radio"]:checked + label:focus:after,
  .form-group input[type="radio"]:checked + label:hover:after,
  .form-group input[type="radio"]:checked + label:focus:after,
  .form-check input[type="radio"]:checked + label:hover:after,
  .form-check input[type="radio"]:checked + label:focus:after {
    transform: scale(1);
    transition: transform 0.2s cubic-bezier(0.6, 0.2, 0, 2), opacity 0.2s linear; }

form .form-check-input[type="checkbox"]:checked, form input[type="checkbox"]:checked, form .form-check-input[type="checkbox"]:focus, form input[type="checkbox"]:focus,
.form-group .form-check-input[type="checkbox"]:checked,
.form-group input[type="checkbox"]:checked,
.form-group .form-check-input[type="checkbox"]:focus,
.form-group input[type="checkbox"]:focus,
.form-check .form-check-input[type="checkbox"]:checked,
.form-check input[type="checkbox"]:checked,
.form-check .form-check-input[type="checkbox"]:focus,
.form-check input[type="checkbox"]:focus {
  background-color: #B5ACA2 !important;
  border-color: #B5ACA2 !important; }
  form .form-check-input[type="checkbox"]:checked:before, form input[type="checkbox"]:checked:before, form .form-check-input[type="checkbox"]:focus:before, form input[type="checkbox"]:focus:before,
  .form-group .form-check-input[type="checkbox"]:checked:before,
  .form-group input[type="checkbox"]:checked:before,
  .form-group .form-check-input[type="checkbox"]:focus:before,
  .form-group input[type="checkbox"]:focus:before,
  .form-check .form-check-input[type="checkbox"]:checked:before,
  .form-check input[type="checkbox"]:checked:before,
  .form-check .form-check-input[type="checkbox"]:focus:before,
  .form-check input[type="checkbox"]:focus:before {
    box-shadow: 0px 0px 0px 13px #B5ACA2 !important; }

form input[type="checkbox"],
.form-group input[type="checkbox"],
.form-check input[type="checkbox"] {
  min-width: 1.125rem;
  height: 1.125rem; }

form select,
.form-group select,
.form-check select {
  padding: 0 0 0 5px; }

form textarea,
.form-group textarea,
.form-check textarea {
  min-height: 150px;
  line-height: 22px;
  white-space: pre-wrap; }

input.btn-switch {
  position: absolute;
  opacity: 0;
  left: 0;
  display: inline-block;
  min-width: 40px;
  height: 22px;
  z-index: 1;
  cursor: pointer; }
  input.btn-switch + label {
    position: relative;
    display: flex;
    padding-left: 0px;
    line-height: 22px;
    cursor: pointer;
    margin: 10px 0;
    align-items: center;
    font-weight: 400;
    font-size: 14px; }
    input.btn-switch + label:before {
      content: "";
      position: absolute;
      left: 0;
      top: 0;
      display: inline-block;
      box-sizing: border-box;
      background: #797A8D;
      height: 12px;
      width: 42px;
      padding: 0;
      border-radius: 13px;
      transition: all 0.1s ease-out;
      position: relative;
      border: 2px solid #797A8D;
      margin-right: 5px;
      opacity: 0.5; }
    input.btn-switch + label:after {
      opacity: 1;
      height: 22px;
      width: 22px;
      top: 0;
      border-radius: 50%;
      position: absolute;
      content: "";
      box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
      transition: all 0.1s ease-out;
      background: #797A8D; }
  input.btn-switch:checked + label:before {
    border-color: #B5ACA2;
    background: #B5ACA2; }
  input.btn-switch:checked + label:after {
    background: #B5ACA2;
    left: 20px; }

@media screen and (max-width: 1199px) {
  .preHome_body .preHome.content &gt; .centeredContent.row &gt; .form-signin {
    width: 60%; }
  .HomePage .bbsRow {
    flex-direction: column; }
  .gssBtnBar {
    padding-top: 15px; }
  .megamenuMarkup .yamm .dropdown-menu {
    max-height: 100% !important; }
  #verticalSplitterView #top-pane.MosaicAss .expand {
    top: 12px; }
    #verticalSplitterView #top-pane.MosaicAss .expand .requestfullscreen {
      padding: 10px; }
      #verticalSplitterView #top-pane.MosaicAss .expand .requestfullscreen span:not(.material-icons-outlined) {
        display: none; }
  textarea.gshpBasketCommentTextArea {
    min-width: 100%;
    margin-bottom: 15px; }
  .gshp-salesRepClientCard .content.container .ClientTitleRow .sdsButtonBar .bsButtonSpan .label {
    display: none; }
  .usr-modifyAccount .bbsRow {
    flex-direction: column; }
    .usr-modifyAccount .bbsRow .bbsSpan {
      flex: 0 0 100%;
      max-width: 100%;
      max-width: 100%; }
  .usr-modifyAccount .odfControlRow {
    position: relative; }
    .usr-modifyAccount .odfControlRow.odfstringListField select, .usr-modifyAccount .odfControlRow.odftextField input {
      width: 100%; }
    .usr-modifyAccount .odfControlRow.odfstringListField:after {
      content: "\e95e";
      font-family: icomoon;
      font-size: 28px;
      margin-left: -17px;
      position: absolute;
      right: 0;
      top: 0;
      display: none; }
  .gshpProductGridAndSummary .ShowRef {
    margin: 15px 10px 0 15px; }
    .gshpProductGridAndSummary .ShowRef span {
      margin: 10px 0 0 0px; }
  .sdss-search .sdsSearchResultsBlock .navbar-UICategoryOptionsBar .gssFilterRow {
    flex-wrap: wrap; }
    .sdss-search .sdsSearchResultsBlock .navbar-UICategoryOptionsBar .gssFilterRow .gssBtnBar {
      margin-top: 20px; } }

input[readonly] {
  cursor: default; }

.input-group-addon {
  padding: 6px 12px;
  font-size: 16px;
  font-weight: normal;
  line-height: 26px;
  color: #555;
  text-align: center;
  background-color: #eee;
  border: 1px solid #ccc;
  border-radius: 0px;
  border-left: 0; }

form .tabTable input[type="checkbox"] {
  opacity: 1;
  position: relative;
  vertical-align: middle;
  min-width: 15px;
  margin-left: 0;
  margin-top: 10px;
  outline: 0; }

option {
  font-weight: normal;
  display: block;
  white-space: nowrap;
  min-height: 1.2em;
  padding: 0px 2px 1px; }

.form-label {
  font-weight: 400; }

/* SdsTable*/
tr.sdsActionRow div.sdsSelectionLabel {
  margin-left: 10px; }

.modal {
  z-index: 2000;
  text-align: left; }
  .modal.fade {
    background: rgba(0, 0, 0, 0.5); }
  .modal .horizontal-loader {
    position: relative;
    left: 0; }
  .modal h3, .modal .h3 {
    font-size: 22px; }
  .modal .modal-body {
    padding: 20px; }
    .modal .modal-body .container {
      min-width: 100%; }
  .modal .modal-content {
    border-radius: .5rem; }
  .modal .modal-header {
    font-size: 16px;
    padding: 10px 15px; }
    .modal .modal-header h3, .modal .modal-header .h3,
    .modal .modal-header .close {
      position: relative; }

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

.modal-footer {
  box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.1);
  border-top: 0px;
  padding: 10px; }
  .modal-footer.modal-footer-addBasket {
    justify-content: space-between; }
  .modal-footer span {
    z-index: inherit;
    position: inherit; }

/*Bootbox modals*/
.bootbox .modal-body .bootbox-body {
  white-space: pre-line;
  padding: 10px 20px;
  line-height: 28px; }

.bootbox .modal-body h5, .bootbox .modal-body .h5 {
  font-size: 20px; }

.bootbox .modal-footer {
  border: none; }

.bootbox .modal-header {
  border-bottom: 0; }

/* blocs */
.search-block,
.my3dcatalogClientView-search-block,
.sdss-search .sdsSearchSelectTypeBlock .bg-white {
  width: 370px;
  margin-right: 30px;
  padding: 30px; }

.search-result,
.my3dcatalogClientView-search-result {
  width: calc(100% - 400px);
  padding: 30px; }

.search-page {
  padding: 30px;
  float: left;
  width: 100%; }

/* form steps */
.chevron {
  float: left;
  display: flex;
  align-items: center;
  margin: 0 25px 10px 0;
  padding: 5px 10px;
  position: relative;
  height: 60px;
  transform-origin: left center;
  cursor: pointer;
  transition: all 0.2s linear; }
  .chevron:not(:first-child) {
    margin-left: 30px; }
  .chevron:last-child:after {
    display: none; }
  .chevron:after {
    content: "";
    display: block;
    position: absolute;
    z-index: 0;
    top: 30px;
    left: 98%;
    width: 60px;
    height: 1px;
    background: #b3b3b3;
    transition: all 0.2s linear; }
  .chevron.chevron-itemselected {
    color: #212529; }
    .chevron.chevron-itemselected .btn-number {
      background: #B5ACA2;
      color: white; }
    .chevron.chevron-itemselected:after {
      background: #B5ACA2; }
  .chevron .btn-number {
    width: 30px;
    height: 30px;
    line-height: 26px;
    background: rgba(0, 0, 0, 0.38);
    color: white;
    border: 0; }

/* Footer */
.footer {
  background: #F6F2F1;
  box-shadow: none; }
  .footer .ishBstrap-navShortCuts {
    background: transparent; }
    .footer .ishBstrap-navShortCuts .navbar-nav &gt; li &gt; a {
      color: #262626; }
      .footer .ishBstrap-navShortCuts .navbar-nav &gt; li &gt; a:hover, .footer .ishBstrap-navShortCuts .navbar-nav &gt; li &gt; a:focus {
        color: #262626; }
  .footer .Footerbottom .FooterbottomBlock ul li, .footer .Footerbottom .FooterbottomBlock .nav-lang li a {
    color: #262626; }

/* Align content */
.align-center {
  text-align: center; }

/* animations */
.img-hovered,
.my3dcore_client_assembly_list .my3dcore_client_assembly_block .assembly_thumbnail a:hover img {
  transform: scale(1.05);
  opacity: 0.8; }

a {
  cursor: pointer; }

.loading-div {
  height: 220px;
  align-items: center;
  display: flex;
  justify-content: center; }

.rotated-180,
.rmm .rmm-back a:before {
  transform: rotate(180deg);
  display: inline-block;
  line-height: 40px; }

i.fliped:before {
  transform: scale(-1, 1); }

.checkmark__circle {
  stroke-dasharray: 166;
  stroke-dashoffset: 166;
  stroke-width: 2;
  stroke-miterlimit: 10;
  stroke: #7ac142;
  fill: none;
  animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards; }

.checkmark {
  width: 56px;
  height: 56px;
  display: none;
  border-radius: 50%;
  stroke-width: 2;
  stroke: #fff;
  stroke-miterlimit: 10;
  margin: 10% auto;
  box-shadow: inset 0px 0px 0px #7ac142;
  animation: fill 0.4s ease-in-out 0.4s forwards, scale 0.3s ease-in-out 0.9s both; }

.checkmark__check {
  transform-origin: 50% 50%;
  stroke-dasharray: 48;
  stroke-dashoffset: 48;
  animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards; }

@keyframes stroke {
  100% {
    stroke-dashoffset: 0; } }

@keyframes scale {
  0%, 100% {
    transform: none; }
  50% {
    transform: scale3d(1.1, 1.1, 1); } }

@keyframes fill {
  100% {
    box-shadow: inset 0px 0px 0px 30px #7ac142; } }

.fadeOutTop {
  transform-origin: center top;
  overflow: hidden;
  animation: fadeOutTop 0.2s ease-out; }

@keyframes main-expand {
  0% {
    opacity: 1;
    transform: scale(1); }
  30% {
    opacity: 0;
    transform: scale(0.8); }
  60% {
    opacity: 0;
    transform: scale(0.8); }
  100% {
    opacity: 1;
    transform: scale(1); } }

@keyframes scaleDown30 {
  from {
    opacity: 0;
    transform: translateY(-30px);
    -webkit-transform: translateY(-30px); } }

@keyframes scaleDown {
  from {
    opacity: 0;
    transform: translateY(-10px);
    -webkit-transform: translateY(-10px); } }

@keyframes scaleUp {
  from {
    opacity: 0;
    transform: scale(0.8);
    -webkit-transform: scale(0.8); } }

@keyframes scaleUpDown {
  from {
    opacity: 0;
    transform: scale(0.3, 1);
    -webkit-transform: scale(0.3, 1);
    /*transform: translateX(-10px);*/ } }

@keyframes scaleDownUp {
  to {
    opacity: 0;
    transform: scale(1.2);
    -webkit-transform: scale(1.2); } }

@keyframes scaleDownCenter {
  to {
    opacity: 0;
    transform: scale(0.7);
    -webkit-transform: scale(0.7); } }

@keyframes scaleUpCenter {
  from {
    opacity: 0;
    transform: scale(0.7);
    -webkit-transform: scale(0.7); } }

@keyframes translateLine {
  from {
    opacity: 0;
    transform: translateX(-30px);
    -webkit-transform: translateX(-30px); } }

@keyframes MenuBasketLine {
  from {
    opacity: 0;
    transform: translateY(-30px);
    -webkit-transform: translateY(-30px); } }

@keyframes translateLineX {
  from {
    opacity: 0;
    transform: translateX(-30px);
    -webkit-transform: translateX(-30px); } }

@keyframes translateLineY {
  from {
    opacity: 0;
    transform: translateY(20px);
    -webkit-transform: translateY(20px); } }

@keyframes translateLineRevY {
  from {
    opacity: 0;
    transform: translateY(0px);
    -webkit-transform: translateY(0px); } }

@keyframes translateLineMenu {
  from {
    opacity: 0;
    transform: translateX(300px);
    -webkit-transform: translateX(300px); } }

@keyframes fadeOutTop {
  100% {
    opacity: 0;
    transform: translateY(-20px);
    -webkit-transform: translateY(-20px); } }

@keyframes mainExpanded {
  30% {
    opacity: 0;
    transform: scale(0.8);
    -webkit-transform: scale(0.8); }
  60% {
    opacity: 0;
    transform: scale(0.8);
    -webkit-transform: scale(0.8); }
  100% {
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1); } }

@keyframes tree-expand-anim {
  0% {
    opacity: 0;
    transform: scale(0);
    -webkit-transform: scale(0); }
  50% {
    opacity: 0;
    transform: scale(0.7);
    -webkit-transform: scale(0.7); }
  100% {
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1); } }

@keyframes group-expand-anim {
  0% {
    height: 0;
    opacity: 0; }
  50% {
    height: 50%;
    opacity: 0.5; }
  100% {
    height: 100%;
    opacity: 1; } }

@keyframes tree-menu-anim {
  from {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg); }
  to {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg); } }

@keyframes tree-menu-anim-reverse {
  from {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg); }
  to {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg); } }

@-webkit-keyframes fadeIn {
  0% {
    height: 30%;
    opacity: 0; }
  100% {
    height: 100%;
    opacity: 1; } }

@keyframes fadeIn {
  0% {
    height: 30%;
    opacity: 0; }
  100% {
    height: 100%;
    opacity: 1; } }

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@-webkit-keyframes slideInDown {
  0% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    visibility: visible; }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes slideInDown {
  0% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    visibility: visible; }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes fadeInFromNone {
  0% {
    display: none;
    opacity: 0; }
  1% {
    display: block;
    opacity: 0; }
  100% {
    display: block;
    opacity: 1; } }

/* Mega Menu */
/*  
    Activation System
    We can disable some part of the UI from this skin.
    For example, it's could be practical to disable the responsive grid system to replace it in a custom case.
*/
/*Overloadable Mixins*/
/*Display global*/
/*Buttons*/
.btn-th {
  font-weight: 300;
  opacity: 0.4;
  margin-bottom: 0; }

.btn-notif {
  font-weight: 600;
  text-align: center;
  width: 36px;
  height: 36px;
  line-height: 26px;
  border: 3px solid #fff;
  border-radius: 50%;
  z-index: 10;
  transition: border-color 0.2s linear; }

.btn-incentive.btn-small {
  width: auto;
  height: auto;
  font-size: 14px;
  line-height: 14px;
  padding: 6px 8px;
  font-weight: 600;
  margin-right: 5px; }
  .btn-incentive.btn-small:hover, .btn-incentive.btn-small:focus {
    color: white; }

.btn-link, .product-in-list .gshpTypedDocumentListItem.btn,
.gshpCategoryList .gshpTypedDocumentListItem.btn,
.Linked-product .gshpTypedDocumentListItem.btn, .gshpMyUserAccountEditionFormPage .sdsActionButton.btn {
  color: #212529 !important;
  box-shadow: none !important; }
  .btn-link span, .product-in-list .gshpTypedDocumentListItem.btn span,
  .gshpCategoryList .gshpTypedDocumentListItem.btn span,
  .Linked-product .gshpTypedDocumentListItem.btn span, .gshpMyUserAccountEditionFormPage .sdsActionButton.btn span {
    color: #212529 !important; }
  .btn-link:hover, .btn-link:focus, .btn-link:active, .product-in-list .gshpTypedDocumentListItem.btn:hover,
  .gshpCategoryList .gshpTypedDocumentListItem.btn:hover,
  .Linked-product .gshpTypedDocumentListItem.btn:hover, .gshpMyUserAccountEditionFormPage .sdsActionButton.btn:hover, .product-in-list .gshpTypedDocumentListItem.btn:focus,
  .gshpCategoryList .gshpTypedDocumentListItem.btn:focus,
  .Linked-product .gshpTypedDocumentListItem.btn:focus, .gshpMyUserAccountEditionFormPage .sdsActionButton.btn:focus, .product-in-list .gshpTypedDocumentListItem.btn:active,
  .gshpCategoryList .gshpTypedDocumentListItem.btn:active,
  .Linked-product .gshpTypedDocumentListItem.btn:active, .gshpMyUserAccountEditionFormPage .sdsActionButton.btn:active {
    background-color: rgba(33, 37, 41, 0.12) !important; }
  .btn-link:before, .product-in-list .gshpTypedDocumentListItem.btn:before,
  .gshpCategoryList .gshpTypedDocumentListItem.btn:before,
  .Linked-product .gshpTypedDocumentListItem.btn:before, .gshpMyUserAccountEditionFormPage .sdsActionButton.btn:before {
    display: none; }

#HideAllbtn {
  width: 0;
  height: 0;
  padding: 0;
  line-height: 0px;
  display: inherit;
  border: 0;
  visibility: hidden; }

.popover {
  position: absolute;
  background: white;
  border-radius: 15px; }

.popover.right &gt; .arrow:after {
  left: 8px;
  bottom: -10px; }

.popover.right &gt; .arrow {
  left: -16px;
  margin-top: -12px;
  border-right-color: #000; }

.popover &gt; .arrow {
  border-width: 0;
  box-shadow: -5px -5px 5px rgba(0, 0, 0, 0.1);
  border-color: transparent;
  visibility: hidden; }
  .popover &gt; .arrow:after {
    left: auto;
    margin-left: 10px;
    display: block;
    width: 16px;
    height: 16px;
    top: 6px;
    background-color: #fff;
    transform: translateX(-8px) rotate(45deg);
    box-shadow: -5px -5px 5px rgba(0, 0, 0, 0.1);
    z-index: 0;
    border-width: 5px; }

.btn-mini {
  border-radius: 50%;
  padding: 0.25em;
  display: inline-flex;
  align-items: center;
  justify-content: center; }

.bsDownloadable {
  text-transform: none; }
  .bsDownloadable:hover:before, .bsDownloadable:focus:before {
    max-height: 56px; }

/* Tabs */
.itlStandardTabs div.itlStandardTabs div.itlStandardTabsBlock {
  background: white; }

.carousel {
  margin-right: 15px;
  margin-left: 15px; }

/* panels */
.panel {
  box-shadow: none; }

/* Grid Style */
.gshopDiv {
  margin: 0px; }
  .gshopDiv .breadcrumb {
    margin-left: 30px; }

.content.container &gt; row {
  margin: 0; }

.breadcrumb {
  padding-left: 30px; }
  .breadcrumb a {
    font-weight: 300; }
  .breadcrumb span.active {
    font-weight: 500; }

.product-order-provision strong {
  animation: showStockMessg 0.1s both; }

.product-order-provision i {
  animation: expand-icon 0.3s ease-out 0.1s;
  display: inline-block; }

.product-order-provision-active {
  transition: opacity 0.1s linear; }
  .product-order-provision-active i {
    margin-right: 10px; }
  .product-order-provision-active.CriticalStockNotReorderable i, .product-order-provision-active.CriticalStockReorderable i {
    vertical-align: top;
    line-height: 24px;
    margin-right: 5px; }
  .product-order-provision-active.WarningStockReorderable i, .product-order-provision-active.WarningStockNotReorderable i {
    vertical-align: top;
    line-height: 24px; }
  .product-order-provision-active.GoodStockReorderable i, .product-order-provision-active.GoodStockNotReorderable i {
    display: inline-block;
    width: 24px; }
    .product-order-provision-active.GoodStockReorderable i:before, .product-order-provision-active.GoodStockNotReorderable i:before {
      text-align: center;
      width: 24px;
      height: 24px;
      line-height: 26px;
      display: block; }
    .product-order-provision-active.GoodStockReorderable i:before, .product-order-provision-active.GoodStockNotReorderable i:before {
      color: white; }

.quantity-order-input-border,
div.gshpMultiGrid table.gshpMultiGridProductGridTable td input,
table.gshpBasketItems td input,
table.gshpMultiGridProductGridTable td input,
.gridCell,
input.quantity-order-input {
  border-width: 2px; }

input.quantity-order-input {
  transition: opacity 0.1s linear;
  width: 200px;
  margin-right: 1px; }
  input.quantity-order-input.CriticalStockReorderable, input.quantity-order-input.CriticalStockNotReorderable {
    border-color: #eb003b; }
    input.quantity-order-input.CriticalStockReorderable:focus, input.quantity-order-input.CriticalStockNotReorderable:focus {
      border: 2px solid #eb003b !important;
      box-shadow: inset 0px 0px 0px 1px #eb003b !important; }
  input.quantity-order-input.WarningStockReorderable, input.quantity-order-input.WarningStockNotReorderable {
    border-color: #F0803A; }
    input.quantity-order-input.WarningStockReorderable:focus, input.quantity-order-input.WarningStockNotReorderable:focus {
      border: 2px solid #F0803A !important;
      box-shadow: inset 0px 0px 0px 1px #F0803A !important; }
  input.quantity-order-input.GoodStockReorderable, input.quantity-order-input.GoodStockNotReorderable {
    border-color: #85B039; }
    input.quantity-order-input.GoodStockReorderable:focus, input.quantity-order-input.GoodStockNotReorderable:focus {
      border: 2px solid #85B039 !important;
      box-shadow: inset 0px 0px 0px 1px #85B039 !important; }

/* Label style */
.label {
  color: #4c4c4c;
  font-size: 1rem;
  padding: 0px; }

.gshpDashedPrice {
  font-weight: 400;
  display: inline-block;
  opacity: 0.7; }

/* Quickadd to bascket*/
.carousel-inner .typedDocItem {
  margin-right: -2;
  margin-left: -1;
  display: inline-block;
  padding: 6px 2px;
  margin: 0 2px;
  max-height: 54px; }
  .carousel-inner .typedDocItem::after {
    display: block;
    clear: both;
    content: ""; }

/* Productpage */
.search-results-wrapper .carousel-inner .carousel-item {
  margin: 0; }
  .search-results-wrapper .carousel-inner .carousel-item &gt; a {
    padding: 2px !important; }

.owl-carousel .owl-wrapper .item img, .owl-carousel .owl-stage .item img {
  border-radius: 5px; }

.carousel {
  position: relative; }

.carousel-inner {
  position: relative;
  overflow: hidden;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center; }
  .carousel-inner &gt; .carousel-item {
    display: none;
    position: relative; }
    .carousel-inner &gt; .carousel-item &gt; img,
    .carousel-inner &gt; .carousel-item &gt; a &gt; img {
      line-height: 1; }
    @media all and (transform-3d), (-webkit-transform-3d) {
      .carousel-inner &gt; .carousel-item.next, .carousel-inner &gt; .carousel-item.active.right {
        left: 0; }
      .carousel-inner &gt; .carousel-item.prev, .carousel-inner &gt; .carousel-item.active.left {
        left: 0; }
      .carousel-inner &gt; .carousel-item.next.left, .carousel-inner &gt; .carousel-item.prev.right, .carousel-inner &gt; .carousel-item.active {
        left: 0; } }
  .carousel-inner &gt; .active,
  .carousel-inner &gt; .next,
  .carousel-inner &gt; .prev {
    display: flex; }
  .carousel-inner &gt; .active {
    left: 0; }
  .carousel-inner &gt; .next,
  .carousel-inner &gt; .prev {
    position: absolute;
    top: 0;
    width: 100%; }
  .carousel-inner &gt; .next {
    left: 100%; }
  .carousel-inner &gt; .prev {
    left: -100%; }
  .carousel-inner &gt; .next.left,
  .carousel-inner &gt; .prev.right {
    left: 0; }
  .carousel-inner &gt; .active.left {
    left: -100%; }
  .carousel-inner &gt; .active.right {
    left: 100%; }

.carousel-control {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  text-align: center; }
  .carousel-control.right {
    left: auto;
    right: 0; }
  .carousel-control:hover, .carousel-control:focus {
    outline: 0;
    text-decoration: none; }
  .carousel-control .icon-prev,
  .carousel-control .icon-next,
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block; }
  .carousel-control .icon-prev,
  .carousel-control .glyphicon-chevron-left {
    left: 50%;
    margin-left: -10px; }
  .carousel-control .icon-next,
  .carousel-control .glyphicon-chevron-right {
    right: 50%;
    margin-right: -10px; }
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 20px;
    height: 20px;
    margin-top: -10px;
    line-height: 1;
    font-family: serif; }
  .carousel-control .icon-prev:before {
    content: "\2039"; }
  .carousel-control .icon-next:before {
    content: "\203a"; }

.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  margin-left: -30%;
  padding-left: 0;
  list-style: none;
  text-align: center; }
  .carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    border-radius: 10px;
    cursor: pointer;
    background-color: #000 \9;
    background-color: rgba(0, 0, 0, 0); }
  .carousel-indicators .active {
    margin: 0;
    width: 12px;
    height: 12px; }

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

.row.row-carousel {
  display: block;
  margin: 0; }

@media screen and (min-width: 768px) {
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -15px;
    font-size: 30px; }
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .icon-prev {
    margin-left: -15px; }
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-next {
    margin-right: -15px; }
  .carousel-caption {
    left: 20%;
    right: 20%;
    padding-bottom: 30px; }
  .carousel-indicators {
    bottom: 20px; } }

/* Cut products */
strong.catalog-price-value {
  font-size: 25px;
  padding: 0 5px; }

.product-tabs {
  font-weight: 300;
  font-size: .875rem;
  margin-right: auto;
  width: 100%;
  flex: 100%; }
  .product-tabs h4, .product-tabs .h4 {
    margin-bottom: 10px;
    font-weight: 500; }

.product-documents {
  margin-top: 10px;
  padding-left: 15px; }
  .product-documents h4, .product-documents .h4 {
    margin-bottom: 10px;
    font-weight: 500; }

.product-page h4, .product-page .h4 {
  margin-bottom: 10px;
  font-weight: 500; }

.product-order-provision {
  font-size: 16px;
  padding: 0px 0px 15px 0px; }

/*Basket page*/
/*Responsive*/
.descrition-tabs-block {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap: wrap; }
  .descrition-tabs-block &gt; div {
    width: 100%; }
  .descrition-tabs-block .gshpGridBlockForm {
    margin-top: 20px;
    margin-left: 10px; }
    .descrition-tabs-block .gshpGridBlockForm .product-grid-summary {
      clear: both;
      text-align: right;
      font-size: 10px;
      padding-left: 10px; }
      .descrition-tabs-block .gshpGridBlockForm .product-grid-summary .product-order-row .product-order-tooltip-td .product-order-tooltip-inner {
        width: 100%; }
      .descrition-tabs-block .gshpGridBlockForm .product-grid-summary .product-order-row .product-order-tooltip-td {
        min-width: auto; }
      .descrition-tabs-block .gshpGridBlockForm .product-grid-summary .product-order-row .product-order-total-td {
        padding-left: 0;
        margin-left: 0;
        border: 0;
        font-weight: bold; }
      .descrition-tabs-block .gshpGridBlockForm .product-grid-summary .product-label-price-td table {
        width: 100%; }
      .descrition-tabs-block .gshpGridBlockForm .product-grid-summary table {
        width: 100%; }
        .descrition-tabs-block .gshpGridBlockForm .product-grid-summary table td:nth-child(2) {
          text-align: right;
          width: 100%; }
      .descrition-tabs-block .gshpGridBlockForm .product-grid-summary .product-order-total-td {
        width: 100%; }
      .descrition-tabs-block .gshpGridBlockForm .product-grid-summary table.product-order-tooltip-inner {
        width: 100%;
        max-width: 100%; }

/* Animations */
@keyframes scale-and-show {
  from {
    transform: scale(0.9);
    opacity: 0; }
  to {
    transform: scale(1);
    opacity: 1; } }

@keyframes expand-icon {
  0% {
    transform: scale(1); }
  15% {
    transform: scale(1.33); }
  40% {
    transform: scale(1.33); }
  100% {
    transform: scale(1); } }

@keyframes showStockMessg {
  0% {
    opacity: 0;
    transform: translateX(5px); }
  100% {
    opacity: 1;
    transform: translateX(0); } }

@keyframes showGridPopover {
  0% {
    opacity: 0;
    transform: translateY(30px); }
  100% {
    opacity: 1;
    transform: translateY(0px); } }

@keyframes HideGridPopover {
  0% {
    opacity: 0;
    transform: translateY(0px); }
  100% {
    opacity: 1;
    transform: translateY(30px); } }

@-webkit-keyframes scale-and-show {
  from {
    transform: scale(0.9);
    opacity: 0; }
  to {
    transform: scale(1);
    opacity: 1; } }

.card {
  margin: 20px;
  max-width: 260px;
  border-radius: 0;
  -webkit-animation: fadeInFromNone 0.2s;
  -moz-animation: fadeInFromNone 0.2s;
  -o-animation: fadeInFromNone 0.2s;
  -ms-animation: fadeInFromNone 0.2s;
  animation: fadeInFromNone 0.2s;
  box-shadow: none; }

/* Added variables*/
/* desactivate browser focus */
* {
  outline: none; }

/* hack IE */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* IE10+ CSS styles go here */
  /*body{
               font-family: Source Sans Pro, sans-serif; 
     }*/ }

.container {
  max-width: 100%; }

.navbar-inverse {
  background-color: #222;
  border-color: #090909; }
  .navbar-inverse .navbar-brand {
    color: white; }
    .navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus {
      color: #fff;
      background-color: transparent; }
  .navbar-inverse .navbar-text {
    color: white; }
  .navbar-inverse .navbar-nav &gt; li &gt; a {
    color: white; }
    .navbar-inverse .navbar-nav &gt; li &gt; a:hover, .navbar-inverse .navbar-nav &gt; li &gt; a:focus {
      color: #fff;
      background-color: transparent; }
  .navbar-inverse .navbar-nav &gt; .active &gt; a, .navbar-inverse .navbar-nav &gt; .active &gt; a:hover, .navbar-inverse .navbar-nav &gt; .active &gt; a:focus {
    color: #fff;
    background-color: #090909; }
  .navbar-inverse .navbar-nav &gt; .disabled &gt; a, .navbar-inverse .navbar-nav &gt; .disabled &gt; a:hover, .navbar-inverse .navbar-nav &gt; .disabled &gt; a:focus {
    color: #444;
    background-color: transparent; }
  .navbar-inverse .navbar-toggle {
    border-color: #333; }
    .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
      background-color: #333; }
    .navbar-inverse .navbar-toggle .icon-bar {
      background-color: #fff; }
  .navbar-inverse .navbar-collapse,
  .navbar-inverse .navbar-form {
    border-color: #101010; }
  .navbar-inverse .navbar-nav &gt; .open &gt; a, .navbar-inverse .navbar-nav &gt; .open &gt; a:hover, .navbar-inverse .navbar-nav &gt; .open &gt; a:focus {
    background-color: #090909;
    color: #fff; }
  .navbar-inverse .navbar-link {
    color: white; }
    .navbar-inverse .navbar-link:hover {
      color: #fff; }
  .navbar-inverse .btn-link {
    color: #212529; }
    .navbar-inverse .btn-link:hover, .navbar-inverse .btn-link:focus {
      color: #212529; }
    .navbar-inverse .btn-link[disabled]:hover, .navbar-inverse .btn-link[disabled]:focus, fieldset[disabled] .navbar-inverse .btn-link:hover, fieldset[disabled] .navbar-inverse .btn-link:focus {
      color: #212529; }

/* form elements */
fieldset {
  min-width: 0;
  margin: 0;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 15px;
  padding: 1.25rem;
  margin-bottom: 20px; }
  fieldset legend {
    font-size: 1.5rem;
    font-weight: 500;
    color: #000; }
  fieldset h3.bsLevel2, fieldset .bsLevel2.h3 {
    font-size: 1.2rem;
    font-weight: 500; }
  fieldset .odfControlLabelCell label {
    font-size: 1.1em;
    color: #4d4d4d; }
  fieldset .bbsSpan p {
    margin: 8px 0px;
    margin-bottom: 8px;
    font-size: 1rem;
    font-weight: 300; }
  fieldset .odfControlCell .odfControlRow input, fieldset .odfControlCell .odfControlRow select {
    width: 100%;
    min-height: 40px; }

.ocs-genViewCard h3.bsLevel2, .ocs-genViewCard .bsLevel2.h3 {
  font-size: 1.35rem;
  font-weight: 500 !important;
  border-bottom: 0; }

.ocs-genViewCard .bsDownloadable dl.bsDownloadableStdIcon {
  background-image: none; }

div.sdsButtonBarRight {
  float: right; }

.isoMarginBottomTwoLine {
  font-weight: 300;
  font-size: .9rem; }

.dropdown-block {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  float: left;
  min-width: 18rem;
  padding: 0.5rem 0;
  margin: 0.125rem 0 0;
  font-size: .875rem;
  color: #4c4c4c;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem; }
  .dropdown-block .form-check label {
    margin-top: 0;
    margin-bottom: 0.5rem; }

.dropdown-menu, .dropdown-block {
  border-radius: 0px;
  padding: 10px;
  border: none;
  border-radius: 15px;
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
  z-index: 1039; }
  .dropdown-menu.large, .dropdown-block.large {
    width: 99vw; }

/* headers */
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  color: #212529 !important;
  font-weight: 400;
  margin-bottom: 15px;
  margin-top: 0; }

h2, .h2 {
  font-size: 1.5rem;
  font-weight: 500; }

h1, .h1 {
  font-size: 1.75rem;
  font-weight: 500; }

h3, .h3 {
  font-size: 1.2rem;
  font-weight: 500; }

h4, .h4 {
  font-size: 20px; }

.title-wrapper {
  margin: 0 0 5px !important;
  line-height: 40px;
  font-size: 1.125rem;
  background: transparent !important;
  box-shadow: none !important; }
  .title-wrapper.thin {
    border-bottom: 1px solid #e0e0e0; }
  .title-wrapper h3, .title-wrapper .h3 {
    font-weight: 300;
    margin-bottom: 0;
    padding-bottom: 0.5em; }

/* paragraphs*/
p {
  color: #212529; }
  p:empty {
    display: none; }

.gssNoProduct {
  font-size: .875rem;
  margin-top: 10px; }

.small-text {
  font-size: .875rem; }

.thin-text, .preface {
  font-weight: 300; }

.divider hr {
  background-color: rgba(121, 122, 141, 0.3);
  width: 100%;
  margin: 0 auto; }

.navbar-toggle {
  display: none; }

.bsParaCenter table {
  margin: 0 auto;
  width: 100%; }

/*    .directHtml {
        br {
            display: none;
        }
    }*/
.form-group {
  padding: 0 20px 0 0;
  margin-bottom: 1rem; }

.section {
  padding-bottom: 0em;
  border-bottom: 5px solid #e6e6e6;
  font-size: 16px;
  margin: 0 0 1.2em;
  line-height: 1.3; }

.underline {
  border-bottom: 1px dotted #B5ACA2;
  text-decoration: none; }
  .underline:hover, .underline:focus {
    border-bottom-style: solid; }

.full-padding {
  padding-left: 0;
  padding-right: 0; }

a.with-icone {
  position: relative;
  padding-right: 10px;
  margin-top: -6px; }

.before-color-link {
  background-color: #1943ff; }

.bg-white, .search-block,
.my3dcatalogClientView-search-block,
.sdss-search .sdsSearchSelectTypeBlock .bg-white, .search-result,
.my3dcatalogClientView-search-result {
  background: white;
  border-radius: 15px;
  border: 1px solid #e0e0e0;
  padding: 30px; }

.bsButtonSpan a .label {
  color: #212529;
  z-index: 2;
  padding-right: 5px; }

.bsButtonSpan a:before {
  display: none !important; }

.button-big,
.btn-big {
  font-size: 24px;
  line-height: 58px; }
  .button-big.btn-square,
  .btn-big.btn-square {
    width: 60px;
    padding: 0;
    line-height: 58px;
    height: 60px; }
    .button-big.btn-square i,
    .btn-big.btn-square i {
      height: 60px;
      width: 60px;
      line-height: 60px; }

.big-input {
  border-radius: 5px;
  padding: 0 60px;
  line-height: 60px;
  font-size: 16px;
  border: none;
  height: 60px; }

.btn-dropdown {
  border: 1px solid #797A8D;
  border-radius: 10px;
  margin: 10px 10px 0 0;
  font-weight: 400;
  display: flex;
  align-items: center;
  background: white;
  color: #797A8D; }

button i {
  vertical-align: middle; }

input::placeholder {
  color: #584E6D; }

#OrderName {
  padding: 0; }
  #OrderName input::placeholder {
    opacity: 0.4 !important;
    font-size: .8rem; }
  #OrderName .form-control {
    padding-right: 50px; }

.gshpDownloadBlock {
  z-index: 100; }
  .gshpDownloadBlock .popover {
    z-index: 100; }

.alert-info {
  background-color: rgba(181, 172, 162, 0.8);
  border-color: rgba(181, 172, 162, 0.2);
  color: white;
  margin: 10px 0px; }

.gssNewFacetLabel {
  font-weight: 500; }

.home-tiles {
  width: 100%; }
  .home-tiles .home-tile {
    width: 25%;
    display: block;
    float: left;
    height: 150px;
    font-weight: normal;
    font-size: 16px;
    line-height: 19px;
    padding: 8px;
    position: relative;
    text-align: center;
    border: none;
    text-decoration: none;
    transition: opacity 0.07s linear; }
    .home-tiles .home-tile:before {
      content: "";
      display: block;
      border-radius: 5px;
      position: absolute;
      transform-origin: center center;
      z-index: 0;
      width: 90%;
      height: 95%;
      transition: all 0.25s linear;
      background-color: #f9f9f9;
      opacity: 0.7;
      box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); }
    .home-tiles .home-tile &gt; span.color-base {
      display: block;
      margin: 16px 6px;
      position: relative;
      z-index: 2;
      text-align: center;
      width: 90%; }
      .home-tiles .home-tile &gt; span.color-base span {
        display: inline-block;
        vertical-align: middle; }
    .home-tiles .home-tile &gt; i {
      display: block;
      height: 64px;
      line-height: 64px;
      position: relative;
      z-index: 3; }
    .home-tiles .home-tile:hover:before, .home-tiles .home-tile:focus:before {
      transform: scale(1.06);
      transition: all 0.1s linear;
      opacity: 1; }

.bsDownloadable {
  cursor: default; }
  .bsDownloadable:hover {
    background: transparent !important; }
  .bsDownloadable dd.bsDownloadableDescription {
    display: block;
    text-align: center;
    margin-top: 10px;
    padding-left: 0px; }

.bsDownloadableDL {
  background-image: none;
  padding-left: 0;
  position: relative; }
  .bsDownloadableDL .bsDownloadableTitle {
    display: inline-block; }
  .bsDownloadableDL .bsButtonSpan a:hover {
    border: 2px solid white; }
  .bsDownloadableDL:before {
    font-family: "icomoon";
    font-weight: normal;
    font-style: normal;
    color: #B5ACA2; }
  .bsDownloadableDL.bsDownloadableWithoutIcon:before {
    left: 10px;
    top: 11px;
    position: absolute;
    z-index: 3; }
  .bsDownloadableDL dd.bsDownloadableDescription {
    display: inline-block;
    padding-left: 10px; }

.ocsExtract .ocsBody-grid h1, .ocsExtract .ocsBody-grid .h1, .ocsExtract .ocsBody-grid .bsLevel1, .ocsExtract .advColumns h1, .ocsExtract .advColumns .h1, .ocsExtract .advColumns .bsLevel1 {
  text-align: left; }

.navbar {
  position: initial;
  box-shadow: none; }

.gshpNavigationBar {
  padding: 0px 20px;
  background: white;
  top: 0px;
  flex: 1 100%;
  align-items: center;
  font-size: .85rem;
  display: flex;
  width: 100%;
  line-height: 40px;
  position: relative; }
  .gshpNavigationBar li {
    display: flex;
    align-items: center; }
    .gshpNavigationBar li + li:before {
      font-family: "icomoon";
      font-weight: normal;
      font-style: normal;
      font-weight: 700;
      font-style: normal;
      content: "\e911";
      margin: 0 2px;
      color: rgba(0, 0, 0, 0.5);
      font-size: 1.125rem;
      line-height: 1.125rem; }
  .gshpNavigationBar a {
    font-weight: 400;
    color: rgba(0, 0, 0, 0.5);
    position: relative; }
    .gshpNavigationBar a span {
      color: rgba(0, 0, 0, 0.5);
      z-index: 2;
      position: relative; }
    .gshpNavigationBar a.active, .gshpNavigationBar a.active span {
      color: #212529; }
      .gshpNavigationBar a.active:before, .gshpNavigationBar a.active span:before {
        opacity: 0; }

/*More Variables*/
table,
tr,
td {
  color: #1f1f1f; }

/* auto complete */
.ui-autocomplete {
  background-image: none;
  border: none;
  font-family: Roboto, sans-serif;
  overflow-y: auto;
  max-height: 100%;
  z-index: 10000; }
  .ui-autocomplete:hover li, .ui-autocomplete:focus li {
    background-image: none;
    list-style: none; }
    .ui-autocomplete:hover li a, .ui-autocomplete:focus li a {
      background-image: none;
      list-style: none; }
  .ui-autocomplete li {
    background-image: none;
    list-style: none;
    font-size: .9rem; }
    .ui-autocomplete li a {
      font-size: 16px;
      color: #212529;
      background-image: none; }
      .ui-autocomplete li a:hover, .ui-autocomplete li a:focus, .ui-autocomplete li a.ui-state-focus {
        color: white;
        background-image: none;
        border: none;
        border-radius: 0; }
        .ui-autocomplete li a:hover a, .ui-autocomplete li a:focus a, .ui-autocomplete li a.ui-state-focus a {
          background-image: none; }

.badge-lg {
  display: inline-block;
  padding: 0.7em 1.5em;
  font-weight: 500;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  min-height: 18px;
  line-height: 18px;
  font-size: 1.05rem;
  margin-right: .75rem;
  margin-top: .5rem;
  margin-bottom: .75rem;
  background: #EEEFF8; }
  .badge-lg a {
    color: #212529; }
  .badge-lg[role="button"]:hover {
    background-color: rgba(0, 0, 0, 0.12) !important; }
    .badge-lg[role="button"]:hover a, .badge-lg[role="button"]:hover a:hover {
      color: #212529; }
  .badge-lg .btn {
    margin-right: -16px;
    margin-left: 5px;
    width: 20px;
    height: 20px;
    padding: 0px; }
    .badge-lg .btn span {
      font-size: .875rem; }

.sortButtonDown {
  border-width: 6px;
  color: #212529;
  line-height: 0; }
  .sortButtonDown .sortButtonText {
    font-size: 0; }

.sortButtonUp {
  border-width: 6px;
  color: #212529;
  transform: rotate(180deg);
  display: inline-block;
  line-height: 0;
  height: 6px; }
  .sortButtonUp .sortButtonText {
    font-size: 0; }

/*$screen-tablet: $screen-md-min;*/
@media (min-width: 768px) {
  body {
    overflow-x: hidden; } }

/* Look Variables responsive */
/******************************************************************************
* stdBs4MdFonts.scss
*******************************************************************************

*******************************************************************************
*                                                                             *
* Copyright 2021									                          *
*                                                                             *
******************************************************************************/
/* icomoon icons*/
@font-face {
  font-family: 'Material Icons Outlined';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/materialiconsoutlined/v66/gok-H7zzDkdnRel8-DQ6KAXJ69wP1tGnf4ZGhUce.woff2) format("woff2"); }

@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/materialicons/v92/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format("woff2"); }

.material-icons-outlined {
  font-family: 'Material Icons Outlined';
  font-weight: normal;
  font-style: normal;
  font-size: 1.5rem;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased; }

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 1.5rem;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased; }

@font-face {
  font-family: Roboto;
  /*    src: url("../iso_icons/stdBs4_Raleway-VariableFont_wght.ttf") format("truetype");
*/ }

/* icomoon icons*/
@font-face {
  font-family: "icomoon";
  src: url("../iso_icons/stdBs4_icomoon.eot?4suwd4");
  src: url("../iso_icons/stdBs4_icomoon.eot?4suwd4") format("embedded-opentype"), url("../iso_icons/stdBs4_icomoon.ttf?4suwd4") format("truetype"), url("../iso_icons/stdBs4_icomoon.woff?4suwd4") format("woff"), url("../iso_icons/stdBs4_icomoon.svg?4suwd4#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }

.icomoon {
  font-family: "icomoon";
  font-weight: normal;
  font-style: normal; }

.icon_64_changet-user:before {
  content: "\ea4f"; }

.icon_64_logout-user:before {
  content: "\ea50"; }

.icon_64_commerce_sent:before {
  content: "\e92a"; }

.icon_64_commerce_inprogress:before {
  content: "\e949"; }

.icon_24_filter:before {
  content: "\e920"; }

.icon_24_sort:before {
  content: "\e921"; }

.icon_24_refresh:before {
  content: "\e92d"; }

.icon_24_mobile:before {
  content: "\e92b"; }

.icon_24_phone:before {
  content: "\e92c"; }

.icon_24_send:before {
  content: "\e929"; }

.icon_24_mail:before {
  content: "\e928"; }

.icon_32_new:before {
  content: "\e926"; }

.icon_32_colleagues:before {
  content: "\e927"; }

.icon_32_avatar:before {
  content: "\e924"; }

.icon_24_close:before {
  content: "\e925";
  color: #d1003b; }

.icon_24_close.color-white:before {
  content: "\e925";
  color: white; }

.icon_32_machine:before {
  content: "\e923"; }

.icon_24_compass:before {
  content: "\e922"; }

.icon_32_app-menu:before {
  content: "\e900"; }

.icon_32_complaint:before {
  content: "\e901"; }

.icon_32_customers:before {
  content: "\e902"; }

.icon_32_information:before,
.icon-info:before {
  content: "\e903"; }

.icon_32_message-boards:before {
  content: "\e904"; }

.icon_32_shopping-cart:before,
.icon-basket:before,
a.btnAddToBasket:before,
.icon_64_commerce:before {
  content: "\e905"; }

.icon_32_warranty:before {
  content: "\e906"; }

.icon_24_settings:before {
  content: "\e94d"; }

.icon_64_customer-complaint:before {
  content: "\e907"; }

.icon_64_delivery-tracking:before {
  content: "\e908"; }

.icon_64_file-storage:before {
  content: "\e909"; }

.icon_64_information-request:before {
  content: "\e90a"; }

.icon_64_more:before {
  content: "\e90b"; }

.icon_64_my-machines:before {
  content: "\e90c"; }

.icon_64_quotation-request:before {
  content: "\e90d"; }

.icon_64_warranty-declaration:before {
  content: "\e90e"; }

.icon_24_3d-view:before,
.icon_editor-shape-design-triangle-circle-outline-stroke:before {
  content: "\e90f"; }

.icon_24_arrow-full-right:before {
  content: "\e910"; }

.icon_24_arrow-thin-right:before,
.spanBack:before {
  content: "\e911"; }

.icon_24_shopping-cart:before {
  content: "\e988"; }

.icon_64_equipment-maintenance-management:before {
  content: "\e9f8"; }

.icon_24_arrow-full-left:before {
  content: "\e910";
  -ms-transform: rotate(180deg);
  /* IE 9 */
  -webkit-transform: rotate(180deg);
  /* Chrome, Safari, Opera */
  transform: rotate(180deg);
  width: 20px; }

.icon_24_filter:before {
  content: "\e930"; }

.icon_24_dashboard:before {
  content: "\e912"; }

.icon_24_documents:before,
.icon_docs:before {
  content: "\e913"; }

.icon_24_download-file:before,
.bsDownloadableDL:before {
  content: "\e938"; }

.icon_print:before {
  content: "\e914"; }

.icon_24_print2:before {
  content: "\e935"; }

.icon_32_quotations:before {
  content: "\e985"; }

.icon_24_arrow-thin-top:before {
  content: "\e961"; }

.icon_24_sort-small:before {
  content: "\e955"; }

.icon_24_enter-fullscreen:before,
.icon_expand:before {
  content: "\e915";
  padding-right: 15px; }

.icon_24_exit-fullscreen:before,
.icon_dexpand:before {
  content: "\e916"; }

.icon_24_help:before {
  content: "\e917"; }

.icon_24_home:before {
  content: "\e918"; }

.icon_24_notifications:before {
  content: "\e919"; }

.icon_24_picture:before,
.icon_plan:before {
  content: "\e91a"; }

.icon_24_plus {
  padding-right: 4px; }
  .icon_24_plus:before {
    content: "\e91b"; }

.icon_24_search:before,
.icon_search:before {
  content: "\e91c"; }

.icon_24_star:before {
  content: "\e91d"; }

.icon_24_tasks:before {
  content: "\e91e"; }

.icon_24_video:before,
.icon_video:before {
  content: "\e91f"; }

.icon_24_zoom-out:before,
.icon_min:before,
.icon_zoom_out:before {
  content: "\e92e"; }

.icon_24_zoom-in:before,
.icon_max:before,
.icon_zoom_in:before {
  content: "\e92f"; }

.icon_24_catalog:before {
  content: "\e933"; }

.icon_24_location:before {
  content: "\e957"; }

.icon_32_language:before {
  content: "\e95b"; }

.icon_24_login:before {
  content: "\e94c"; }

.icon_24_check:before, .product-order-provision-active.GoodStockReorderable i:before, .product-order-provision-active.GoodStockNotReorderable i:before {
  content: "\e934";
  color: #68b200; }

.icon_24_check.color-white:before, .product-order-provision-active.GoodStockReorderable i.color-white:before, .product-order-provision-active.GoodStockNotReorderable i.color-white:before {
  color: white; }

.icon_32_grid_view:before {
  content: "\e93a"; }

.icon_32_list_view:before {
  content: "\e93b"; }

.icon_24_warning:before, .product-order-provision-active.WarningStockReorderable i:before, .product-order-provision-active.WarningStockNotReorderable i:before {
  content: "\e92f"; }

.icon_24_forbidden:before, .product-order-provision-active.CriticalStockNotReorderable i:before, .product-order-provision-active.CriticalStockReorderable i:before {
  content: "\e965"; }

.icon_24_time:before {
  content: "\e958"; }

.icon_24_recycle-bin:before {
  content: "\e984"; }

.icon_24_cancel:before {
  content: "\e964"; }

.icon_24_print:before {
  content: "\e935"; }

.icon_24_arrow-full-bottom:before {
  content: "\e95e"; }

.icon_24_arrow-full-top:before {
  content: "\e95d"; }

.icon_12_visible:before {
  content: "\e987"; }

.icon_32_calculator:before {
  content: "\e99d";
  transform: rotate(0.03deg); }

.icon_24_arrow-descending:before {
  content: "\e956"; }

.icon_32_next:before {
  content: "\e93d"; }

.icon_32_duplicate:before {
  content: "\e946"; }

.icon_24_admin:before {
  content: "\e9c0"; }

.icon_circle {
  display: block;
  margin: 0 5px 0 5px;
  border-radius: 50%; }

.icon_10 {
  font-size: 10px;
  width: 10px;
  height: 10px; }

.icon_14 {
  font-size: 14px;
  padding-right: 8px; }

.icon_16 {
  font-size: 14px;
  padding-right: 8px; }

.icon_18 {
  font-size: 18px; }

.icon_20 {
  font-size: 20px;
  padding-right: 5px; }

.icon_24, .product-order-provision-active.CriticalStockNotReorderable i, .product-order-provision-active.CriticalStockReorderable i, .product-order-provision-active.WarningStockReorderable i, .product-order-provision-active.WarningStockNotReorderable i {
  font-size: 24px; }

.icon_12 {
  font-size: 12px; }

.icon_32 {
  font-size: 32px; }
  .icon_32:before {
    font-size: 32px; }

.icon_64 {
  font-size: 64px; }

.icon_22 {
  font-size: 22px; }

.icon_48 {
  font-size: 48px; }
  .icon_48:before {
    font-size: 48px; }

i.reversed:before {
  transform: scale(-1);
  transition: all 0.2s ease;
  display: inline-flex; }

i.notreversed:before {
  transform: scale(1);
  transition: all 0.2s ease;
  display: inline-flex; }

.icon_32_news:before {
  content: "\e926"; }

.icon_32_select_tool:before {
  content: "\e940"; }

.icon_32_send_to_trash:before {
  content: "\e941"; }

.icon_32_new_text_file:before {
  content: "\e947"; }

.icon_32_rename:before {
  content: "\e990"; }

.icon_64_documentation:before {
  content: "\e94f"; }

.icon_64_intervention:before {
  content: "\e950"; }

.icon_64_incident:before {
  content: "\e951"; }

.icon_64_document-publishing:before {
  content: "\e952"; }

.icon_64_support-request:before {
  content: "\e953"; }

.icon_64_machines-warranty:before {
  content: "\e954"; }

.icon_64_smartpart:before,
.icon_24_smartpart {
  content: "\e9ec"; }

.icon_24_id-number:before {
  content: "\e959"; }

.icon_24_company:before {
  content: "\e95a"; }

.icon_24_translate:before {
  content: "\e960"; }

.icon_32_translate:before {
  content: "\e963"; }

.icon_24_language:before {
  content: "\e95b"; }

.guideline-dont:after,
.icon_24_forbidden:before {
  content: "\e965"; }

.icon_24_pointer:before {
  content: "\e966"; }

.icon_32_back-to-library:before {
  content: "\e967"; }

.icon_24_padlock:before {
  content: "\e968"; }

.icon_24_users:before {
  content: "\e969"; }

.icon_24_attachment:before {
  content: "\e96a"; }

.icon_64_annual-review:before {
  content: "\e96b"; }

.icon_64_purchase-request:before {
  content: "\e96c"; }

.icon_64_expenses:before {
  content: "\e96d"; }

.icon_64_professional-situation-change:before {
  content: "\e96e"; }

.icon_64_recruitment-request:before {
  content: "\e96f"; }

.icon_64_hr-request:before {
  content: "\e970"; }

.icon_64_holiday:before {
  content: "\e971"; }

.icon_64_quality-audit:before {
  content: "\e972"; }

.icon_64_quality-actions:before {
  content: "\e973"; }

.icon_64_quality-non-compliances:before {
  content: "\e974"; }

.icon_64_new-employee:before {
  content: "\e975"; }

.icon_64_quality-publish:before {
  content: "\e976"; }

.icon_64_subscription-request:before {
  content: "\e977"; }

.icon_64_professional-review:before {
  content: "\e978"; }

.icon_64_it-request:before {
  content: "\e979"; }

.icon_64_work-stoppage:before {
  content: "\e97a"; }

.icon_64_document-request:before {
  content: "\e97b"; }

.icon_64_training-request:before {
  content: "\e97c"; }

.icon_64_review-request:before {
  content: "\e97d"; }

.icon_64_review:before {
  content: "\e97e"; }

.icon_64_safe-deposit:before {
  content: "\e97f"; }

.icon_64_personal-file:before {
  content: "\e980"; }

.icon_64_personal-folder:before {
  content: "\e981"; }

.icon_64_training-workshop:before {
  content: "\e982"; }

.icon_64_edm:before {
  content: "\e983"; }

.icon_24_publish-online:before {
  content: "\e986"; }

.icon_12_visible:before {
  content: "\e987"; }

.icon_24_quotations:before {
  content: "\e989"; }

.icon_64_hr-proofs:before {
  content: "\e98a"; }

.icon_64_departure:before {
  content: "\e98b"; }

.icon_64_personal-situation-change:before {
  content: "\e98c"; }

.icon_32_all-companies:before {
  content: "\e98d"; }

.icon_32_customers:before {
  content: "\e98d"; }

.icon_24_security:before {
  content: "\e98e"; }

.icon_24_import:before {
  content: "\e98f"; }

.icon_24_pen:before {
  content: "\ea4d"; }

.icon_24_export:before {
  content: "\ea4e"; }

.icon_64_3d-view:before {
  content: "\e991"; }

.icon_64_task-management:before {
  content: "\e992"; }

.icon_64_activity-report-request:before {
  content: "\e993"; }

.icon_64_activity-report:before {
  content: "\e994"; }

.icon_64_settings:before {
  content: "\e995"; }

.icon_64_news-publishing:before {
  content: "\e996"; }

.icon_64_catalog:before {
  content: "\e997"; }

.icon_64_calendar:before {
  content: "\e998"; }

.icon_64_parcel:before {
  content: "\e999"; }

.icon_64_credit-card:before {
  content: "\e99a"; }

.icon_64_invoice:before {
  content: "\e99b"; }

.icon_24_calculator:before {
  content: "\e99c"; }

.icon_32_calculator:before {
  content: "\e99d";
  transform: rotate(0.03deg); }

.icon_64_steps:before {
  content: "\e99e"; }

.icon_64_projects:before {
  content: "\e99f"; }

.icon_24_machine-thumb:before {
  content: "\e9a0"; }

.icon_24_publish-major:before {
  content: "\e9a1"; }

.icon_24_publish-minor:before {
  content: "\e9a2"; }

.icon_24_extract-lock:before {
  content: "\e9a3"; }

.icon_24_publish:before {
  content: "\e9a4"; }

.icon_24_snapshot-minor:before {
  content: "\e9a5"; }

.icon_24_snapshot-major:before {
  content: "\e9a6"; }

.icon_24_thumb:before {
  content: "\e9a7"; }

.icon_24_machine-board:before {
  content: "\e9a8"; }

.icon_24_pin:before {
  content: "\e9a9"; }

.icon_24_gear:before {
  content: "\e9aa"; }

.icon_24_copy-link:before {
  content: "\e9ab"; }

.icon_24_unlock:before {
  content: "\e9ac"; }

.icon_64_quality:before {
  content: "\e9ad"; }

.icon_32_answer:before {
  content: "\e9ae"; }

.icon_32_question:before {
  content: "\e9af"; }

.icon_32_comment:before {
  content: "\e9b0"; }

.icon_32_tutorial:before {
  content: "\e9b1"; }

.icon_32_points:before {
  content: "\e9b2"; }

.icon_32_medal:before {
  content: "\e9b3"; }

.icon_24_unfollow:before {
  content: "\e9b4"; }

.icon_24_follow:before {
  content: "\e9b5"; }

.icon_24_submit-and-copy:before {
  content: "\e9b6"; }

.icon_24_follow-settings:before {
  content: "\e9b7"; }

.icon_24_tab:before {
  content: "\e9b8"; }

.icon_64_idea-proposal:before {
  content: "\e9b9"; }

.icon_64_app-proposal:before {
  content: "\e9ba"; }

.icon_64_apps-in-progress:before {
  content: "\e9bb"; }

.icon_24_ticket:before {
  content: "\e9bc"; }

.icon_64_information:before {
  content: "\e9bd"; }

.icon_64_idea-discussion:before {
  content: "\e9be"; }

.icon_24_vote:before {
  content: "\e9bf"; }

.icon_24_admin:before {
  content: "\e9c0"; }

.icon_24_download:before {
  content: "\e9c1"; }

.icon_24_video-chat:before {
  content: "\e9c2"; }

.icon_24_add-member:before {
  content: "\e9c3"; }

.icon_24_expanded-layout:before {
  content: "\e9c4"; }

.icon_24_dense-layout:before {
  content: "\e9c5"; }

.icon_64_mission-rgpd:before {
  content: "\e9c6"; }

.icon_64_gdpr-processing:before {
  content: "\e9c7"; }

.icon_32_one-to-one:before {
  content: "\e9c8"; }

.icon_24_invite-member:before {
  content: "\e9c9"; }

.icon_32_add:before {
  content: "\e9ca"; }

.icon_32_add-message-boards:before {
  content: "\e9cb"; }

.icon_32_add-one-to-one:before {
  content: "\e9cc"; }

.icon_24_comment:before {
  content: "\e9cd"; }

.icon_24_smiley:before {
  content: "\e9ce"; }

.icon_24_upload:before {
  content: "\e9cf"; }

.icon_24_faq:before {
  content: "\e9d0"; }

.icon_24_smiley-laughing:before {
  content: "\e9d1"; }

.icon_64_faq:before {
  content: "\e9d2"; }

.icon_24_link:before {
  content: "\e9d3"; }

.icon_24_play:before {
  content: "\e9d4"; }

.icon_64_checklist:before {
  content: "\e9d5"; }

.icon_64_document-viewer:before {
  content: "\e9d6"; }

.icon_24_return:before {
  content: "\e9d7"; }

.icon_24_attachment-from-erp:before {
  content: "\e9d8"; }

.icon_24_note:before {
  content: "\e9d9"; }

.icon_24_transfer-ownership:before {
  content: "\e9da"; }

.icon_24_enter:before {
  content: "\e9db"; }

.icon_24_exit:before {
  content: "\e9dc"; }

.icon_24_archive-extract:before {
  content: "\e9dd"; }

.icon_24_archive:before {
  content: "\e9de"; }

.icon_24_tutorial:before {
  content: "\e9df"; }

.icon_64_signature:before {
  content: "\e9e0"; }

.icon_24_planning:before {
  content: "\e9e1"; }

.icon_24_text:before {
  content: "\e9e2"; }

.icon_24_animation:before {
  content: "\e9e3"; }

.icon_24_planning-team:before {
  content: "\e9e4"; }

.icon_24_count:before {
  content: "\e9e5"; }

.icon_24_process-single:before {
  content: "\e9e6"; }

.icon_24_process-step:before {
  content: "\e9e7"; }

.icon_24_process-version:before {
  content: "\e9e8"; }

.icon_24_apps:before {
  content: "\e9e9"; }

.icon_24_process-group:before {
  content: "\e9ea"; }

.icon_64_quality-process:before {
  content: "\e9eb"; }

.icon_64_smartpart:before {
  content: "\e9ec"; }

.icon_64_supplier-service-portal:before {
  content: "\e9ed"; }

.icon_64_team:before {
  content: "\e9ee"; }

.icon_64_tech-center:before {
  content: "\e9ef"; }

.icon_64_btob-commerce:before {
  content: "\e9f0"; }

.icon_64_chemical-safety-assessment:before {
  content: "\e9f1"; }

.icon_64_customer-service-portal:before {
  content: "\e9f2"; }

.icon_64_e-marketing:before {
  content: "\e9f3"; }

.icon_64_employee-annual-performance-review:before {
  content: "\e9f4"; }

.icon_64_employee-engagement:before {
  content: "\e9f5"; }

.icon_64_employee-internal-request:before {
  content: "\e9f6"; }

.icon_64_employee-position-management:before {
  content: "\e9f7"; }

.icon_64_equipment-maintenance-management:before {
  content: "\e9f8"; }

.icon_64_equipment-monitoring:before {
  content: "\e9f9"; }

.icon_64_health-and-security:before {
  content: "\e9fa"; }

.icon_64_iot:before {
  content: "\e9fb"; }

.icon_64_live:before {
  content: "\e9fc"; }

.icon_64_manufacturing-document:before {
  content: "\e9fd"; }

.icon_64_mycadtools:before {
  content: "\e9fe"; }

.icon_64_mypdmtools:before {
  content: "\e9ff"; }

.icon_64_painfulness-at-work:before {
  content: "\ea00"; }

.icon_64_pdmgateway:before {
  content: "\ea01"; }

.icon_64_risk-assessment:before {
  content: "\ea02"; }

.icon_64_smartdesign:before {
  content: "\ea03"; }

.icon_64_activity:before {
  content: "\ea04"; }

.icon_64_asset-management:before {
  content: "\ea05"; }

.icon_64_community:before {
  content: "\ea06"; }

.icon_64_complaint:before {
  content: "\ea07"; }

.icon_64_corporate-services:before {
  content: "\ea08"; }

.icon_64_customer-incident:before {
  content: "\ea09"; }

.icon_64_customer-quote:before {
  content: "\ea0a"; }

.icon_64_customer-support:before {
  content: "\ea0b"; }

.icon_64_customer-warranty:before {
  content: "\ea0c"; }

.icon_64_document:before {
  content: "\ea0d"; }

.icon_64_drive:before {
  content: "\ea0e"; }

.icon_64_employee-center:before {
  content: "\ea0f"; }

.icon_64_facilities-management:before {
  content: "\ea10"; }

.icon_64_my3dplayer:before {
  content: "\ea11"; }

.icon_64_numsend:before {
  content: "\ea12"; }

.icon_64_property-management:before {
  content: "\ea13"; }

.icon_64_quality-document:before {
  content: "\ea14"; }

.icon_24_wrench:before {
  content: "\ea15"; }

.icon_24_signature:before {
  content: "\ea16"; }

.icon_24_smiley-sad:before {
  content: "\ea17"; }

.icon_24_smiley-lukewarm:before {
  content: "\ea18"; }

.icon_48_smiley-sad:before {
  content: "\ea19"; }

.icon_48_smiley:before {
  content: "\ea1a"; }

.icon_48_smiley-laughing:before {
  content: "\ea1b"; }

.icon_48_smiley-lukewarm:before {
  content: "\ea1c"; }

.icon_64_statistics:before {
  content: "\ea1d"; }

.icon_24_information:before {
  content: "\ea1e"; }

.icon_24_share-screen:before {
  content: "\ea1f"; }

.icon_24_tip:before {
  content: "\ea20"; }

.icon_24_microphone:before {
  content: "\ea21"; }

.icon_24_picture-quality:before {
  content: "\ea22"; }

.icon_24_subtitles:before {
  content: "\ea23"; }

.icon_24_video-camera:before {
  content: "\ea24"; }

.icon_24_main-view:before {
  content: "\ea25"; }

.icon_24_raising-hand:before {
  content: "\ea26"; }

.icon_24_record:before {
  content: "\ea27"; }

.icon_24_hamburger:before {
  content: "\ea28"; }

.icon_24_synchronize:before {
  content: "\ea29"; }

.icon_24_tag-search:before {
  content: "\ea2a"; }

.icon_24_tags:before {
  content: "\ea2b"; }

.icon_24_live:before {
  content: "\ea37"; }

.icon_24_arrow-ascending:before {
  content: "\ea36"; }

.icon_24_calendar-update:before {
  content: "\ea35"; }

.icon_24_check-rounded:before {
  content: "\ea34"; }

.icon_24_move:before {
  content: "\ea2c"; }

.icon_24_ruler:before {
  content: "\ea2d"; }

.icon_24_interact:before {
  content: "\ea2e"; }

.icon_24_edges:before {
  content: "\ea2f"; }

.icon_24_camera:before {
  content: "\ea30"; }

.icon_64_route:before {
  content: "\ea31"; }

.icon_64_wrench:before {
  content: "\ea32"; }

.icon_24_app-menu:before {
  content: "\ea33"; }

.icon_24_hamburger:before {
  content: "\ea28"; }

.icon_24_synchronize:before {
  content: "\ea29"; }

.icon_24_key:before {
  content: "\ea38"; }

/*icomoon utlimate*/
@font-face {
  font-family: "icomoon-ultimate";
  src: url("../iso_icons/stdBs4_icomoon-ultimate.eot?c8ufyn");
  src: url("../iso_icons/stdBs4_icomoon-ultimate.eot?c8ufyn#iefix") format("embedded-opentype"), url("../iso_icons/stdBs4_icomoon-ultimate.ttf?c8ufyn") format("truetype"), url("../iso_icons/stdBs4_icomoon-ultimate.woff?c8ufyn") format("woff"), url("../iso_icons/stdBs4_icomoon-ultimate.svg?c8ufyn#icomoon-ultimate") format("svg"); }

[class^="icon-"]:not(.icon-asset),
[class*=" icon-"]:not(.icon-asset), .icomoon-ultimate {
  /* use  to prevent issues with browser extensions that change fonts */
  font-family: "icomoon-ultimate" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-home:before {
  content: "\e000"; }

.icon-home2:before {
  content: "\e001"; }

.icon-home3:before {
  content: "\e002"; }

.icon-home4:before {
  content: "\e003"; }

.icon-home5:before {
  content: "\e004"; }

.icon-home6:before {
  content: "\e005"; }

.icon-home7:before {
  content: "\e006"; }

.icon-home8:before {
  content: "\e007"; }

.icon-home9:before {
  content: "\e008"; }

.icon-home10:before {
  content: "\e009"; }

.icon-home11:before {
  content: "\e00a"; }

.icon-office:before {
  content: "\e00b"; }

.icon-newspaper:before {
  content: "\e00c"; }

.icon-pencil:before {
  content: "\e00d"; }

.icon-pencil2:before {
  content: "\e00e"; }

.icon-pencil3:before {
  content: "\e00f"; }

.icon-pencil4:before {
  content: "\e010"; }

.icon-pencil5:before {
  content: "\e011"; }

.icon-pencil6:before {
  content: "\e012"; }

.icon-quill:before {
  content: "\e013"; }

.icon-quill2:before {
  content: "\e014"; }

.icon-quill3:before {
  content: "\e015"; }

.icon-pen:before {
  content: "\e016"; }

.icon-pen2:before {
  content: "\e017"; }

.icon-pen3:before {
  content: "\e018"; }

.icon-pen4:before {
  content: "\e019"; }

.icon-pen5:before {
  content: "\e01a"; }

.icon-marker:before {
  content: "\e01b"; }

.icon-home12:before {
  content: "\e01c"; }

.icon-marker2:before {
  content: "\e01d"; }

.icon-blog:before {
  content: "\e01e"; }

.icon-blog2:before {
  content: "\e01f"; }

.icon-brush:before {
  content: "\e020"; }

.icon-palette:before {
  content: "\e021"; }

.icon-palette2:before {
  content: "\e022"; }

.icon-eyedropper:before {
  content: "\e023"; }

.icon-eyedropper2:before {
  content: "\e024"; }

.icon-droplet:before {
  content: "\e025"; }

.icon-droplet2:before {
  content: "\e026"; }

.icon-droplet3:before {
  content: "\e027"; }

.icon-droplet4:before {
  content: "\e028"; }

.icon-paint-format:before {
  content: "\e029"; }

.icon-paint-format2:before {
  content: "\e02a"; }

.icon-image:before {
  content: "\e02b"; }

.icon-image2:before {
  content: "\e02c"; }

.icon-image3:before {
  content: "\e02d"; }

.icon-images:before {
  content: "\e02e"; }

.icon-image4:before {
  content: "\e02f"; }

.icon-image5:before {
  content: "\e030"; }

.icon-image6:before {
  content: "\e031"; }

.icon-images2:before {
  content: "\e032"; }

.icon-image7:before {
  content: "\e033"; }

.icon-camera:before {
  content: "\e034"; }

.icon-camera2:before {
  content: "\e035"; }

.icon-camera3:before {
  content: "\e036"; }

.icon-camera4:before {
  content: "\e037"; }

.icon-music:before {
  content: "\e038"; }

.icon-music2:before {
  content: "\e039"; }

.icon-music3:before {
  content: "\e03a"; }

.icon-music4:before {
  content: "\e03b"; }

.icon-music5:before {
  content: "\e03c"; }

.icon-music6:before {
  content: "\e03d"; }

.icon-piano:before {
  content: "\e03e"; }

.icon-guitar:before {
  content: "\e03f"; }

.icon-headphones:before {
  content: "\e040"; }

.icon-headphones2:before {
  content: "\e041"; }

.icon-play:before {
  content: "\e042"; }

.icon-play2:before {
  content: "\e043"; }

.icon-movie:before {
  content: "\e044"; }

.icon-movie2:before {
  content: "\e045"; }

.icon-movie3:before {
  content: "\e046"; }

.icon-film:before {
  content: "\e047"; }

.icon-film2:before {
  content: "\e048"; }

.icon-film3:before {
  content: "\e049"; }

.icon-film4:before {
  content: "\e04a"; }

.icon-camera5:before {
  content: "\e04b"; }

.icon-camera6:before {
  content: "\e04c"; }

.icon-camera7:before {
  content: "\e04d"; }

.icon-camera8:before {
  content: "\e04e"; }

.icon-camera9:before {
  content: "\e04f"; }

.icon-dice:before {
  content: "\e050"; }

.icon-gamepad:before {
  content: "\e051"; }

.icon-gamepad2:before {
  content: "\e052"; }

.icon-gamepad3:before {
  content: "\e053"; }

.icon-pacman:before {
  content: "\e054"; }

.icon-spades:before {
  content: "\e055"; }

.icon-clubs:before {
  content: "\e056"; }

.icon-diamonds:before {
  content: "\e057"; }

.icon-king:before {
  content: "\e058"; }

.icon-queen:before {
  content: "\e059"; }

.icon-rock:before {
  content: "\e05a"; }

.icon-bishop:before {
  content: "\e05b"; }

.icon-knight:before {
  content: "\e05c"; }

.icon-pawn:before {
  content: "\e05d"; }

.icon-chess:before {
  content: "\e05e"; }

.icon-bullhorn:before {
  content: "\e05f"; }

.icon-megaphone:before {
  content: "\e060"; }

.icon-new:before {
  content: "\e061"; }

.icon-connection:before {
  content: "\e062"; }

.icon-connection2:before {
  content: "\e063"; }

.icon-podcast:before {
  content: "\e064"; }

.icon-radio:before {
  content: "\e065"; }

.icon-feed:before {
  content: "\e066"; }

.icon-connection3:before {
  content: "\e067"; }

.icon-radio2:before {
  content: "\e068"; }

.icon-podcast2:before {
  content: "\e069"; }

.icon-podcast3:before {
  content: "\e06a"; }

.icon-mic:before {
  content: "\e06b"; }

.icon-mic2:before {
  content: "\e06c"; }

.icon-mic3:before {
  content: "\e06d"; }

.icon-mic4:before {
  content: "\e06e"; }

.icon-mic5:before {
  content: "\e06f"; }

.icon-book:before {
  content: "\e070"; }

.icon-book2:before {
  content: "\e071"; }

.icon-books:before {
  content: "\e072"; }

.icon-reading:before {
  content: "\e073"; }

.icon-library:before {
  content: "\e074"; }

.icon-library2:before {
  content: "\e075"; }

.icon-graduation:before {
  content: "\e076"; }

.icon-file:before {
  content: "\e077"; }

.icon-profile:before {
  content: "\e078"; }

.icon-file2:before {
  content: "\e079"; }

.icon-file3:before {
  content: "\e07a"; }

.icon-file4:before {
  content: "\e07b"; }

.icon-file5:before {
  content: "\e07c"; }

.icon-file6:before {
  content: "\e07d"; }

.icon-files:before {
  content: "\e07e"; }

.icon-file-plus:before {
  content: "\e07f"; }

.icon-file-minus:before {
  content: "\e080"; }

.icon-file-download:before {
  content: "\e081"; }

.icon-file-upload:before {
  content: "\e082"; }

.icon-file-check:before {
  content: "\e083"; }

.icon-file-remove:before {
  content: "\e084"; }

.icon-file7:before {
  content: "\e085"; }

.icon-file8:before {
  content: "\e086"; }

.icon-file-plus2:before {
  content: "\e087"; }

.icon-file-minus2:before {
  content: "\e088"; }

.icon-file-download2:before {
  content: "\e089"; }

.icon-file-upload2:before {
  content: "\e08a"; }

.icon-file-check2:before {
  content: "\e08b"; }

.icon-file-remove2:before {
  content: "\e08c"; }

.icon-file9:before {
  content: "\e08d"; }

.icon-copy:before {
  content: "\e08e"; }

.icon-copy2:before {
  content: "\e08f"; }

.icon-copy3:before {
  content: "\e090"; }

.icon-copy4:before {
  content: "\e091"; }

.icon-paste:before {
  content: "\e092"; }

.icon-paste2:before {
  content: "\e093"; }

.icon-paste3:before {
  content: "\e094"; }

.icon-stack:before {
  content: "\e095"; }

.icon-stack2:before {
  content: "\e096"; }

.icon-stack3:before {
  content: "\e097"; }

.icon-folder:before {
  content: "\e098"; }

.icon-folder-download:before {
  content: "\e099"; }

.icon-folder-upload:before {
  content: "\e09a"; }

.icon-folder-plus:before {
  content: "\e09b"; }

.icon-folder-plus2:before {
  content: "\e09c"; }

.icon-folder-minus:before {
  content: "\e09d"; }

.icon-folder-minus2:before {
  content: "\e09e"; }

.icon-folder8:before {
  content: "\e09f"; }

.icon-folder-remove:before {
  content: "\e0a0"; }

.icon-folder2:before {
  content: "\e0a1"; }

.icon-folder-open:before {
  content: "\e0a2"; }

.icon-folder3:before {
  content: "\e0a3"; }

.icon-folder4:before {
  content: "\e0a4"; }

.icon-folder-plus3:before {
  content: "\e0a5"; }

.icon-folder-minus3:before {
  content: "\e0a6"; }

.icon-folder-plus4:before {
  content: "\e0a7"; }

.icon-folder-remove2:before {
  content: "\e0a8"; }

.icon-folder-download2:before {
  content: "\e0a9"; }

.icon-folder-upload2:before {
  content: "\e0aa"; }

.icon-folder-download3:before {
  content: "\e0ab"; }

.icon-folder-upload3:before {
  content: "\e0ac"; }

.icon-folder5:before {
  content: "\e0ad"; }

.icon-folder-open2:before {
  content: "\e0ae"; }

.icon-folder6:before {
  content: "\e0af"; }

.icon-folder-open3:before {
  content: "\e0b0"; }

.icon-certificate:before {
  content: "\e0b1"; }

.icon-cc:before {
  content: "\e0b2"; }

.icon-tag:before {
  content: "\e0b3"; }

.icon-tag2:before {
  content: "\e0b4"; }

.icon-tag3:before {
  content: "\e0b5"; }

.icon-tag4:before {
  content: "\e0b6"; }

.icon-tag5:before {
  content: "\e0b7"; }

.icon-tag6:before {
  content: "\e0b8"; }

.icon-tag7:before {
  content: "\e0b9"; }

.icon-tags:before {
  content: "\e0ba"; }

.icon-tags2:before {
  content: "\e0bb"; }

.icon-tag8:before {
  content: "\e0bc"; }

.icon-barcode:before {
  content: "\e0bd"; }

.icon-barcode2:before {
  content: "\e0be"; }

.icon-qrcode:before {
  content: "\e0bf"; }

.icon-ticket:before {
  content: "\e0c0"; }

.icon-cart:before {
  content: "\e0c1"; }

.icon-cart2:before {
  content: "\e0c2"; }

.icon-cart3:before {
  content: "\e0c3"; }

.icon-cart4:before {
  content: "\e0c4"; }

.icon-cart5:before {
  content: "\e0c5"; }

.icon-cart6:before {
  content: "\e0c6"; }

.icon-cart7:before {
  content: "\e0c7"; }

.icon-cart-plus:before {
  content: "\e0c8"; }

.icon-cart-minus:before {
  content: "\e0c9"; }

.icon-cart-add:before {
  content: "\e0ca"; }

.icon-cart-remove:before {
  content: "\e0cb"; }

.icon-cart-checkout:before {
  content: "\e0cc"; }

.icon-cart-remove2:before {
  content: "\e0cd"; }

.icon-basket:before {
  content: "\e0ce"; }

.icon-basket2:before {
  content: "\e0cf"; }

.icon-bag:before {
  content: "\e0d0"; }

.icon-bag2:before {
  content: "\e0d1"; }

.icon-bag3:before {
  content: "\e0d2"; }

.icon-coin:before {
  content: "\e0d3"; }

.icon-coins:before {
  content: "\e0d4"; }

.icon-credit:before {
  content: "\e0d5"; }

.icon-credit2:before {
  content: "\e0d6"; }

.icon-calculate:before {
  content: "\e0d7"; }

.icon-calculate2:before {
  content: "\e0d8"; }

.icon-support:before {
  content: "\e0d9"; }

.icon-phone:before {
  content: "\e0da"; }

.icon-phone2:before {
  content: "\e0db"; }

.icon-phone3:before {
  content: "\e0dc"; }

.icon-phone4:before {
  content: "\e0dd"; }

.icon-contact-add:before {
  content: "\e0de"; }

.icon-contact-remove:before {
  content: "\e0df"; }

.icon-contact-add2:before {
  content: "\e0e0"; }

.icon-contact-remove2:before {
  content: "\e0e1"; }

.icon-call-incoming:before {
  content: "\e0e2"; }

.icon-call-outgoing:before {
  content: "\e0e3"; }

.icon-phone5:before {
  content: "\e0e4"; }

.icon-phone6:before {
  content: "\e0e5"; }

.icon-phone-hang-up:before {
  content: "\e0e6"; }

.icon-phone-hang-up2:before {
  content: "\e0e7"; }

.icon-address-book:before {
  content: "\e0e8"; }

.icon-address-book2:before {
  content: "\e0e9"; }

.icon-notebook:before {
  content: "\e0ea"; }

.icon-envelope:before {
  content: "\e0eb"; }

.icon-envelope2:before {
  content: "\e0ec"; }

.icon-mail-send:before {
  content: "\e0ed"; }

.icon-envelope-opened:before {
  content: "\e0ee"; }

.icon-envelope3:before {
  content: "\e0ef"; }

.icon-pushpin:before {
  content: "\e0f0"; }

.icon-location:before {
  content: "\e0f1"; }

.icon-location2:before {
  content: "\e0f2"; }

.icon-location3:before {
  content: "\e0f3"; }

.icon-location4:before {
  content: "\e0f4"; }

.icon-location5:before {
  content: "\e0f5"; }

.icon-location6:before {
  content: "\e0f6"; }

.icon-location7:before {
  content: "\e0f7"; }

.icon-compass:before {
  content: "\e0f8"; }

.icon-compass2:before {
  content: "\e0f9"; }

.icon-map:before {
  content: "\e0fa"; }

.icon-map2:before {
  content: "\e0fb"; }

.icon-map3:before {
  content: "\e0fc"; }

.icon-map4:before {
  content: "\e0fd"; }

.icon-direction:before {
  content: "\e0fe"; }

.icon-history:before {
  content: "\e0ff"; }

.icon-history2:before {
  content: "\e100"; }

.icon-clock:before {
  content: "\e101"; }

.icon-clock2:before {
  content: "\e102"; }

.icon-clock3:before {
  content: "\e103"; }

.icon-clock4:before {
  content: "\e104"; }

.icon-watch:before {
  content: "\e105"; }

.icon-clock5:before {
  content: "\e106"; }

.icon-clock6:before {
  content: "\e107"; }

.icon-clock7:before {
  content: "\e108"; }

.icon-alarm:before {
  content: "\e109"; }

.icon-alarm2:before {
  content: "\e10a"; }

.icon-bell:before {
  content: "\e10b"; }

.icon-bell2:before {
  content: "\e10c"; }

.icon-alarm-plus:before {
  content: "\e10d"; }

.icon-alarm-minus:before {
  content: "\e10e"; }

.icon-alarm-check:before {
  content: "\e10f"; }

.icon-alarm-cancel:before {
  content: "\e110"; }

.icon-stopwatch:before {
  content: "\e111"; }

.icon-calendar:before {
  content: "\e112"; }

.icon-calendar2:before {
  content: "\e113"; }

.icon-calendar3:before {
  content: "\e114"; }

.icon-calendar4:before {
  content: "\e115"; }

.icon-calendar5:before {
  content: "\e116"; }

.icon-print:before {
  content: "\e117"; }

.icon-print2:before {
  content: "\e118"; }

.icon-print3:before {
  content: "\e119"; }

.icon-mouse:before {
  content: "\e11a"; }

.icon-mouse2:before {
  content: "\e11b"; }

.icon-mouse3:before {
  content: "\e11c"; }

.icon-mouse4:before {
  content: "\e11d"; }

.icon-keyboard:before {
  content: "\e11e"; }

.icon-keyboard2:before {
  content: "\e11f"; }

.icon-screen:before {
  content: "\e120"; }

.icon-screen2:before {
  content: "\e121"; }

.icon-screen3:before {
  content: "\e122"; }

.icon-screen4:before {
  content: "\e123"; }

.icon-laptop:before {
  content: "\e124"; }

.icon-mobile:before {
  content: "\e125"; }

.icon-mobile2:before {
  content: "\e126"; }

.icon-tablet:before {
  content: "\e127"; }

.icon-mobile3:before {
  content: "\e128"; }

.icon-tv:before {
  content: "\e129"; }

.icon-cabinet:before {
  content: "\e12a"; }

.icon-archive:before {
  content: "\e12b"; }

.icon-drawer:before {
  content: "\e12c"; }

.icon-drawer2:before {
  content: "\e12d"; }

.icon-drawer3:before {
  content: "\e12e"; }

.icon-box:before {
  content: "\e12f"; }

.icon-box-add:before {
  content: "\e130"; }

.icon-box-remove:before {
  content: "\e131"; }

.icon-download:before {
  content: "\e132"; }

.icon-upload:before {
  content: "\e133"; }

.icon-disk:before {
  content: "\e134"; }

.icon-cd:before {
  content: "\e135"; }

.icon-storage:before {
  content: "\e136"; }

.icon-storage2:before {
  content: "\e137"; }

.icon-database:before {
  content: "\e138"; }

.icon-database2:before {
  content: "\e139"; }

.icon-database3:before {
  content: "\e13a"; }

.icon-undo:before {
  content: "\e13b"; }

.icon-redo:before {
  content: "\e13c"; }

.icon-rotate:before {
  content: "\e13d"; }

.icon-rotate2:before {
  content: "\e13e"; }

.icon-flip:before {
  content: "\e13f"; }

.icon-flip2:before {
  content: "\e140"; }

.icon-unite:before {
  content: "\e141"; }

.icon-subtract:before {
  content: "\e142"; }

.icon-interset:before {
  content: "\e143"; }

.icon-exclude:before {
  content: "\e144"; }

.icon-align-left:before {
  content: "\e145"; }

.icon-align-center-horizontal:before {
  content: "\e146"; }

.icon-align-right:before {
  content: "\e147"; }

.icon-align-top:before {
  content: "\e148"; }

.icon-align-center-vertical:before {
  content: "\e149"; }

.icon-align-bottom:before {
  content: "\e14a"; }

.icon-undo2:before {
  content: "\e14b"; }

.icon-redo2:before {
  content: "\e14c"; }

.icon-forward:before {
  content: "\e14d"; }

.icon-reply:before {
  content: "\e14e"; }

.icon-reply2:before {
  content: "\e14f"; }

.icon-bubble:before {
  content: "\e150"; }

.icon-bubbles:before {
  content: "\e151"; }

.icon-bubbles2:before {
  content: "\e152"; }

.icon-bubble2:before {
  content: "\e153"; }

.icon-bubbles3:before {
  content: "\e154"; }

.icon-bubbles4:before {
  content: "\e155"; }

.icon-bubble-notification:before {
  content: "\e156"; }

.icon-bubbles5:before {
  content: "\e157"; }

.icon-bubbles6:before {
  content: "\e158"; }

.icon-bubble3:before {
  content: "\e159"; }

.icon-bubble-dots:before {
  content: "\e15a"; }

.icon-bubble4:before {
  content: "\e15b"; }

.icon-bubble5:before {
  content: "\e15c"; }

.icon-bubble-dots2:before {
  content: "\e15d"; }

.icon-bubble6:before {
  content: "\e15e"; }

.icon-bubble7:before {
  content: "\e15f"; }

.icon-bubble8:before {
  content: "\e160"; }

.icon-bubbles7:before {
  content: "\e161"; }

.icon-bubble9:before {
  content: "\e162"; }

.icon-bubbles8:before {
  content: "\e163"; }

.icon-bubble10:before {
  content: "\e164"; }

.icon-bubble-dots3:before {
  content: "\e165"; }

.icon-bubble11:before {
  content: "\e166"; }

.icon-bubble12:before {
  content: "\e167"; }

.icon-bubble-dots4:before {
  content: "\e168"; }

.icon-bubble13:before {
  content: "\e169"; }

.icon-bubbles9:before {
  content: "\e16a"; }

.icon-bubbles10:before {
  content: "\e16b"; }

.icon-bubble-blocked:before {
  content: "\e16c"; }

.icon-bubble-quote:before {
  content: "\e16d"; }

.icon-bubble-user:before {
  content: "\e16e"; }

.icon-bubble-check:before {
  content: "\e16f"; }

.icon-bubble-video-chat:before {
  content: "\e170"; }

.icon-bubble-link:before {
  content: "\e171"; }

.icon-bubble-locked:before {
  content: "\e172"; }

.icon-bubble-star:before {
  content: "\e173"; }

.icon-bubble-heart:before {
  content: "\e174"; }

.icon-bubble-paperclip:before {
  content: "\e175"; }

.icon-bubble-cancel:before {
  content: "\e176"; }

.icon-bubble-plus:before {
  content: "\e177"; }

.icon-bubble-minus:before {
  content: "\e178"; }

.icon-bubble-notification2:before {
  content: "\e179"; }

.icon-bubble-trash:before {
  content: "\e17a"; }

.icon-bubble-left:before {
  content: "\e17b"; }

.icon-bubble-right:before {
  content: "\e17c"; }

.icon-bubble-up:before {
  content: "\e17d"; }

.icon-bubble-down:before {
  content: "\e17e"; }

.icon-bubble-first:before {
  content: "\e17f"; }

.icon-bubble-last:before {
  content: "\e180"; }

.icon-bubble-replu:before {
  content: "\e181"; }

.icon-bubble-forward:before {
  content: "\e182"; }

.icon-bubble-reply:before {
  content: "\e183"; }

.icon-bubble-forward2:before {
  content: "\e184"; }

.icon-user:before {
  content: "\e185"; }

.icon-users:before {
  content: "\e186"; }

.icon-user-plus:before {
  content: "\e187"; }

.icon-user-plus2:before {
  content: "\e188"; }

.icon-user-minus:before {
  content: "\e189"; }

.icon-user-minus2:before {
  content: "\e18a"; }

.icon-user-cancel:before {
  content: "\e18b"; }

.icon-user-block:before {
  content: "\e18c"; }

.icon-users2:before {
  content: "\e18d"; }

.icon-user2:before {
  content: "\e18e"; }

.icon-users3:before {
  content: "\e18f"; }

.icon-user-plus3:before {
  content: "\e190"; }

.icon-user-minus3:before {
  content: "\e191"; }

.icon-user-cancel2:before {
  content: "\e192"; }

.icon-user-block2:before {
  content: "\e193"; }

.icon-user3:before {
  content: "\e194"; }

.icon-user4:before {
  content: "\e195"; }

.icon-user5:before {
  content: "\e196"; }

.icon-user6:before {
  content: "\e197"; }

.icon-users4:before {
  content: "\e198"; }

.icon-user7:before {
  content: "\e199"; }

.icon-user8:before {
  content: "\e19a"; }

.icon-users5:before {
  content: "\e19b"; }

.icon-vcard:before {
  content: "\e19c"; }

.icon-tshirt:before {
  content: "\e19d"; }

.icon-hanger:before {
  content: "\e19e"; }

.icon-quotes-left:before {
  content: "\e19f"; }

.icon-quotes-right:before {
  content: "\e1a0"; }

.icon-quotes-right2:before {
  content: "\e1a1"; }

.icon-quotes-right3:before {
  content: "\e1a2"; }

.icon-busy:before {
  content: "\e1a3"; }

.icon-busy2:before {
  content: "\e1a4"; }

.icon-busy3:before {
  content: "\e1a5"; }

.icon-busy4:before {
  content: "\e1a6"; }

.icon-adjust-huener:before {
  content: "\e1a7"; }

.icon-adjust-huener2:before {
  content: "\e1a8"; }

.icon-adjust-huener3:before {
  content: "\e1a9"; }

.icon-adjust-huener4:before {
  content: "\e1aa"; }

.icon-adjust-huener5:before {
  content: "\e1ab"; }

.icon-adjust-huener6:before {
  content: "\e1ac"; }

.icon-adjust-huener7:before {
  content: "\e1ad"; }

.icon-adjust-huener8:before {
  content: "\e1ae"; }

.icon-adjust-huener9:before {
  content: "\e1af"; }

.icon-adjust-huener10:before {
  content: "\e1b0"; }

.icon-adjust-huener11:before {
  content: "\e1b1"; }

.icon-adjust-huener12:before {
  content: "\e1b2"; }

.icon-microscope:before {
  content: "\e1b3"; }

.icon-binoculars:before {
  content: "\e1b4"; }

.icon-binoculars2:before {
  content: "\e1b5"; }

.icon-search:before {
  content: "\e1b6"; }

.icon-search2:before {
  content: "\e1b7"; }

.icon-zoomin:before {
  content: "\e1b8"; }

.icon-zoomout:before {
  content: "\e1b9"; }

.icon-search3:before {
  content: "\e1ba"; }

.icon-search4:before {
  content: "\e1bb"; }

.icon-zoomin2:before {
  content: "\e1bc"; }

.icon-zoomout2:before {
  content: "\e1bd"; }

.icon-search5:before {
  content: "\e1be"; }

.icon-expand:before {
  content: "\e1bf"; }

.icon-contract:before {
  content: "\e1c0"; }

.icon-scale-up:before {
  content: "\e1c1"; }

.icon-scale-down:before {
  content: "\e1c2"; }

.icon-expand2:before {
  content: "\e1c3"; }

.icon-contract2:before {
  content: "\e1c4"; }

.icon-scale-up2:before {
  content: "\e1c5"; }

.icon-scale-down2:before {
  content: "\e1c6"; }

.icon-fullscreen:before {
  content: "\e1c7"; }

.icon-expand3:before {
  content: "\e1c8"; }

.icon-contract3:before {
  content: "\e1c9"; }

.icon-key:before {
  content: "\e1ca"; }

.icon-key2:before {
  content: "\e1cb"; }

.icon-key3:before {
  content: "\e1cc"; }

.icon-key4:before {
  content: "\e1cd"; }

.icon-key5:before {
  content: "\e1ce"; }

.icon-keyhole:before {
  content: "\e1cf"; }

.icon-lock:before {
  content: "\e1d0"; }

.icon-lock2:before {
  content: "\e1d1"; }

.icon-lock3:before {
  content: "\e1d2"; }

.icon-lock4:before {
  content: "\e1d3"; }

.icon-unlocked:before {
  content: "\e1d4"; }

.icon-lock5:before {
  content: "\e1d5"; }

.icon-unlocked2:before {
  content: "\e1d6"; }

.icon-wrench:before {
  content: "\e1d7"; }

.icon-wrench2:before {
  content: "\e1d8"; }

.icon-wrench3:before {
  content: "\e1d9"; }

.icon-wrench4:before {
  content: "\e1da"; }

.icon-settings:before {
  content: "\e1db"; }

.icon-equalizer:before {
  content: "\e1dc"; }

.icon-equalizer2:before {
  content: "\e1dd"; }

.icon-equalizer3:before {
  content: "\e1de"; }

.icon-cog:before {
  content: "\e1df"; }

.icon-cogs:before {
  content: "\e1e0"; }

.icon-cog2:before {
  content: "\e1e1"; }

.icon-cog3:before {
  content: "\e1e2"; }

.icon-cog4:before {
  content: "\e1e3"; }

.icon-cog5:before {
  content: "\e1e4"; }

.icon-cog6:before {
  content: "\e1e5"; }

.icon-cog7:before {
  content: "\e1e6"; }

.icon-factory:before {
  content: "\e1e7"; }

.icon-hammer:before {
  content: "\e1e8"; }

.icon-tools:before {
  content: "\e1e9"; }

.icon-screwdriver:before {
  content: "\e1ea"; }

.icon-screwdriver2:before {
  content: "\e1eb"; }

.icon-wand:before {
  content: "\e1ec"; }

.icon-wand2:before {
  content: "\e1ed"; }

.icon-health:before {
  content: "\e1ee"; }

.icon-aid:before {
  content: "\e1ef"; }

.icon-patch:before {
  content: "\e1f0"; }

.icon-bug:before {
  content: "\e1f1"; }

.icon-bug2:before {
  content: "\e1f2"; }

.icon-inject:before {
  content: "\e1f3"; }

.icon-inject2:before {
  content: "\e1f4"; }

.icon-construction:before {
  content: "\e1f5"; }

.icon-cone:before {
  content: "\e1f6"; }

.icon-pie:before {
  content: "\e1f7"; }

.icon-pie2:before {
  content: "\e1f8"; }

.icon-pie3:before {
  content: "\e1f9"; }

.icon-pie4:before {
  content: "\e1fa"; }

.icon-pie5:before {
  content: "\e1fb"; }

.icon-pie6:before {
  content: "\e1fc"; }

.icon-pie7:before {
  content: "\e1fd"; }

.icon-stats:before {
  content: "\e1fe"; }

.icon-stats2:before {
  content: "\e1ff"; }

.icon-stats3:before {
  content: "\e200"; }

.icon-bars:before {
  content: "\e201"; }

.icon-bars2:before {
  content: "\e202"; }

.icon-bars3:before {
  content: "\e203"; }

.icon-bars4:before {
  content: "\e204"; }

.icon-bars5:before {
  content: "\e205"; }

.icon-bars6:before {
  content: "\e206"; }

.icon-stats-up:before {
  content: "\e207"; }

.icon-stats-down:before {
  content: "\e208"; }

.icon-stairs-down:before {
  content: "\e209"; }

.icon-stairs-down2:before {
  content: "\e20a"; }

.icon-chart:before {
  content: "\e20b"; }

.icon-stairs:before {
  content: "\e20c"; }

.icon-stairs2:before {
  content: "\e20d"; }

.icon-ladder:before {
  content: "\e20e"; }

.icon-cake:before {
  content: "\e20f"; }

.icon-gift:before {
  content: "\e210"; }

.icon-gift2:before {
  content: "\e211"; }

.icon-balloon:before {
  content: "\e212"; }

.icon-rating:before {
  content: "\e213"; }

.icon-rating2:before {
  content: "\e214"; }

.icon-rating3:before {
  content: "\e215"; }

.icon-podium:before {
  content: "\e216"; }

.icon-medal:before {
  content: "\e217"; }

.icon-medal2:before {
  content: "\e218"; }

.icon-medal3:before {
  content: "\e219"; }

.icon-medal4:before {
  content: "\e21a"; }

.icon-medal5:before {
  content: "\e21b"; }

.icon-crown:before {
  content: "\e21c"; }

.icon-trophy:before {
  content: "\e21d"; }

.icon-trophy2:before {
  content: "\e21e"; }

.icon-trophy-star:before {
  content: "\e21f"; }

.icon-diamond:before {
  content: "\e220"; }

.icon-diamond2:before {
  content: "\e221"; }

.icon-glass:before {
  content: "\e222"; }

.icon-glass2:before {
  content: "\e223"; }

.icon-bottle:before {
  content: "\e224"; }

.icon-bottle2:before {
  content: "\e225"; }

.icon-mug:before {
  content: "\e226"; }

.icon-food:before {
  content: "\e227"; }

.icon-food2:before {
  content: "\e228"; }

.icon-hamburger:before {
  content: "\e229"; }

.icon-cup:before {
  content: "\e22a"; }

.icon-cup2:before {
  content: "\e22b"; }

.icon-leaf:before {
  content: "\e22c"; }

.icon-leaf2:before {
  content: "\e22d"; }

.icon-apple-fruit:before {
  content: "\e22e"; }

.icon-tree:before {
  content: "\e22f"; }

.icon-tree2:before {
  content: "\e230"; }

.icon-paw:before {
  content: "\e231"; }

.icon-steps:before {
  content: "\e232"; }

.icon-flower:before {
  content: "\e233"; }

.icon-rocket:before {
  content: "\e234"; }

.icon-meter:before {
  content: "\e235"; }

.icon-meter2:before {
  content: "\e236"; }

.icon-meter-slow:before {
  content: "\e237"; }

.icon-meter-medium:before {
  content: "\e238"; }

.icon-meter-fast:before {
  content: "\e239"; }

.icon-dashboard:before {
  content: "\e23a"; }

.icon-hammer2:before {
  content: "\e23b"; }

.icon-balance:before {
  content: "\e23c"; }

.icon-bomb:before {
  content: "\e23d"; }

.icon-fire:before {
  content: "\e23e"; }

.icon-fire2:before {
  content: "\e23f"; }

.icon-lab:before {
  content: "\e240"; }

.icon-atom:before {
  content: "\e241"; }

.icon-atom2:before {
  content: "\e242"; }

.icon-magnet:before {
  content: "\e243"; }

.icon-magnet2:before {
  content: "\e244"; }

.icon-magnet3:before {
  content: "\e245"; }

.icon-magnet4:before {
  content: "\e246"; }

.icon-dumbbell:before {
  content: "\e247"; }

.icon-skull:before {
  content: "\e248"; }

.icon-skull2:before {
  content: "\e249"; }

.icon-skull3:before {
  content: "\e24a"; }

.icon-lamp:before {
  content: "\e24b"; }

.icon-lamp2:before {
  content: "\e24c"; }

.icon-lamp3:before {
  content: "\e24d"; }

.icon-lamp4:before {
  content: "\e24e"; }

.icon-remove:before {
  content: "\e24f"; }

.icon-remove2:before {
  content: "\e250"; }

.icon-remove3:before {
  content: "\e251"; }

.icon-remove4:before {
  content: "\e252"; }

.icon-remove5:before {
  content: "\e253"; }

.icon-remove6:before {
  content: "\e254"; }

.icon-remove7:before {
  content: "\e255"; }

.icon-remove8:before {
  content: "\e256"; }

.icon-briefcase:before {
  content: "\e257"; }

.icon-briefcase2:before {
  content: "\e258"; }

.icon-briefcase3:before {
  content: "\e259"; }

.icon-airplane:before {
  content: "\e25a"; }

.icon-airplane2:before {
  content: "\e25b"; }

.icon-paperplane:before {
  content: "\e25c"; }

.icon-car:before {
  content: "\e25d"; }

.icon-gas-pump:before {
  content: "\e25e"; }

.icon-bus:before {
  content: "\e25f"; }

.icon-truck:before {
  content: "\e260"; }

.icon-bike:before {
  content: "\e261"; }

.icon-road:before {
  content: "\e262"; }

.icon-train:before {
  content: "\e263"; }

.icon-ship:before {
  content: "\e264"; }

.icon-boat:before {
  content: "\e265"; }

.icon-cube:before {
  content: "\e266"; }

.icon-cube2:before {
  content: "\e267"; }

.icon-cube3:before {
  content: "\e268"; }

.icon-cube4:before {
  content: "\e269"; }

.icon-pyramid:before {
  content: "\e26a"; }

.icon-pyramid2:before {
  content: "\e26b"; }

.icon-cylinder:before {
  content: "\e26c"; }

.icon-package:before {
  content: "\e26d"; }

.icon-puzzle:before {
  content: "\e26e"; }

.icon-puzzle2:before {
  content: "\e26f"; }

.icon-puzzle3:before {
  content: "\e270"; }

.icon-puzzle4:before {
  content: "\e271"; }

.icon-glasses:before {
  content: "\e272"; }

.icon-glasses2:before {
  content: "\e273"; }

.icon-glasses3:before {
  content: "\e274"; }

.icon-sunglasses:before {
  content: "\e275"; }

.icon-accessibility:before {
  content: "\e276"; }

.icon-accessibility2:before {
  content: "\e277"; }

.icon-brain:before {
  content: "\e278"; }

.icon-target:before {
  content: "\e279"; }

.icon-target2:before {
  content: "\e27a"; }

.icon-target3:before {
  content: "\e27b"; }

.icon-gun:before {
  content: "\e27c"; }

.icon-gun-ban:before {
  content: "\e27d"; }

.icon-shield:before {
  content: "\e27e"; }

.icon-shield2:before {
  content: "\e27f"; }

.icon-shield3:before {
  content: "\e280"; }

.icon-shield4:before {
  content: "\e281"; }

.icon-soccer:before {
  content: "\e282"; }

.icon-football:before {
  content: "\e283"; }

.icon-baseball:before {
  content: "\e284"; }

.icon-basketball:before {
  content: "\e285"; }

.icon-golf:before {
  content: "\e286"; }

.icon-hockey:before {
  content: "\e287"; }

.icon-racing:before {
  content: "\e288"; }

.icon-eightball:before {
  content: "\e289"; }

.icon-bowlingball:before {
  content: "\e28a"; }

.icon-bowling:before {
  content: "\e28b"; }

.icon-bowling2:before {
  content: "\e28c"; }

.icon-lightning:before {
  content: "\e28d"; }

.icon-power:before {
  content: "\e28e"; }

.icon-power2:before {
  content: "\e28f"; }

.icon-switch:before {
  content: "\e290"; }

.icon-powercord:before {
  content: "\e291"; }

.icon-cord:before {
  content: "\e292"; }

.icon-socket:before {
  content: "\e293"; }

.icon-clipboard:before {
  content: "\e294"; }

.icon-clipboard2:before {
  content: "\e295"; }

.icon-signup:before {
  content: "\e296"; }

.icon-clipboard3:before {
  content: "\e297"; }

.icon-clipboard4:before {
  content: "\e298"; }

.icon-list:before {
  content: "\e299"; }

.icon-list2:before {
  content: "\e29a"; }

.icon-list3:before {
  content: "\e29b"; }

.icon-numbered-list:before {
  content: "\e29c"; }

.icon-list4:before {
  content: "\e29d"; }

.icon-list5:before {
  content: "\e29e"; }

.icon-playlist:before {
  content: "\e29f"; }

.icon-grid:before {
  content: "\e2a0"; }

.icon-grid2:before {
  content: "\e2a1"; }

.icon-grid3:before {
  content: "\e2a2"; }

.icon-grid4:before {
  content: "\e2a3"; }

.icon-grid5:before {
  content: "\e2a4"; }

.icon-grid6:before {
  content: "\e2a5"; }

.icon-tree3:before {
  content: "\e2a6"; }

.icon-tree4:before {
  content: "\e2a7"; }

.icon-tree5:before {
  content: "\e2a8"; }

.icon-menu:before {
  content: "\e2a9"; }

.icon-menu2:before {
  content: "\e2aa"; }

.icon-circle-small:before {
  content: "\e2ab"; }

.icon-menu3:before {
  content: "\e2ac"; }

.icon-menu4:before {
  content: "\e2ad"; }

.icon-menu5:before {
  content: "\e2ae"; }

.icon-menu6:before {
  content: "\e2af"; }

.icon-menu7:before {
  content: "\e2b0"; }

.icon-menu8:before {
  content: "\e2b1"; }

.icon-menu9:before {
  content: "\e2b2"; }

.icon-cloud:before {
  content: "\e2b3"; }

.icon-cloud2:before {
  content: "\e2b4"; }

.icon-cloud3:before {
  content: "\e2b5"; }

.icon-cloud-download:before {
  content: "\e2b6"; }

.icon-cloud-upload:before {
  content: "\e2b7"; }

.icon-download2:before {
  content: "\e2b8"; }

.icon-upload2:before {
  content: "\e2b9"; }

.icon-download3:before {
  content: "\e2ba"; }

.icon-upload3:before {
  content: "\e2bb"; }

.icon-download4:before {
  content: "\e2bc"; }

.icon-upload4:before {
  content: "\e2bd"; }

.icon-download5:before {
  content: "\e2be"; }

.icon-upload5:before {
  content: "\e2bf"; }

.icon-download6:before {
  content: "\e2c0"; }

.icon-upload6:before {
  content: "\e2c1"; }

.icon-download7:before {
  content: "\e2c2"; }

.icon-upload7:before {
  content: "\e2c3"; }

.icon-globe:before {
  content: "\e2c4"; }

.icon-globe2:before {
  content: "\e2c5"; }

.icon-globe3:before {
  content: "\e2c6"; }

.icon-earth:before {
  content: "\e2c7"; }

.icon-network:before {
  content: "\e2c8"; }

.icon-link:before {
  content: "\e2c9"; }

.icon-link2:before {
  content: "\e2ca"; }

.icon-link3:before {
  content: "\e2cb"; }

.icon-link22:before {
  content: "\e2cc"; }

.icon-link4:before {
  content: "\e2cd"; }

.icon-link5:before {
  content: "\e2ce"; }

.icon-link6:before {
  content: "\e2cf"; }

.icon-anchor:before {
  content: "\e2d0"; }

.icon-flag:before {
  content: "\e2d1"; }

.icon-flag2:before {
  content: "\e2d2"; }

.icon-flag3:before {
  content: "\e2d3"; }

.icon-flag4:before {
  content: "\e2d4"; }

.icon-flag5:before {
  content: "\e2d5"; }

.icon-flag6:before {
  content: "\e2d6"; }

.icon-attachment:before {
  content: "\e2d7"; }

.icon-attachment2:before {
  content: "\e2d8"; }

.icon-eye:before {
  content: "\e2d9"; }

.icon-eye-blocked:before {
  content: "\e2da"; }

.icon-eye2:before {
  content: "\e2db"; }

.icon-eye3:before {
  content: "\e2dc"; }

.icon-eye-blocked2:before {
  content: "\e2dd"; }

.icon-eye4:before {
  content: "\e2de"; }

.icon-eye5:before {
  content: "\e2df"; }

.icon-eye6:before {
  content: "\e2e0"; }

.icon-eye7:before {
  content: "\e2e1"; }

.icon-eye8:before {
  content: "\e2e2"; }

.icon-bookmark:before {
  content: "\e2e3"; }

.icon-bookmark2:before {
  content: "\e2e4"; }

.icon-bookmarks:before {
  content: "\e2e5"; }

.icon-bookmark3:before {
  content: "\e2e6"; }

.icon-spotlight:before {
  content: "\e2e7"; }

.icon-starburst:before {
  content: "\e2e8"; }

.icon-snowflake:before {
  content: "\e2e9"; }

.icon-temperature:before {
  content: "\e2ea"; }

.icon-temperature2:before {
  content: "\e2eb"; }

.icon-weather-lightning:before {
  content: "\e2ec"; }

.icon-weather-rain:before {
  content: "\e2ed"; }

.icon-weather-snow:before {
  content: "\e2ee"; }

.icon-windy:before {
  content: "\e2ef"; }

.icon-fan:before {
  content: "\e2f0"; }

.icon-umbrella:before {
  content: "\e2f1"; }

.icon-sun:before {
  content: "\e2f2"; }

.icon-sun2:before {
  content: "\e2f3"; }

.icon-brightness-high:before {
  content: "\e2f4"; }

.icon-brightness-medium:before {
  content: "\e2f5"; }

.icon-brightness-low:before {
  content: "\e2f6"; }

.icon-brightness-contrast:before {
  content: "\e2f7"; }

.icon-contrast:before {
  content: "\e2f8"; }

.icon-moon:before {
  content: "\e2f9"; }

.icon-bed:before {
  content: "\e2fa"; }

.icon-bed2:before {
  content: "\e2fb"; }

.icon-star:before {
  content: "\e2fc"; }

.icon-star2:before {
  content: "\e2fd"; }

.icon-star3:before {
  content: "\e2fe"; }

.icon-star4:before {
  content: "\e2ff"; }

.icon-star5:before {
  content: "\e300"; }

.icon-star6:before {
  content: "\e301"; }

.icon-heart:before {
  content: "\e302"; }

.icon-heart2:before {
  content: "\e303"; }

.icon-heart3:before {
  content: "\e304"; }

.icon-heart4:before {
  content: "\e305"; }

.icon-heart-broken:before {
  content: "\e306"; }

.icon-heart5:before {
  content: "\e307"; }

.icon-heart6:before {
  content: "\e308"; }

.icon-heart-broken2:before {
  content: "\e309"; }

.icon-heart7:before {
  content: "\e30a"; }

.icon-heart8:before {
  content: "\e30b"; }

.icon-heart-broken3:before {
  content: "\e30c"; }

.icon-lips:before {
  content: "\e30d"; }

.icon-lips2:before {
  content: "\e30e"; }

.icon-thumbs-up:before {
  content: "\e30f"; }

.icon-thumbs-up2:before {
  content: "\e310"; }

.icon-thumbs-down:before {
  content: "\e311"; }

.icon-thumbs-down2:before {
  content: "\e312"; }

.icon-thumbs-up3:before {
  content: "\e313"; }

.icon-thumbs-up4:before {
  content: "\e314"; }

.icon-thumbs-up5:before {
  content: "\e315"; }

.icon-thumbs-up6:before {
  content: "\e316"; }

.icon-people:before {
  content: "\e317"; }

.icon-man:before {
  content: "\e318"; }

.icon-male:before {
  content: "\e319"; }

.icon-woman:before {
  content: "\e31a"; }

.icon-female:before {
  content: "\e31b"; }

.icon-peace:before {
  content: "\e31c"; }

.icon-yin-yang:before {
  content: "\e31d"; }

.icon-happy:before {
  content: "\e31e"; }

.icon-happy2:before {
  content: "\e31f"; }

.icon-smiley:before {
  content: "\e320"; }

.icon-smiley2:before {
  content: "\e321"; }

.icon-tongue:before {
  content: "\e322"; }

.icon-tongue2:before {
  content: "\e323"; }

.icon-sad:before {
  content: "\e324"; }

.icon-sad2:before {
  content: "\e325"; }

.icon-wink:before {
  content: "\e326"; }

.icon-wink2:before {
  content: "\e327"; }

.icon-grin:before {
  content: "\e328"; }

.icon-grin2:before {
  content: "\e329"; }

.icon-cool:before {
  content: "\e32a"; }

.icon-cool2:before {
  content: "\e32b"; }

.icon-angry:before {
  content: "\e32c"; }

.icon-angry2:before {
  content: "\e32d"; }

.icon-evil:before {
  content: "\e32e"; }

.icon-evil2:before {
  content: "\e32f"; }

.icon-shocked:before {
  content: "\e330"; }

.icon-shocked2:before {
  content: "\e331"; }

.icon-confused:before {
  content: "\e332"; }

.icon-confused2:before {
  content: "\e333"; }

.icon-neutral:before {
  content: "\e334"; }

.icon-neutral2:before {
  content: "\e335"; }

.icon-wondering:before {
  content: "\e336"; }

.icon-wondering2:before {
  content: "\e337"; }

.icon-cursor:before {
  content: "\e338"; }

.icon-cursor2:before {
  content: "\e339"; }

.icon-point-up:before {
  content: "\e33a"; }

.icon-point-right:before {
  content: "\e33b"; }

.icon-point-down:before {
  content: "\e33c"; }

.icon-point-left:before {
  content: "\e33d"; }

.icon-pointer:before {
  content: "\e33e"; }

.icon-hand:before {
  content: "\e33f"; }

.icon-stack-empty:before {
  content: "\e340"; }

.icon-stack-plus:before {
  content: "\e341"; }

.icon-stack-minus:before {
  content: "\e342"; }

.icon-stack-star:before {
  content: "\e343"; }

.icon-stack-picture:before {
  content: "\e344"; }

.icon-stack-down:before {
  content: "\e345"; }

.icon-stack-up:before {
  content: "\e346"; }

.icon-stack-cancel:before {
  content: "\e347"; }

.icon-stack-checkmark:before {
  content: "\e348"; }

.icon-stack-list:before {
  content: "\e349"; }

.icon-stack-clubs:before {
  content: "\e34a"; }

.icon-stack-spades:before {
  content: "\e34b"; }

.icon-stack-hearts:before {
  content: "\e34c"; }

.icon-stack-diamonds:before {
  content: "\e34d"; }

.icon-stack-user:before {
  content: "\e34e"; }

.icon-stack4:before {
  content: "\e34f"; }

.icon-stack-music:before {
  content: "\e350"; }

.icon-stack-play:before {
  content: "\e351"; }

.icon-move:before {
  content: "\e352"; }

.icon-resize:before {
  content: "\e353"; }

.icon-resize2:before {
  content: "\e354"; }

.icon-warning:before {
  content: "\e355"; }

.icon-warning2:before {
  content: "\e356"; }

.icon-notification:before {
  content: "\e357"; }

.icon-notification2:before {
  content: "\e358"; }

.icon-question:before {
  content: "\e359"; }

.icon-question2:before {
  content: "\e35a"; }

.icon-question3:before {
  content: "\e35b"; }

.icon-question4:before {
  content: "\e35c"; }

.icon-question5:before {
  content: "\e35d"; }

.icon-plus-circle:before {
  content: "\e35e"; }

.icon-plus-circle2:before {
  content: "\e35f"; }

.icon-minus-circle:before {
  content: "\e360"; }

.icon-minus-circle2:before {
  content: "\e361"; }

.icon-info:before {
  content: "\e362"; }

.icon-info2:before {
  content: "\e363"; }

.icon-blocked:before {
  content: "\e364"; }

.icon-cancel-circle:before {
  content: "\e365"; }

.icon-cancel-circle2:before {
  content: "\e366"; }

.icon-checkmark-circle:before {
  content: "\e367"; }

.icon-checkmark-circle2:before {
  content: "\e368"; }

.icon-cancel:before {
  content: "\e369"; }

.icon-spam:before {
  content: "\e36a"; }

.icon-close:before {
  content: "\e36b"; }

.icon-close2:before {
  content: "\e36c"; }

.icon-close3:before {
  content: "\e36d"; }

.icon-close4:before {
  content: "\e36e"; }

.icon-close5:before {
  content: "\e36f"; }

.icon-checkmark:before {
  content: "\e370"; }

.icon-checkmark2:before {
  content: "\e371"; }

.icon-checkmark3:before {
  content: "\e372"; }

.icon-checkmark4:before {
  content: "\e373"; }

.icon-spell-check:before {
  content: "\e374"; }

.icon-minus:before {
  content: "\e375"; }

.icon-plus:before {
  content: "\e376"; }

.icon-minus2:before {
  content: "\e377"; }

.icon-plus2:before {
  content: "\e378"; }

.icon-enter:before {
  content: "\e379"; }

.icon-exit:before {
  content: "\e37a"; }

.icon-enter2:before {
  content: "\e37b"; }

.icon-exit2:before {
  content: "\e37c"; }

.icon-enter3:before {
  content: "\e37d"; }

.icon-exit3:before {
  content: "\e37e"; }

.icon-exit4:before {
  content: "\e37f"; }

.icon-play3:before {
  content: "\e380"; }

.icon-pause:before {
  content: "\e381"; }

.icon-stop:before {
  content: "\e382"; }

.icon-backward:before {
  content: "\e383"; }

.icon-forward2:before {
  content: "\e384"; }

.icon-play4:before {
  content: "\e385"; }

.icon-pause2:before {
  content: "\e386"; }

.icon-stop2:before {
  content: "\e387"; }

.icon-backward2:before {
  content: "\e388"; }

.icon-forward3:before {
  content: "\e389"; }

.icon-first:before {
  content: "\e38a"; }

.icon-last:before {
  content: "\e38b"; }

.icon-previous:before {
  content: "\e38c"; }

.icon-next:before {
  content: "\e38d"; }

.icon-eject:before {
  content: "\e38e"; }

.icon-volume-high:before {
  content: "\e38f"; }

.icon-volume-medium:before {
  content: "\e390"; }

.icon-volume-low:before {
  content: "\e391"; }

.icon-volume-mute:before {
  content: "\e392"; }

.icon-volume-mute2:before {
  content: "\e393"; }

.icon-volume-increase:before {
  content: "\e394"; }

.icon-volume-decrease:before {
  content: "\e395"; }

.icon-volume-high2:before {
  content: "\e396"; }

.icon-volume-medium2:before {
  content: "\e397"; }

.icon-volume-low2:before {
  content: "\e398"; }

.icon-volume-mute3:before {
  content: "\e399"; }

.icon-volume-mute4:before {
  content: "\e39a"; }

.icon-volume-increase2:before {
  content: "\e39b"; }

.icon-volume-decrease2:before {
  content: "\e39c"; }

.icon-volume5:before {
  content: "\e39d"; }

.icon-volume4:before {
  content: "\e39e"; }

.icon-volume3:before {
  content: "\e39f"; }

.icon-volume2:before {
  content: "\e3a0"; }

.icon-volume1:before {
  content: "\e3a1"; }

.icon-volume0:before {
  content: "\e3a2"; }

.icon-volume-mute5:before {
  content: "\e3a3"; }

.icon-volume-mute6:before {
  content: "\e3a4"; }

.icon-loop:before {
  content: "\e3a5"; }

.icon-loop2:before {
  content: "\e3a6"; }

.icon-loop3:before {
  content: "\e3a7"; }

.icon-loop4:before {
  content: "\e3a8"; }

.icon-loop5:before {
  content: "\e3a9"; }

.icon-shuffle:before {
  content: "\e3aa"; }

.icon-shuffle2:before {
  content: "\e3ab"; }

.icon-wave:before {
  content: "\e3ac"; }

.icon-wave2:before {
  content: "\e3ad"; }

.icon-arrow-first:before {
  content: "\e3ae"; }

.icon-arrow-right:before {
  content: "\e3af"; }

.icon-arrow-up:before {
  content: "\e3b0"; }

.icon-arrow-right2:before {
  content: "\e3b1"; }

.icon-arrow-down:before {
  content: "\e3b2"; }

.icon-arrow-left:before {
  content: "\e3b3"; }

.icon-arrow-up2:before {
  content: "\e3b4"; }

.icon-arrow-right3:before {
  content: "\e3b5"; }

.icon-arrow-down2:before {
  content: "\e3b6"; }

.icon-arrow-left2:before {
  content: "\e3b7"; }

.icon-arrow-up-left:before {
  content: "\e3b8"; }

.icon-arrow-up3:before {
  content: "\e3b9"; }

.icon-arrow-up-right:before {
  content: "\e3ba"; }

.icon-arrow-right4:before {
  content: "\e3bb"; }

.icon-arrow-down-right:before {
  content: "\e3bc"; }

.icon-arrow-down3:before {
  content: "\e3bd"; }

.icon-arrow-down-left:before {
  content: "\e3be"; }

.icon-arrow-left3:before {
  content: "\e3bf"; }

.icon-arrow-up-left2:before {
  content: "\e3c0"; }

.icon-arrow-up4:before {
  content: "\e3c1"; }

.icon-arrow-up-right2:before {
  content: "\e3c2"; }

.icon-arrow-right5:before {
  content: "\e3c3"; }

.icon-arrow-down-right2:before {
  content: "\e3c4"; }

.icon-arrow-down4:before {
  content: "\e3c5"; }

.icon-arrow-down-left2:before {
  content: "\e3c6"; }

.icon-arrow-left4:before {
  content: "\e3c7"; }

.icon-arrow-up-left3:before {
  content: "\e3c8"; }

.icon-arrow-up5:before {
  content: "\e3c9"; }

.icon-arrow-up-right3:before {
  content: "\e3ca"; }

.icon-arrow-right6:before {
  content: "\e3cb"; }

.icon-arrow-down-right3:before {
  content: "\e3cc"; }

.icon-arrow-down5:before {
  content: "\e3cd"; }

.icon-arrow-down-left3:before {
  content: "\e3ce"; }

.icon-arrow-left5:before {
  content: "\e3cf"; }

.icon-arrow-up-left4:before {
  content: "\e3d0"; }

.icon-arrow-up6:before {
  content: "\e3d1"; }

.icon-arrow-up-right4:before {
  content: "\e3d2"; }

.icon-arrow-right7:before {
  content: "\e3d3"; }

.icon-arrow-down-right4:before {
  content: "\e3d4"; }

.icon-arrow-down6:before {
  content: "\e3d5"; }

.icon-arrow-down-left4:before {
  content: "\e3d6"; }

.icon-arrow-left6:before {
  content: "\e3d7"; }

.icon-arrow:before {
  content: "\e3d8"; }

.icon-arrow2:before {
  content: "\e3d9"; }

.icon-arrow3:before {
  content: "\e3da"; }

.icon-arrow4:before {
  content: "\e3db"; }

.icon-arrow5:before {
  content: "\e3dc"; }

.icon-arrow6:before {
  content: "\e3dd"; }

.icon-arrow7:before {
  content: "\e3de"; }

.icon-arrow8:before {
  content: "\e3df"; }

.icon-arrow-up-left5:before {
  content: "\e3e0"; }

.icon-arrowsquare:before {
  content: "\e3e1"; }

.icon-arrow-up-right5:before {
  content: "\e3e2"; }

.icon-arrow-right8:before {
  content: "\e3e3"; }

.icon-arrow-down-right5:before {
  content: "\e3e4"; }

.icon-arrow-down7:before {
  content: "\e3e5"; }

.icon-arrow-down-left5:before {
  content: "\e3e6"; }

.icon-arrow-left7:before {
  content: "\e3e7"; }

.icon-arrow-up7:before {
  content: "\e3e8"; }

.icon-arrow-right9:before {
  content: "\e3e9"; }

.icon-arrow-down8:before {
  content: "\e3ea"; }

.icon-arrow-left8:before {
  content: "\e3eb"; }

.icon-arrow-up8:before {
  content: "\e3ec"; }

.icon-arrow-right10:before {
  content: "\e3ed"; }

.icon-arrow-bottom:before {
  content: "\e3ee"; }

.icon-arrow-left9:before {
  content: "\e3ef"; }

.icon-arrow-up-left6:before {
  content: "\e3f0"; }

.icon-arrow-up9:before {
  content: "\e3f1"; }

.icon-arrow-up-right6:before {
  content: "\e3f2"; }

.icon-arrow-right11:before {
  content: "\e3f3"; }

.icon-arrow-down-right6:before {
  content: "\e3f4"; }

.icon-arrow-down9:before {
  content: "\e3f5"; }

.icon-arrow-down-left6:before {
  content: "\e3f6"; }

.icon-arrow-left10:before {
  content: "\e3f7"; }

.icon-arrow-up-left7:before {
  content: "\e3f8"; }

.icon-arrow-up10:before {
  content: "\e3f9"; }

.icon-arrow-up-right7:before {
  content: "\e3fa"; }

.icon-arrow-right12:before {
  content: "\e3fb"; }

.icon-arrow-down-right7:before {
  content: "\e3fc"; }

.icon-arrow-down10:before {
  content: "\e3fd"; }

.icon-arrow-down-left7:before {
  content: "\e3fe"; }

.icon-arrow-left11:before {
  content: "\e3ff"; }

.icon-arrow-up11:before {
  content: "\e400"; }

.icon-arrow-right13:before {
  content: "\e401"; }

.icon-arrow-down11:before {
  content: "\e402"; }

.icon-arrow-left12:before {
  content: "\e403"; }

.icon-arrow-up12:before {
  content: "\e404"; }

.icon-arrow-right14:before {
  content: "\e405"; }

.icon-arrow-down12:before {
  content: "\e406"; }

.icon-arrow-left13:before {
  content: "\e407"; }

.icon-arrow-up13:before {
  content: "\e408"; }

.icon-arrow-right15:before {
  content: "\e409"; }

.icon-arrow-down13:before {
  content: "\e40a"; }

.icon-arrow-left14:before {
  content: "\e40b"; }

.icon-arrow-up14:before {
  content: "\e40c"; }

.icon-arrow-right16:before {
  content: "\e40d"; }

.icon-arrow-down14:before {
  content: "\e40e"; }

.icon-arrow-left15:before {
  content: "\e40f"; }

.icon-arrow-up15:before {
  content: "\e410"; }

.icon-arrow-right17:before {
  content: "\e411"; }

.icon-arrow-down15:before {
  content: "\e412"; }

.icon-arrow-left16:before {
  content: "\e413"; }

.icon-arrow-up16:before {
  content: "\e414"; }

.icon-arrow-right18:before {
  content: "\e415"; }

.icon-arrow-down16:before {
  content: "\e416"; }

.icon-arrow-left17:before {
  content: "\e417"; }

.icon-menu10:before {
  content: "\e418"; }

.icon-menu11:before {
  content: "\e419"; }

.icon-menu-close:before {
  content: "\e41a"; }

.icon-menu-close2:before {
  content: "\e41b"; }

.icon-enter4:before {
  content: "\e41c"; }

.icon-enter5:before {
  content: "\e41d"; }

.icon-esc:before {
  content: "\e41e"; }

.icon-backspace:before {
  content: "\e41f"; }

.icon-backspace2:before {
  content: "\e420"; }

.icon-backspace3:before {
  content: "\e421"; }

.icon-tab:before {
  content: "\e422"; }

.icon-transmission:before {
  content: "\e423"; }

.icon-transmission2:before {
  content: "\e424"; }

.icon-sort:before {
  content: "\e425"; }

.icon-sort2:before {
  content: "\e426"; }

.icon-key-keyboard:before {
  content: "\e427"; }

.icon-key-A:before {
  content: "\e428"; }

.icon-key-up:before {
  content: "\e429"; }

.icon-key-right:before {
  content: "\e42a"; }

.icon-key-down:before {
  content: "\e42b"; }

.icon-key-left:before {
  content: "\e42c"; }

.icon-command:before {
  content: "\e42d"; }

.icon-checkbox-checked:before {
  content: "\e42e"; }

.icon-checkbox-unchecked:before {
  content: "\e42f"; }

.icon-square:before {
  content: "\e430"; }

.icon-checkbox-partial:before {
  content: "\e431"; }

.icon-checkbox:before {
  content: "\e432"; }

.icon-checkbox-unchecked2:before {
  content: "\e433"; }

.icon-checkbox-partial2:before {
  content: "\e434"; }

.icon-checkbox-checked2:before {
  content: "\e435"; }

.icon-checkbox-unchecked3:before {
  content: "\e436"; }

.icon-checkbox-partial3:before {
  content: "\e437"; }

.icon-radio-checked:before {
  content: "\e438"; }

.icon-radio-unchecked:before {
  content: "\e439"; }

.icon-circle:before {
  content: "\e43a"; }

.icon-circle2:before {
  content: "\e43b"; }

.icon-crop:before {
  content: "\e43c"; }

.icon-crop2:before {
  content: "\e43d"; }

.icon-vector:before {
  content: "\e43e"; }

.icon-rulers:before {
  content: "\e43f"; }

.icon-scissors:before {
  content: "\e440"; }

.icon-scissors2:before {
  content: "\e441"; }

.icon-scissors3:before {
  content: "\e442"; }

.icon-filter:before {
  content: "\e443"; }

.icon-filter2:before {
  content: "\e444"; }

.icon-filter3:before {
  content: "\e445"; }

.icon-filter4:before {
  content: "\e446"; }

.icon-font:before {
  content: "\e447"; }

.icon-font-size:before {
  content: "\e448"; }

.icon-type:before {
  content: "\e449"; }

.icon-text-height:before {
  content: "\e44a"; }

.icon-text-width:before {
  content: "\e44b"; }

.icon-height:before {
  content: "\e44c"; }

.icon-width:before {
  content: "\e44d"; }

.icon-bold:before {
  content: "\e44e"; }

.icon-underline:before {
  content: "\e44f"; }

.icon-italic:before {
  content: "\e450"; }

.icon-strikethrough:before {
  content: "\e451"; }

.icon-strikethrough2:before {
  content: "\e452"; }

.icon-font-size2:before {
  content: "\e453"; }

.icon-bold2:before {
  content: "\e454"; }

.icon-underline2:before {
  content: "\e455"; }

.icon-italic2:before {
  content: "\e456"; }

.icon-strikethrough3:before {
  content: "\e457"; }

.icon-omega:before {
  content: "\e458"; }

.icon-sigma:before {
  content: "\e459"; }

.icon-nbsp:before {
  content: "\e45a"; }

.icon-page-break:before {
  content: "\e45b"; }

.icon-page-break2:before {
  content: "\e45c"; }

.icon-superscript:before {
  content: "\e45d"; }

.icon-subscript:before {
  content: "\e45e"; }

.icon-superscript2:before {
  content: "\e45f"; }

.icon-subscript2:before {
  content: "\e460"; }

.icon-text-color:before {
  content: "\e461"; }

.icon-highlight:before {
  content: "\e462"; }

.icon-pagebreak:before {
  content: "\e463"; }

.icon-clear-formatting:before {
  content: "\e464"; }

.icon-table:before {
  content: "\e465"; }

.icon-table2:before {
  content: "\e466"; }

.icon-insert-template:before {
  content: "\e467"; }

.icon-pilcrow:before {
  content: "\e468"; }

.icon-lefttoright:before {
  content: "\e469"; }

.icon-righttoleft:before {
  content: "\e46a"; }

.icon-paragraph-left:before {
  content: "\e46b"; }

.icon-paragraph-center:before {
  content: "\e46c"; }

.icon-paragraph-right:before {
  content: "\e46d"; }

.icon-paragraph-justify:before {
  content: "\e46e"; }

.icon-paragraph-left2:before {
  content: "\e46f"; }

.icon-paragraph-center2:before {
  content: "\e470"; }

.icon-paragraph-right2:before {
  content: "\e471"; }

.icon-paragraph-justify2:before {
  content: "\e472"; }

.icon-indent-increase:before {
  content: "\e473"; }

.icon-indent-decrease:before {
  content: "\e474"; }

.icon-paragraph-left3:before {
  content: "\e475"; }

.icon-paragraph-center3:before {
  content: "\e476"; }

.icon-paragraph-right3:before {
  content: "\e477"; }

.icon-paragraph-justify3:before {
  content: "\e478"; }

.icon-indent-increase2:before {
  content: "\e479"; }

.icon-indent-decrease2:before {
  content: "\e47a"; }

.icon-share:before {
  content: "\e47b"; }

.icon-newtab:before {
  content: "\e47c"; }

.icon-newtab2:before {
  content: "\e47d"; }

.icon-popout:before {
  content: "\e47e"; }

.icon-embed:before {
  content: "\e47f"; }

.icon-code:before {
  content: "\e480"; }

.icon-console:before {
  content: "\e481"; }

.icon-sevensegment0:before {
  content: "\e482"; }

.icon-sevensegment1:before {
  content: "\e483"; }

.icon-sevensegment2:before {
  content: "\e484"; }

.icon-sevensegment3:before {
  content: "\e485"; }

.icon-sevensegment4:before {
  content: "\e486"; }

.icon-sevensegment5:before {
  content: "\e487"; }

.icon-sevensegment6:before {
  content: "\e488"; }

.icon-sevensegment7:before {
  content: "\e489"; }

.icon-sevensegment8:before {
  content: "\e48a"; }

.icon-sevensegment9:before {
  content: "\e48b"; }

.icon-share2:before {
  content: "\e48c"; }

.icon-share3:before {
  content: "\e48d"; }

.icon-mail:before {
  content: "\e48e"; }

.icon-mail2:before {
  content: "\e48f"; }

.icon-mail3:before {
  content: "\e490"; }

.icon-mail4:before {
  content: "\e491"; }

.icon-google:before {
  content: "\e492"; }

.icon-googleplus:before {
  content: "\e493"; }

.icon-googleplus2:before {
  content: "\e494"; }

.icon-googleplus3:before {
  content: "\e495"; }

.icon-googleplus4:before {
  content: "\e496"; }

.icon-google-drive:before {
  content: "\e497"; }

.icon-facebook:before {
  content: "\e498"; }

.icon-facebook2:before {
  content: "\e499"; }

.icon-facebook3:before {
  content: "\e49a"; }

.icon-facebook4:before {
  content: "\e49b"; }

.icon-instagram:before {
  content: "\e49c"; }

.icon-twitter:before {
  content: "\e49d"; }

.icon-twitter2:before {
  content: "\e49e"; }

.icon-twitter3:before {
  content: "\e49f"; }

.icon-feed2:before {
  content: "\e4a0"; }

.icon-feed3:before {
  content: "\e4a1"; }

.icon-feed4:before {
  content: "\e4a2"; }

.icon-youtube:before {
  content: "\e4a3"; }

.icon-youtube2:before {
  content: "\e4a4"; }

.icon-vimeo:before {
  content: "\e4a5"; }

.icon-vimeo2:before {
  content: "\e4a6"; }

.icon-vimeo3:before {
  content: "\e4a7"; }

.icon-lanyrd:before {
  content: "\e4a8"; }

.icon-flickr:before {
  content: "\e4a9"; }

.icon-flickr2:before {
  content: "\e4aa"; }

.icon-flickr3:before {
  content: "\e4ab"; }

.icon-flickr4:before {
  content: "\e4ac"; }

.icon-picassa:before {
  content: "\e4ad"; }

.icon-picassa2:before {
  content: "\e4ae"; }

.icon-dribbble:before {
  content: "\e4af"; }

.icon-dribbble2:before {
  content: "\e4b0"; }

.icon-dribbble3:before {
  content: "\e4b1"; }

.icon-forrst:before {
  content: "\e4b2"; }

.icon-forrst2:before {
  content: "\e4b3"; }

.icon-deviantart:before {
  content: "\e4b4"; }

.icon-deviantart2:before {
  content: "\e4b5"; }

.icon-steam:before {
  content: "\e4b6"; }

.icon-steam2:before {
  content: "\e4b7"; }

.icon-github:before {
  content: "\e4b8"; }

.icon-github2:before {
  content: "\e4b9"; }

.icon-github3:before {
  content: "\e4ba"; }

.icon-github4:before {
  content: "\e4bb"; }

.icon-github5:before {
  content: "\e4bc"; }

.icon-wordpress:before {
  content: "\e4bd"; }

.icon-wordpress2:before {
  content: "\e4be"; }

.icon-joomla:before {
  content: "\e4bf"; }

.icon-blogger:before {
  content: "\e4c0"; }

.icon-blogger2:before {
  content: "\e4c1"; }

.icon-tumblr:before {
  content: "\e4c2"; }

.icon-tumblr2:before {
  content: "\e4c3"; }

.icon-yahoo:before {
  content: "\e4c4"; }

.icon-tux:before {
  content: "\e4c5"; }

.icon-apple:before {
  content: "\e4c6"; }

.icon-finder:before {
  content: "\e4c7"; }

.icon-android:before {
  content: "\e4c8"; }

.icon-windows:before {
  content: "\e4c9"; }

.icon-windows8:before {
  content: "\e4ca"; }

.icon-soundcloud:before {
  content: "\e4cb"; }

.icon-soundcloud2:before {
  content: "\e4cc"; }

.icon-skype:before {
  content: "\e4cd"; }

.icon-reddit:before {
  content: "\e4ce"; }

.icon-linkedin:before {
  content: "\e4cf"; }

.icon-lastfm:before {
  content: "\e4d0"; }

.icon-lastfm2:before {
  content: "\e4d1"; }

.icon-delicious:before {
  content: "\e4d2"; }

.icon-stumbleupon:before {
  content: "\e4d3"; }

.icon-stumbleupon2:before {
  content: "\e4d4"; }

.icon-stackoverflow:before {
  content: "\e4d5"; }

.icon-pinterest:before {
  content: "\e4d6"; }

.icon-pinterest2:before {
  content: "\e4d7"; }

.icon-xing:before {
  content: "\e4d8"; }

.icon-xing2:before {
  content: "\e4d9"; }

.icon-flattr:before {
  content: "\e4da"; }

.icon-foursquare:before {
  content: "\e4db"; }

.icon-foursquare2:before {
  content: "\e4dc"; }

.icon-paypal:before {
  content: "\e4dd"; }

.icon-paypal2:before {
  content: "\e4de"; }

.icon-paypal3:before {
  content: "\e4df"; }

.icon-yelp:before {
  content: "\e4e0"; }

.icon-libreoffice:before {
  content: "\e4e1"; }

.icon-file-pdf:before {
  content: "\e4e2"; }

.icon-file-openoffice:before {
  content: "\e4e3"; }

.icon-file-word:before {
  content: "\e4e4"; }

.icon-file-excel:before {
  content: "\e4e5"; }

.icon-file-zip:before {
  content: "\e4e6"; }

.icon-file-powerpoint:before {
  content: "\e4e7"; }

.icon-file-xml:before {
  content: "\e4e8"; }

.icon-file-css:before {
  content: "\e4e9"; }

.icon-html5:before {
  content: "\e4ea"; }

.icon-html52:before {
  content: "\e4eb"; }

.icon-css3:before {
  content: "\e4ec"; }

.icon-chrome:before {
  content: "\e4ed"; }

.icon-firefox:before {
  content: "\e4ee"; }

.icon-IE:before {
  content: "\e4ef"; }

.icon-opera:before {
  content: "\e4f0"; }

.icon-safari:before {
  content: "\e4f1"; }

.icon-IcoMoon:before {
  content: "\e4f2"; }

/* OLD */
/*.icon-ic_3d_rotation_48px:before {
  content: "\e91a";
}
.icon-Arrow_Download:before {
  content: "\e900";
}
.icon-Arrow_Forward:before {
  content: "\e901";
}
.icon-Arrow_Back:before {
  content: "\e902";
}
.icon-Arrow_Upward:before {
  content: "\e903";
}
.icon-editor-shape-design-triangle-circle-outline-stroke:before {
  content: "\e91c";
  font-weight:600;
}
.icon-interface-62:before {
  content: "\e91b";
}
.icon-chevron_down:before {
  content: "\e916";
}
.icon-chevron_right:before {
  content: "\e917";
}
.icon-zoom_in:before {
  content: "\e918";
}
.icon-zoom_out:before {
  content: "\e919";
}
.icon-cart:before {
  content: "\e912";
}
.icon-doc_file:before {
  content: "\e90b";
}
.icon-docs:before {
  content: "\e90c";
}
.icon-excel_file:before {
  content: "\e90d";
}
.icon-list:before {
  content: "\e90e";
}
.icon-pdf_file:before {
  content: "\e90f";
}
.icon-plan:before {
  content: "\e914";
}
.icon-video:before {
  content: "\e915";
}
.icon-avatar:before {
  content: "\e904";
}
.icon-dexpand:before {
  content: "\e905";
}
.icon-expand:before {
  content: "\e906";
}
.icon-favorisFull:before {
  content: "\e907";
}

.icon-print:before {
  content: "\e90a";
}

    */
/*icomoon warranty-claim-icomoon*/
@font-face {
  font-family: 'warranty-claim-icomoon';
  src: url("../iso_icons/stdBs4_warranty-claim-icomoon.ttf") format("truetype");
  src: url("../iso_icons/stdBs4_warranty-claim-icomoon.eot?d2lvpb");
  src: url("../iso_icons/stdBs4_warranty-claim-icomoon.eot?d2lvpb#iefix") format("embedded-opentype"), url("../iso_icons/stdBs4_warranty-claim-icomoon.ttf?d2lvpb") format("truetype"), url("../iso_icons/stdBs4_warranty-claim-icomoon.woff?d2lvpb") format("woff"), url("../iso_icons/stdBs4_warranty-claim-icomoon.svg?d2lvpb#warranty-claim-icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block; }

[class^="warranty-claim-icon-"], [class*=" warranty-claim-icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'warranty-claim-icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */ }

.warranty-claim-icon-warranty-claim-spa:before {
  content: "\e901"; }

.warranty-claim-icon-warranty-claim-rma:before {
  content: "\e902"; }

.warranty-claim-icon-warranty-claim-wcl:before {
  content: "\e900"; }

/*quality-service-icomoon*/
@font-face {
  font-family: 'quality-service-icomoon';
  src: url("../iso_icons/stdBs4_quality-service-icomoon.eot");
  src: url("../iso_icons/stdBs4_quality-service-icomoon.eot?pby9iu#iefix") format("embedded-opentype"), url("../iso_icons/stdBs4_quality-service-icomoon.ttf?pby9iu") format("truetype"), url("../iso_icons/stdBs4_quality-service-icomoon.woff?pby9iu") format("woff"), url("../iso_icons/stdBs4_quality-service-icomoon.svg?pby9iu#quality-service-icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block; }

.middle-office .table-view [class^="icon_"],
.middle-office div.table [class^="icon_"],
.middle-office .table-view [class*=" icon_"],
.middle-office div.table [class*=" icon_"],
.detail-selectable .reference [class^="icon_"],
.detail-selectable .reference [class*=" icon_"],
.tile[class*="moovapps-quality"] [class*="icon_"],
[class^="tile application moovapps-quality"] [class^="icon_"],
div[data-vdp-sysname="selector-icon"] + [class^="icon_"],
div[data-vdp-sysname="selector-icon"] + [class*=" icon_"],
.category-applications [class^="icon_"],
.category-applications [class*=" icon_"] {
  font-family: 'quality-service-icomoon','icomoon', 'icomoon-ultimate' !important; }

.quality-service-iconx-tuiles_bx-quality-actions:before {
  content: "\e900"; }

.quality-service-iconx-tuiles_bx-quality-audit:before {
  content: "\e901"; }

.quality-service-iconx-tuiles_bx-quality-non-compliance:before {
  content: "\e902"; }

.quality-service-iconx-tuiles_bx-quality-opportunities:before {
  content: "\e903"; }

.quality-service-iconx-tuiles_bx-quality-risks:before {
  content: "\e904"; }

.quality-service-iconx-tuiles_bx-quality-swot:before {
  content: "\e905"; }

/******************************************************************************
* stdBs4MdAccessoires.scss
*******************************************************************************

*******************************************************************************
*                                                                             *
* Copyright 2021									                          *
*                                                                             *
******************************************************************************/
/* Variables */
/*$color-backgroundDropdown: $ishBstrap:dropdownMenuColor;;
$color-linkDrowpdown: $ishBstrap:linkDropdownMenuColor;;*/
/*$color-backgroundTopBar: $ishBstrap:baseTopBarColor;;
$color-textTopBar: $ishBstrap:textTopBarColor;;
*/
/*$color-backgroundFilterBar: $ishBstrap:baseFilterBarColor;;
$color-textFilterBarColor: $ishBstrap:textFilterBarColor;;
$color-backgroundLastSeenProduct: $ishBstrap:lastSeenProductBaseColor;;
$color-textLastSeenProduct: $ishBstrap:lastSeenProductTextColor;;
$color-topbar-borderMenu: $ishBstrap:borderMenu;;*/
/*  
    Activation System
    We can disable some part of the UI from this skin.
    For example, it's could be practical to disable the responsive grid system to replace it in a custom case.
*/
/******************************************************************************
* stdBs4MdMixins.scss
*******************************************************************************

*******************************************************************************
*                                                                             *
* Copyright 2021									                          *
*                                                                             *
******************************************************************************/
/******************************************************************************
* mShBs4IsotoolsFramework.scss
*******************************************************************************

*******************************************************************************
*                                                                             *
* Copyright 2020									                          *
*                                                                             *
******************************************************************************/
.glimpse-nowrap {
  z-index: 2000; }

.nav-header {
  display: block;
  padding: 3px 15px;
  font-size: 11px;
  font-weight: bold;
  color: #f2f2f2;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  text-transform: uppercase; }

.nav li + .nav-header {
  margin-top: 9px; }

.nav-list {
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 0; }

.nav-list &gt; li &gt; a,
.nav-list .nav-header {
  margin-left: -15px;
  margin-right: -15px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); }

.nav-list &gt; li &gt; a {
  padding: 3px 15px; }

.nav-list &gt; .active &gt; a,
.nav-list &gt; .active &gt; a:hover,
.nav-list &gt; .active &gt; a:focus {
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
  background-color: #B5ACA2; }

.nav-list [class^="icon-"],
.nav-list [class*=" icon-"] {
  margin-right: 2px; }

.dropdown-submenu {
  position: relative; }

.dropdown-submenu &gt; .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -6px;
  margin-left: -1px;
  -webkit-border-radius: 0 6px 6px 6px;
  -moz-border-radius: 0 6px 6px 6px;
  border-radius: 0 6px 6px 6px; }

.dropdown-submenu.level1:hover &gt; .dropdown-menu {
  display: block; }

.dropdown-submenu &gt; a:after {
  display: block;
  content: " ";
  float: right;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-left-color: #cccccc;
  margin-top: 5px;
  margin-right: -10px; }

.dropdown-submenu:hover &gt; a:after {
  border-left-color: #ffffff; }

.dropdown-submenu.pull-left {
  float: none; }

.dropdown-submenu.pull-left &gt; .dropdown-menu {
  left: -100%;
  margin-left: 10px;
  -webkit-border-radius: 6px 0 6px 6px;
  -moz-border-radius: 6px 0 6px 6px;
  border-radius: 6px 0 6px 6px; }

.open &gt; .dropdown-menu {
  display: block; }

li {
  margin-bottom: inherit; }

.principal-nav {
  text-transform: uppercase;
  -webkit-box-shadow: 0px 1px 1px 0px rgba(88, 88, 88, 0.2);
  -moz-box-shadow: 0px 1px 1px 0px rgba(88, 88, 88, 0.2);
  -o-box-shadow: 0px 1px 1px 0px rgba(88, 88, 88, 0.2);
  box-shadow: 0px 1px 1px 0px rgba(88, 88, 88, 0.2);
  border: 0;
  min-height: 40px; }

.footer .ishBstrap-navShortCuts {
  min-height: 40px; }

.preHome_body {
  position: relative;
  margin-top: -126px;
  background-image: none;
  height: 100%; }
  .preHome_body .preHome.content {
    margin: 0px;
    background: none;
    box-shadow: none;
    padding: 0px; }
    .preHome_body .preHome.content &gt; .centeredContent {
      width: 100%;
      position: relative;
      margin: 0 auto;
      padding: 0;
      font-weight: 200;
      background: transparent;
      display: block; }
      .preHome_body .preHome.content &gt; .centeredContent .form-signin {
        width: auto;
        flex-basis: auto;
        background: #fff;
        padding: 60px 0 0;
        max-width: 450px;
        border-radius: 15px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        flex-direction: column; }
      .preHome_body .preHome.content &gt; .centeredContent .cardCell.odd .bsLevel0 {
        text-align: center;
        font-size: 120%;
        margin-bottom: 25px; }
      .preHome_body .preHome.content &gt; .centeredContent .cardCell.odd .bsText {
        font-size: 16px; }
    .preHome_body .preHome.content .bsGrid,
    .preHome_body .preHome.content .bbsRow {
      margin: 0px 30px;
      animation: translateLine 0.1s ease both;
      z-index: 3; }
      .preHome_body .preHome.content .bsGrid .col-xs-12, .preHome_body .preHome.content .bsGrid .col-full,
      .preHome_body .preHome.content .bbsRow .col-xs-12,
      .preHome_body .preHome.content .bbsRow .col-full {
        padding: 0; }
      .preHome_body .preHome.content .bsGrid td,
      .preHome_body .preHome.content .bbsRow td {
        padding: 0; }
      .preHome_body .preHome.content .bsGrid .advImageMap.flag,
      .preHome_body .preHome.content .bsGrid .bsImgStd.flag,
      .preHome_body .preHome.content .bsGrid img.flag,
      .preHome_body .preHome.content .bbsRow .advImageMap.flag,
      .preHome_body .preHome.content .bbsRow .bsImgStd.flag,
      .preHome_body .preHome.content .bbsRow img.flag {
        width: 16px;
        height: 14px;
        margin: 5px; }
      .preHome_body .preHome.content .bsGrid #dropdownMenuButton:after,
      .preHome_body .preHome.content .bbsRow #dropdownMenuButton:after {
        display: none; }
      .preHome_body .preHome.content .bsGrid .userLang .dropdown-item,
      .preHome_body .preHome.content .bbsRow .userLang .dropdown-item {
        padding: 6px 10px;
        font-size: 1rem;
        font-weight: 300;
        margin: 0px;
        width: 100%;
        display: block;
        text-align: left;
        position: relative; }
        .preHome_body .preHome.content .bsGrid .userLang .dropdown-item:hover,
        .preHome_body .preHome.content .bbsRow .userLang .dropdown-item:hover {
          background-color: #eee; }
        .preHome_body .preHome.content .bsGrid .userLang .dropdown-item:before,
        .preHome_body .preHome.content .bbsRow .userLang .dropdown-item:before {
          display: none; }
      .preHome_body .preHome.content .bsGrid .usrLoginResMsg,
      .preHome_body .preHome.content .bbsRow .usrLoginResMsg {
        font-size: 0px;
        color: transparent;
        line-height: 0;
        height: 0;
        padding: 0;
        margin: 0; }
      .preHome_body .preHome.content .bsGrid .breadcrumb,
      .preHome_body .preHome.content .bbsRow .breadcrumb {
        background: none;
        display: none; }
        .preHome_body .preHome.content .bsGrid .breadcrumb a,
        .preHome_body .preHome.content .bbsRow .breadcrumb a {
          color: #a7a7a7; }
      .preHome_body .preHome.content .bsGrid .connectButtonBar,
      .preHome_body .preHome.content .bbsRow .connectButtonBar {
        margin-top: 20px;
        padding: 0.5rem 0;
        width: 100%; }
      .preHome_body .preHome.content .bsGrid .usrLoginForm .logoLoginPage,
      .preHome_body .preHome.content .bbsRow .usrLoginForm .logoLoginPage {
        padding-bottom: 20px;
        text-align: center; }
        .preHome_body .preHome.content .bsGrid .usrLoginForm .logoLoginPage img,
        .preHome_body .preHome.content .bbsRow .usrLoginForm .logoLoginPage img {
          max-width: 290px;
          height: auto;
          -ms-interpolation-mode: bicubic; }
          .preHome_body .preHome.content .bsGrid .usrLoginForm .logoLoginPage img.logoInResponsive,
          .preHome_body .preHome.content .bbsRow .usrLoginForm .logoLoginPage img.logoInResponsive {
            display: none; }
      .preHome_body .preHome.content .bsGrid .usrLoginForm .inBetweenText,
      .preHome_body .preHome.content .bbsRow .usrLoginForm .inBetweenText {
        margin-bottom: 20px;
        font-weight: normal;
        font-size: 16px; }
      .preHome_body .preHome.content .bsGrid .usrLoginForm .usrForgotPwdMsgSend,
      .preHome_body .preHome.content .bbsRow .usrLoginForm .usrForgotPwdMsgSend {
        padding: 10px 0;
        font-weight: bold;
        color: #005999; }
      .preHome_body .preHome.content .bsGrid .usrLoginForm .form-horizontal .form-outline,
      .preHome_body .preHome.content .bbsRow .usrLoginForm .form-horizontal .form-outline {
        width: 100%;
        margin-top: 25px;
        display: flex;
        flex-direction: column; }
        .preHome_body .preHome.content .bsGrid .usrLoginForm .form-horizontal .form-outline .form-control,
        .preHome_body .preHome.content .bbsRow .usrLoginForm .form-horizontal .form-outline .form-control {
          border: 1px solid #cccccc;
          height: 40px;
          line-height: 40px;
          padding: 1.3em;
          text-align: left;
          font-weight: normal;
          font-size: 1rem;
          color: #212529; }
        .preHome_body .preHome.content .bsGrid .usrLoginForm .form-horizontal .form-outline .control-label,
        .preHome_body .preHome.content .bbsRow .usrLoginForm .form-horizontal .form-outline .control-label {
          padding-top: .7rem;
          font-size: 1rem; }
        .preHome_body .preHome.content .bsGrid .usrLoginForm .form-horizontal .form-outline .input-group,
        .preHome_body .preHome.content .bbsRow .usrLoginForm .form-horizontal .form-outline .input-group {
          width: 100%;
          padding: 5px 0;
          margin: 0 0 18px;
          display: flex;
          flex-direction: column; }
      .preHome_body .preHome.content .bsGrid .usrLoginForm h2, .preHome_body .preHome.content .bsGrid .usrLoginForm .h2,
      .preHome_body .preHome.content .bbsRow .usrLoginForm h2,
      .preHome_body .preHome.content .bbsRow .usrLoginForm .h2 {
        font-size: 21px;
        margin-left: 13px; }
      .preHome_body .preHome.content .bsGrid .usrLoginForm .connectButtonBar,
      .preHome_body .preHome.content .bbsRow .usrLoginForm .connectButtonBar {
        margin: 12px 0; }
        .preHome_body .preHome.content .bsGrid .usrLoginForm .connectButtonBar .navbar-inner,
        .preHome_body .preHome.content .bbsRow .usrLoginForm .connectButtonBar .navbar-inner {
          display: -webkit-flex;
          -webkit-flex-direction: column;
          -webkit-justify-content: flex-end;
          display: flex;
          flex-direction: column;
          justify-content: flex-end;
          width: 100%; }
          .preHome_body .preHome.content .bsGrid .usrLoginForm .connectButtonBar .navbar-inner .navbar-text,
          .preHome_body .preHome.content .bbsRow .usrLoginForm .connectButtonBar .navbar-inner .navbar-text {
            -webkit-order: 2;
            order: 2;
            margin: 30px 0 0 0;
            padding: 20px 0 0 0;
            border-top: 1px solid #d9d9d9;
            width: 100%; }
            .preHome_body .preHome.content .bsGrid .usrLoginForm .connectButtonBar .navbar-inner .navbar-text .usrForgotLink,
            .preHome_body .preHome.content .bbsRow .usrLoginForm .connectButtonBar .navbar-inner .navbar-text .usrForgotLink {
              transition: opacity 0.07s linear;
              border-bottom: 1px dotted #B5ACA2;
              font-size: 14px;
              color: #B5ACA2;
              border-color: #B5ACA2; }
              .preHome_body .preHome.content .bsGrid .usrLoginForm .connectButtonBar .navbar-inner .navbar-text .usrForgotLink:hover, .preHome_body .preHome.content .bsGrid .usrLoginForm .connectButtonBar .navbar-inner .navbar-text .usrForgotLink:focus,
              .preHome_body .preHome.content .bbsRow .usrLoginForm .connectButtonBar .navbar-inner .navbar-text .usrForgotLink:hover,
              .preHome_body .preHome.content .bbsRow .usrLoginForm .connectButtonBar .navbar-inner .navbar-text .usrForgotLink:focus {
                border-bottom-style: solid;
                text-decoration: none; }
          .preHome_body .preHome.content .bsGrid .usrLoginForm .connectButtonBar .navbar-inner .usrLoginSubmit,
          .preHome_body .preHome.content .bbsRow .usrLoginForm .connectButtonBar .navbar-inner .usrLoginSubmit {
            -webkit-order: 1;
            margin: 0 0px 0 15px;
            float: right;
            order: 1;
            -webkit-align-self: flex-end;
            align-self: flex-end;
            justify-content: center;
            font-size: 1rem !important; }
      .preHome_body .preHome.content .bsGrid .usrLoginForm .navbar-text,
      .preHome_body .preHome.content .bbsRow .usrLoginForm .navbar-text {
        margin-left: 0;
        margin-right: 0; }
      .preHome_body .preHome.content .bsGrid .usrLoginForm .input-group-addon,
      .preHome_body .preHome.content .bbsRow .usrLoginForm .input-group-addon {
        display: none; }
      .preHome_body .preHome.content .bsGrid .usrLoginForm .usrForgottenPassButtonBar,
      .preHome_body .preHome.content .bbsRow .usrLoginForm .usrForgottenPassButtonBar {
        padding: 0px;
        width: 100%; }
        .preHome_body .preHome.content .bsGrid .usrLoginForm .usrForgottenPassButtonBar .navbar-inner,
        .preHome_body .preHome.content .bbsRow .usrLoginForm .usrForgottenPassButtonBar .navbar-inner {
          display: flex;
          justify-content: flex-start;
          flex-direction: row-reverse;
          align-items: center;
          flex: 1 100%; }
        .preHome_body .preHome.content .bsGrid .usrLoginForm .usrForgottenPassButtonBar .bsButtonSpan a,
        .preHome_body .preHome.content .bbsRow .usrLoginForm .usrForgottenPassButtonBar .bsButtonSpan a {
          order: 0;
          margin: 0 10px;
          -webkit-appearance: none;
          -moz-appearance: none;
          appearance: none; }
          .preHome_body .preHome.content .bsGrid .usrLoginForm .usrForgottenPassButtonBar .bsButtonSpan a .label,
          .preHome_body .preHome.content .bbsRow .usrLoginForm .usrForgottenPassButtonBar .bsButtonSpan a .label {
            z-index: 2;
            font-weight: bold;
            display: flex;
            align-items: center;
            height: 40px; }
            .preHome_body .preHome.content .bsGrid .usrLoginForm .usrForgottenPassButtonBar .bsButtonSpan a .label:before,
            .preHome_body .preHome.content .bbsRow .usrLoginForm .usrForgottenPassButtonBar .bsButtonSpan a .label:before {
              font-family: "icomoon";
              font-weight: normal;
              font-style: normal;
              content: "\e964";
              font-size: 16px; }
      .preHome_body .preHome.content .bsGrid .usrLoginForm h2, .preHome_body .preHome.content .bsGrid .usrLoginForm .h2,
      .preHome_body .preHome.content .bbsRow .usrLoginForm h2,
      .preHome_body .preHome.content .bbsRow .usrLoginForm .h2 {
        color: #951CFF;
        text-transform: uppercase;
        font-size: 22px; }
      .preHome_body .preHome.content .bsGrid .usrLoginForm .form-control,
      .preHome_body .preHome.content .bsGrid .usrLoginForm .input-group-addon,
      .preHome_body .preHome.content .bbsRow .usrLoginForm .form-control,
      .preHome_body .preHome.content .bbsRow .usrLoginForm .input-group-addon {
        color: #c0c0c0; }
      .preHome_body .preHome.content .bsGrid .usrLoginForm .form-group,
      .preHome_body .preHome.content .bbsRow .usrLoginForm .form-group {
        margin: 0 15px;
        margin-top: 30px;
        border-bottom: 1px solid #dadada; }
        .preHome_body .preHome.content .bsGrid .usrLoginForm .form-group label,
        .preHome_body .preHome.content .bbsRow .usrLoginForm .form-group label {
          text-align: left;
          font-weight: normal;
          color: #c0c0c0;
          padding-left: 0; }
        .preHome_body .preHome.content .bsGrid .usrLoginForm .form-group i.glyphicon,
        .preHome_body .preHome.content .bbsRow .usrLoginForm .form-group i.glyphicon {
          color: #dadada; }
        .preHome_body .preHome.content .bsGrid .usrLoginForm .form-group .control-label,
        .preHome_body .preHome.content .bbsRow .usrLoginForm .form-group .control-label {
          position: relative;
          float: left;
          width: 100%;
          min-height: 1px;
          padding-right: 15px;
          padding-left: 15px;
          position: relative;
          min-height: 1px;
          padding-right: 15px;
          padding-left: 15px;
          position: relative;
          min-height: 1px;
          padding-right: 15px;
          padding-left: 15px;
          position: relative;
          min-height: 1px;
          padding-right: 15px;
          padding-left: 15px; }
          @media (min-width: 768px) {
            .preHome_body .preHome.content .bsGrid .usrLoginForm .form-group .control-label,
            .preHome_body .preHome.content .bbsRow .usrLoginForm .form-group .control-label {
              float: left;
              width: 41.66667%; } }
          @media (min-width: 768px) {
            .preHome_body .preHome.content .bsGrid .usrLoginForm .form-group .control-label,
            .preHome_body .preHome.content .bbsRow .usrLoginForm .form-group .control-label {
              float: left;
              width: 33.33333%; } }
          @media (min-width: 1200px) {
            .preHome_body .preHome.content .bsGrid .usrLoginForm .form-group .control-label,
            .preHome_body .preHome.content .bbsRow .usrLoginForm .form-group .control-label {
              float: left;
              width: 25%; } }
        .preHome_body .preHome.content .bsGrid .usrLoginForm .form-group .input-group,
        .preHome_body .preHome.content .bbsRow .usrLoginForm .form-group .input-group {
          position: relative;
          float: left;
          width: 100%;
          min-height: 1px;
          padding-right: 15px;
          padding-left: 15px;
          position: relative;
          min-height: 1px;
          padding-right: 15px;
          padding-left: 15px;
          position: relative;
          min-height: 1px;
          padding-right: 15px;
          padding-left: 15px;
          position: relative;
          min-height: 1px;
          padding-right: 15px;
          padding-left: 15px; }
          @media (min-width: 768px) {
            .preHome_body .preHome.content .bsGrid .usrLoginForm .form-group .input-group,
            .preHome_body .preHome.content .bbsRow .usrLoginForm .form-group .input-group {
              float: left;
              width: 58.33333%; } }
          @media (min-width: 768px) {
            .preHome_body .preHome.content .bsGrid .usrLoginForm .form-group .input-group,
            .preHome_body .preHome.content .bbsRow .usrLoginForm .form-group .input-group {
              float: left;
              width: 66.66667%; } }
          @media (min-width: 1200px) {
            .preHome_body .preHome.content .bsGrid .usrLoginForm .form-group .input-group,
            .preHome_body .preHome.content .bbsRow .usrLoginForm .form-group .input-group {
              float: left;
              width: 75%; } }
      .preHome_body .preHome.content .bsGrid .usrLoginForm .usrForgotTable,
      .preHome_body .preHome.content .bbsRow .usrLoginForm .usrForgotTable {
        margin-left: 5px;
        margin-right: 5px; }
        .preHome_body .preHome.content .bsGrid .usrLoginForm .usrForgotTable .form-control,
        .preHome_body .preHome.content .bbsRow .usrLoginForm .usrForgotTable .form-control {
          width: 100% !important; }
      .preHome_body .preHome.content .bsGrid .usrLoginForm .sdsLayoutGrid .cardCell,
      .preHome_body .preHome.content .bbsRow .usrLoginForm .sdsLayoutGrid .cardCell {
        padding: 0;
        vertical-align: middle; }
        .preHome_body .preHome.content .bsGrid .usrLoginForm .sdsLayoutGrid .cardCell div.odfFormContent,
        .preHome_body .preHome.content .bbsRow .usrLoginForm .sdsLayoutGrid .cardCell div.odfFormContent {
          margin: 0; }
        .preHome_body .preHome.content .bsGrid .usrLoginForm .sdsLayoutGrid .cardCell .bsLevel0,
        .preHome_body .preHome.content .bbsRow .usrLoginForm .sdsLayoutGrid .cardCell .bsLevel0 {
          margin-bottom: 0;
          text-transform: uppercase;
          font-size: 20px;
          font-weight: 500; }
        .preHome_body .preHome.content .bsGrid .usrLoginForm .sdsLayoutGrid .cardCell .bsLevel2,
        .preHome_body .preHome.content .bbsRow .usrLoginForm .sdsLayoutGrid .cardCell .bsLevel2 {
          margin-top: 0;
          text-align: center;
          font-size: 14px;
          margin-bottom: 30px;
          font-weight: 200; }
        .preHome_body .preHome.content .bsGrid .usrLoginForm .sdsLayoutGrid .cardCell .insBGImageInset,
        .preHome_body .preHome.content .bbsRow .usrLoginForm .sdsLayoutGrid .cardCell .insBGImageInset {
          color: white;
          height: 330px;
          padding: 0 15px; }
        .preHome_body .preHome.content .bsGrid .usrLoginForm .sdsLayoutGrid .cardCell .bsText,
        .preHome_body .preHome.content .bbsRow .usrLoginForm .sdsLayoutGrid .cardCell .bsText {
          font-size: 13px; }
      .preHome_body .preHome.content .bsGrid .usrForgotPwdMsgDataError,
      .preHome_body .preHome.content .bsGrid .usrForgotPwdMsgFail,
      .preHome_body .preHome.content .bbsRow .usrForgotPwdMsgDataError,
      .preHome_body .preHome.content .bbsRow .usrForgotPwdMsgFail {
        color: red;
        position: relative; }
      .preHome_body .preHome.content .bsGrid .failurePara,
      .preHome_body .preHome.content .bbsRow .failurePara {
        line-height: 20px;
        font-size: 14px;
        font-weight: 400;
        order: 2;
        padding-top: 5px; }
      .preHome_body .preHome.content .bsGrid .failureParaPwd,
      .preHome_body .preHome.content .bbsRow .failureParaPwd {
        font-style: italic;
        font-size: 12px; }
    .preHome_body .preHome.content footer {
      position: absolute;
      width: 100%;
      bottom: 0;
      right: 0;
      height: 40px;
      padding: 5px;
      text-align: center;
      font-size: 10px;
      line-height: 20px;
      clear: both;
      font-weight: normal;
      z-index: 0;
      margin-top: auto; }
      .preHome_body .preHome.content footer a {
        color: white; }
  .preHome_body .login-image {
    background: url(".././iso_album/fond_ecran_page_accueil.jpg") no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    width: 100%;
    min-height: 100vh;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding: 15px; }
  .preHome_body .footer {
    display: none; }

/* Lost password */
.row.usrForgotTable {
  margin: 0px 5px; }
  .row.usrForgotTable .form-group {
    margin: 0px; }

/******************************************************************************
* stdBs4MdOverride.scss
*******************************************************************************

*******************************************************************************
*                                                                             *
* Copyright 2021									                          *
*                                                                             *
******************************************************************************/
/*Needs variables and mixins in igshBstrapVariables.less for activating and some colors*/
/*Global shop responsive grids*/
/*Global*/
/*Premenu shortcuts*/
.shopping-cart:before {
  width: 60%;
  height: 60%;
  top: 8px;
  left: 10px; }

/* Navigation mega menu*/
#ishBstrap-principal-nav {
  background-color: #F6F2F1;
  box-shadow: 0px 1px 1px 0px rgba(88, 88, 88, 0.2); }

.principal-nav {
  height: 50px;
  text-transform: none;
  background-color: transparent;
  box-shadow: none; }
  .principal-nav .container {
    padding: 0; }
  .principal-nav .navbar-nav {
    border-left: 0px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: nowrap;
    flex-direction: row;
    height: 50px;
    max-width: 95%;
    padding: 0 10px; }
    .principal-nav .navbar-nav li {
      height: 100%;
      background-color: transparent;
      border: none; }
      .principal-nav .navbar-nav li.homepage a {
        font-size: 24px; }
      .principal-nav .navbar-nav li.homepage span {
        height: 50px;
        line-height: 50px;
        display: inline-block;
        vertical-align: top;
        position: relative;
        z-index: 2; }
      .principal-nav .navbar-nav li .dropdown a::before {
        display: none; }
      .principal-nav .navbar-nav li a:not(.see-all) {
        align-items: center;
        height: 100%;
        font-weight: 400;
        text-transform: initial;
        color: #212529;
        line-height: 32px;
        position: relative;
        z-index: 2;
        display: flex;
        flex-wrap: nowrap;
        width: 100%; }
        .principal-nav .navbar-nav li a:not(.see-all)::before {
          content: "";
          position: absolute;
          display: block;
          transform-origin: center center;
          height: 70%;
          top: 14%;
          width: 100%;
          left: 0;
          opacity: 0;
          transform: scale(0.8);
          border-radius: 20px;
          transition: all 0.1s linear; }
        .principal-nav .navbar-nav li a:not(.see-all):hover, .principal-nav .navbar-nav li a:not(.see-all):focus {
          color: #4D4D4D; }
          .principal-nav .navbar-nav li a:not(.see-all):hover span, .principal-nav .navbar-nav li a:not(.see-all):focus span {
            color: #4D4D4D; }
          .principal-nav .navbar-nav li a:not(.see-all):hover::before, .principal-nav .navbar-nav li a:not(.see-all):focus::before {
            opacity: 1;
            transform: scale(1); }
        .principal-nav .navbar-nav li a:not(.see-all) span {
          position: relative;
          font-weight: 400;
          white-space: nowrap; }
      .principal-nav .navbar-nav li.nav-link:not(.homepage) &gt; a:not(.see-all),
      .principal-nav .navbar-nav li.nav-link:not(.homepage) span,
      .principal-nav .navbar-nav li.nav-link:not(.homepage) a:focus,
      .principal-nav .navbar-nav li.nav-link:not(.homepage) a:hover, .principal-nav .navbar-nav li.nav-link.open &gt; a:not(.see-all),
      .principal-nav .navbar-nav li.nav-link.open span,
      .principal-nav .navbar-nav li.nav-link.open a:focus,
      .principal-nav .navbar-nav li.nav-link.open a:hover, .principal-nav .navbar-nav li.nav-link.active &gt; a:not(.see-all),
      .principal-nav .navbar-nav li.nav-link.active span,
      .principal-nav .navbar-nav li.nav-link.active a:focus,
      .principal-nav .navbar-nav li.nav-link.active a:hover {
        background: transparent;
        z-index: 2; }
        .principal-nav .navbar-nav li.nav-link:not(.homepage) &gt; a:not(.see-all):before,
        .principal-nav .navbar-nav li.nav-link:not(.homepage) span:before,
        .principal-nav .navbar-nav li.nav-link:not(.homepage) a:focus:before,
        .principal-nav .navbar-nav li.nav-link:not(.homepage) a:hover:before, .principal-nav .navbar-nav li.nav-link.open &gt; a:not(.see-all):before,
        .principal-nav .navbar-nav li.nav-link.open span:before,
        .principal-nav .navbar-nav li.nav-link.open a:focus:before,
        .principal-nav .navbar-nav li.nav-link.open a:hover:before, .principal-nav .navbar-nav li.nav-link.active &gt; a:not(.see-all):before,
        .principal-nav .navbar-nav li.nav-link.active span:before,
        .principal-nav .navbar-nav li.nav-link.active a:focus:before,
        .principal-nav .navbar-nav li.nav-link.active a:hover:before {
          background-color: #D5D5D5; }
        .principal-nav .navbar-nav li.nav-link:not(.homepage) &gt; a:not(.see-all):hover, .principal-nav .navbar-nav li.nav-link:not(.homepage) &gt; a:not(.see-all):focus,
        .principal-nav .navbar-nav li.nav-link:not(.homepage) span:hover,
        .principal-nav .navbar-nav li.nav-link:not(.homepage) span:focus,
        .principal-nav .navbar-nav li.nav-link:not(.homepage) a:focus:hover,
        .principal-nav .navbar-nav li.nav-link:not(.homepage) a:focus:focus,
        .principal-nav .navbar-nav li.nav-link:not(.homepage) a:hover:hover,
        .principal-nav .navbar-nav li.nav-link:not(.homepage) a:hover:focus, .principal-nav .navbar-nav li.nav-link.open &gt; a:not(.see-all):hover, .principal-nav .navbar-nav li.nav-link.open &gt; a:not(.see-all):focus,
        .principal-nav .navbar-nav li.nav-link.open span:hover,
        .principal-nav .navbar-nav li.nav-link.open span:focus,
        .principal-nav .navbar-nav li.nav-link.open a:focus:hover,
        .principal-nav .navbar-nav li.nav-link.open a:focus:focus,
        .principal-nav .navbar-nav li.nav-link.open a:hover:hover,
        .principal-nav .navbar-nav li.nav-link.open a:hover:focus, .principal-nav .navbar-nav li.nav-link.active &gt; a:not(.see-all):hover, .principal-nav .navbar-nav li.nav-link.active &gt; a:not(.see-all):focus,
        .principal-nav .navbar-nav li.nav-link.active span:hover,
        .principal-nav .navbar-nav li.nav-link.active span:focus,
        .principal-nav .navbar-nav li.nav-link.active a:focus:hover,
        .principal-nav .navbar-nav li.nav-link.active a:focus:focus,
        .principal-nav .navbar-nav li.nav-link.active a:hover:hover,
        .principal-nav .navbar-nav li.nav-link.active a:hover:focus {
          color: #4D4D4D; }
          .principal-nav .navbar-nav li.nav-link:not(.homepage) &gt; a:not(.see-all):hover span, .principal-nav .navbar-nav li.nav-link:not(.homepage) &gt; a:not(.see-all):focus span,
          .principal-nav .navbar-nav li.nav-link:not(.homepage) span:hover span,
          .principal-nav .navbar-nav li.nav-link:not(.homepage) span:focus span,
          .principal-nav .navbar-nav li.nav-link:not(.homepage) a:focus:hover span,
          .principal-nav .navbar-nav li.nav-link:not(.homepage) a:focus:focus span,
          .principal-nav .navbar-nav li.nav-link:not(.homepage) a:hover:hover span,
          .principal-nav .navbar-nav li.nav-link:not(.homepage) a:hover:focus span, .principal-nav .navbar-nav li.nav-link.open &gt; a:not(.see-all):hover span, .principal-nav .navbar-nav li.nav-link.open &gt; a:not(.see-all):focus span,
          .principal-nav .navbar-nav li.nav-link.open span:hover span,
          .principal-nav .navbar-nav li.nav-link.open span:focus span,
          .principal-nav .navbar-nav li.nav-link.open a:focus:hover span,
          .principal-nav .navbar-nav li.nav-link.open a:focus:focus span,
          .principal-nav .navbar-nav li.nav-link.open a:hover:hover span,
          .principal-nav .navbar-nav li.nav-link.open a:hover:focus span, .principal-nav .navbar-nav li.nav-link.active &gt; a:not(.see-all):hover span, .principal-nav .navbar-nav li.nav-link.active &gt; a:not(.see-all):focus span,
          .principal-nav .navbar-nav li.nav-link.active span:hover span,
          .principal-nav .navbar-nav li.nav-link.active span:focus span,
          .principal-nav .navbar-nav li.nav-link.active a:focus:hover span,
          .principal-nav .navbar-nav li.nav-link.active a:focus:focus span,
          .principal-nav .navbar-nav li.nav-link.active a:hover:hover span,
          .principal-nav .navbar-nav li.nav-link.active a:hover:focus span {
            color: #4D4D4D;
            z-index: 2; }
          .principal-nav .navbar-nav li.nav-link:not(.homepage) &gt; a:not(.see-all):hover:before, .principal-nav .navbar-nav li.nav-link:not(.homepage) &gt; a:not(.see-all):focus:before,
          .principal-nav .navbar-nav li.nav-link:not(.homepage) span:hover:before,
          .principal-nav .navbar-nav li.nav-link:not(.homepage) span:focus:before,
          .principal-nav .navbar-nav li.nav-link:not(.homepage) a:focus:hover:before,
          .principal-nav .navbar-nav li.nav-link:not(.homepage) a:focus:focus:before,
          .principal-nav .navbar-nav li.nav-link:not(.homepage) a:hover:hover:before,
          .principal-nav .navbar-nav li.nav-link:not(.homepage) a:hover:focus:before, .principal-nav .navbar-nav li.nav-link.open &gt; a:not(.see-all):hover:before, .principal-nav .navbar-nav li.nav-link.open &gt; a:not(.see-all):focus:before,
          .principal-nav .navbar-nav li.nav-link.open span:hover:before,
          .principal-nav .navbar-nav li.nav-link.open span:focus:before,
          .principal-nav .navbar-nav li.nav-link.open a:focus:hover:before,
          .principal-nav .navbar-nav li.nav-link.open a:focus:focus:before,
          .principal-nav .navbar-nav li.nav-link.open a:hover:hover:before,
          .principal-nav .navbar-nav li.nav-link.open a:hover:focus:before, .principal-nav .navbar-nav li.nav-link.active &gt; a:not(.see-all):hover:before, .principal-nav .navbar-nav li.nav-link.active &gt; a:not(.see-all):focus:before,
          .principal-nav .navbar-nav li.nav-link.active span:hover:before,
          .principal-nav .navbar-nav li.nav-link.active span:focus:before,
          .principal-nav .navbar-nav li.nav-link.active a:focus:hover:before,
          .principal-nav .navbar-nav li.nav-link.active a:focus:focus:before,
          .principal-nav .navbar-nav li.nav-link.active a:hover:hover:before,
          .principal-nav .navbar-nav li.nav-link.active a:hover:focus:before {
            background-color: #D5D5D5; }
      .principal-nav .navbar-nav li.level1.active &gt; a, .principal-nav .navbar-nav li.level1.active &gt; a &gt; span {
        background-color: transparent; }
        .principal-nav .navbar-nav li.level1.active &gt; a::before, .principal-nav .navbar-nav li.level1.active &gt; a &gt; span::before {
          transform: scale(1);
          display: block;
          opacity: 1; }
    .principal-nav .navbar-nav .navbar-filter-black li a,
    .principal-nav .navbar-nav .navbar-filter-black li a:hover,
    .principal-nav .navbar-nav .navbar-filter-black li a:focus {
      margin-top: 0px; }
      .principal-nav .navbar-nav .navbar-filter-black li a.closer i,
      .principal-nav .navbar-nav .navbar-filter-black li a.closer:hover i,
      .principal-nav .navbar-nav .navbar-filter-black li a.closer:focus i {
        font-size: inherit; }
  .principal-nav .has-sub &gt; .dropdown-toggle {
    color: #212529; }
    .principal-nav .has-sub &gt; .dropdown-toggle span:after {
      content: "";
      display: inline-block;
      width: 0;
      height: 0;
      vertical-align: middle;
      border-top: 6px solid;
      border-right: 6px solid transparent;
      border-left: 6px solid transparent; }
    .principal-nav .has-sub &gt; .dropdown-toggle:after {
      display: none; }
  .principal-nav .has-sub:hover .caret, .principal-nav .has-sub:focus .caret {
    transform: translateY(2px);
    transition: transform 0.15s ease-out; }
  .principal-nav .has-sub:hover span:after, .principal-nav .has-sub:focus span:after {
    transform: translateY(2px);
    transition: transform 0.15s ease-out; }
  .principal-nav .has-sub:hover .menu-rollover, .principal-nav .has-sub:focus .menu-rollover {
    display: block;
    /*animation: scaleDown30 .2s ease both;*/ }
  .principal-nav .menu-rollover {
    position: absolute;
    top: 48px;
    display: none; }
    .principal-nav .menu-rollover &gt; .dropdown-menu {
      border: 0;
      padding: 5px;
      display: block;
      position: relative; }
      .principal-nav .menu-rollover &gt; .dropdown-menu li {
        position: relative; }
        .principal-nav .menu-rollover &gt; .dropdown-menu li.level2 a {
          font-size: 15px;
          line-height: 36px;
          position: relative; }
          .principal-nav .menu-rollover &gt; .dropdown-menu li.level2 a:hover {
            background: transparent; }
        .principal-nav .menu-rollover &gt; .dropdown-menu li.level2.has-sub .dropdown-menu {
          position: relative;
          border: none;
          box-shadow: none;
          left: 0;
          padding: 0;
          margin: 0;
          width: 100%; }
  .principal-nav .dropdown-submenu &gt; a:after {
    border-width: 6px;
    margin: 0px 15px;
    border-left-color: #212529;
    z-index: 2; }
  .principal-nav .dropdown-submenu .dropdown-menu {
    left: 100%;
    top: 0; }
    .principal-nav .dropdown-submenu .dropdown-menu.left {
      left: auto;
      right: 100%; }
  .principal-nav .navbar-toggle {
    border: 0;
    margin: 0; }
    .principal-nav .navbar-toggle .icon-bar {
      background-color: #B5ACA2; }
    .principal-nav .navbar-toggle:hover, .principal-nav .navbar-toggle:focus {
      background: transparent; }
  .principal-nav .homepage {
    width: 50px; }
    .principal-nav .homepage a {
      font-size: 25px;
      text-align: center;
      line-height: 16px; }
  .principal-nav .dropdown-menu {
    background: #fff; }

.megamenuMarkup .navbar-brand {
  margin-left: 10px;
  margin-right: 5px; }
  .megamenuMarkup .navbar-brand .material-icons {
    margin-left: 0px; }

.megamenuMarkup .navbar {
  padding: 0;
  background: #F6F2F1; }
  .megamenuMarkup .navbar .container {
    height: 50px; }

.megamenuMarkup .yamm .yamm-content {
  padding: 0px 30px; }
  .megamenuMarkup .yamm .yamm-content .row.masonry-layout {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    padding: 10px;
    height: 100vh; }
  .megamenuMarkup .yamm .yamm-content ul li a {
    width: 100%;
    padding: 6px;
    line-height: 16px;
    margin: 0;
    font-size: .8rem;
    color: #212529 !important;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s; }
    .megamenuMarkup .yamm .yamm-content ul li a:hover {
      background-color: #eee;
      color: #212529 !important; }
      .megamenuMarkup .yamm .yamm-content ul li a:hover span.title-bordred {
        border-color: transparent;
        color: rgba(0, 0, 0, 0.8); }
    .megamenuMarkup .yamm .yamm-content ul li a span {
      font-weight: 700;
      margin: 0px;
      padding: 0px;
      width: 100%;
      font-size: 1rem;
      color: rgba(0, 0, 0, 0.8);
      white-space: pre-wrap; }
      .megamenuMarkup .yamm .yamm-content ul li a span:hover {
        color: rgba(0, 0, 0, 0.8); }
  .megamenuMarkup .yamm .yamm-content ul li h5, .megamenuMarkup .yamm .yamm-content ul li .h5 {
    color: #212529; }
  .megamenuMarkup .yamm .yamm-content ul li .level1 {
    width: 100%;
    line-height: 22px;
    padding: 10px 6px; }
  .megamenuMarkup .yamm .yamm-content .see-all {
    margin: 10px 0; }
  .megamenuMarkup .yamm .yamm-content .row.row-btn-tablet {
    display: flex; }
  .megamenuMarkup .yamm .yamm-content .row ul.list-unstyled {
    margin-top: 5px; }
    .megamenuMarkup .yamm .yamm-content .row ul.list-unstyled.flex-sm-wrap {
      max-height: 212px; }
    .megamenuMarkup .yamm .yamm-content .row ul.list-unstyled li &gt; a:before {
      display: none; }
  .megamenuMarkup .yamm .yamm-content .col-md-2 {
    min-width: 200px; }
  .megamenuMarkup .yamm .yamm-content .col-md-4 {
    min-width: 300px; }

.megamenuMarkup .yamm .dropdown-menu {
  left: 0;
  right: 0;
  margin: 0;
  border-color: transparent;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
  border-radius: 0;
  min-height: calc(100vh - 125px); }
  .megamenuMarkup .yamm .dropdown-menu.toggled {
    display: block; }

.megamenuMarkup .yamm .img-container {
  height: 196px;
  margin-bottom: 5px; }

.megamenuMarkup .yamm ul li a {
  position: relative; }
  .megamenuMarkup .yamm ul li a:before {
    content: "";
    position: absolute;
    display: block;
    transform-origin: center center;
    height: 100%;
    top: 0;
    width: 100%;
    left: 0;
    opacity: 0;
    background-color: #d5d5d5;
    transform: scale(0.8);
    border-radius: 50px;
    transition: all 0.1s linear; }

.megamenuMarkup .yamm .nav-hover .dropdown-menu a:before {
  display: none; }

.megamenuMarkup .yamm .nav-hover:hover {
  /*            &amp;&gt; .dropdown-menu{
                display:block;
            }*/ }
  .megamenuMarkup .yamm .nav-hover:hover a:before {
    transition: all 0.2s linear; }

.megamenuMarkup .yamm .nav-hover.dropdwon-menu a:before {
  display: none; }

.megamenuMarkup .list-level2 {
  padding: 0; }

.megamenuMarkup .thick-border {
  border-width: 0px !important; }

.megamenuMarkup .title-bordred {
  border-bottom: 1px solid #e0e0e0; }

.megamenuMarkup .border-grey {
  border-color: #757575; }

.megamenuMarkup .fixed-top.navbar {
  position: fixed;
  z-index: 2400;
  box-shadow: 0px 1px 1px 0px rgba(88, 88, 88, 0.2); }

.megamenuMarkup .item-ellipsis.active:not(.open) &gt; a:before {
  background: transparent !important; }

.megamenuMarkup .navbar-light .navbar-nav .nav-link {
  font-weight: 400;
  font-size: 1rem; }
  .megamenuMarkup .navbar-light .navbar-nav .nav-link:before {
    background-color: #D5D5D5; }
  .megamenuMarkup .navbar-light .navbar-nav .nav-link:hover, .megamenuMarkup .navbar-light .navbar-nav .nav-link:active, .megamenuMarkup .navbar-light .navbar-nav .nav-link.active {
    color: #4D4D4D; }

.megamenuMarkup .img-thumbnail {
  width: 196px;
  border: none;
  margin: 0px;
  padding: 0; }
  .megamenuMarkup .img-thumbnail img {
    margin-bottom: 5px;
    max-height: 100%;
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.05);
    border-radius: 5px; }
  .megamenuMarkup .img-thumbnail .imglink {
    padding: 0 !important;
    background: transparent !important; }
    .megamenuMarkup .img-thumbnail .imglink:before {
      display: none !important; }

.megamenuMarkup .img-hilight {
  max-width: 320px; }
  .megamenuMarkup .img-hilight a:before {
    opacity: 0 !important; }
  .megamenuMarkup .img-hilight a.img {
    padding: 0; }
  .megamenuMarkup .img-hilight .img-hilight-col {
    display: flex;
    margin-bottom: 10px;
    justify-content: flex-end; }
    .megamenuMarkup .img-hilight .img-hilight-col a.medium:not(.img) {
      text-align: center;
      color: white;
      background: #dc3545;
      line-height: 36px;
      padding: 0; }

.megamenuMarkup .navbar-collapse {
  flex-basis: auto;
  align-content: center; }

.megamenuMarkup .navbar-nav {
  flex-direction: row; }

.megamenuMarkup .navbar-nav .nav-link {
  padding: 0.5rem 0.45rem;
  line-height: 26px;
  margin: 0px; }

.megamenuMarkup .figure {
  width: 160px; }
  .megamenuMarkup .figure a {
    padding: 0 !important; }
    .megamenuMarkup .figure a:before {
      opacity: 0 !important; }
    .megamenuMarkup .figure a img {
      margin-top: 6px; }

.megamenuMarkup a.link {
  color: #2C53FF !important;
  border-bottom: 1px dotted #2C53FF !important;
  padding: 0 !important;
  line-height: 22px !important;
  width: auto !important;
  margin: 6px !important; }
  .megamenuMarkup a.link:before {
    opacity: 0 !important; }
  .megamenuMarkup a.link:hover, .megamenuMarkup a.link:active, .megamenuMarkup a.link:focus {
    border-bottom-style: solid !important; }

.megamenuMarkup .collapse {
  width: auto; }

@media screen and (min-width: 1280px) {
  .megamenuMarkup ul.navbar-nav li.dropdown:hover &gt; a.nav-link, .megamenuMarkup ul.navbar-nav li.dropdown:hover a.nav-link span {
    color: #4D4D4D; }
    .megamenuMarkup ul.navbar-nav li.dropdown:hover &gt; a.nav-link:before, .megamenuMarkup ul.navbar-nav li.dropdown:hover a.nav-link span:before {
      opacity: 1;
      transform: scale(1); } }

.megamenuMarkup .yamm ul li.open &gt; a:before,
.megamenuMarkup .yamm ul li.show &gt; a:before,
.megamenuMarkup .yamm ul li &gt; a:hover:before,
.megamenuMarkup .yamm ul li.active &gt; a:before {
  opacity: 1;
  transform: scale(1); }

.megamenuMarkup .dropdown-menu.menu-ellipsis .nav-pills {
  display: flex;
  flex-wrap: nowrap; }
  .megamenuMarkup .dropdown-menu.menu-ellipsis .nav-pills a:before {
    display: none; }

.megamenuMarkup .menu-ellipsis .list-group {
  display: flex;
  flex-direction: column;
  flex: 0 0 auto;
  margin: 0 -10px; }
  .megamenuMarkup .menu-ellipsis .list-group a {
    border-radius: 20px;
    background-color: transparent;
    padding: 0 10px; }
    .megamenuMarkup .menu-ellipsis .list-group a:hover, .megamenuMarkup .menu-ellipsis .list-group a:focus, .megamenuMarkup .menu-ellipsis .list-group a:active {
      background-color: #D5D5D5 !important; }

.megamenuMarkup .menu-ellipsis .tab-content .tab-pane {
  border-left: 1px solid #ccc;
  padding-left: 15px; }
  .megamenuMarkup .menu-ellipsis .tab-content .tab-pane .figure {
    margin-left: 15px; }

.megamenuMarkup .megamenuMarkup .yamm .menu-ellipsis .yamm-content .row.row-btn-tablet .see-all {
  display: flex; }

.megamenuMarkup .list-group a {
  color: #4c4c4c;
  height: 38px !important;
  line-height: 32px !important;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 2px 0; }

/* Show/hide Prices*/
.settings {
  position: absolute;
  right: 20px;
  top: 5px;
  z-index: 1030; }
  .settings .btn-small {
    font-size: 16px;
    line-height: 26px;
    height: 35px;
    padding: 0px 5px;
    position: relative;
    float: right; }

#gshp-settings-pop-in {
  top: 50px;
  background: #fff;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.3);
  padding: 10px 15px;
  right: 0px;
  position: absolute;
  min-width: 250px;
  border-radius: 16px; }
  #gshp-settings-pop-in .inner-item {
    margin-bottom: 6px; }
  #gshp-settings-pop-in .bottom-align span {
    font-size: 0.75rem;
    opacity: 0.8;
    padding-left: 35px;
    font-weight: 300; }
  #gshp-settings-pop-in .bottom-align .btn-switch,
  #gshp-settings-pop-in .bottom-align .btn-row .btn-switch {
    height: 12px;
    width: 38px;
    padding: 0;
    transition: all 0.1s ease-out;
    position: relative; }
  #gshp-settings-pop-in .bottom-align label {
    margin-bottom: 0;
    padding: 0 5px; }
  #gshp-settings-pop-in #checkbox-container label {
    font-weight: 400;
    font-size: .9rem; }
  #gshp-settings-pop-in #checkbox-container span {
    font-weight: 300; }
  #gshp-settings-pop-in .form-group {
    margin-bottom: 0; }

#OrderName .popover {
  z-index: 0; }

/* CommandType label*/
.navbar-collapse.collapse .currentCommandTypeLabel {
  top: 10px;
  right: 82px; }

.active-cart-name {
  position: relative; }
  .active-cart-name .d-sm-flex i {
    order: 2;
    margin-left: 6px; }

/* Container catalog &amp; search page */
.gshp-productCatalog,
.sdss-search {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  /*Reset card display*/ }
  .gshp-productCatalog .container.content,
  .sdss-search .container.content {
    margin-top: 0px;
    background: none;
    box-shadow: none;
    padding: 0px; }

/* Linked product */
#carousel-linkedProduct .carousel-item.active {
  display: flex; }

#carousel-linkedProduct .gssLightProductStockLabel .stockMsg, #carousel-linkedProduct .gssLightProductFloatingLabel .gssprice {
  font-size: .75rem; }

/*Looks page*/
#carousel-looks .carousel-inner .carousel-item a img {
  padding-top: 30px; }

.carousel-caption {
  text-align: center;
  left: 0;
  top: 0;
  right: 0;
  padding-top: 0px;
  text-shadow: none; }
  .carousel-caption h3, .carousel-caption .h3 {
    margin-top: 0px;
    font-weight: 400; }

.setList .setThumbs {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px; }
  @media (min-width: 768px) {
    .setList .setThumbs {
      float: left;
      width: 50%; } }
  @media (min-width: 1200px) {
    .setList .setThumbs {
      float: left;
      width: 60%; } }
  .setList .setThumbs .setThumb {
    opacity: 0.3;
    text-align: center;
    padding: 5px; }
    .setList .setThumbs .setThumb img {
      width: 100%;
      height: auto; }
    .setList .setThumbs .setThumb.active {
      opacity: 1; }
      .setList .setThumbs .setThumb.active img {
        box-shadow: 1px 1px 1px 1px #383f45; }

.setList .carousel-control {
  top: 50%; }
  .setList .carousel-control .glyphicon-menu-left,
  .setList .carousel-control .glyphicon-menu-right {
    font-size: 36px;
    color: #7b7a7a; }

div.setFullPicture {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px; }
  @media (min-width: 768px) {
    div.setFullPicture {
      float: left;
      width: 50%; } }
  @media (min-width: 1200px) {
    div.setFullPicture {
      float: left;
      width: 40%; } }
/* Eco Taxe popin*/
.shopping-cart-popin-table tr td {
  vertical-align: middle; }

.shopping-cart-popin-table .gshpEcoTax {
  width: 100%;
  float: left;
  font-size: .7rem;
  font-weight: 300;
  opacity: 0.8; }
  .shopping-cart-popin-table .gshpEcoTax .gshpLabel,
  .shopping-cart-popin-table .gshpEcoTax .gshpValue,
  .shopping-cart-popin-table .gshpEcoTax .gshpLabelSuffix {
    padding: 0; }

/* popin legend */
table.legend-table.gshpMultiGridProductGridTable input {
  pointer-events: none; }

/* Basket Import Row */
.gshpBasketProductRow {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start; }
  .gshpBasketProductRow .form-group {
    margin-bottom: 0px; }
  .gshpBasketProductRow h4, .gshpBasketProductRow .h4 {
    font-size: 18px; }

output {
  padding-top: 0px; }

.gshpBasketImport {
  /* Import File popup */ }
  .gshpBasketImport .gshpBasketImportZoneTitle {
    justify-content: space-between;
    align-items: flex-start; }
  .gshpBasketImport .drag-n-drop-zone {
    position: relative;
    border: 2px dashed #979797;
    border-radius: 10px;
    font-size: .87rem;
    padding: 4px 5px; }
    .gshpBasketImport .drag-n-drop-zone i.icon_24_arrow-descending {
      line-height: 32px;
      height: 32px;
      width: 32px;
      border-radius: 7px;
      border: 2px dashed #999;
      text-align: center;
      margin-right: 10px; }
    .gshpBasketImport .drag-n-drop-zone &gt; * {
      margin: 0 5px;
      align-items: center; }
    .gshpBasketImport .drag-n-drop-zone small, .gshpBasketImport .drag-n-drop-zone .small {
      align-self: center; }
  .gshpBasketImport .basketImportFileCostumized {
    position: relative;
    align-self: center; }
  .gshpBasketImport .gshpModelExcel {
    z-index: 53; }
  .gshpBasketImport .input-file {
    position: absolute;
    top: -25px;
    left: 0;
    width: 100%;
    padding: 0;
    opacity: 0;
    cursor: pointer;
    z-index: 52;
    height: 80px; }
  .gshpBasketImport #gshpBasketImportSubmit {
    visibility: hidden;
    padding: 0px;
    width: 0px;
    margin: 0px; }
  .gshpBasketImport .drag-n-drop-zone-hover {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transition: all 0.2s linear;
    z-index: 50;
    margin: 0;
    padding: 10px; }
  .gshpBasketImport .gshpDownloadBlock {
    display: flex;
    flex-wrap: nowrap; }
  .gshpBasketImport #importHelpBtn {
    position: relative;
    top: 0;
    right: 0;
    width: 30px;
    height: 30px;
    font-size: 1.1rem !important;
    display: inline-flex; }
  .gshpBasketImport .form-steps {
    display: flex;
    flex-wrap: wrap;
    min-height: 70px;
    position: relative; }
    .gshpBasketImport .form-steps label {
      font-size: .875rem;
      font-weight: 400; }
  .gshpBasketImport .commerce-order-import-lb-content {
    animation: translateLine 0.1s ease both;
    padding: 20px 0; }
  .gshpBasketImport .btn-submit {
    margin-left: auto; }

/* duplicate Order */
#FailedDuplicateItems {
  border-top: 1px solid #cccccc;
  margin: 10px 0;
  padding: 20px 0px;
  animation: scale-and-show 0.2s;
  transform-origin: top left; }
  #FailedDuplicateItems .row-flex {
    justify-content: flex-start; }
  #FailedDuplicateItems .ghpLightProductThumbnailDiv {
    padding: 10px 15px; }
    #FailedDuplicateItems .ghpLightProductThumbnailDiv img {
      width: 70px; }
    #FailedDuplicateItems .ghpLightProductThumbnailDiv .ghpItemsDescription .notif-counter-number {
      font-weight: normal;
      height: 22px;
      line-height: 17px;
      font-size: 13px;
      padding: 0 3px;
      border-radius: 6px;
      text-align: center;
      min-width: 22px;
      width: auto;
      margin-left: 5px;
      border: 2px solid #fff;
      position: absolute; }
    #FailedDuplicateItems .ghpLightProductThumbnailDiv .ghpItemsDescription li {
      margin-bottom: 0px;
      position: relative; }

.quotation-removedItemsDiv {
  width: auto;
  font-size: 16px;
  align-items: center;
  padding: 5px 10px;
  margin: 15px 0px;
  display: inline-flex;
  flex-wrap: wrap; }

#my3dcoreQuotationRemovedItems {
  border-top: 1px solid #ccc;
  margin: 10px 15px;
  padding: 20px 0px;
  animation: scale-and-show 0.2s;
  transform-origin: top left; }

.my3dcoreQuotationItemsDescription {
  flex: auto; }

.FailedDuplicateItemsMessage,
.BasketShareMessage {
  width: auto;
  font-size: 1rem;
  align-items: center;
  padding: 5px 10px;
  margin: 10px 15px 15px 15px;
  display: inline-flex; }
  .FailedDuplicateItemsMessage .message,
  .BasketShareMessage .message {
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    width: auto; }

.BasketShareMessage {
  display: inline-block; }
  .BasketShareMessage .button.close {
    margin-left: 10px; }

/*cart popin*/
#basketShortcut p small, #basketShortcut p .small {
  font-size: 14px; }

#basketShortcut .baskeInfos {
  max-width: 150px; }

#basketShortcut .dropdown {
  display: flex;
  align-items: center; }

#basketShortcut .BasketIcon {
  color: #797A8D;
  position: relative;
  line-height: 10px; }
  #basketShortcut .BasketIcon:hover, #basketShortcut .BasketIcon:focus {
    color: #212529; }
  #basketShortcut .BasketIcon:before {
    display: none; }

#basketShortcut .shopping-cart-popin-table tr td {
  text-align: right;
  white-space: nowrap;
  padding: 5px 10px;
  line-height: .875rem;
  font-size: .875rem;
  min-width: 80px; }
  #basketShortcut .shopping-cart-popin-table tr td.gshp-shop-card {
    min-width: 100px; }
    #basketShortcut .shopping-cart-popin-table tr td.gshp-shop-card .btn-small-mini {
      justify-content: center; }
      #basketShortcut .shopping-cart-popin-table tr td.gshp-shop-card .btn-small-mini span {
        font-size: 24px; }
  #basketShortcut .shopping-cart-popin-table tr td.gshp-card-delete {
    width: 40px; }
  #basketShortcut .shopping-cart-popin-table tr td a {
    font-weight: 400;
    position: relative;
    color: #B5ACA2;
    white-space: normal;
    border-radius: 0;
    width: auto;
    line-height: .875rem;
    font-size: .875rem;
    padding: 0;
    border-bottom: 1px solid transparent;
    background: none;
    text-align: left;
    text-decoration: underline; }
    #basketShortcut .shopping-cart-popin-table tr td a:hover, #basketShortcut .shopping-cart-popin-table tr td a:focus {
      border-bottom: 1px dotted #B5ACA2;
      position: relative; }
      #basketShortcut .shopping-cart-popin-table tr td a:hover:before, #basketShortcut .shopping-cart-popin-table tr td a:focus:before {
        opacity: 0;
        display: none; }
    #basketShortcut .shopping-cart-popin-table tr td a.btn {
      margin: 0 5px; }
  #basketShortcut .shopping-cart-popin-table tr td span {
    font-weight: normal; }
  #basketShortcut .shopping-cart-popin-table tr td .btn-square {
    line-height: 28px; }
  #basketShortcut .shopping-cart-popin-table tr td input {
    text-align: left;
    color: #4d4d4d;
    min-width: 160px; }
  #basketShortcut .shopping-cart-popin-table tr td .icon_24_plus {
    padding-right: 0px; }

#basketShortcut .shopping-cart-popin-table tr.active-cart-tr {
  background: rgba(181, 172, 162, 0.12); }
  #basketShortcut .shopping-cart-popin-table tr.active-cart-tr .active-cart-icon {
    width: 40px;
    padding: 0; }
    #basketShortcut .shopping-cart-popin-table tr.active-cart-tr .active-cart-icon i {
      text-align: center;
      height: 30px;
      width: 30px;
      line-height: 30px;
      border-radius: 50%;
      display: inline-block; }
  #basketShortcut .shopping-cart-popin-table tr.active-cart-tr .active-cart-name {
    border-radius: 5px 0 0 5px;
    width: auto;
    text-align: left; }
    #basketShortcut .shopping-cart-popin-table tr.active-cart-tr .active-cart-name a {
      font-weight: bold;
      margin: 5px 2px;
      padding: 0; }
    #basketShortcut .shopping-cart-popin-table tr.active-cart-tr .active-cart-name span {
      font-weight: bold; }
  #basketShortcut .shopping-cart-popin-table tr.active-cart-tr .gshp-card-delete {
    border-radius: 0 5px 5px 0; }
  #basketShortcut .shopping-cart-popin-table tr.active-cart-tr .gshp-shop-price span {
    font-weight: bold; }

#basketShortcut .shopping-cart-popin-table .gshpEcoTax {
  width: 100%;
  float: left;
  font-size: .7rem;
  font-weight: 300;
  opacity: 0.8; }
  #basketShortcut .shopping-cart-popin-table .gshpEcoTax span {
    padding: 0; }

#basketShortcut .basketSummary_body a.btn-primary {
  color: white; }

/* Tabs */
div.itlStandardTabs ul.itlTabsBar li {
  background: white;
  border-right: 0;
  border-left: 0;
  border-top: 0;
  padding: 0; }
  div.itlStandardTabs ul.itlTabsBar li a:link {
    border-radius: 3px;
    color: #212529;
    background: white;
    padding: 10px 15px;
    display: block; }
  div.itlStandardTabs ul.itlTabsBar li a:hover,
  div.itlStandardTabs ul.itlTabsBar li a:focus {
    background: #eee; }

div.itlStandardTabs ul.itlTabsBar li.tabButtonSelected {
  padding: 0; }
  div.itlStandardTabs ul.itlTabsBar li.tabButtonSelected a:link {
    background: #B5ACA2;
    color: white; }

div.itlStandardTabs div.itlStandardTabsBlock {
  background: white;
  border: none;
  padding: 15px; }

/* My orders Detail */
div.itlTabs {
  border: none; }
  div.itlTabs .itlTabsBar {
    border: none; }
    div.itlTabs .itlTabsBar li {
      margin-bottom: 0;
      padding: 0; }
      div.itlTabs .itlTabsBar li a {
        padding: 0 16px;
        height: 40px;
        line-height: 40px;
        font-size: 1.1rem;
        float: left;
        font-weight: 500;
        background: none;
        border: none;
        padding-bottom: 0;
        position: relative;
        color: #212529; }
      div.itlTabs .itlTabsBar li:after {
        content: "";
        position: absolute;
        z-index: 1;
        display: block;
        width: 100%;
        height: 3px;
        bottom: 0px;
        left: 0;
        opacity: 0;
        background-color: #B5ACA2;
        transform: scale(0.8);
        transition: all 0.1s linear; }
      div.itlTabs .itlTabsBar li.tabButtonSelected {
        background: none;
        border-left: none;
        padding: 0; }
        div.itlTabs .itlTabsBar li.tabButtonSelected:after {
          opacity: 1;
          transform: scale(1); }
        div.itlTabs .itlTabsBar li.tabButtonSelected a {
          color: #2C53FF; }
  div.itlTabs div.itlRightTruncatedTabsBlock {
    margin-bottom: 10px;
    padding: 10px 5px 5px;
    border: none;
    margin-top: 0px; }

.stdBs4 div.itlRightTruncatedTabs ul.itlRightTruncatedTabs li.tabButtonSelected {
  border: none;
  background: none; }

/* Contact page */
table.fontSizeNormal td.odfControlLabelCell,
table.fontSizeNormal td.odfControlCell {
  padding: 5px; }

.bbsSpan p.bsText {
  font-size: 1rem; }

/*Last seen products*/
/* Form Mode */
.gshp-product-form select {
  padding: 6px 8px; }

.gshp-product-form h4, .gshp-product-form .h4 {
  font-weight: 500;
  width: 100%; }

.gshp-product-form .form-group {
  width: 100%; }

.gshp-product-form .input-group {
  width: auto; }
  .gshp-product-form .input-group input {
    border-radius: 0; }
  .gshp-product-form .input-group .input-group-text {
    background-color: #e9ecef;
    border-color: #ccc; }
    .gshp-product-form .input-group .input-group-text .material-icons-outlined {
      font-size: 1rem; }

.gshp-product-form .incentiveDiv .btn.btn-incentive {
  position: relative;
  margin: 0;
  left: 0;
  top: 0; }

.gshp-product-form .gshpSingleDimensionOption {
  background-image: none;
  border: 0; }

.gshp-product-form .product-grid-summary {
  flex: 1;
  width: auto; }
  .gshp-product-form .product-grid-summary p.stockMaxMsg {
    margin-bottom: .1rem; }
  .gshp-product-form .product-grid-summary table td {
    font-size: .875rem;
    max-width: 220px;
    line-height: 26px; }

.gshp-product-form .popover {
  z-index: 100; }
  .gshp-product-form .popover .popover-content {
    font-size: 14px;
    line-height: 18px;
    padding: 5px; }

.gshp-product-form input,
.gshp-product-form select,
.gshp-product-form .btn-success {
  width: 250px;
  margin-left: auto; }
  .gshp-product-form input.hasWarning,
  .gshp-product-form select.hasWarning,
  .gshp-product-form .btn-success.hasWarning {
    border-color: #ccc;
    border-width: 1px; }
    .gshp-product-form input.hasWarning:focus, .gshp-product-form input.hasWarning:active,
    .gshp-product-form select.hasWarning:focus,
    .gshp-product-form select.hasWarning:active,
    .gshp-product-form .btn-success.hasWarning:focus,
    .gshp-product-form .btn-success.hasWarning:active {
      border-color: #eb003b; }
  .gshp-product-form input.highlighted,
  .gshp-product-form select.highlighted,
  .gshp-product-form .btn-success.highlighted {
    border-width: 2px; }

.gshp-product-form textarea {
  width: 210px; }

.gshp-product-form .product-order-row {
  flex-wrap: nowrap !important;
  justify-content: flex-start;
  align-content: flex-start; }
  .gshp-product-form .product-order-row .product-label-price-td, .gshp-product-form .product-order-row .product-order-tooltip-td, .gshp-product-form .product-order-row .product-order-total-td {
    margin: 0; }
    .gshp-product-form .product-order-row .product-label-price-td &gt; div, .gshp-product-form .product-order-row .product-order-tooltip-td &gt; div, .gshp-product-form .product-order-row .product-order-total-td &gt; div {
      padding: 0px 10px;
      border-radius: 0.5rem;
      margin: 0;
      width: auto;
      text-align: left; }
  .gshp-product-form .product-order-row .product-order-prices {
    width: auto; }
    .gshp-product-form .product-order-row .product-order-prices &gt; div {
      min-width: 200px; }

.popover {
  min-width: 150px; }

.gshp-dimensions-form {
  padding-bottom: 15px;
  width: 350px;
  margin-bottom: 5px;
  margin-right: 10px; }
  .gshp-dimensions-form .field {
    margin-right: 20px;
    text-align: left;
    font-weight: normal;
    font-size: .875rem;
    min-width: 100px;
    margin-bottom: 0; }
  .gshp-dimensions-form input {
    width: 250px; }
  .gshp-dimensions-form input.quantity-order-input, .gshp-dimensions-form input[name="quantity"] {
    position: relative;
    margin: 0 5px;
    width: 32px !important;
    height: 32px;
    border-width: 2px;
    border-radius: 0px;
    line-height: 32px;
    font-size: .8rem;
    padding: 0;
    text-align: center; }
  .gshp-dimensions-form .btn-addSelectedReference .btn {
    width: 160px; }
  .gshp-dimensions-form .row-flex {
    flex-wrap: nowrap;
    justify-content: flex-start; }
  .gshp-dimensions-form .field-dimensions {
    width: 200px; }
    .gshp-dimensions-form .field-dimensions input[type="text"] {
      width: 100%; }

.gshp-dimensions-form .input-group.date .form-control, .gshpBasketItems .input-group.date .form-control {
  display: none; }

.gshp-dimensions-form .input-group.date .input-group-addon, .gshpBasketItems .input-group.date .input-group-addon {
  background: none;
  border: none;
  padding: 0;
  margin-left: 5px !important; }

.gshp-dimensions-form .dropdown-block, .gshpBasketItems .dropdown-block {
  min-width: 12rem; }
  .gshp-dimensions-form .dropdown-block .dropdown-item, .gshpBasketItems .dropdown-block .dropdown-item {
    color: inherit; }
    .gshp-dimensions-form .dropdown-block .dropdown-item:hover, .gshpBasketItems .dropdown-block .dropdown-item:hover {
      border: none !important; }

.gshp-dimensions-info {
  flex: 1;
  padding: 0px 10px;
  border-radius: 0.5rem;
  margin: 0;
  width: 100%;
  text-align: left;
  margin-left: auto; }
  .gshp-dimensions-info .tableInfo {
    width: 96%; }
    .gshp-dimensions-info .tableInfo td {
      max-width: 450px;
      flex: 1;
      font-size: .9rem; }
      .gshp-dimensions-info .tableInfo td span {
        font-size: .9rem; }
      .gshp-dimensions-info .tableInfo td.infotd {
        max-width: 50%;
        margin-right: 10px; }

.gshp-product-form .product-grid-summary table td.fullCol {
  max-width: 100%;
  flex: 1; }

.gshp-dimensions-info-flex {
  width: 100%;
  flex: 2; }

.tableInfo {
  padding: 0; }
  .tableInfo tr td {
    padding: 2px 0;
    background: transparent;
    vertical-align: top;
    color: #212529;
    font-size: 13px; }
    .tableInfo tr td span {
      font-size: 13px;
      line-height: 12px; }
    .tableInfo tr td:first-child span {
      white-space: nowrap;
      margin-right: 5px; }
    .tableInfo tr td:nth-child(2) {
      text-align: right; }

.btn-addSelectedReference {
  float: right;
  margin-right: 20px; }

.row-customizationEditor {
  margin-bottom: 15px; }

.modal-body .gshp-product-form .gshp-dimensions-form .btn-success {
  display: none; }

/*Product page*/
/*Products List carousel*/
.gssGroupProducts .carousel,
.gshpMultiGridProductSummary .carousel,
.gshp-product-form .carousel,
#carousel-linkedProduct .gssLightReferenceList .carousel {
  margin: 6px 0 0 0;
  width: 100%; }
  .gssGroupProducts .carousel .carousel-inner,
  .gshpMultiGridProductSummary .carousel .carousel-inner,
  .gshp-product-form .carousel .carousel-inner,
  #carousel-linkedProduct .gssLightReferenceList .carousel .carousel-inner {
    /*  height: 50px;*/ }
    .gssGroupProducts .carousel .carousel-inner .carousel-item,
    .gshpMultiGridProductSummary .carousel .carousel-inner .carousel-item,
    .gshp-product-form .carousel .carousel-inner .carousel-item,
    #carousel-linkedProduct .gssLightReferenceList .carousel .carousel-inner .carousel-item {
      height: 100%;
      width: 72%;
      margin: 0; }
      .gssGroupProducts .carousel .carousel-inner .carousel-item &gt; a,
      .gshpMultiGridProductSummary .carousel .carousel-inner .carousel-item &gt; a,
      .gshp-product-form .carousel .carousel-inner .carousel-item &gt; a,
      #carousel-linkedProduct .gssLightReferenceList .carousel .carousel-inner .carousel-item &gt; a {
        padding: 6px 2px;
        margin: 0 2px;
        max-height: 54px;
        float: left;
        border: 2px solid rgba(213, 221, 255, 0.4); }
        .gssGroupProducts .carousel .carousel-inner .carousel-item &gt; a &gt; img,
        .gshpMultiGridProductSummary .carousel .carousel-inner .carousel-item &gt; a &gt; img,
        .gshp-product-form .carousel .carousel-inner .carousel-item &gt; a &gt; img,
        #carousel-linkedProduct .gssLightReferenceList .carousel .carousel-inner .carousel-item &gt; a &gt; img {
          max-height: 50px;
          transition: transform .1s; }
        .gssGroupProducts .carousel .carousel-inner .carousel-item &gt; a:hover &gt; img, .gssGroupProducts .carousel .carousel-inner .carousel-item &gt; a:focus &gt; img,
        .gshpMultiGridProductSummary .carousel .carousel-inner .carousel-item &gt; a:hover &gt; img,
        .gshpMultiGridProductSummary .carousel .carousel-inner .carousel-item &gt; a:focus &gt; img,
        .gshp-product-form .carousel .carousel-inner .carousel-item &gt; a:hover &gt; img,
        .gshp-product-form .carousel .carousel-inner .carousel-item &gt; a:focus &gt; img,
        #carousel-linkedProduct .gssLightReferenceList .carousel .carousel-inner .carousel-item &gt; a:hover &gt; img,
        #carousel-linkedProduct .gssLightReferenceList .carousel .carousel-inner .carousel-item &gt; a:focus &gt; img {
          -ms-transform: scale(1.05);
          -webkit-transform: scale(1.05);
          transform: scale(1.05); }
  .gssGroupProducts .carousel .carousel-control .btn-square,
  .gshpMultiGridProductSummary .carousel .carousel-control .btn-square,
  .gshp-product-form .carousel .carousel-control .btn-square,
  #carousel-linkedProduct .gssLightReferenceList .carousel .carousel-control .btn-square {
    width: 20px; }

#carousel-linkedProduct .carousel-inner .carousel-item {
  margin: 0px; }

#carousel-linkedProduct .gssLightReferenceList .carousel {
  margin: 0; }

/* My orders page*/
.gshpCommandFollowUpPage {
  box-shadow: none; }
  .gshpCommandFollowUpPage div {
    box-shadow: none; }
    .gshpCommandFollowUpPage div.gshpPrintButton {
      float: right; }
      .gshpCommandFollowUpPage div.gshpPrintButton .btn {
        max-width: 220px; }
  .gshpCommandFollowUpPage table.gshpFollowUpTable {
    font-size: 16px;
    margin-top: 30px; }
    .gshpCommandFollowUpPage table.gshpFollowUpTable tr th {
      background-color: white;
      color: #212529;
      border: none;
      vertical-align: middle;
      padding: 10px;
      font-size: 14px;
      font-weight: 700;
      color: #212529; }
      .gshpCommandFollowUpPage table.gshpFollowUpTable tr th:last-child:not(.textAlignLeft) {
        text-align: right; }
    .gshpCommandFollowUpPage table.gshpFollowUpTable tr:nth-child(odd) {
      background-color: #f2f2f2; }
    .gshpCommandFollowUpPage table.gshpFollowUpTable tr:nth-child(even) {
      background-color: #ffffff; }
    .gshpCommandFollowUpPage table.gshpFollowUpTable tr td {
      border: none;
      color: #212529;
      vertical-align: middle;
      padding: 10px;
      line-height: 2em;
      font-size: 14px; }
      .gshpCommandFollowUpPage table.gshpFollowUpTable tr td input {
        text-align: center; }
      .gshpCommandFollowUpPage table.gshpFollowUpTable tr td:last-child:not(.textAlignLeft) {
        text-align: right; }
    .gshpCommandFollowUpPage table.gshpFollowUpTable tr.gshpFollowUpTableRow td.gshpFollowUpTableCell {
      background-color: transparent;
      font-size: .9rem; }
      .gshpCommandFollowUpPage table.gshpFollowUpTable tr.gshpFollowUpTableRow td.gshpFollowUpTableCell td {
        border: 0; }
    .gshpCommandFollowUpPage table.gshpFollowUpTable tr td:last-child {
      text-align: inherit; }
    .gshpCommandFollowUpPage table.gshpFollowUpTable td.gshpFollowUp_details a {
      text-decoration: none; }
      .gshpCommandFollowUpPage table.gshpFollowUpTable td.gshpFollowUp_details a:hover {
        border-bottom: 1px dashed #1943ff; }
    .gshpCommandFollowUpPage table.gshpFollowUpTable tr.gshpFollowUpTableRow:hover td, .gshpCommandFollowUpPage table.gshpFollowUpTable tr.gshpFollowUpTableRow:focus td {
      background-color: rgba(0, 0, 0, 0.02);
      transition: all 0.05s linear; }
      .gshpCommandFollowUpPage table.gshpFollowUpTable tr.gshpFollowUpTableRow:hover td a:hover, .gshpCommandFollowUpPage table.gshpFollowUpTable tr.gshpFollowUpTableRow:hover td a:focus, .gshpCommandFollowUpPage table.gshpFollowUpTable tr.gshpFollowUpTableRow:focus td a:hover, .gshpCommandFollowUpPage table.gshpFollowUpTable tr.gshpFollowUpTableRow:focus td a:focus {
        border-bottom: 1px dotted #1943ff; }
  .gshpCommandFollowUpPage p.bsText {
    font-weight: 300; }
  .gshpCommandFollowUpPage form {
    margin-top: 20px; }
  .gshpCommandFollowUpPage .gshpClientBasket div.gshpAddressBlock {
    margin-top: 10px; }

/* Contacts list */
.gshpList span.bsButtonSpan.sdsActionButton {
  padding: 2px; }
  .gshpList span.bsButtonSpan.sdsActionButton a {
    line-height: 38px;
    height: 40px;
    z-index: 2; }
    .gshpList span.bsButtonSpan.sdsActionButton a span.bsButtonSpan.sdsActionButton,
    .gshpList span.bsButtonSpan.sdsActionButton a span.label {
      font-size: 14px; }

.gshpList .tabTable &gt; tbody &gt; tr &gt; td {
  min-width: 60px; }

.gshpList .tabTable a {
  cursor: pointer; }
  .gshpList .tabTable a label {
    cursor: pointer; }

/* tabTable override */
div.sdsTable {
  overflow-x: auto;
  overflow-y: hidden;
  margin: 10px 0;
  background: #fff; }

#tableForm h3, #tableForm .h3 {
  font-size: 24px;
  margin: 0 0 10px;
  padding-bottom: 0;
  border-bottom: 0;
  font-weight: 300;
  color: inherit;
  padding-top: 0;
  font-family: "open sans", sans-serif; }

table.layout {
  font-size: 13px;
  width: 100%; }

td.admRoundedRectLeft,
td.admRoundedRectRight,
td.admRoundedRectBottomLeft,
td.admRoundedRectBottomMiddle,
td.admRoundedRectBottomRight {
  display: none; }

table.tabTable span {
  padding: 10px; }

table.tabTable th,
table.tabTable td {
  border: 0px;
  color: #212529; }

table.tabTable th {
  background: white; }

table.tabTable span.label {
  color: inherit; }

table.tabTable {
  width: 100%;
  border-collapse: separate;
  max-width: none;
  clear: both;
  overflow: hidden; }
  table.tabTable .sdsLimits {
    display: flex; }

table.tabTable tr.sdsTableHeadingRow th,
table.tabTable tr.sdsTableHeadingRow td {
  border: 0;
  background: none; }

table.tabTable &gt; thead &gt; tr &gt; th,
table.tabTable &gt; tbody &gt; tr &gt; th,
table.tabTable &gt; tfoot &gt; tr &gt; th,
table.tabTable &gt; thead &gt; tr &gt; td,
table.tabTable &gt; tbody &gt; tr &gt; td,
table.tabTable &gt; tfoot &gt; tr &gt; td {
  border-right: 0; }

table.tabTable tr.sdsTableNavigationRow th,
table.tabTable tr.sdsTableNavigationRow th {
  border: none; }

table.tabTable &gt; tbody &gt; tr &gt; td {
  border-bottom-width: 0;
  border-right: 0;
  cursor: default !important; }

table.tabTable &gt; tbody &gt; tr:hover td {
  background-color: #f5f5f5; }

table.tabTable &gt; tbody &gt; tr:nth-of-type(odd) td {
  background-color: #f2f2f2; }

table.tabTable &gt; tbody &gt; tr &gt; td:last-child,
table.tabTable &gt; thead &gt; tr &gt; th:last-child {
  /*border-right: 1px solid #ddd;*/ }

table.tabTable &gt; tbody &gt; tr:last-child &gt; td {
  border-bottom-width: 1px; }

table.tabTable tr.sdsTableNavigationRow &gt; th {
  border-right: 0; }

table.tabTable tr.sdsTableNavigationRow .sdsLimits &gt; .label {
  font-size: 100%;
  font-weight: 600;
  text-align: right;
  min-width: 250px; }

table.tabTable tr.sdsTableNavigationRow &gt; th span.navigationBar {
  display: flex;
  align-items: center;
  width: 100%;
  padding-left: 0;
  margin: 20px 0;
  color: #337ab7;
  background-color: transparent; }

table.tabTable tr.sdsTableNavigationRow &gt; th div.sdsSelectAll {
  text-align: left; }

table.tabTable tr.sdsTableNavigationRow &gt; th span.navigationBar .navigationBarFirstPage,
table.tabTable tr.sdsTableNavigationRow &gt; th span.navigationBar a:first-child {
  position: relative;
  float: left;
  padding: 6px 12px;
  line-height: 1.42857143;
  color: #337ab7;
  margin: 0; }

table.tabTable tr.sdsTableNavigationRow &gt; th span.navigationBar a:last-child,
table.tabTable tr.sdsTableNavigationRow &gt; th span.navigationBar .navigationBarLastPage {
  position: relative;
  float: left;
  padding: 6px 12px;
  line-height: 1.42857143;
  color: #337ab7;
  margin: 0; }

table.tabTable tr.sdsTableNavigationRow &gt; th span.navigationBar .navigationBarPreviousPage,
table.tabTable tr.sdsTableNavigationRow &gt; th span.navigationBar .navigationBarNextPage,
table.tabTable tr.sdsTableNavigationRow &gt; th span.navigationBar a:link {
  position: relative;
  float: left;
  padding: 0;
  width: 30px;
  line-height: 1.42857143;
  /*color: #6A6B6F;*/
  margin: 0;
  font-weight: normal; }

table.tabTable tr.sdsTableNavigationRow &gt; th span.navigationBar span.navigationBarCurrentPage {
  margin-bottom: 0;
  position: relative;
  font-weight: normal;
  cursor: not-allowed;
  height: 32px;
  line-height: 0.5rem;
  font-size: .875rem; }

table.tabTable tr.sdsTableNavigationRow &gt; th span.navigationBar a:link, table.tabTable tr.sdsTableNavigationRow &gt; th span.navigationBar span.navigationBarPreviousPage, table.tabTable tr.sdsTableNavigationRow &gt; th span.navigationBar span.navigationBarFirstPage {
  border: 0;
  margin: 0 2px; }
  table.tabTable tr.sdsTableNavigationRow &gt; th span.navigationBar a:link:before, table.tabTable tr.sdsTableNavigationRow &gt; th span.navigationBar span.navigationBarPreviousPage:before, table.tabTable tr.sdsTableNavigationRow &gt; th span.navigationBar span.navigationBarFirstPage:before {
    line-height: 26px;
    background: transparent; }

table.tabTable tr.sdsTableNavigationRow &gt; th span.navigationBar span.navigationBarNextPage,
table.tabTable tr.sdsTableNavigationRow &gt; th span.navigationBar span.navigationBarPreviousPage,
table.tabTable tr.sdsTableNavigationRow &gt; th span.navigationBar span.navigationBarFirstPage,
table.tabTable tr.sdsTableNavigationRow &gt; th span.navigationBar span.navigationBarLastPage {
  cursor: not-allowed; }

/* Sort Table */
table.tabTable tr.sdsTableModeRow .sdsTableRowModeButton {
  background: none;
  font-size: 0;
  padding: 0; }

table.tabTable tr.sdsTableModeRow .sdsTableRowModeButton:before {
  content: "\e012";
  font-family: "Glyphicons Halflings";
  font-style: normal;
  font-weight: 400;
  font-size: 14px; }

table.tabTable tr.sdsTableModeRow .sdsTableSmallBlockModeButton {
  background: none;
  font-size: 0; }

table.tabTable tr.sdsTableModeRow .sdsTableSmallBlockModeButton:before {
  content: "\e011";
  font-family: "Glyphicons Halflings";
  font-style: normal;
  font-weight: 400;
  font-size: 14px; }

table.tabTable tr.sdsTableModeRow .sdsTableBigBlockModeButton {
  background: none;
  font-size: 0; }

table.tabTable tr.sdsTableModeRow .sdsTableBigBlockModeButton:before {
  content: "\e010";
  font-family: "Glyphicons Halflings";
  font-style: normal;
  font-weight: 400;
  font-size: 14px; }

/* Specific */
table.TemplateUpload td {
  vertical-align: top;
  padding: 10px; }

table.tabTable.TemplateUpload &gt; thead &gt; tr &gt; th,
table.tabTable.TemplateUpload &gt; tbody &gt; tr &gt; th,
table.tabTable.TemplateUpload &gt; tfoot &gt; tr &gt; th,
table.tabTable.TemplateUpload &gt; thead &gt; tr &gt; td,
table.tabTable.TemplateUpload &gt; tbody &gt; tr &gt; td,
table.tabTable.TemplateUpload &gt; tfoot &gt; tr &gt; td {
  border: 0;
  border-bottom: 1px solid #ddd; }

/* Sort bouton*/
table.tabTable tr.sdsTableHeadingRow span.inHeaderSortButtons {
  padding: 0;
  display: inline-block;
  text-align: right;
  float: right; }

table.tabTable tr.sdsTableHeadingRow span.inHeaderSortButtons span.sdsColumnSortBar {
  padding: 0px; }

table.tabTable tr.sdsTableHeadingRow span.inHeaderSortButtons span.sdsColumnSortBar a.sortButtonLink span {
  padding: 0px; }

/* Form Override */
input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus,
keygen:focus,
select:focus {
  background-color: white; }

/*mvvm Grids*/
/* Duplicate order */
div.gshpMultiGrid table.gshpMultiGridProductGridTable .field-error-marker,
table.gshpBasketItems .field-error-marker,
table.gshpMultiGridProductGridTable .field-error-marker {
  display: block;
  bottom: -6px;
  right: -10px;
  top: auto;
  position: absolute;
  border: 2px solid white;
  background-clip: padding-box; }

div.gshpMultiGrid table.gshpMultiGridProductGridTable .basket-row-parent-quantity,
table.gshpBasketItems .basket-row-parent-quantity,
table.gshpMultiGridProductGridTable .basket-row-parent-quantity {
  position: relative;
  /*        line-height: 32px;
        height: 40px;
        width: 40px;*/
  text-align: center;
  margin: 0 auto;
  display: inline-block; }
  div.gshpMultiGrid table.gshpMultiGridProductGridTable .basket-row-parent-quantity .field-error-marker,
  table.gshpBasketItems .basket-row-parent-quantity .field-error-marker,
  table.gshpMultiGridProductGridTable .basket-row-parent-quantity .field-error-marker {
    right: -10px;
    top: 20px;
    bottom: 0;
    z-index: 2; }

table.gshpBasketTable tr td.gridTotal {
  padding-top: 0px;
  height: 40px; }

.product-order-row {
  align-items: flex-end; }

table.gshpBasketItems .product-order-row .field-error-marker {
  font-size: 16px;
  width: 18px;
  height: 18px;
  line-height: 18px;
  position: relative;
  left: 0;
  right: 0;
  bottom: 0px;
  border: 0px; }

.ErrorStockMessage {
  position: absolute;
  width: 105px;
  top: 32px;
  right: -38px;
  font-size: 11px;
  line-height: 12px;
  text-align: left; }

#FailedDuplicateItemsLink label {
  cursor: pointer; }

/*shortcut basket*/
div.gshpAddressEditorButton,
div.gshpClientEditorButton {
  width: 50%; }

/*Filters*/
.gshpBasket_fees {
  display: flex;
  flex-direction: column;
  width: 100%; }
  .gshpBasket_fees .panel-default {
    padding-top: 0; }
    .gshpBasket_fees .panel-default.form-group {
      width: auto;
      min-width: 250px;
      background-color: #fff;
      padding: 10px;
      border: 1px solid rgba(0, 0, 0, 0.2);
      border-radius: 15px;
      display: flex;
      flex-direction: column;
      justify-content: space-around; }
  .gshpBasket_fees .form-group input[type="checkbox"] + label {
    min-width: inherit;
    margin-bottom: 0; }
  .gshpBasket_fees .optionalFeePrice {
    font-weight: bold;
    margin-left: auto;
    white-space: nowrap; }
  .gshpBasket_fees input[type="text"] {
    max-width: 240px;
    margin: 0 10px; }
  .gshpBasket_fees .form-group .form-check input[type="checkbox"], .gshpBasket_fees .form-check input[type="checkbox"] {
    flex: 0 0 18px; }

/* Sub Categories*/
.category-page {
  padding: 0 30px; }

.gshpMultiGridNoMoreStock {
  font-size: .9rem; }

.gshpCategoryList {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 15px; }
  .gshpCategoryList .col-subCat-item .thumbnail {
    overflow: hidden;
    max-height: 260px;
    height: 260px;
    width: auto;
    min-width: 260px;
    padding: 0;
    position: relative;
    margin-top: 0px;
    margin-bottom: 15px;
    margin-right: 30px;
    margin-left: 0; }
    .gshpCategoryList .col-subCat-item .thumbnail a {
      z-index: 2; }
    .gshpCategoryList .col-subCat-item .thumbnail .gshpThumbnail {
      height: 260px; }
      .gshpCategoryList .col-subCat-item .thumbnail .gshpThumbnail img {
        max-width: 260px; }
        .gshpCategoryList .col-subCat-item .thumbnail .gshpThumbnail img.thumbnailwidget {
          height: auto; }
      .gshpCategoryList .col-subCat-item .thumbnail .gshpThumbnail:after {
        content: "";
        position: absolute;
        width: 100%;
        height: 30%;
        left: 0;
        bottom: 0;
        z-index: 1;
        background: rgba(62, 69, 81, 0.6); }
  .gshpCategoryList .col-subCat-item .caption {
    position: absolute;
    width: 100%;
    height: 100%;
    right: 0;
    margin-bottom: 0px;
    text-align: left;
    display: flex;
    align-items: flex-end; }
    .gshpCategoryList .col-subCat-item .caption h2, .gshpCategoryList .col-subCat-item .caption .h2 {
      position: relative;
      width: 100%;
      height: 30%;
      right: 0;
      margin-bottom: 0px;
      font-weight: 700;
      font-size: 1.25rem;
      text-align: left;
      display: flex;
      align-items: center;
      bottom: 0; }
      .gshpCategoryList .col-subCat-item .caption h2 a, .gshpCategoryList .col-subCat-item .caption .h2 a {
        z-index: 2;
        transition: transform 0.3s ease-out, opacity 0.3s linear;
        color: #fff;
        position: relative;
        vertical-align: middle;
        display: inline-block;
        width: 100%;
        line-height: 1.5;
        padding-left: 10px; }
      .gshpCategoryList .col-subCat-item .caption h2:after, .gshpCategoryList .col-subCat-item .caption .h2:after {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        z-index: 1;
        transition: transform 0.3s ease-out, opacity 0.3s linear; }
      .gshpCategoryList .col-subCat-item .caption h2:before, .gshpCategoryList .col-subCat-item .caption .h2:before {
        content: "";
        position: relative;
        z-index: 2;
        display: inline-block;
        vertical-align: middle;
        height: 1px;
        width: 1px; }
  .gshpCategoryList .col-subCat-item:hover .caption h2 a, .gshpCategoryList .col-subCat-item:hover .caption .h2 a {
    transform: translateY(-10px);
    transition: transform 0.2s ease-out, opacity 0.2s linear;
    opacity: 1; }
  .gshpCategoryList .col-subCat-item:hover .caption h2:after, .gshpCategoryList .col-subCat-item:hover .caption .h2:after {
    opacity: 0.7;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
    transition: transform 0.2s ease-out, opacity 0.2s linear; }
  .gshpCategoryList .col-subCat-item:hover img {
    -webkit-transform: scale(1.04);
    transform: scale(1.04);
    transition: transform 0.15s ease-out, opacity 0.15s linear; }

/* Quick Luncher */
#apps-menu-container {
  position: fixed;
  top: 15px;
  left: 90px;
  width: 480px;
  visibility: hidden;
  opacity: 0;
  transform: translateY(-10px);
  transform-origin: center top;
  transition: all ease-out 0.25s;
  float: none;
  color: #4d4d4d;
  height: calc(100vh - 30px) !important;
  z-index: 1200;
  padding: 20px 0;
  background: white;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 15px;
  box-shadow: 0.2rem 0.5rem 1rem 0 rgba(0, 25, 111, 0.1); }
  #apps-menu-container.active {
    visibility: visible;
    opacity: 1;
    transform: translateY(0px); }

.apps-menu:after {
  content: "";
  display: table;
  clear: both; }

.apps-menu-inner {
  position: relative;
  overflow: auto;
  max-height: 100%;
  min-width: 100%;
  height: calc(100% - 120px); }

.ql-dark-overlay {
  background-color: transparent;
  visibility: hidden;
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  transition: all ease-out 0.2s;
  z-index: 1041; }
  .ql-dark-overlay.active {
    background-color: rgba(0, 0, 0, 0.6);
    visibility: visible; }

#quick-launcher-btn {
  float: left;
  width: 60px;
  margin-left: -32px;
  z-index: 2000; }
  #quick-launcher-btn .btn {
    height: 45px;
    width: 55px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 16px;
    border-bottom-right-radius: 16px; }
    #quick-launcher-btn .btn span {
      vertical-align: middle;
      left: -2px;
      color: white; }

.apps-menu-top-nav {
  position: relative;
  margin: 0;
  z-index: 10;
  justify-content: space-between;
  padding: 0 16px; }
  .apps-menu-top-nav .btn-small {
    padding: 0 10px 0 0; }
    .apps-menu-top-nav .btn-small .icon_24_home {
      padding: 0 11px 0 7px; }
    .apps-menu-top-nav .btn-small .icon_32_app-menu {
      padding: 0px 6px 0 7px; }

.apps-menu-search {
  clear: both;
  width: 100%;
  margin: 20px 0;
  padding: 0; }
  .apps-menu-search input {
    padding: 0 40px; }
  .apps-menu-search .search-wrapper {
    position: relative;
    height: 40px; }
    .apps-menu-search .search-wrapper &gt; i,
    .apps-menu-search .search-wrapper button {
      left: 0;
      position: absolute;
      z-index: 1;
      top: 0;
      height: 40px;
      width: 40px;
      line-height: 40px;
      text-align: center; }

.apps-menu .category {
  transition: all 0.3s ease;
  overflow: hidden; }

.apps-menu .panel {
  padding: 0;
  background-color: inherit; }

.panel {
  margin-bottom: 0px !important; }
  .panel.category {
    padding: 0; }

.tile-group.category-applications,
.category-tiles {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  /*box-shadow:0 1px 1px rgba(0,0,0,0.1);*/ }

.apps-menu:before {
  content: "";
  border-color: transparent transparent #fff;
  border-style: solid;
  border-width: 0 10px 10px;
  position: absolute;
  left: 14px;
  top: 6px;
  z-index: 1;
  height: 0;
  width: 0; }

.apps-menu .tile-group.category-applications {
  flex-direction: column; }

.apps-menu a.tile {
  width: 100%;
  padding: 5px;
  padding: 10px 20px;
  display: flex;
  align-items: center;
  text-decoration: none;
  font-size: .875rem;
  font-weight: 500;
  height: auto;
  border: 0;
  margin: 0; }
  .apps-menu a.tile i:before {
    height: 48px;
    width: 48px;
    margin-right: 10px; }
  .apps-menu a.tile:hover, .apps-menu a.tile:active, .apps-menu a.tile:focus {
    text-decoration: none;
    border: 0;
    background-color: rgba(120, 121, 140, 0.2);
    color: #10122d;
    box-shadow: none;
    border-radius: 0; }
  .apps-menu a.tile &gt; span {
    margin: 0px; }
  .apps-menu a.tile &gt; i {
    font-size: 32px;
    margin-right: 10px; }

.apps-menu h3, .apps-menu .h3 {
  font-size: 1rem;
  margin: 10px 0;
  padding: 0 16px;
  font-weight: 700;
  line-height: 1rem; }

.apps-menu .panel.category span span {
  max-height: 38px; }

/*basket shortcut*/
.basketShortcut h4, .basketShortcut .h4 {
  font-size: 1.25rem; }

.basketShortcut td.buttonTd {
  text-align: center; }

/* Discount label*/
span.label-sale,
div.gssDiscountLabel,
.gssIncentiveMessage {
  background-color: #0000FF;
  z-index: 500;
  position: absolute;
  top: -4px;
  right: -4px;
  border-radius: 6px;
  color: white;
  border: 3px solid #fff;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  line-height: 34px;
  height: 40px;
  padding: 0px 10px;
  width: auto;
  min-width: 66px; }

.gssIncentiveMessageCustomIcon {
  z-index: 500;
  position: absolute;
  top: -4px;
  right: -4px;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  line-height: 34px;
  height: 40px;
  width: auto;
  min-width: 66px; }

span.label-sale {
  font-size: 16px;
  right: 0px; }

/* Incentives */
.incentive-info {
  margin: 5px 0;
  align-items: center;
  flex-wrap: nowrap; }
  .incentive-info span {
    font-size: 14px; }

.incentive-img-icon,
.marketingOperationsIncentives {
  max-width: 72px;
  height: auto;
  /*position: absolute;
    top: -10px;
    right: -10px;*/ }
  .incentive-img-icon img,
  .marketingOperationsIncentives img {
    max-width: 50px;
    margin: 5px 0px 10px; }

.incentive-reference-info .incentive-reference-title {
  padding: 0 0 10px 0; }

.incentive-legend-info {
  font-size: .8rem;
  line-height: 1.3;
  margin-top: 0.5rem;
  padding: 0.5rem 0 0.7rem; }
  .incentive-legend-info a {
    text-decoration: none;
    transition: opacity 0.07s linear;
    border-bottom: 1px dotted #007bc2; }

.incentive-popover-template .popover-title,
.incentive-popover-template .popover-title2,
.incentive-popover .popover-title,
.incentive-popover .popover-title2 {
  font-weight: bold;
  background: white;
  margin-bottom: 5px; }

.incentive-popover-template button.btn.btn-incentive,
.incentive-popover button.btn.btn-incentive {
  position: relative;
  top: 0;
  right: 0;
  margin: 0;
  line-height: 20px;
  height: 30px;
  margin-right: 8px;
  flex: none; }

#productGridSummaryTable .product-order-tooltip-td .btn.btn-incentive {
  position: relative;
  top: 0;
  right: 0;
  margin: 0;
  line-height: 20px;
  height: 30px;
  margin-right: 8px;
  flex: none; }

.incentive-popover-template {
  min-width: 290px; }

.price-zone .btn-incentive,
.ProductDescriptionContainer .btn-incentive {
  margin-left: 0px;
  margin-top: 6px; }

.gssProductContainer {
  width: 280px;
  padding: 20px; }

.gshpProductMultiGrid, .gshpProductMonoGrid {
  flex: 1; }

.gshpProductMonoGrid #productGridSummaryDiv, .gshpGridBlockForm .gshp-product-form {
  padding-top: 0; }
  .gshpProductMonoGrid #productGridSummaryDiv .btn.btn-incentive, .gshpGridBlockForm .gshp-product-form .btn.btn-incentive {
    position: relative;
    top: 0;
    left: 0; }

.gssLightProductDiv, .gshp-product-form, .gshpMultiGrid {
  height: 100%;
  margin: 0;
  max-width: 100%; }
  .gssLightProductDiv.gssLightProductDivAddedToCart, .gshp-product-form.gssLightProductDivAddedToCart, .gshpMultiGrid.gssLightProductDivAddedToCart {
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
    border-radius: 15px;
    padding: 0 10px; }
  .gssLightProductDiv .gshpProductAddtoCartCell, .gshp-product-form .gshpProductAddtoCartCell, .gshpMultiGrid .gshpProductAddtoCartCell {
    display: flex;
    align-items: center;
    margin-right: 10px; }
    .gssLightProductDiv .gshpProductAddtoCartCell span:not(.material-icons-outlined), .gshp-product-form .gshpProductAddtoCartCell span:not(.material-icons-outlined), .gshpMultiGrid .gshpProductAddtoCartCell span:not(.material-icons-outlined) {
      font-size: .9rem;
      margin-right: 8px; }
    .gssLightProductDiv .gshpProductAddtoCartCell .btn-small-mini span.material-icons-outlined, .gshp-product-form .gshpProductAddtoCartCell .btn-small-mini span.material-icons-outlined, .gshpMultiGrid .gshpProductAddtoCartCell .btn-small-mini span.material-icons-outlined {
      font-size: 1.57rem; }
  .gssLightProductDiv .gssLightProductAddtoCart, .gshp-product-form .gssLightProductAddtoCart, .gshpMultiGrid .gssLightProductAddtoCart {
    display: flex;
    align-items: center;
    margin-top: auto; }
    .gssLightProductDiv .gssLightProductAddtoCart .notif-counter-Qte, .gshp-product-form .gssLightProductAddtoCart .notif-counter-Qte, .gshpMultiGrid .gssLightProductAddtoCart .notif-counter-Qte {
      position: relative;
      padding-right: 10px;
      padding-top: 5px; }
      .gssLightProductDiv .gssLightProductAddtoCart .notif-counter-Qte .notif-counter, .gshp-product-form .gssLightProductAddtoCart .notif-counter-Qte .notif-counter, .gshpMultiGrid .gssLightProductAddtoCart .notif-counter-Qte .notif-counter {
        right: 0px !important;
        top: -2px !important;
        position: absolute !important; }
    .gssLightProductDiv .gssLightProductAddtoCart .loading-div, .gshp-product-form .gssLightProductAddtoCart .loading-div, .gshpMultiGrid .gssLightProductAddtoCart .loading-div {
      align-items: center;
      display: flex;
      justify-content: center;
      width: 100%;
      height: auto;
      margin-bottom: 10px; }
    .gssLightProductDiv .gssLightProductAddtoCart .gssLightProductAddtoCartCell, .gshp-product-form .gssLightProductAddtoCart .gssLightProductAddtoCartCell, .gshpMultiGrid .gssLightProductAddtoCart .gssLightProductAddtoCartCell {
      display: flex;
      margin-left: auto;
      align-items: center; }
      .gssLightProductDiv .gssLightProductAddtoCart .gssLightProductAddtoCartCell .btn span, .gshp-product-form .gssLightProductAddtoCart .gssLightProductAddtoCartCell .btn span, .gshpMultiGrid .gssLightProductAddtoCart .gssLightProductAddtoCartCell .btn span {
        font-size: 1.57rem; }
    .gssLightProductDiv .gssLightProductAddtoCart .gssLightProductAddtoCartQte, .gshp-product-form .gssLightProductAddtoCart .gssLightProductAddtoCartQte, .gshpMultiGrid .gssLightProductAddtoCart .gssLightProductAddtoCartQte {
      justify-content: start;
      display: flex;
      flex-direction: column;
      align-items: flex-start; }
  .gssLightProductDiv .GridInputcell, .gshp-product-form .GridInputcell, .gshpMultiGrid .GridInputcell {
    margin: 0 2px; }
    .gssLightProductDiv .GridInputcell .GridInputGroup, .gshp-product-form .GridInputcell .GridInputGroup, .gshpMultiGrid .GridInputcell .GridInputGroup {
      position: relative; }
      .gssLightProductDiv .GridInputcell .GridInputGroup input, .gshp-product-form .GridInputcell .GridInputGroup input, .gshpMultiGrid .GridInputcell .GridInputGroup input {
        position: relative;
        margin: 0 auto;
        width: 32px;
        height: 32px;
        border-width: 2px;
        border-radius: 0px;
        line-height: 32px;
        font-size: .8rem;
        padding: 0;
        text-align: center; }
        .gssLightProductDiv .GridInputcell .GridInputGroup input[readonly], .gshp-product-form .GridInputcell .GridInputGroup input[readonly], .gshpMultiGrid .GridInputcell .GridInputGroup input[readonly] {
          background: #e9ecef; }
      .gssLightProductDiv .GridInputcell .GridInputGroup i.icon_24_time,
      .gssLightProductDiv .GridInputcell .GridInputGroup i.icon_24_warning, .gshp-product-form .GridInputcell .GridInputGroup i.icon_24_time,
      .gshp-product-form .GridInputcell .GridInputGroup i.icon_24_warning, .gshpMultiGrid .GridInputcell .GridInputGroup i.icon_24_time,
      .gshpMultiGrid .GridInputcell .GridInputGroup i.icon_24_warning {
        display: none;
        top: -11px;
        right: -5px;
        background-color: #fff;
        width: 20px;
        height: 20px;
        float: right;
        line-height: 24px;
        border-radius: 50%;
        position: absolute;
        font-size: 18px; }
      .gssLightProductDiv .GridInputcell .GridInputGroup i.icon_24_time.UsedPotential, .gshp-product-form .GridInputcell .GridInputGroup i.icon_24_time.UsedPotential, .gshpMultiGrid .GridInputcell .GridInputGroup i.icon_24_time.UsedPotential {
        display: block; }
      .gssLightProductDiv .GridInputcell .GridInputGroup i.icon_24_time.no-clock, .gshp-product-form .GridInputcell .GridInputGroup i.icon_24_time.no-clock, .gshpMultiGrid .GridInputcell .GridInputGroup i.icon_24_time.no-clock {
        display: none; }
      .gssLightProductDiv .GridInputcell .GridInputGroup i.icon_24_warning.Warning, .gshp-product-form .GridInputcell .GridInputGroup i.icon_24_warning.Warning, .gshpMultiGrid .GridInputcell .GridInputGroup i.icon_24_warning.Warning {
        display: block; }
      .gssLightProductDiv .GridInputcell .GridInputGroup .field-error-marker, .gshp-product-form .GridInputcell .GridInputGroup .field-error-marker, .gshpMultiGrid .GridInputcell .GridInputGroup .field-error-marker {
        display: block;
        bottom: -6px;
        right: -10px;
        top: auto;
        position: absolute;
        border: 2px solid white;
        background-clip: padding-box; }
  .gssLightProductDiv .btn.btn-incentive, .gshp-product-form .btn.btn-incentive, .gshpMultiGrid .btn.btn-incentive {
    position: absolute;
    z-index: 1;
    left: 2px;
    top: 10px;
    border-radius: 16px;
    color: #fff;
    font-size: .9rem;
    font-weight: 500;
    text-align: center;
    line-height: 32px;
    height: 32px;
    padding: 0px 10px;
    width: auto;
    min-width: 66px; }
  .gssLightProductDiv .gshpProductMultiGrid .btn.btn-incentive, .gshp-product-form .gshpProductMultiGrid .btn.btn-incentive, .gshpMultiGrid .gshpProductMultiGrid .btn.btn-incentive {
    top: 0;
    position: relative; }

/* tooltip */
.incentive-popover {
  position: relative;
  display: inline-block; }

.tabsForGrids .popover {
  min-width: 500px; }

.tabsForGrids .btn-incentive {
  left: -5px;
  top: 5px; }

.incentive-popover .incentive-popover-content {
  visibility: hidden;
  min-width: 250px;
  background-color: #fff;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.3);
  color: #4d4d4d;
  border-radius: 0px;
  padding: 5px;
  position: absolute;
  z-index: 1;
  top: 125%;
  left: 50%;
  margin-left: -30px;
  opacity: 0;
  transition: opacity 0.3s; }
  .incentive-popover .incentive-popover-content .incentive-info {
    min-width: 420px; }

.incentive-popover .incentive-popover-content::before {
  content: "";
  position: absolute;
  left: 37px;
  right: 0px;
  display: block;
  width: 10px;
  height: 10px;
  top: -5px;
  background-color: #fff;
  transform: translateX(-8px) rotate(45deg);
  box-shadow: 0px -1px 0px rgba(0, 0, 0, 0.1);
  z-index: 0; }

.incentive-popover:hover .incentive-popover-content {
  visibility: visible;
  opacity: 1; }

.btn-incentive {
  font-size: 14px;
  line-height: 14px;
  height: 30px;
  background-color: #0000FF; }
  .btn-incentive:hover, .btn-incentive:focus {
    color: white; }

.tabsForGrids .btn-incentive.btn {
  position: relative;
  left: 5px;
  top: 5px; }

/* Stock message*/
.panel-orderInfo h5, .panel-orderInfo .h5 {
  margin-bottom: 5px; }

.product-order-provision-active {
  font-size: 18px;
  line-height: 32px; }

.stockMsg {
  width: auto !important;
  font-size: 12px;
  border-radius: 16px;
  display: inline-flex;
  flex: 0;
  font-weight: 500;
  justify-content: space-between;
  margin: 0;
  align-items: flex-start; }
  .stockMsg:before {
    display: none; }
  .stockMsg.GoodStockReorderable:before, .stockMsg.GoodStockNotReorderable:before {
    font-family: "icomoon";
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    content: "\e934";
    text-align: center;
    width: 20px;
    height: 20px;
    font-size: 14px;
    border-radius: 50%;
    margin-right: 5px; }
  .stockMsg.WarningStockReorderable:before, .stockMsg.WarningStockNotReorderable:before {
    font-family: "icomoon";
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    content: "\e92f";
    text-align: center;
    width: 24px;
    height: 24px;
    font-size: 20px;
    line-height: 20px;
    margin-right: 5px; }
  .stockMsg.CriticalStockNotReorderable:before, .stockMsg.CriticalStockReorderable:before, .stockMsgNotOrderable:before {
    font-family: "icomoon";
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    content: "\e965";
    text-align: center;
    width: 24px;
    height: 24px;
    font-size: 20px;
    line-height: 24px;
    margin-right: 5px;
    background: transparent; }
  .stockMsg.NotOrderable {
    color: #797A8D; }
  .stockMsg.animateIcon:before {
    animation: expand-icon 0.3s ease-out 0.1s; }

#categoryMainPicture {
  width: 100vw;
  height: auto;
  margin: -5px -15px;
  max-width: 100Vw; }

/*Add to basket*/
.quick-add-to-basket {
  position: absolute;
  bottom: -55px;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
  background: #fff;
  min-height: 82px;
  padding: 0 0 0px 0;
  opacity: 0;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  height: 20%;
  z-index: 1;
  cursor: pointer; }
  .quick-add-to-basket .btn-quick-add-to-basket {
    margin-left: 10px;
    font-size: 14px;
    animation: scaleUpDown 0.3s ease both; }

.btn-quick-add-to-basket,
.btn-quick-add-to-basket:hover {
  margin-top: -10px;
  -webkit-transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1);
  /* Safari */
  transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1); }

.btn-quick-add-to-basket:hover {
  opacity: 1; }

.thumbnail {
  -webkit-transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1);
  /* Safari */
  transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1);
  margin-bottom: 22px; }
  .thumbnail img {
    transition: transform 0.3s ease-out, opacity 0.3s linear; }

.product-in-list {
  max-width: 280px; }
  .product-in-list .thumbnail {
    /*img{
                  width:100%;
                  height:238px;
                  padding:0;
            }*/ }
    .product-in-list .thumbnail:hover .quick-add-to-basket {
      opacity: 1;
      bottom: 12px; }
      .product-in-list .thumbnail:hover .quick-add-to-basket .btn-quick-add-to-basket {
        top: 30%; }
    .product-in-list .thumbnail:hover img {
      transform: scale(1.04);
      transition: transform 0.15s ease-out, opacity 0.15s linear; }

/* Device wrap*/
.gshp-shop-price, .SuggestedPrice, .gssCustomPrice, .SuggestedPriceLabel, .discountLabel, .grossMarginLabel, .gshpBasket_discount {
  white-space: nowrap; }
  .gshp-shop-price span, .SuggestedPrice span, .gssCustomPrice span, .SuggestedPriceLabel span, .discountLabel span, .grossMarginLabel span, .gshpBasket_discount span {
    white-space: nowrap; }

.gshp-shop-price {
  font-weight: 400;
  font-size: .875rem;
  text-align: left; }

.gshpBasketTBody_totals .gshpBasketVatTotal_value .gshp-shop-price:not(.font-normal), .gshpBasketTBody_totals th .gshp-shop-price:not(.font-normal) {
  font-weight: inherit; }

/*Basket page*/
.gshpBasket_buttonBar, .gshpBasket_postFace {
  float: left;
  width: 100%; }
  .gshpBasket_buttonBar .gshpBasket_buttonBar_cannotOrderReason, .gshpBasket_postFace .gshpBasket_buttonBar_cannotOrderReason {
    font-size: 14px;
    margin-bottom: 10px; }
    .gshpBasket_buttonBar .gshpBasket_buttonBar_cannotOrderReason:not(.message-alert), .gshpBasket_postFace .gshpBasket_buttonBar_cannotOrderReason:not(.message-alert) {
      width: 100%;
      text-align: right;
      float: left; }
  .gshpBasket_buttonBar .gshpBasket_buttonBar_expectedShippingDate, .gshpBasket_postFace .gshpBasket_buttonBar_expectedShippingDate {
    margin-bottom: 30px; }

/* Info request */
.sf-form .odfControlRow input, .sf-form .odfControlRow select, .sf-form .odfControlRow textarea {
  margin: 8px; }

.sf-form .odfControlRow textarea {
  min-height: 120px; }

/* ProductCustomPricePopover */
table.gshpProductCustomPriceTable {
  max-width: 100%;
  overflow: auto;
  display: block;
  max-height: 180px;
  padding: 0 15px; }
  table.gshpProductCustomPriceTable td,
  table.gshpProductCustomPriceTable th {
    color: #212529;
    padding: 0.4em 0.5em;
    max-width: 150px;
    min-width: 100px;
    vertical-align: top;
    line-height: 16px; }

.gshpCustomPriceValue,
.gshpCustomPriceValue,
td.gshpCustomPriceValue,
th.gshpCustomPriceValue {
  white-space: nowrap; }

p.gshpStockLevelInProductDescription {
  margin-bottom: 5px; }

.gshpCustomPriceLink {
  margin-bottom: 5px; }
  .gshpCustomPriceLink a {
    transition: opacity 0.07s linear;
    border-bottom: 1px dotted #2C53FF;
    font-size: 14px; }
    .gshpCustomPriceLink a:hover {
      color: #2C53FF; }

.title.title-bordred {
  border-bottom: 5px solid #e0e0e0;
  padding-bottom: 5px;
  margin-bottom: 10px;
  display: flex;
  justify-content: space-between;
  font-size: 16px; }

/* Basket page responsive */
/*Set Page*/
/*Client Page*/
/* Advanced Search */
.gssBtnBar {
  margin-left: auto;
  flex: auto; }
  .gssBtnBar .navbar-nav.navbar-filter-black li a.closer,
  .gssBtnBar .navbar-nav.navbar-filter-black li a.closer:hover,
  .gssBtnBar .navbar-nav.navbar-filter-black li a.closer:focus {
    color: white;
    font-weight: 700;
    height: 40px;
    padding: 0 8px;
    line-height: 36px;
    margin-left: 5px; }
  .gssBtnBar .form-outline span, .gssBtnBar .form-outline label {
    background: white;
    padding-left: 5px;
    padding-right: 5px;
    position: absolute;
    top: 0;
    max-width: 98%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    left: 0.75rem;
    padding-top: 0.37rem;
    pointer-events: none;
    transform-origin: 0 0;
    transition: all 0.2s ease-out;
    color: rgba(0, 0, 0, 0.6);
    margin-bottom: 0;
    transform: translateY(-1rem) translateY(0.1rem) scale(0.8); }
  .gssBtnBar .ModeButtonsRow input[type="radio"] {
    visibility: hidden;
    width: 0; }

.gssTitleRow h1, .gssTitleRow .h1 {
  margin-bottom: 5px; }

.gssTitleRow h2, .gssTitleRow .h2 {
  font-size: 20px;
  margin-bottom: 0px;
  font-weight: 500;
  width: 110px;
  justify-content: flex-start;
  display: flex; }

.gssSubGroups {
  margin-left: 0px; }
  .gssSubGroups .gssGroupHeaderRow {
    box-shadow: none;
    border-radius: 50px;
    padding: 0px;
    animation: group-expand-anim 0.3s forwards; }
    .gssSubGroups .gssGroupHeaderRow .gssBasketSummary {
      color: black; }
      .gssSubGroups .gssGroupHeaderRow .gssBasketSummary span {
        color: black;
        vertical-align: middle;
        line-height: 56px;
        padding: 20px 20px 20px 15px; }
    .gssSubGroups .gssGroupHeaderRow a {
      position: relative;
      width: auto; }
      .gssSubGroups .gssGroupHeaderRow a .gssGroupToggleButton {
        width: 50px;
        height: 50px;
        text-align: center; }
      .gssSubGroups .gssGroupHeaderRow a i {
        position: relative;
        display: inline-block;
        font-family: "icomoon";
        font-weight: normal;
        font-size: 24px;
        vertical-align: middle;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        line-height: 60px;
        padding: 0 15px;
        color: black; }
      .gssSubGroups .gssGroupHeaderRow a.gssOpen i {
        animation: tree-menu-anim-reverse 0.1s linear; }
      .gssSubGroups .gssGroupHeaderRow a.gssClose i {
        animation: tree-menu-anim 0.1s linear;
        transform: rotate(90deg);
        -webkit-transform: rotate(90deg); }
    .gssSubGroups .gssGroupHeaderRow .gssGroupHeader h3, .gssSubGroups .gssGroupHeaderRow .gssGroupHeader .h3 {
      font-size: 24px;
      line-height: 58px;
      font-weight: 700;
      margin-bottom: 0px;
      padding: 0 30px 0 50px;
      border-radius: 5px;
      color: black; }
    .gssSubGroups .gssGroupHeaderRow .gssGroupHeader h4, .gssSubGroups .gssGroupHeaderRow .gssGroupHeader .h4 {
      margin-bottom: 0px;
      line-height: 58px;
      font-weight: 700;
      background-color: #f2f2f2;
      border-radius: 5px;
      color: black;
      padding-left: 50px; }
    .gssSubGroups .gssGroupHeaderRow .gssGroupHeader h5, .gssSubGroups .gssGroupHeaderRow .gssGroupHeader .h5 {
      margin-bottom: 0px;
      line-height: 58px;
      font-weight: 700;
      background-color: rgba(242, 242, 242, 0.6);
      border-radius: 5px;
      font-size: 16px;
      color: black;
      padding-left: 50px; }
    .gssSubGroups .gssGroupHeaderRow .gssGroupHeader h6, .gssSubGroups .gssGroupHeaderRow .gssGroupHeader .h6 {
      margin-bottom: 0px;
      line-height: 58px;
      font-weight: 700;
      background-color: rgba(242, 242, 242, 0.4);
      border-radius: 5px;
      font-size: 14px;
      color: black;
      padding-left: 50px; }

.gssGroup {
  margin-top: 0; }

.gssComboPanel label {
  margin-right: 10px; }

.gssComboPanel .gssFinalProductCount {
  font-size: 28px;
  margin-bottom: 0px;
  flex: 1; }

.gssComboPanel .gssGroupComboRow {
  flex: 2; }

.gssComboPanel .gssGroupComboCount {
  display: flex;
  justify-content: flex-end;
  align-items: center; }
  .gssComboPanel .gssGroupComboCount label {
    margin-top: 0px;
    padding-left: 20px;
    white-space: nowrap; }
  .gssComboPanel .gssGroupComboCount select.form-control {
    margin-right: 10px;
    width: auto; }

#gss-search-panel {
  padding: 0px; }
  #gss-search-panel .gssNewFacets a:not(.ui-slider-handle) {
    animation: fadeIn 0.2s ease both; }
  #gss-search-panel .gssNewFacets .filter {
    flex-wrap: wrap; }
  #gss-search-panel .gssNewFacets .close {
    height: 26px;
    width: 26px;
    top: 4px; }
    #gss-search-panel .gssNewFacets .close span {
      font-size: 1rem; }
  #gss-search-panel .gssFacetModel {
    animation: fadeIn 0.4s ease both; }
  #gss-search-panel .gssFacetFilterButtonRow {
    animation: fadeIn 0.6s ease both; }
  #gss-search-panel .gssNewFacets {
    margin-bottom: 10px;
    flex-wrap: wrap;
    align-items: center; }
    #gss-search-panel .gssNewFacets a:not(.ui-slider-handle) {
      margin: 0 5px 10px 0;
      padding: 0 5px;
      margin-left: 5px;
      height: 30px;
      font-size: 14px;
      font-style: normal;
      line-height: 30px; }
      #gss-search-panel .gssNewFacets a.gssFlexFacetsTabButton:not(.ui-slider-handle) {
        width: auto; }
      #gss-search-panel .gssNewFacets a.selected:not(.ui-slider-handle) {
        pointer-events: none; }
        #gss-search-panel .gssNewFacets a.selected.notSpecial:not(.ui-slider-handle) {
          border-color: transparent; }
          #gss-search-panel .gssNewFacets a.selected.notSpecial:not(.ui-slider-handle):before {
            background-color: rgba(0, 126, 217, 0.15);
            opacity: 1;
            border-radius: 50px;
            transform: scale(1); }
        #gss-search-panel .gssNewFacets a.selected.special:not(.ui-slider-handle), #gss-search-panel .gssNewFacets a.selected.special:not(.ui-slider-handle):focus, #gss-search-panel .gssNewFacets a.selected.special:not(.ui-slider-handle):hover {
          background-color: rgba(34, 34, 34, 0.8);
          color: white;
          border-color: transparent; }
      #gss-search-panel .gssNewFacets a.notSpecial:not(.ui-slider-handle) {
        background-color: white;
        padding: 0 10px; }
        #gss-search-panel .gssNewFacets a.notSpecial:not(.ui-slider-handle):hover:before, #gss-search-panel .gssNewFacets a.notSpecial:not(.ui-slider-handle):focus:before {
          background-color: rgba(0, 0, 0, 0.12);
          opacity: 1;
          transform: scale(1); }
      #gss-search-panel .gssNewFacets a.special:not(.ui-slider-handle) {
        order: 2; }
        #gss-search-panel .gssNewFacets a.special:not(.ui-slider-handle)::before {
          background-color: transparent; }
  #gss-search-panel .gssCurrentFacet {
    display: flex;
    flex-direction: column;
    padding: 0px;
    max-height: 100%; }
    #gss-search-panel .gssCurrentFacet.gssUnselectedFacet {
      height: 40px;
      line-height: 33px;
      padding: 0 5px; }
    #gss-search-panel .gssCurrentFacet .gssFacetModels {
      animation: translateLine 0.3s ease both; }
    #gss-search-panel .gssCurrentFacet h4, #gss-search-panel .gssCurrentFacet .h4 {
      margin-bottom: 10px;
      font-size: 16px; }
  #gss-search-panel .gssFacetOptions {
    margin-bottom: 0px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start; }
    #gss-search-panel .gssFacetOptions label {
      margin: 0px; }
    #gss-search-panel .gssFacetOptions .gssFacetOption {
      padding: 0 10px 12px;
      flex-basis: 20%;
      width: 20%; }

.gssBtnBar {
  flex: 100%;
  align-items: center;
  justify-content: flex-start; }

.gssFacetFilterButtonRow {
  border-top: 1px solid #cccccc;
  padding: 30px 0;
  text-align: center; }

.gssFacetFilterButton {
  padding: 0px;
  padding-right: 15px;
  transition: opacity 0.1s linear; }
  .gssFacetFilterButton i.icon_24_check:before {
    width: 50px; }

.gssFilters {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline; }
  .gssFilters h4, .gssFilters .h4 {
    margin-bottom: 0px;
    text-align: left;
    font-weight: 700;
    font-size: 18px; }
  .gssFilters .gssRemoveAllFiltersColumn {
    width: auto;
    padding: 0px 15px;
    animation: tree-expand-anim 2s;
    transform-origin: left center; }

.gssFiltersColumn {
  padding: 0px;
  transform: scale(1);
  opacity: 1;
  animation: tree-expand-anim 3s;
  transform-origin: left center; }
  .gssFiltersColumn .gssFlexFilters {
    width: auto; }

.gssFacetFilter .gssFilterBody,
.gssFulltextFilter .gssFilterBody {
  margin: 0 25px 10px 0;
  padding: 5px 10px;
  position: relative;
  border: solid #b3b3b3;
  border-width: 1px 0 1px 1px;
  height: 60px;
  font-size: 16px;
  max-width: 250px;
  transform-origin: left center;
  cursor: pointer;
  transition: all 0.2s linear;
  background-color: white; }
  .gssFacetFilter .gssFilterBody:before, .gssFacetFilter .gssFilterBody:after,
  .gssFulltextFilter .gssFilterBody:before,
  .gssFulltextFilter .gssFilterBody:after {
    content: "";
    display: block;
    position: absolute;
    z-index: 0;
    top: -1px;
    left: 100%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 30px 0 30px 15px;
    border-color: transparent transparent transparent #b3b3b3;
    transition: all 0.2s linear; }
  .gssFacetFilter .gssFilterBody:after,
  .gssFulltextFilter .gssFilterBody:after {
    left: calc(100% - 1px);
    border-color: transparent transparent transparent white; }
  .gssFacetFilter .gssFilterBody:hover,
  .gssFulltextFilter .gssFilterBody:hover {
    background-color: #e6f4ff; }
    .gssFacetFilter .gssFilterBody:hover:after,
    .gssFulltextFilter .gssFilterBody:hover:after {
      border-color: transparent transparent transparent #e6f4ff; }
  .gssFacetFilter .gssFilterBody.selected,
  .gssFulltextFilter .gssFilterBody.selected {
    background: #007ed9;
    color: white;
    border-color: #007ed9;
    transform-origin: left center;
    cursor: pointer;
    transition: all 0.2s linear; }
    .gssFacetFilter .gssFilterBody.selected:hover,
    .gssFulltextFilter .gssFilterBody.selected:hover {
      border-color: #33aaff;
      background-color: #33aaff; }
      .gssFacetFilter .gssFilterBody.selected:hover:after,
      .gssFulltextFilter .gssFilterBody.selected:hover:after {
        border-color: transparent transparent transparent #33aaff; }
    .gssFacetFilter .gssFilterBody.selected:after,
    .gssFulltextFilter .gssFilterBody.selected:after {
      border-color: transparent transparent transparent #007ed9; }
    .gssFacetFilter .gssFilterBody.selected .gssRemoveButton i:before,
    .gssFulltextFilter .gssFilterBody.selected .gssRemoveButton i:before {
      color: white; }
  .gssFacetFilter .gssFilterBody .gssRemoveButton,
  .gssFulltextFilter .gssFilterBody .gssRemoveButton {
    position: absolute;
    top: 0;
    right: 0;
    transition: all 0.2s linear;
    line-height: 28px; }
    .gssFacetFilter .gssFilterBody .gssRemoveButton:before,
    .gssFulltextFilter .gssFilterBody .gssRemoveButton:before {
      opacity: 0; }
    .gssFacetFilter .gssFilterBody .gssRemoveButton:hover:before,
    .gssFulltextFilter .gssFilterBody .gssRemoveButton:hover:before {
      transform: scale(0.8);
      opacity: 0.5;
      transition: transform 0.05s linear;
      width: calc(100% - 4px);
      height: calc(100% - 4px);
      top: 2px;
      left: 2px; }
    .gssFacetFilter .gssFilterBody .gssRemoveButton i:before,
    .gssFulltextFilter .gssFilterBody .gssRemoveButton i:before {
      color: #212529; }
  .gssFacetFilter .gssFilterBody .gssFacetFilterOptions,
  .gssFulltextFilter .gssFilterBody .gssFacetFilterOptions {
    padding-left: 0px;
    line-height: inherit;
    min-height: auto;
    text-overflow: ellipsis;
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap; }
    .gssFacetFilter .gssFilterBody .gssFacetFilterOptions .gssFacetFilterOption,
    .gssFulltextFilter .gssFilterBody .gssFacetFilterOptions .gssFacetFilterOption {
      font-size: 16px; }
    .gssFacetFilter .gssFilterBody .gssFacetFilterOptions .gssRangeLabel,
    .gssFulltextFilter .gssFilterBody .gssFacetFilterOptions .gssRangeLabel {
      max-width: 100%;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .gssFacetFilter .gssFilterBody .gssFacetFilterOptions .gssFacetLabel,
    .gssFulltextFilter .gssFilterBody .gssFacetFilterOptions .gssFacetLabel {
      padding-right: 30px; }

.gssLightProductStockLabel {
  text-align: center;
  min-height: 30px; }
  .gssLightProductStockLabel .stockMsg {
    border-radius: 50px;
    height: 34px;
    font-weight: 500;
    line-height: 16px;
    text-align: center;
    display: inline-flex;
    margin-left: 0px;
    animation: showStockMessg 0.1s both;
    font-size: .9rem;
    padding-left: 12px;
    padding-right: 12px;
    color: white;
    width: auto;
    align-items: center;
    background: white;
    /*&amp;:before {
                display: none;
            }*/ }
    .gssLightProductStockLabel .stockMsg.NotOrderable {
      color: #797A8D; }
    .gssLightProductStockLabel .stockMsg.GoodStockReorderable, .gssLightProductStockLabel .stockMsg.GoodStockNotReorderable {
      color: #85B039; }
      .gssLightProductStockLabel .stockMsg.GoodStockReorderable:before, .gssLightProductStockLabel .stockMsg.GoodStockNotReorderable:before {
        background: transparent;
        font-family: "icomoon";
        font-weight: normal;
        font-style: normal;
        content: "\e934";
        text-align: center;
        width: 16px;
        height: 24px;
        line-height: 26px;
        font-size: 18px;
        border-radius: 50%;
        margin-bottom: 0px; }
    .gssLightProductStockLabel .stockMsg.WarningStockReorderable, .gssLightProductStockLabel .stockMsg.WarningStockNotReorderable {
      color: #F0803A; }
      .gssLightProductStockLabel .stockMsg.WarningStockReorderable:before, .gssLightProductStockLabel .stockMsg.WarningStockNotReorderable:before {
        font-family: "icomoon";
        font-weight: normal;
        font-style: normal;
        content: "\e92f";
        text-align: center;
        width: 22px;
        height: 22px;
        line-height: 20px;
        font-size: 16px;
        margin-right: 2px;
        margin-bottom: 0px; }
    .gssLightProductStockLabel .stockMsg.CriticalStockNotReorderable, .gssLightProductStockLabel .stockMsg.CriticalStockReorderable {
      color: #eb003b; }
      .gssLightProductStockLabel .stockMsg.CriticalStockNotReorderable:before, .gssLightProductStockLabel .stockMsg.CriticalStockReorderable:before {
        font-family: "icomoon";
        font-weight: normal;
        font-style: normal;
        content: "\e965";
        text-align: center;
        width: 22px;
        height: 24px;
        line-height: 26px;
        margin-right: 2px;
        margin-bottom: 2px;
        background: transparent; }
    .gssLightProductStockLabel .stockMsg.animateIcon:before {
      animation: expand-icon 0.3s ease-out 0.1s; }

.btnQuickAddToCart {
  margin: 10px auto;
  box-shadow: none;
  margin-top: auto; }

.gssSearchRow {
  position: relative;
  width: 50%; }
  .gssSearchRow .icon_24_search {
    position: absolute;
    padding: 8px; }
  .gssSearchRow .gssFulltextInput {
    height: 60px;
    width: 100%;
    padding: 0 60px;
    line-height: 60px;
    font-size: 16px;
    margin-right: 50px;
    padding-left: 36px; }
  .gssSearchRow h4, .gssSearchRow .h4 {
    font-size: 18px; }

.gssSliderFacet {
  animation: translateLine 0.3s ease both;
  min-width: 400px;
  padding: 30px 10px 0px 10px; }
  .gssSliderFacet input.form-control {
    padding: 5px; }

.gssSlider {
  display: block;
  -webkit-appearance: none;
  background-color: rgba(224, 224, 224, 0.5);
  height: 8px;
  border-radius: 50px;
  margin: 0 auto;
  outline: 0;
  background-image: none;
  border: 0px;
  flex: 3; }
  .gssSlider .ui-slider-range {
    background-color: #B5ACA2;
    background-image: none; }
  .gssSlider .ui-state-default {
    background-color: #B5ACA2;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 2px solid #B5ACA2;
    cursor: pointer;
    background-image: none;
    z-index: 1000;
    top: -5px;
    transition: transform 0.3s ease-in-out; }
    .gssSlider .ui-state-default:active, .gssSlider .ui-state-default.ui-state-active {
      transform: scale(1.5); }

table tr.gssSliderBarHead td {
  padding: 15px 0px;
  font-size: 17px; }
  table tr.gssSliderBarHead td .gssSliderLabel {
    font-size: 1.5rem;
    z-index: 1000; }

table .gssSlider {
  width: 100%; }

table.gssSliderLabels {
  margin: 0 auto; }
  table.gssSliderLabels &gt; tbody &gt; tr.gssSliderBarRow &gt; td:after,
  table.gssSliderLabels &gt; tbody &gt; tr.gssSliderBarRow &gt; td:hover:after, table.gssSliderLabels &gt; tbody &gt; tr.gssSliderBarRow &gt; td:focus:after {
    border-collapse: collapse;
    border: 0px;
    border-left: 2px solid #fff;
    text-align: center;
    height: 100%;
    content: "";
    position: absolute;
    top: 0px;
    z-index: 900; }
  table.gssSliderLabels &gt; tbody .gssRangeBarNotChecked {
    background-color: rgba(230, 230, 230, 0.7); }
  table.gssSliderLabels &gt; tbody .gssRangeBarChecked {
    background-color: #c4c4c4; }
  table.gssSliderLabels &gt; tbody .gssRangeBar {
    text-align: center;
    padding-top: 2px; }
  table.gssSliderLabels &gt; tbody .gssRangeBarEmpty {
    text-align: center; }

.gssSliderSummary {
  padding-bottom: 20px; }
  .gssSliderSummary .gssRangeLabel {
    font-size: 17px;
    font-weight: 600; }

.Linked-product .gssProductList .gssProductContainer .gssLightProductDiv .gssLightReferenceList {
  top: 160px; }

.Linked-product .gssProductList .gssProductContainer .gssLightProductDiv .gssLightReferenceList.gssMoreReferences {
  top: 160px; }

.gssProductList {
  flex-direction: row;
  flex: 1 100%;
  justify-content: flex-start; }
  .gssProductList .global-owl-carousel .owl-carousel .owl-wrapper-outer .owl-wrapper, .gssProductList .global-owl-carousel .owl-carousel .owl-wrapper-outer .owl-stage, .gssProductList .global-owl-carousel .owl-carousel .owl-stage-outer .owl-wrapper, .gssProductList .global-owl-carousel .owl-carousel .owl-stage-outer .owl-stage {
    display: flex;
    flex-flow: row; }
  .gssProductList .global-owl-carousel .owl-carousel .owl-nav {
    left: -25px;
    width: 98vw;
    pointer-events: none;
    min-width: 350px; }
    .gssProductList .global-owl-carousel .owl-carousel .owl-nav button {
      pointer-events: all; }
  .gssProductList .gssProductContainer.gssProductBlock6 .gssLightProductDiv .gssLightProductThumbnailDiv {
    height: 214px;
    display: flex;
    align-items: center; }
  .gssProductList .gssProductContainer.gssProductBlock6 .gssLightProductDiv .gssLightReferenceList {
    top: 185px; }
  .gssProductList .gssProductContainer .gssLightProductDiv .gssLightProductThumbnailDiv {
    height: 238px;
    display: flex;
    align-items: center; }
  .gssProductList .gssProductContainer .gssLightProductDiv &gt; img {
    position: absolute;
    z-index: 1;
    right: 0;
    top: 0;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    line-height: 54px;
    text-align: center;
    width: auto;
    max-height: 56px;
    box-shadow: none; }
  .gssProductList .gssProductContainer .gssLightProductDiv .popover {
    z-index: 1000; }
  .gssProductList .gssProductContainer .gssLightProductDiv .thumbnail_border {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 10px;
    background-color: #cccccc;
    opacity: 0.5;
    transition: transform 0.3s ease-out, opacity 0.3s linear;
    transform-origin: center bottom;
    bottom: 0;
    z-index: 2;
    display: none; }
  .gssProductList .gssProductContainer .gssLightProductDiv .gssLightProductThumbnailDiv {
    height: 240px; }
  .gssProductList .gssProductContainer .gssLightProductDiv:hover .thumbnail_border {
    transform: scaleY(1.2);
    transition: transform 0.2s ease-out, opacity 0.2s linear;
    opacity: 1; }
  .gssProductList .gssProductContainer .gssLightProductDiv .gssLightReferenceList {
    position: absolute;
    z-index: 40;
    display: flex;
    justify-content: flex-start;
    background: transparent;
    border: 0px;
    width: 100%;
    overflow-y: hidden;
    max-height: 44px;
    padding: 0 5px;
    top: 200px;
    align-items: center; }
    .gssProductList .gssProductContainer .gssLightProductDiv .gssLightReferenceList.gssMoreReferences {
      top: 197px; }
      .gssProductList .gssProductContainer .gssLightProductDiv .gssLightReferenceList.gssMoreReferences a {
        background-color: rgba(0, 0, 0, 0.5);
        padding: 0px 10px;
        height: 32px;
        line-height: 32px;
        font-size: 14px; }
  .gssProductList .gssProductContainer .gssLightProductDiv.gssLightProductDivAddedToCart .gssLightReferenceList {
    left: 0; }
  .gssProductList .gssProductContainer .gssLightProductDiv .gssLightReference {
    padding: 0 2px;
    overflow: visible;
    margin-top: 10px; }
    .gssProductList .gssProductContainer .gssLightProductDiv .gssLightReference img {
      display: block;
      border: 2px solid rgba(255, 255, 255, 0.9);
      border-radius: 5px;
      position: relative;
      height: 26px;
      width: 26px;
      margin: 0 auto;
      box-shadow: none !important; }
    .gssProductList .gssProductContainer .gssLightProductDiv .gssLightReference a {
      border-radius: 5px;
      float: left;
      border: 1px solid #ddd;
      transition: transform 0.1s ease-out;
      pointer-events: auto; }
      .gssProductList .gssProductContainer .gssLightProductDiv .gssLightReference a:hover {
        transform: scale(1.23); }
  .gssProductList .gssProductContainer .gssLightProductDiv .gssLightProductThumbnailDiv {
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center; }
    .gssProductList .gssProductContainer .gssLightProductDiv .gssLightProductThumbnailDiv .thumbnailContainer {
      display: flex;
      align-items: center;
      justify-content: center; }
    .gssProductList .gssProductContainer .gssLightProductDiv .gssLightProductThumbnailDiv img {
      width: auto;
      height: auto;
      max-width: 100%;
      max-height: 240px;
      box-shadow: none !important;
      -webkit-animation: fadeInFromNone 0.2s;
      -moz-animation: fadeInFromNone 0.2s;
      -o-animation: fadeInFromNone 0.2s;
      -ms-animation: fadeInFromNone 0.2s;
      animation: fadeInFromNone 0.2s; }
    .gssProductList .gssProductContainer .gssLightProductDiv .gssLightProductThumbnailDiv:hover img {
      transform: scale(1.04);
      transition: transform 0.15s ease-out, opacity 0.15s linear; }
  .gssProductList .gssProductContainer .gssLightProductDiv .gssLightProductFloatingLabel {
    flex-direction: column;
    justify-content: center;
    display: flex;
    align-content: center; }
    .gssProductList .gssProductContainer .gssLightProductDiv .gssLightProductFloatingLabel .gssLightProductFloatingPriceLabel a.btn {
      width: 40px;
      padding: 0px; }
      .gssProductList .gssProductContainer .gssLightProductDiv .gssLightProductFloatingLabel .gssLightProductFloatingPriceLabel a.btn:hover:before, .gssProductList .gssProductContainer .gssLightProductDiv .gssLightProductFloatingLabel .gssLightProductFloatingPriceLabel a.btn:focus:before {
        background-color: rgba(0, 113, 194, 0.15);
        transform: scale(1);
        opacity: 1; }
  .gssProductList .gssLightProductFloatingLabel h3, .gssProductList .gssLightProductFloatingLabel .h3 {
    font-weight: 600;
    font-size: 1rem;
    margin-bottom: 0;
    position: relative;
    line-height: 22px;
    text-align: center;
    min-height: 22px;
    margin-top: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; }
  .gssProductList .gssLightProductFloatingLabel .effective-code {
    font-size: .875rem;
    color: rgba(0, 0, 0, 0.4);
    font-weight: 400; }
  .gssProductList .gssLightProductFloatingLabel .gssprice {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding-bottom: 5px;
    width: 100%; }
    .gssProductList .gssLightProductFloatingLabel .gssprice .select-product-link {
      display: flex;
      align-items: baseline;
      color: #212529; }
      .gssProductList .gssLightProductFloatingLabel .gssprice .select-product-link .gssproduct-prices {
        justify-content: flex-end;
        display: flex;
        flex-direction: column;
        align-items: flex-end; }
    .gssProductList .gssLightProductFloatingLabel .gssprice .gssprice-label {
      font-weight: normal; }
    .gssProductList .gssLightProductFloatingLabel .gssprice .gssCustomRate {
      color: #212529;
      opacity: 0.7; }
  .gssProductList .gssLightProductFloatingPriceBlock {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    margin-top: 10px;
    padding-top: 10px;
    font-size: .9rem;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%; }
    .gssProductList .gssLightProductFloatingPriceBlock .gssLightProductFloatingPriceLabel {
      display: flex;
      justify-content: center;
      align-items: center;
      padding-top: 4px; }
    .gssProductList .gssLightProductFloatingPriceBlock .SuggestedPrice {
      display: flex;
      justify-content: space-between; }
      .gssProductList .gssLightProductFloatingPriceBlock .SuggestedPrice .SuggestedPriceLabel {
        margin-left: auto; }
  .gssProductList .gssLightProductGreenTax {
    text-align: right; }
    .gssProductList .gssLightProductGreenTax .gssLightProductGreenTaxLabel {
      font-size: .7rem;
      font-weight: 300;
      line-height: .7rem; }
  .gssProductList .product-label-price td {
    height: 20px;
    vertical-align: baseline; }
  .gssProductList .expandGridBlock {
    display: none; }

.gshpEcoTax {
  font-size: .8rem;
  font-weight: 300;
  display: flex;
  text-align: right; }
  .gshpEcoTax .gshpValue {
    padding: 0 5px; }

/* PopinUsage product*/
#previewProductModal {
  z-index: 1060; }
  #previewProductModal .popover {
    z-index: 1070; }

.modal-backdrop.show + .popover, .modal-backdrop.show ~ .popover {
  z-index: 1070; }

#productGridPopupContent .label-row {
  min-height: 85px; }

#productGridPopupContent .gshpMultiGridProductLayout {
  display: none; }

#productGridPopupContent .gshpProductPrice {
  font-size: 24px; }

#productGridPopupContent .gshpMultiGridProductSummary div.ProductImgContainer {
  min-width: 150px;
  width: 180px; }

.gshpBasketItems .gshpProductMultiGrid, .gshpBasketItems .gshpProductMonoGrid {
  flex: 0; }

div.gshpMultiGrid, .gshpGridBlockForm, .gshp-product-form {
  display: flex;
  flex-wrap: wrap; }
  div.gshpMultiGrid #productGridSummaryTable, .gshpGridBlockForm #productGridSummaryTable, .gshp-product-form #productGridSummaryTable {
    margin-left: 20px; }
  div.gshpMultiGrid .product-grid-summary, .gshpGridBlockForm .product-grid-summary, .gshp-product-form .product-grid-summary {
    /*margin-left: auto;*/ }
    div.gshpMultiGrid .product-grid-summary .product-order-row, .gshpGridBlockForm .product-grid-summary .product-order-row, .gshp-product-form .product-grid-summary .product-order-row {
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      flex-direction: column;
      position: relative; }
      div.gshpMultiGrid .product-grid-summary .product-order-row .product-order-tooltip-td, .gshpGridBlockForm .product-grid-summary .product-order-row .product-order-tooltip-td, .gshp-product-form .product-grid-summary .product-order-row .product-order-tooltip-td {
        margin-bottom: 10px; }
        div.gshpMultiGrid .product-grid-summary .product-order-row .product-order-tooltip-td p, .gshpGridBlockForm .product-grid-summary .product-order-row .product-order-tooltip-td p, .gshp-product-form .product-grid-summary .product-order-row .product-order-tooltip-td p {
          color: #212529; }
        div.gshpMultiGrid .product-grid-summary .product-order-row .product-order-tooltip-td .stockMsg,
        div.gshpMultiGrid .product-grid-summary .product-order-row .product-order-tooltip-td .stockDateMsg, div.gshpMultiGrid .product-grid-summary .product-order-row .product-order-tooltip-td .totalMsg, .gshpGridBlockForm .product-grid-summary .product-order-row .product-order-tooltip-td .stockMsg,
        .gshpGridBlockForm .product-grid-summary .product-order-row .product-order-tooltip-td .stockDateMsg, .gshpGridBlockForm .product-grid-summary .product-order-row .product-order-tooltip-td .totalMsg, .gshp-product-form .product-grid-summary .product-order-row .product-order-tooltip-td .stockMsg,
        .gshp-product-form .product-grid-summary .product-order-row .product-order-tooltip-td .stockDateMsg, .gshp-product-form .product-grid-summary .product-order-row .product-order-tooltip-td .totalMsg {
          margin-bottom: 0px;
          line-height: 26px;
          justify-content: space-between; }
          div.gshpMultiGrid .product-grid-summary .product-order-row .product-order-tooltip-td .stockMsg span,
          div.gshpMultiGrid .product-grid-summary .product-order-row .product-order-tooltip-td .stockDateMsg span, div.gshpMultiGrid .product-grid-summary .product-order-row .product-order-tooltip-td .totalMsg span, .gshpGridBlockForm .product-grid-summary .product-order-row .product-order-tooltip-td .stockMsg span,
          .gshpGridBlockForm .product-grid-summary .product-order-row .product-order-tooltip-td .stockDateMsg span, .gshpGridBlockForm .product-grid-summary .product-order-row .product-order-tooltip-td .totalMsg span, .gshp-product-form .product-grid-summary .product-order-row .product-order-tooltip-td .stockMsg span,
          .gshp-product-form .product-grid-summary .product-order-row .product-order-tooltip-td .stockDateMsg span, .gshp-product-form .product-grid-summary .product-order-row .product-order-tooltip-td .totalMsg span {
            min-width: 90px; }
            div.gshpMultiGrid .product-grid-summary .product-order-row .product-order-tooltip-td .stockMsg span:nth-child(2),
            div.gshpMultiGrid .product-grid-summary .product-order-row .product-order-tooltip-td .stockDateMsg span:nth-child(2), div.gshpMultiGrid .product-grid-summary .product-order-row .product-order-tooltip-td .totalMsg span:nth-child(2), .gshpGridBlockForm .product-grid-summary .product-order-row .product-order-tooltip-td .stockMsg span:nth-child(2),
            .gshpGridBlockForm .product-grid-summary .product-order-row .product-order-tooltip-td .stockDateMsg span:nth-child(2), .gshpGridBlockForm .product-grid-summary .product-order-row .product-order-tooltip-td .totalMsg span:nth-child(2), .gshp-product-form .product-grid-summary .product-order-row .product-order-tooltip-td .stockMsg span:nth-child(2),
            .gshp-product-form .product-grid-summary .product-order-row .product-order-tooltip-td .stockDateMsg span:nth-child(2), .gshp-product-form .product-grid-summary .product-order-row .product-order-tooltip-td .totalMsg span:nth-child(2) {
              text-align: right; }
        div.gshpMultiGrid .product-grid-summary .product-order-row .product-order-tooltip-td .stockMaxMsg, .gshpGridBlockForm .product-grid-summary .product-order-row .product-order-tooltip-td .stockMaxMsg, .gshp-product-form .product-grid-summary .product-order-row .product-order-tooltip-td .stockMaxMsg {
          margin-bottom: .2rem; }
        div.gshpMultiGrid .product-grid-summary .product-order-row .product-order-tooltip-td .warning-msg, .gshpGridBlockForm .product-grid-summary .product-order-row .product-order-tooltip-td .warning-msg, .gshp-product-form .product-grid-summary .product-order-row .product-order-tooltip-td .warning-msg {
          display: flex;
          align-items: start; }
          div.gshpMultiGrid .product-grid-summary .product-order-row .product-order-tooltip-td .warning-msg .color-red, .gshpGridBlockForm .product-grid-summary .product-order-row .product-order-tooltip-td .warning-msg .color-red, .gshp-product-form .product-grid-summary .product-order-row .product-order-tooltip-td .warning-msg .color-red {
            font-size: 12px;
            font-weight: 500; }
          div.gshpMultiGrid .product-grid-summary .product-order-row .product-order-tooltip-td .warning-msg span, .gshpGridBlockForm .product-grid-summary .product-order-row .product-order-tooltip-td .warning-msg span, .gshp-product-form .product-grid-summary .product-order-row .product-order-tooltip-td .warning-msg span {
            margin-left: 0px; }
          div.gshpMultiGrid .product-grid-summary .product-order-row .product-order-tooltip-td .warning-msg .material-icons-outlined, .gshpGridBlockForm .product-grid-summary .product-order-row .product-order-tooltip-td .warning-msg .material-icons-outlined, .gshp-product-form .product-grid-summary .product-order-row .product-order-tooltip-td .warning-msg .material-icons-outlined {
            font-size: 20px;
            margin-right: 5px; }
        div.gshpMultiGrid .product-grid-summary .product-order-row .product-order-tooltip-td .color-red .warning-msg, .gshpGridBlockForm .product-grid-summary .product-order-row .product-order-tooltip-td .color-red .warning-msg, .gshp-product-form .product-grid-summary .product-order-row .product-order-tooltip-td .color-red .warning-msg {
          font-size: 12px;
          font-weight: 500; }
      div.gshpMultiGrid .product-grid-summary .product-order-row .product-order-total-td, .gshpGridBlockForm .product-grid-summary .product-order-row .product-order-total-td, .gshp-product-form .product-grid-summary .product-order-row .product-order-total-td {
        padding-left: 0px;
        margin: 15px 0 15px 0;
        border-left: 0px; }
      div.gshpMultiGrid .product-grid-summary .product-order-row .product-order-tooltip-td, div.gshpMultiGrid .product-grid-summary .product-order-row .product-order-prices, .gshpGridBlockForm .product-grid-summary .product-order-row .product-order-tooltip-td, .gshpGridBlockForm .product-grid-summary .product-order-row .product-order-prices, .gshp-product-form .product-grid-summary .product-order-row .product-order-tooltip-td, .gshp-product-form .product-grid-summary .product-order-row .product-order-prices {
        width: 260px; }
    div.gshpMultiGrid .product-grid-summary .incentive-popover, .gshpGridBlockForm .product-grid-summary .incentive-popover, .gshp-product-form .product-grid-summary .incentive-popover {
      display: flex; }
    div.gshpMultiGrid .product-grid-summary .product-label-price-td, div.gshpMultiGrid .product-grid-summary .product-order-tooltip-td, div.gshpMultiGrid .product-grid-summary .product-order-total-td, .gshpGridBlockForm .product-grid-summary .product-label-price-td, .gshpGridBlockForm .product-grid-summary .product-order-tooltip-td, .gshpGridBlockForm .product-grid-summary .product-order-total-td, .gshp-product-form .product-grid-summary .product-label-price-td, .gshp-product-form .product-grid-summary .product-order-tooltip-td, .gshp-product-form .product-grid-summary .product-order-total-td {
      /*margin-left: auto;*/ }
      div.gshpMultiGrid .product-grid-summary .product-label-price-td &gt; div, div.gshpMultiGrid .product-grid-summary .product-order-tooltip-td &gt; div, div.gshpMultiGrid .product-grid-summary .product-order-total-td &gt; div, .gshpGridBlockForm .product-grid-summary .product-label-price-td &gt; div, .gshpGridBlockForm .product-grid-summary .product-order-tooltip-td &gt; div, .gshpGridBlockForm .product-grid-summary .product-order-total-td &gt; div, .gshp-product-form .product-grid-summary .product-label-price-td &gt; div, .gshp-product-form .product-grid-summary .product-order-tooltip-td &gt; div, .gshp-product-form .product-grid-summary .product-order-total-td &gt; div {
        padding: 0px 10px;
        border-radius: 0.5rem;
        margin: 0;
        width: 330px;
        text-align: left; }
    div.gshpMultiGrid .product-grid-summary .product-order-row.flex-sm-row, .gshpGridBlockForm .product-grid-summary .product-order-row.flex-sm-row, .gshp-product-form .product-grid-summary .product-order-row.flex-sm-row {
      flex-wrap: nowrap;
      justify-content: flex-start;
      align-content: flex-start; }
      div.gshpMultiGrid .product-grid-summary .product-order-row.flex-sm-row .product-label-price-td, div.gshpMultiGrid .product-grid-summary .product-order-row.flex-sm-row .product-order-tooltip-td, div.gshpMultiGrid .product-grid-summary .product-order-row.flex-sm-row .product-order-total-td, .gshpGridBlockForm .product-grid-summary .product-order-row.flex-sm-row .product-label-price-td, .gshpGridBlockForm .product-grid-summary .product-order-row.flex-sm-row .product-order-tooltip-td, .gshpGridBlockForm .product-grid-summary .product-order-row.flex-sm-row .product-order-total-td, .gshp-product-form .product-grid-summary .product-order-row.flex-sm-row .product-label-price-td, .gshp-product-form .product-grid-summary .product-order-row.flex-sm-row .product-order-tooltip-td, .gshp-product-form .product-grid-summary .product-order-row.flex-sm-row .product-order-total-td {
        margin: 0; }
        div.gshpMultiGrid .product-grid-summary .product-order-row.flex-sm-row .product-label-price-td &gt; div, div.gshpMultiGrid .product-grid-summary .product-order-row.flex-sm-row .product-order-tooltip-td &gt; div, div.gshpMultiGrid .product-grid-summary .product-order-row.flex-sm-row .product-order-total-td &gt; div, .gshpGridBlockForm .product-grid-summary .product-order-row.flex-sm-row .product-label-price-td &gt; div, .gshpGridBlockForm .product-grid-summary .product-order-row.flex-sm-row .product-order-tooltip-td &gt; div, .gshpGridBlockForm .product-grid-summary .product-order-row.flex-sm-row .product-order-total-td &gt; div, .gshp-product-form .product-grid-summary .product-order-row.flex-sm-row .product-label-price-td &gt; div, .gshp-product-form .product-grid-summary .product-order-row.flex-sm-row .product-order-tooltip-td &gt; div, .gshp-product-form .product-grid-summary .product-order-row.flex-sm-row .product-order-total-td &gt; div {
          padding: 0px 10px;
          border-radius: 0.5rem;
          margin: 0;
          width: auto;
          text-align: left; }
      div.gshpMultiGrid .product-grid-summary .product-order-row.flex-sm-row .product-order-prices, .gshpGridBlockForm .product-grid-summary .product-order-row.flex-sm-row .product-order-prices, .gshp-product-form .product-grid-summary .product-order-row.flex-sm-row .product-order-prices {
        width: auto; }
        div.gshpMultiGrid .product-grid-summary .product-order-row.flex-sm-row .product-order-prices &gt; div, .gshpGridBlockForm .product-grid-summary .product-order-row.flex-sm-row .product-order-prices &gt; div, .gshp-product-form .product-grid-summary .product-order-row.flex-sm-row .product-order-prices &gt; div {
          min-width: 200px;
          margin-right: 0 !important;
          margin-bottom: 10px;
          margin-top: 0; }

.gshp-product-form #productGridSummaryTable {
  margin-left: 0 !important; }

div.gshpMultiGrid .gshpProductMonoGrid .product-order-row .product-order-tooltip-td, .gshp-product-form .product-order-row .product-order-tooltip-td, .gshpGridBlockForm .product-order-row .product-order-tooltip-td {
  width: 220px; }

div.gshpMultiGrid .gshpProductMonoGrid .product-order-row .product-label-price-td, div.gshpMultiGrid .gshpProductMonoGrid .product-order-row .product-order-tooltip-td, div.gshpMultiGrid .gshpProductMonoGrid .product-order-row .product-order-total-td, .gshp-product-form .product-order-row .product-label-price-td, .gshp-product-form .product-order-row .product-order-tooltip-td, .gshp-product-form .product-order-row .product-order-total-td, .gshpGridBlockForm .product-order-row .product-label-price-td, .gshpGridBlockForm .product-order-row .product-order-tooltip-td, .gshpGridBlockForm .product-order-row .product-order-total-td {
  margin: 0; }
  div.gshpMultiGrid .gshpProductMonoGrid .product-order-row .product-label-price-td &gt; div, div.gshpMultiGrid .gshpProductMonoGrid .product-order-row .product-order-tooltip-td &gt; div, div.gshpMultiGrid .gshpProductMonoGrid .product-order-row .product-order-total-td &gt; div, .gshp-product-form .product-order-row .product-label-price-td &gt; div, .gshp-product-form .product-order-row .product-order-tooltip-td &gt; div, .gshp-product-form .product-order-row .product-order-total-td &gt; div, .gshpGridBlockForm .product-order-row .product-label-price-td &gt; div, .gshpGridBlockForm .product-order-row .product-order-tooltip-td &gt; div, .gshpGridBlockForm .product-order-row .product-order-total-td &gt; div {
    padding: 0px 10px;
    border-radius: 0.5rem;
    margin: 0;
    width: auto;
    text-align: left; }

div.gshpMultiGrid .gshpProductMonoGrid .product-order-row .product-order-prices, .gshp-product-form .product-order-row .product-order-prices, .gshpGridBlockForm .product-order-row .product-order-prices {
  width: auto !important;
  flex: 2; }
  div.gshpMultiGrid .gshpProductMonoGrid .product-order-row .product-order-prices &gt; div, .gshp-product-form .product-order-row .product-order-prices &gt; div, .gshpGridBlockForm .product-order-row .product-order-prices &gt; div {
    width: 100%;
    max-width: 260px; }
    div.gshpMultiGrid .gshpProductMonoGrid .product-order-row .product-order-prices &gt; div .product-label-price td:nth-child(2), .gshp-product-form .product-order-row .product-order-prices &gt; div .product-label-price td:nth-child(2), .gshpGridBlockForm .product-order-row .product-order-prices &gt; div .product-label-price td:nth-child(2) {
      text-align: right; }

div.gshpMultiGrid .gshpProductMonoGrid .product-grid-summary .product-order-row, .gshp-product-form .product-grid-summary .product-order-row, .gshpGridBlockForm .product-grid-summary .product-order-row {
  align-content: flex-start;
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap: wrap !important; }
  div.gshpMultiGrid .gshpProductMonoGrid .product-grid-summary .product-order-row .product-order-total-td, .gshp-product-form .product-grid-summary .product-order-row .product-order-total-td, .gshpGridBlockForm .product-grid-summary .product-order-row .product-order-total-td {
    margin: 0;
    font-weight: bold; }
  div.gshpMultiGrid .gshpProductMonoGrid .product-grid-summary .product-order-row .product-label-price-td, .gshp-product-form .product-grid-summary .product-order-row .product-label-price-td, .gshpGridBlockForm .product-grid-summary .product-order-row .product-label-price-td {
    margin-left: 0;
    margin-bottom: 10px; }

div.gshpMultiGrid .product-grid-summary {
  padding-top: 16px; }

.gssFilterRow {
  flex: 100%;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: nowrap; }
  .gssFilterRow .filter-Btn, .gssFilterRow #removeAllfilters {
    line-height: 12px; }

.gssGroupingSelect2 {
  max-width: 90px; }

.gssGroupingSelect {
  max-width: 155px; }

.gssSortSelect {
  max-width: 140px; }

.amountCell .incentive-popover {
  display: flex; }

.ocsBody-table table tr td span {
  padding: 0; }

.ocsBody-table table tr:hover td a.sdsActionButton:has(.label), .ocsBody-table table tr:focus td a.sdsActionButton:has(.label) {
  padding: 1rem 0.8rem !important; }

input.odfDateInput[type="text"] {
  width: 400px; }

/*Search Page*/
/*Mega Menu*/
.yamm .nav,
.yamm .dropup,
.yamm .dropdown,
.yamm .collapse {
  position: static; }

.yamm .container {
  width: auto;
  min-width: inherit; }
  .yamm .container .navbar-nav {
    width: 100%; }

.yamm ul.nav &gt; li.dropdown:hover &gt; ul.dropdown-menu {
  display: block; }

.yamm ul.nav &gt; li.dropdown:hover .caret {
  transform: translateY(2px);
  transition: transform 0.15s ease-out; }

.yamm .navbar-inner,
.yamm .container {
  position: relative; }

.yamm .dropdown-menu {
  left: auto;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.3);
  width: auto;
  top: 100%;
  padding: 5px 10px;
  animation: scaleDown30 0.4s ease-in-out;
  max-height: 70vh;
  overflow-y: auto;
  background: #fff; }
  .yamm .dropdown-menu &gt; li {
    display: block; }
    .yamm .dropdown-menu &gt; li:hover {
      background: transparent; }

.yamm .dropdown-submenu .dropdown-menu {
  left: 100%; }

.yamm .nav.pull-right .dropdown-menu {
  right: 0; }

.yamm .yamm-content {
  padding: 10px; }
  .yamm .yamm-content ul li {
    height: auto; }
    .yamm .yamm-content ul li:not(:first-child) {
      padding-top: 0px;
      margin-top: 0px; }
    .yamm .yamm-content ul li.level2 {
      height: 40px; }
    .yamm .yamm-content ul li h5, .yamm .yamm-content ul li .h5 {
      font-weight: 600;
      text-transform: none;
      font-size: 16px;
      color: #212529;
      margin: 0;
      padding: 0; }
    .yamm .yamm-content ul li:hover {
      background: transparent; }
    .yamm .yamm-content ul li.level4 span {
      font-size: 12px;
      opacity: 8; }
    .yamm .yamm-content ul li.has-sub span:after {
      display: none; }
    .yamm .yamm-content ul li a {
      color: #212529;
      display: inline-block;
      font-size: .875rem;
      line-height: 18px;
      padding: 0 15px; }
      .yamm .yamm-content ul li a:before {
        display: none; }
  .yamm .yamm-content::after {
    display: block;
    clear: both;
    content: ""; }

.yamm.navbar .nav &gt; li &gt; .dropdown-menu:after, .yamm.navbar .nav &gt; li &gt; .dropdown-menu:before {
  display: none; }

.yamm .dropdown.yamm-fullwidth .dropdown-menu {
  width: 100%;
  left: 0;
  right: 0; }

.yamm-content li.level2.last a {
  font-weight: bold;
  font-size: 14px; }

.dropdown-submenu &gt; .dropdown-menu {
  margin-top: 15px;
  margin-left: -5px;
  border-radius: 0; }

/*Pagination*/
.gshp-productCatalog .gshpProductPagination .pagination &gt; li a:link {
  font-size: 16px;
  margin-left: 6px;
  width: 40px;
  line-height: 40px;
  font-weight: 700;
  color: #212529;
  text-align: center;
  padding: 0;
  display: inline-block;
  z-index: 2;
  position: relative; }
  .gshp-productCatalog .gshpProductPagination .pagination &gt; li a:link span:not(.gshpProductPaginationPageState_off):before {
    content: "";
    position: absolute;
    z-index: 1;
    display: block;
    transform-origin: center center;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    border-radius: 50px;
    transform: scale(0.8);
    transition: all 0.1s linear;
    background-color: rgba(0, 0, 0, 0.12); }

.gshp-productCatalog .gshpProductPagination .pagination &gt; li a,
.gshp-productCatalog .gshpProductPagination .pagination &gt; li span {
  color: #212529;
  padding: 0;
  border: none;
  font-weight: 700; }
  .gshp-productCatalog .gshpProductPagination .pagination &gt; li a:hover, .gshp-productCatalog .gshpProductPagination .pagination &gt; li a:focus,
  .gshp-productCatalog .gshpProductPagination .pagination &gt; li span:hover,
  .gshp-productCatalog .gshpProductPagination .pagination &gt; li span:focus {
    color: #212529;
    background-color: transparent; }
    .gshp-productCatalog .gshpProductPagination .pagination &gt; li a:hover span:not(.gshpProductPaginationPageState_off):before, .gshp-productCatalog .gshpProductPagination .pagination &gt; li a:focus span:not(.gshpProductPaginationPageState_off):before,
    .gshp-productCatalog .gshpProductPagination .pagination &gt; li span:hover span:not(.gshpProductPaginationPageState_off):before,
    .gshp-productCatalog .gshpProductPagination .pagination &gt; li span:focus span:not(.gshpProductPaginationPageState_off):before {
      opacity: 1;
      transform: scale(1); }

.gshp-productCatalog .gshpProductPagination .pagination &gt; li &gt; span:not(.gshpProductPaginationPage), .gshp-productCatalog .gshpProductPagination .pagination &gt; li &gt; a &gt; span:not(.gshpProductPaginationPage) {
  text-align: center;
  white-space: nowrap;
  font-weight: 700;
  border-radius: 50px;
  outline: none;
  box-shadow: none;
  border-color: #ccc;
  background-color: #ededed;
  border: 1px solid #ccc;
  margin-left: 6px;
  width: 40px;
  line-height: 40px;
  padding: 0;
  z-index: 2;
  transition: transform 0.2s ease-out, opacity 0.05s linear; }
  .gshp-productCatalog .gshpProductPagination .pagination &gt; li &gt; span:not(.gshpProductPaginationPage):hover, .gshp-productCatalog .gshpProductPagination .pagination &gt; li &gt; a &gt; span:not(.gshpProductPaginationPage):hover {
    background-color: #fcfcfc; }

.gshp-productCatalog .gshpProductPagination .pagination &gt; li.PaginationAll &gt; a:link, .gshp-productCatalog .gshpProductPagination .pagination &gt; li.seeAll &gt; a:link {
  width: auto;
  padding: 2px 10px;
  border: 1px solid #ccc;
  font-size: 16px;
  font-weight: 700; }

.gshp-productCatalog .gshpProductPagination .pagination .gshpProductPaginationPageState_off {
  cursor: not-allowed;
  font-size: 16px;
  margin-left: 6px;
  line-height: 40px;
  text-align: center;
  padding: 0;
  display: inline-block;
  width: 25px;
  border-bottom: 2px solid #ccc;
  font-weight: normal; }

.gshp-productCatalog .gshpProductPagination .pagination .seeAll a:link {
  width: auto;
  margin-left: 10px; }

.gshp-productCatalog .gshpProductPagination.group .pagination &gt; li &gt; span, .gshp-productCatalog .gshpProductPagination.group .pagination &gt; li &gt; a, .gshp-productCatalog .gshpProductPagination.group .pagination &gt; li &gt; .btn {
  width: auto;
  padding: 0 10px; }

.gshp-productCatalog .gshpProductPagination.group .pagination &gt; li.PaginationMore &gt; a {
  font-weight: bold; }

.sdss-search .gshpProductPagination .navigationBlockPage {
  float: right; }
  .sdss-search .gshpProductPagination .navigationBlockPage .pagination &gt; li &gt; a {
    border-width: 0px;
    padding: 0px;
    margin-right: 5px; }
    .sdss-search .gshpProductPagination .navigationBlockPage .pagination &gt; li &gt; a:hover, .sdss-search .gshpProductPagination .navigationBlockPage .pagination &gt; li &gt; a:focus {
      background: transparent; }
    .sdss-search .gshpProductPagination .navigationBlockPage .pagination &gt; li &gt; a label {
      font-weight: 700; }
    .sdss-search .gshpProductPagination .navigationBlockPage .pagination &gt; li &gt; a span {
      min-width: 40px;
      height: 40px; }
  .sdss-search .gshpProductPagination .navigationBlockPage .pagination &gt; li i {
    font-size: 12px;
    top: 0px; }
  .sdss-search .gshpProductPagination .navigationBlockPage .pagination &gt; li &gt; span {
    color: #212529;
    border-radius: 50px;
    padding: 0px;
    background: #ededed;
    border: 1px solid #ccc; }
    .sdss-search .gshpProductPagination .navigationBlockPage .pagination &gt; li &gt; span.gshpProductPaginationPageState_off {
      border-width: 0px;
      width: 40px;
      height: 40px;
      text-align: center;
      background: white; }
    .sdss-search .gshpProductPagination .navigationBlockPage .pagination &gt; li &gt; span label {
      line-height: 40px;
      border-width: 0;
      border-radius: 0px;
      border-bottom: 2px solid #ccc;
      background: white;
      font-weight: 400;
      font-size: 16px;
      width: 25px;
      text-align: center;
      padding: 0; }
      .sdss-search .gshpProductPagination .navigationBlockPage .pagination &gt; li &gt; span label:before {
        display: none; }

.sdss-search .gssSearchPanel .mvvm-productGrids-products:not(.gssGroup) .row {
  padding: 0;
  margin: 0; }

/*Menu ellipsis*/
[class^="icon_"],
[class*=" icon_"] {
  font-family: "icomoon";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  pointer-events: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle; }

#ishBstrap-principal-nav .navbar-nav {
  max-width: 100%; }

/*RepSpace*/
.salesRepAsClient {
  min-width: 130px;
  padding: 10px 10px 0 10px; }
  .salesRepAsClient .btn {
    margin: 5px 0;
    line-height: .875rem; }
    .salesRepAsClient .btn i {
      margin-right: 5px; }
  .salesRepAsClient .salesRepAsClientInfo {
    margin-bottom: 5px;
    font-size: .9rem;
    font-weight: 300; }

#basketCreationModal .form-outline {
  margin: 20px 0; }

#stockNotificationModal .message-alert {
  margin: 0; }

.gshpSalesRepClientCreationForm .gshpClientAfterGroups + div {
  text-align: center;
  margin-top: 25px; }

.gshpSalesRepClientCreationForm .sdsLayoutGrid td.cardCell {
  padding-left: 0px; }

.gshpSalesRepClientCreationForm .sdsLayoutGrid tr td:first-child {
  padding-right: 50px; }

.gshpSalesRepClientCreationForm .sdsSubmitButton {
  padding: 0 30px 0 30px; }

tr.sdsTableNavigationRow div.sdsLimits select {
  margin-left: 5px;
  text-align: center;
  padding: 0; }

.gshp-salesRepClientList tr.sdsTableNavigationRow div.sdsLimits select {
  margin-left: 1em;
  text-align: center;
  padding: 0; }

.gshp-salesRepClientList .tabTable td a.btn-small {
  font-size: .875rem; }
  .gshp-salesRepClientList .tabTable td a.btn-small span {
    font-size: .875rem; }

.gshp-salesRepClientList .newClient {
  margin-bottom: 2.5em; }

.gshp-salesRepClientList .salesRepSearchForm {
  margin-top: 15px; }
  .gshp-salesRepClientList .salesRepSearchForm .searchFormLabel h2, .gshp-salesRepClientList .salesRepSearchForm .searchFormLabel .h2 {
    font-size: 28px; }

.gshp-salesRepClientCard .gshpActionBar ul,
.gshp-salesRepClientList .gshpActionBar ul,
.gshp-salesRepModifyClientForm .gshpActionBar ul,
.gshp-salesRepCreateClientForm .gshpActionBar ul,
.gshp-salesRepSpace .gshpActionBar ul,
.gshp-salesRepPendingBaskets .gshpActionBar ul,
.gshp-salesRepSharedBaskets .gshpActionBar ul {
  text-align: right; }
  .gshp-salesRepClientCard .gshpActionBar ul a.newClient,
  .gshp-salesRepClientList .gshpActionBar ul a.newClient,
  .gshp-salesRepModifyClientForm .gshpActionBar ul a.newClient,
  .gshp-salesRepCreateClientForm .gshpActionBar ul a.newClient,
  .gshp-salesRepSpace .gshpActionBar ul a.newClient,
  .gshp-salesRepPendingBaskets .gshpActionBar ul a.newClient,
  .gshp-salesRepSharedBaskets .gshpActionBar ul a.newClient {
    /*float: right;
                margin-bottom: 2.5em;*/ }
  .gshp-salesRepClientCard .gshpActionBar ul a.btn-default,
  .gshp-salesRepClientList .gshpActionBar ul a.btn-default,
  .gshp-salesRepModifyClientForm .gshpActionBar ul a.btn-default,
  .gshp-salesRepCreateClientForm .gshpActionBar ul a.btn-default,
  .gshp-salesRepSpace .gshpActionBar ul a.btn-default,
  .gshp-salesRepPendingBaskets .gshpActionBar ul a.btn-default,
  .gshp-salesRepSharedBaskets .gshpActionBar ul a.btn-default {
    padding: 0.2em 0.6em; }
    .gshp-salesRepClientCard .gshpActionBar ul a.btn-default .icon_24_search,
    .gshp-salesRepClientCard .gshpActionBar ul a.btn-default .icon_24_plus,
    .gshp-salesRepClientCard .gshpActionBar ul a.btn-default .glyphicon-pencil,
    .gshp-salesRepClientList .gshpActionBar ul a.btn-default .icon_24_search,
    .gshp-salesRepClientList .gshpActionBar ul a.btn-default .icon_24_plus,
    .gshp-salesRepClientList .gshpActionBar ul a.btn-default .glyphicon-pencil,
    .gshp-salesRepModifyClientForm .gshpActionBar ul a.btn-default .icon_24_search,
    .gshp-salesRepModifyClientForm .gshpActionBar ul a.btn-default .icon_24_plus,
    .gshp-salesRepModifyClientForm .gshpActionBar ul a.btn-default .glyphicon-pencil,
    .gshp-salesRepCreateClientForm .gshpActionBar ul a.btn-default .icon_24_search,
    .gshp-salesRepCreateClientForm .gshpActionBar ul a.btn-default .icon_24_plus,
    .gshp-salesRepCreateClientForm .gshpActionBar ul a.btn-default .glyphicon-pencil,
    .gshp-salesRepSpace .gshpActionBar ul a.btn-default .icon_24_search,
    .gshp-salesRepSpace .gshpActionBar ul a.btn-default .icon_24_plus,
    .gshp-salesRepSpace .gshpActionBar ul a.btn-default .glyphicon-pencil,
    .gshp-salesRepPendingBaskets .gshpActionBar ul a.btn-default .icon_24_search,
    .gshp-salesRepPendingBaskets .gshpActionBar ul a.btn-default .icon_24_plus,
    .gshp-salesRepPendingBaskets .gshpActionBar ul a.btn-default .glyphicon-pencil,
    .gshp-salesRepSharedBaskets .gshpActionBar ul a.btn-default .icon_24_search,
    .gshp-salesRepSharedBaskets .gshpActionBar ul a.btn-default .icon_24_plus,
    .gshp-salesRepSharedBaskets .gshpActionBar ul a.btn-default .glyphicon-pencil {
      padding: 0px 10px 0px 5px; }

.gshp-salesRepCreateClientForm .gshpActionBar,
.gshp-salesRepModifyClientForm .gshpActionBar {
  border: none;
  background-color: transparent;
  border-bottom: none;
  color: #212529;
  text-transform: uppercase;
  font-size: 15px;
  background-image: none;
  padding: 0; }
  .gshp-salesRepCreateClientForm .gshpActionBar a,
  .gshp-salesRepModifyClientForm .gshpActionBar a {
    color: #212529;
    text-transform: none;
    font-size: 14px;
    background-image: none; }
  .gshp-salesRepCreateClientForm .gshpActionBar .backToSite,
  .gshp-salesRepModifyClientForm .gshpActionBar .backToSite {
    background: none;
    color: #212529;
    padding-left: 0px; }
    .gshp-salesRepCreateClientForm .gshpActionBar .backToSite:before,
    .gshp-salesRepModifyClientForm .gshpActionBar .backToSite:before {
      content: "\e021";
      font-family: "Glyphicons Halflings"; }
  .gshp-salesRepCreateClientForm .gshpActionBar .logout,
  .gshp-salesRepModifyClientForm .gshpActionBar .logout {
    background: none;
    padding-left: 0px; }
    .gshp-salesRepCreateClientForm .gshpActionBar .logout:before,
    .gshp-salesRepModifyClientForm .gshpActionBar .logout:before {
      content: "\e017";
      font-family: "Glyphicons Halflings"; }

.gshp-salesRepModifyClientForm .bsIntroduction {
  display: none; }

.gshp-salesRepClientCard .advColumnTitle.bsLevel1,
.gshp-salesRepClientCard .isoBlockPosition-none .bsLevel0.sdsHeading {
  font-size: 1.75rem;
  font-weight: 700; }

.gshp-salesRepClientCard .content.container &gt; .row &gt; .col-xs-12 .gshpCommandFollowUpPage .gshpFollowUpTableRow div:nth-of-type(2):not(.title-wrapper):not(.salesRepClientBasketListDiv) {
  background-color: transparent;
  padding: 0; }

table.tabTable.adminWithGradient {
  font-size: 16px; }
  table.tabTable.adminWithGradient .sdsTableSortRow .sortButtonDown,
  table.tabTable.adminWithGradient .sdsTableSortRow .sortButtonUp,
  table.tabTable.adminWithGradient .sdsTableHeadingRow .sortButtonDown,
  table.tabTable.adminWithGradient .sdsTableHeadingRow .sortButtonUp {
    padding: 0px;
    background: none; }
  table.tabTable.adminWithGradient .sdsTableSortRow th:last-child,
  table.tabTable.adminWithGradient .sdsTableHeadingRow th:last-child {
    text-align: left; }
  table.tabTable.adminWithGradient tbody tr td {
    padding: 12px 10px 16px 10px;
    font-size: 14px; }
  table.tabTable.adminWithGradient tbody tr.even td {
    background-color: #F6F2F1; }
  table.tabTable.adminWithGradient tr th {
    background-color: white;
    color: #212529;
    border: none;
    vertical-align: middle;
    padding: 10px;
    font-size: 14px;
    font-weight: 700;
    color: #212529; }
    table.tabTable.adminWithGradient tr th:last-child:not(.textAlignLeft) {
      text-align: right; }
  table.tabTable.adminWithGradient tr:nth-child(odd) {
    background-color: #f2f2f2; }
  table.tabTable.adminWithGradient tr:nth-child(even) {
    background-color: #ffffff; }
  table.tabTable.adminWithGradient tr td {
    border: none;
    color: #212529;
    vertical-align: middle;
    padding: 10px;
    line-height: 2em;
    font-size: 14px; }
    table.tabTable.adminWithGradient tr td input {
      text-align: center; }
    table.tabTable.adminWithGradient tr td:last-child:not(.textAlignLeft) {
      text-align: right; }

table.gshpSalesRepAutoLoginTable {
  font-size: 16px; }
  table.gshpSalesRepAutoLoginTable tr th {
    background-color: white;
    color: #212529;
    border: none;
    vertical-align: middle;
    padding: 10px;
    font-size: 14px;
    font-weight: 700;
    color: #212529; }
    table.gshpSalesRepAutoLoginTable tr th:last-child:not(.textAlignLeft) {
      text-align: right; }
  table.gshpSalesRepAutoLoginTable tr:nth-child(odd) {
    background-color: #f2f2f2; }
  table.gshpSalesRepAutoLoginTable tr:nth-child(even) {
    background-color: #ffffff; }
  table.gshpSalesRepAutoLoginTable tr td {
    border: none;
    color: #212529;
    vertical-align: middle;
    padding: 10px;
    line-height: 2em;
    font-size: 14px; }
    table.gshpSalesRepAutoLoginTable tr td input {
      text-align: center; }
    table.gshpSalesRepAutoLoginTable tr td:last-child:not(.textAlignLeft) {
      text-align: right; }
  table.gshpSalesRepAutoLoginTable tr.gshpFollowUpHeading th:nth-child(-n + 2) {
    text-align: left; }
  table.gshpSalesRepAutoLoginTable tr.even td.gshpSalesRepAutoLoginTableCell {
    background-color: #F6F2F1; }
  table.gshpSalesRepAutoLoginTable tr td input {
    text-align: left; }

.costumers-block {
  position: absolute;
  z-index: 1000;
  line-height: 22px;
  padding: 15px 30px; }
  .costumers-block .title-wrapper {
    line-height: 16px;
    font-weight: 300; }

#otherClientBaskets,
#currentClientBaskets,
#salesRepClients {
  margin-top: 10px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  border: none; }
  #otherClientBaskets.k-grid table,
  #currentClientBaskets.k-grid table,
  #salesRepClients.k-grid table {
    overflow-x: auto;
    display: block;
    border-collapse: collapse; }
  #otherClientBaskets .k-grid-header-wrap table th,
  #currentClientBaskets .k-grid-header-wrap table th,
  #salesRepClients .k-grid-header-wrap table th {
    background-color: #fff;
    color: #4d4d4d;
    border: none;
    vertical-align: middle;
    padding: 0;
    font-size: 14px;
    font-weight: 700; }
    #otherClientBaskets .k-grid-header-wrap table th a,
    #currentClientBaskets .k-grid-header-wrap table th a,
    #salesRepClients .k-grid-header-wrap table th a {
      color: #4d4d4d;
      padding: 1em 0.6em;
      margin: 0; }
  #otherClientBaskets .k-grid-header th,
  #currentClientBaskets .k-grid-header th,
  #salesRepClients .k-grid-header th {
    background-color: #fff;
    color: #4d4d4d;
    border: none;
    vertical-align: middle;
    padding: 0px;
    font-size: 14px;
    font-weight: 700; }
    #otherClientBaskets .k-grid-header th a,
    #currentClientBaskets .k-grid-header th a,
    #salesRepClients .k-grid-header th a {
      color: #4d4d4d;
      padding: 1em 0.6em;
      margin: 0; }
  #otherClientBaskets .k-grid-content table td,
  #currentClientBaskets .k-grid-content table td,
  #salesRepClients .k-grid-content table td {
    border: none;
    color: #4d4d4d; }
    #otherClientBaskets .k-grid-content table td .btn-small,
    #currentClientBaskets .k-grid-content table td .btn-small,
    #salesRepClients .k-grid-content table td .btn-small {
      height: 32px; }
  #otherClientBaskets table td,
  #currentClientBaskets table td,
  #salesRepClients table td {
    color: #212529;
    border: none;
    font-size: .875rem;
    padding: 0 .75rem;
    line-height: 1rem; }
    #otherClientBaskets table td a.btn-small-mini, #otherClientBaskets table td .btn.btn-small-mini,
    #currentClientBaskets table td a.btn-small-mini,
    #currentClientBaskets table td .btn.btn-small-mini,
    #salesRepClients table td a.btn-small-mini,
    #salesRepClients table td .btn.btn-small-mini {
      text-decoration: none;
      max-width: 30px;
      width: 30px;
      margin: 5px 0; }

.gshp-salesRepSpace {
  background: white; }
  .gshp-salesRepSpace h6.bsLevel1, .gshp-salesRepSpace .bsLevel1.h6 {
    font-size: 1.75rem;
    display: inline-block;
    font-weight: 500; }
    .gshp-salesRepSpace h6.bsLevel1 span, .gshp-salesRepSpace .bsLevel1.h6 span {
      font-weight: 500; }
  .gshp-salesRepSpace .SalesRepDashboard {
    width: 100vw;
    margin: 0 0 5px -30px;
    padding: 15px 15px 60px 15px;
    /*        background: #f3f3f4;
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);*/ }
  .gshp-salesRepSpace .gshpActionBar {
    float: right; }
  .gshp-salesRepSpace .salesRepMessage {
    font-weight: 300;
    font-size: .9rem; }

#clientsFilter,
#basketFilter {
  font-size: 1rem; }

.gshp-salesRepClientCard .content.container .ClientTitleRow {
  align-items: center;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
  box-shadow: none !important; }

.gshp-salesRepClientCard .content.container .row .col-xs-12 .bbsRow.ClientTitleRow .bbsSpan.col-sm-4 {
  box-shadow: none;
  padding: 0; }
  .gshp-salesRepClientCard .content.container .row .col-xs-12 .bbsRow.ClientTitleRow .bbsSpan.col-sm-4 .navbar-inner {
    display: flex; }

.gshpList .sdsActionButton.btn {
  background: white; }
  .gshpList .sdsActionButton.btn:hover {
    background: #B5ACA2 !important; }
    .gshpList .sdsActionButton.btn:hover span, .gshpList .sdsActionButton.btn:hover i {
      color: white !important; }

.gshpList table.tabTable {
  padding-left: 30px; }
  .gshpList table.tabTable.tabOddEvenTable tbody tr.even td {
    background: white; }

.gshpMyUserAccountEditionFormPage .sdsActionButton.btn {
  background: white;
  margin-left: 10px; }

.gshp-salesRepClientCard .sdsButtonBarRight {
  width: auto;
  justify-content: flex-end;
  padding-right: 0; }

.gshp-salesRepClientCard div.sdsButtonBar {
  padding: 0;
  margin: 0; }
  .gshp-salesRepClientCard div.sdsButtonBar .sdsActionButton {
    margin: 0px 0px 0px 5px; }
    .gshp-salesRepClientCard div.sdsButtonBar .sdsActionButton.btn {
      background: white; }
      .gshp-salesRepClientCard div.sdsButtonBar .sdsActionButton.btn:hover {
        background: #B5ACA2 !important; }
        .gshp-salesRepClientCard div.sdsButtonBar .sdsActionButton.btn:hover span, .gshp-salesRepClientCard div.sdsButtonBar .sdsActionButton.btn:hover i {
          color: white !important; }

.gshp-salesRepClientCard .content.container {
  padding: 0;
  margin: 0; }

.gshp-salesRepClientCard .col-sm-offset-1 {
  margin-left: 20px;
  padding: 15px !important; }

.gshp-salesRepClientCard .bbsSpan p {
  font-size: .9rem;
  font-weight: 400;
  line-height: 22px;
  margin-bottom: 5px; }

.gshp-salesRepClientCard .salesRepClientBasketListDiv + .title-wrapper h3, .gshp-salesRepClientCard .salesRepClientBasketListDiv + .title-wrapper .h3 {
  margin-left: -15px; }

.gshp-salesRepClientCard .title-wrapper h3, .gshp-salesRepClientCard .title-wrapper .h3 {
  font-size: 1.5rem;
  font-weight: 500;
  order: -1; }

.gshp-salesRepClientCard .title-wrapper .icon_32 {
  display: none; }

.gshp-salesRepClientCard ul li {
  font-weight: 400;
  font-size: .9rem; }

.gshpCommandFollowUpPage form {
  margin-top: 0px; }

.gshp-salesRepClientCard .content.container .sdsLayoutGrid h6 span, .gshp-salesRepClientCard .content.container .sdsLayoutGrid .h6 span {
  font-weight: 300;
  font-size: 36px; }

.gshp-salesRepClientCard .content.container &gt; .row &gt; .col-xs-12 div:nth-of-type(2):not(.title-wrapper):not(.salesRepClientBasketListDiv) {
  background-color: white;
  padding: 10px 15px 25px 15px;
  border-radius: 15px; }

.gshpCommandFollowUpPage {
  box-shadow: none !important; }
  .gshpCommandFollowUpPage div {
    box-shadow: none !important; }
    .gshpCommandFollowUpPage div .gshpBasketPreface {
      text-align: left !important; }
  .gshpCommandFollowUpPage .LastStep .gshpBasketCommandSummary thead div.gshpClientBasketDetail {
    padding-left: 10px; }
  .gshpCommandFollowUpPage div.gshpAddressesBasket {
    display: flex; }

.gshp-salesRepClientCard .content.container &gt; .row &gt; .col-xs-12 div:nth-of-type(3) {
  padding: 20px;
  background: #f3f3f4;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); }

.gshp-salesRepClientCard .content.container &gt; .row &gt; .col-xs-12 div:nth-of-type(3) table td {
  padding-top: 10px;
  padding-bottom: 0.5em;
  padding-left: 5px;
  padding-right: 5px;
  vertical-align: middle; }
  .gshp-salesRepClientCard .content.container &gt; .row &gt; .col-xs-12 div:nth-of-type(3) table td:last-child {
    text-align: right; }

.ClientInfos .bbsSpan {
  background-color: white;
  padding: 15px;
  border-radius: 15px; }

.ClientContact .bbsSpan {
  padding: 15px !important; }

.gshp-salesRepClientCard .ClientContact {
  margin-left: -15px;
  padding: 10px 0 !important;
  margin-top: 30px; }

.gshp-salesRepClientCard .bbsSpan.col-sm-3 {
  margin-right: 30px; }

.gshp-salesRepClientCard .content.container &gt; .row &gt; .col-xs-12 div:nth-of-type(3) table td .odfFormContent {
  background: #fff;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  padding: 20px;
  vertical-align: middle; }
  .gshp-salesRepClientCard .content.container &gt; .row &gt; .col-xs-12 div:nth-of-type(3) table td .odfFormContent p {
    margin: 2px 5px; }

.gshp-salesRepClientCard .content.container &gt; .row &gt; .col-xs-12 div:nth-of-type(3) table td h6 span, .gshp-salesRepClientCard .content.container &gt; .row &gt; .col-xs-12 div:nth-of-type(3) table td .h6 span {
  font-weight: 300;
  font-size: 26px; }

.gshp-salesRepClientCard .content.container &gt; .row &gt; .col-xs-12 div:nth-of-type(3) table td .bsHeading1 {
  border-bottom: 5px solid #e0e0e0;
  margin: 0 0 15px;
  line-height: 40px; }

.gshp-salesRepClientCard .content.container &gt; .row &gt; .col-xs-12 div:nth-of-type(3) table td .bsImage img {
  width: 24px;
  height: 24px; }

.gshp-salesRepClientCard .content.container .salesRepClientBasketListContent td {
  padding: 0px; }
  .gshp-salesRepClientCard .content.container .salesRepClientBasketListContent td:last-child {
    text-align: right; }
  .gshp-salesRepClientCard .content.container .salesRepClientBasketListContent td span.gshpEcoTax {
    display: block;
    width: 100%; }

.gshp-salesRepClientCard .content.container .salesRepClientBasketListContent td .title-bordred {
  padding-bottom: 5px;
  margin: 10px 0;
  font-size: 1.2rem;
  font-weight: 500;
  border-bottom: 1px solid #cccccc; }
  .gshp-salesRepClientCard .content.container .salesRepClientBasketListContent td .title-bordred h3, .gshp-salesRepClientCard .content.container .salesRepClientBasketListContent td .title-bordred .h3 {
    padding-bottom: 0.3em; }

.gshp-salesRepClientCard .content.container .salesRepClientBasketListContent td .title-bordred span {
  font-size: 16px; }

.gshp-salesRepSharedBaskets,
.gshp-salesRepPendingBaskets {
  /*.k-grid table{
       table-layout: auto;
   }*/ }
  .gshp-salesRepSharedBaskets .container.content,
  .gshp-salesRepPendingBaskets .container.content {
    background: #f3f3f4;
    padding: 0; }

.gshp-salesRepSharedBaskets .container.content .row-header-btn.repRow,
.gshp-salesRepPendingBaskets .container.content .row-header-btn.repRow {
  background: white;
  padding: 15px 30px;
  align-items: center; }

.gshp-salesRepSharedBaskets .container.content .currentClientBasketsSection,
.gshp-salesRepPendingBaskets .container.content .currentClientBasketsSection {
  background: white;
  margin: 30px;
  padding: 10px 30px; }
  .gshp-salesRepSharedBaskets .container.content .currentClientBasketsSection h4, .gshp-salesRepSharedBaskets .container.content .currentClientBasketsSection .h4,
  .gshp-salesRepPendingBaskets .container.content .currentClientBasketsSection h4,
  .gshp-salesRepPendingBaskets .container.content .currentClientBasketsSection .h4 {
    font-size: 22px; }

.gshp-salesRepClientCard .title-wrapper h3, .gshp-salesRepClientCard .title-wrapper .h3 {
  padding-bottom: 0.2em; }

.gshp-salesRepClientCard .content.container .salesRepClientBasketListContent tr:not(:first-child) td .title-bordred {
  margin-top: 20px; }

.gshp-salesRepClientCard .content.container &gt; .row &gt; .col-xs-12 div:nth-of-type(3) table &gt; tbody &gt; tr &gt; td:first-child {
  padding: 4px; }

.gshp-salesRepClientCard .content.container &gt; .row &gt; .col-xs-12 div:nth-of-type(3) table &gt; tbody &gt; tr &gt; td:first-child &gt; .odfFormContent {
  background: none;
  box-shadow: none;
  padding: 0px; }

.gshp-salesRepClientCard .content.container &gt; .row &gt; .col-xs-12 div:nth-of-type(3) table &gt; tbody &gt; tr &gt; td:first-child &gt; .odfFormContent table td .odfFormContent {
  background: #fff;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  padding: 20px; }

.gshpmainUserGroupField .frame {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  width: auto; }
  .gshpmainUserGroupField .frame .propertySetInput {
    position: relative;
    min-height: 1px;
    padding-left: 35px;
    padding-right: 15px;
    padding-top: 10px; }

.gshpSalesRepNotice {
  margin: 0 5px;
  font-weight: 300;
  font-size: .9rem; }

.usr-modifyAccount .bbsRow {
  margin-top: 30px; }

/* Basket page: Adress &amp; client edit */
div.gshpAddressEditor,
div.gshpClientEditor {
  margin-top: -140px;
  margin-left: -30px; }

.form-edit td {
  padding: 10px; }

#gshpBasketButtonDiv_next {
  display: flex; }
  #gshpBasketButtonDiv_next .btn {
    margin-left: auto; }

/* Print popup */
.gshpCommandPrintingPopup {
  margin-top: -125px; }

.ShowRef {
  align-items: center;
  margin: 0 15px; }
  .ShowRef span {
    font-size: 13px;
    margin-left: 5px; }

/*header in responsive mode*/
.header-search-toggle,
.close-header-search {
  cursor: pointer;
  display: block;
  border: none;
  background: transparent;
  overflow: hidden;
  text-align: center;
  transition: opacity 0.1s linear; }
  .header-search-toggle:focus:before, .header-search-toggle:hover:before,
  .close-header-search:focus:before,
  .close-header-search:hover:before {
    opacity: 1;
    transform: scale(1);
    transition: all 0.05s linear; }

.header-search-toggle {
  position: relative; }

.header-search-toggle::before, .close-header-search::before {
  content: "";
  position: absolute;
  z-index: 1;
  display: block;
  transform-origin: center center;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.12);
  transition: transform 0.4s ease-out, opacity 0.1s linear; }

.header-search-toggle .material-icons-outlined, .close-header-search .material-icons-outlined {
  font-size: 1.8rem;
  top: 5px; }

.button-clear-light:before {
  background-color: rgba(0, 0, 0, 0.12); }

.button-clear:before {
  transform: scale(0.8);
  border-radius: 50px;
  transition: all 0.1s linear; }

/* Discount price */
.product-in-list .price-data,
.Linked-product .price-data {
  display: -webkit-flex;
  /* Safari */
  display: flex;
  -webkit-flex-direction: row;
  /* Safari */
  align-items: center;
  margin-top: 10px;
  padding-top: 5px; }
  .product-in-list .price-data .btn,
  .Linked-product .price-data .btn {
    width: 50px;
    height: 40px;
    padding: 0; }
    .product-in-list .price-data .btn:before,
    .Linked-product .price-data .btn:before {
      transform: scale(0.8);
      transition: all 0.1s linear; }
    .product-in-list .price-data .btn:hover:before, .product-in-list .price-data .btn:focus:before,
    .Linked-product .price-data .btn:hover:before,
    .Linked-product .price-data .btn:focus:before {
      background-color: rgba(0, 113, 194, 0.15);
      transform: scale(1);
      opacity: 1; }
  .product-in-list .price-data .caption .effective-code,
  .Linked-product .price-data .caption .effective-code {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .product-in-list .price-data .price,
  .Linked-product .price-data .price {
    width: 100%;
    text-align: right; }
    .product-in-list .price-data .price a,
    .Linked-product .price-data .price a {
      position: relative;
      display: flex;
      display: -webkit-flex;
      justify-content: flex-end;
      flex-wrap: wrap;
      align-items: baseline; }
      .product-in-list .price-data .price a .price-label,
      .Linked-product .price-data .price a .price-label {
        font-weight: normal; }
    .product-in-list .price-data .price .price-label,
    .Linked-product .price-data .price .price-label {
      font-weight: normal;
      color: #212529;
      padding-right: 5px; }
    .product-in-list .price-data .price .gshpSeparatorDashedDiscountedPrices,
    .Linked-product .price-data .price .gshpSeparatorDashedDiscountedPrices {
      display: none; }
    .product-in-list .price-data .price .gshpPriceSpan,
    .Linked-product .price-data .price .gshpPriceSpan {
      display: -webkit-flex;
      /* Safari */
      display: flex;
      -webkit-flex-direction: row;
      /* Safari */
      padding-left: 5px;
      flex-direction: column;
      align-items: flex-end; }
      .product-in-list .price-data .price .gshpPriceSpan .gshpPrice,
      .product-in-list .price-data .price .gshpPriceSpan .gshpDiscountedPrice,
      .Linked-product .price-data .price .gshpPriceSpan .gshpPrice,
      .Linked-product .price-data .price .gshpPriceSpan .gshpDiscountedPrice {
        font-weight: bold;
        font-size: 19px; }
        .product-in-list .price-data .price .gshpPriceSpan .gshpPrice small, .product-in-list .price-data .price .gshpPriceSpan .gshpPrice .small,
        .product-in-list .price-data .price .gshpPriceSpan .gshpDiscountedPrice small,
        .product-in-list .price-data .price .gshpPriceSpan .gshpDiscountedPrice .small,
        .Linked-product .price-data .price .gshpPriceSpan .gshpPrice small,
        .Linked-product .price-data .price .gshpPriceSpan .gshpPrice .small,
        .Linked-product .price-data .price .gshpPriceSpan .gshpDiscountedPrice small,
        .Linked-product .price-data .price .gshpPriceSpan .gshpDiscountedPrice .small {
          font-weight: 400;
          font-size: 16px;
          color: #212529; }
    .product-in-list .price-data .price .gshpDashedPrice,
    .Linked-product .price-data .price .gshpDashedPrice {
      opacity: 0.7;
      color: #212529;
      font-weight: normal;
      font-size: 14px;
      padding-right: 5px; }

/* advanced search */
#filters-wrapper {
  display: flex;
  flex-direction: column; }
  #filters-wrapper .filter-items {
    border-radius: 6px;
    margin-right: 6px; }
    #filters-wrapper .filter-items span {
      cursor: pointer; }
  #filters-wrapper .filter-block {
    padding: 2px 0px; }
  #filters-wrapper .filter-item {
    font-size: 12px;
    align-items: center; }
  #filters-wrapper .facet-items {
    margin-top: 5px;
    margin-right: 2px;
    height: 32px !important;
    line-height: 32px;
    color: #B5ACA2; }
  #filters-wrapper .form-check input[type="checkbox"]:not(.btn-switch-standard) + label {
    line-height: 20px;
    padding: 2px 0;
    font-weight: 400;
    display: flex;
    align-items: center;
    margin-bottom: 5px; }
  #filters-wrapper input[type="checkbox"]:not(.btn-switch-standard) {
    margin-top: 5px; }
  #filters-wrapper .large .form-check input[type="checkbox"]:not(.btn-switch-standard) + label {
    min-width: auto; }
  #filters-wrapper .filter-items span.btn-mini, #filters-wrapper .filter-items .btn.btn-mini {
    width: 24px;
    margin-right: 5px; }
  #filters-wrapper .gssRemoveAllFiltersColumn {
    padding: 0; }
  #filters-wrapper .display-5 {
    font-size: 24px;
    min-width: 140px;
    margin-bottom: 10px; }
  #filters-wrapper .form-group {
    padding: 0 5px 0 0;
    margin-bottom: 0; }
  #filters-wrapper .dropdown-block.large .close {
    margin-right: 30px; }
  #filters-wrapper .btn-group.static {
    position: static; }
  #filters-wrapper .notif-counter {
    position: relative;
    right: 0px;
    top: 0px; }
  #filters-wrapper .form-check-label {
    padding: 5px 0; }
  #filters-wrapper .form-inline {
    flex-flow: row nowrap; }
    #filters-wrapper .form-inline .input-group, #filters-wrapper .form-inline .custom-select {
      width: auto;
      flex: 1;
      margin: 0 10px; }
  #filters-wrapper .icon_14 {
    padding-right: 0px; }
    #filters-wrapper .icon_14:before {
      padding-right: 0px; }

#filters-row {
  z-index: 1038;
  flex-wrap: wrap; }
  #filters-row.sticky {
    position: fixed;
    top: 125px;
    width: 100%;
    margin-left: -30px;
    padding: 15px;
    background: white;
    opacity: 0;
    left: 30px;
    visibility: hidden;
    animation: scaleDown30 0.3s ease-in-out;
    box-shadow: 1px 6px 11px -6px rgba(0, 0, 0, 0.05); }
    #filters-row.sticky.visible {
      visibility: visible;
      opacity: 1; }

/* Ows Search form */
div.owsTopContainer {
  width: 100%; }

table.owsSearchForm td {
  width: 50px;
  text-align: center;
  margin-bottom: 5px; }
  table.owsSearchForm td.owsSearchLabel {
    width: auto;
    text-align: left;
    padding-right: 0px; }
  table.owsSearchForm td input, table.owsSearchForm td select {
    text-align: left;
    width: 245px;
    margin-left: 15px; }
  table.owsSearchForm td a img {
    float: right; }

/* Mise en avant*/
.gssProductList .global-owl-carousel {
  margin-bottom: 30px; }

#carousel-promotionProduct.owl-carousel {
  background: #F7F7FD;
  padding: 20px 15px; }
  #carousel-promotionProduct.owl-carousel .owl-item {
    display: flex;
    justify-content: center; }
    #carousel-promotionProduct.owl-carousel .owl-item .item {
      width: 100%; }
    #carousel-promotionProduct.owl-carousel .owl-item .gssProductContainer {
      width: 100% !important;
      padding: 0px;
      height: 280px; }
      #carousel-promotionProduct.owl-carousel .owl-item .gssProductContainer .card.gssLightProductDiv {
        display: flex;
        border: 1px solid #F7F7FD;
        border-radius: 15px; }
        #carousel-promotionProduct.owl-carousel .owl-item .gssProductContainer .card.gssLightProductDiv:hover {
          cursor: pointer; }
          #carousel-promotionProduct.owl-carousel .owl-item .gssProductContainer .card.gssLightProductDiv:hover gssLightProductFloatingPriceBlock, #carousel-promotionProduct.owl-carousel .owl-item .gssProductContainer .card.gssLightProductDiv:hover .gshp-shop-price, #carousel-promotionProduct.owl-carousel .owl-item .gssProductContainer .card.gssLightProductDiv:hover .gshp-shop-price span, #carousel-promotionProduct.owl-carousel .owl-item .gssProductContainer .card.gssLightProductDiv:hover .SuggestedPrice, #carousel-promotionProduct.owl-carousel .owl-item .gssProductContainer .card.gssLightProductDiv:hover .SuggestedPriceLabel {
            color: white; }
          #carousel-promotionProduct.owl-carousel .owl-item .gssProductContainer .card.gssLightProductDiv:hover .btnQuickAddToCart {
            display: flex !important; }
        #carousel-promotionProduct.owl-carousel .owl-item .gssProductContainer .card.gssLightProductDiv .gssLightProductThumbnailDiv {
          align-items: baseline;
          height: 110px; }
        #carousel-promotionProduct.owl-carousel .owl-item .gssProductContainer .card.gssLightProductDiv .gssLightProductFloatingLabel.card-body {
          padding: 0 0.75rem; }
          #carousel-promotionProduct.owl-carousel .owl-item .gssProductContainer .card.gssLightProductDiv .gssLightProductFloatingLabel.card-body h3, #carousel-promotionProduct.owl-carousel .owl-item .gssProductContainer .card.gssLightProductDiv .gssLightProductFloatingLabel.card-body .h3 {
            font-size: .75rem; }
          #carousel-promotionProduct.owl-carousel .owl-item .gssProductContainer .card.gssLightProductDiv .gssLightProductFloatingLabel.card-body .effective-code.color-base {
            font-size: .75rem; }
        #carousel-promotionProduct.owl-carousel .owl-item .gssProductContainer .card.gssLightProductDiv .thumbnailContainer {
          width: 120px !important;
          height: 120px !important; }
          #carousel-promotionProduct.owl-carousel .owl-item .gssProductContainer .card.gssLightProductDiv .thumbnailContainer &gt; img {
            width: 120px !important;
            height: auto !important; }
        #carousel-promotionProduct.owl-carousel .owl-item .gssProductContainer .card.gssLightProductDiv .gssLightReference .thumbnailContainer {
          width: 20px !important;
          height: 20px !important; }
          #carousel-promotionProduct.owl-carousel .owl-item .gssProductContainer .card.gssLightProductDiv .gssLightReference .thumbnailContainer img {
            width: 20px !important;
            height: auto !important; }
        #carousel-promotionProduct.owl-carousel .owl-item .gssProductContainer .card.gssLightProductDiv .gssLightReferenceList {
          top: 70px; }
          #carousel-promotionProduct.owl-carousel .owl-item .gssProductContainer .card.gssLightProductDiv .gssLightReferenceList span, #carousel-promotionProduct.owl-carousel .owl-item .gssProductContainer .card.gssLightProductDiv .gssLightReferenceList i {
            font-size: 11px; }
          #carousel-promotionProduct.owl-carousel .owl-item .gssProductContainer .card.gssLightProductDiv .gssLightReferenceList .carousel-inner {
            display: block; }
        #carousel-promotionProduct.owl-carousel .owl-item .gssProductContainer .card.gssLightProductDiv .gshp-shop-price, #carousel-promotionProduct.owl-carousel .owl-item .gssProductContainer .card.gssLightProductDiv .gssprice-label {
          font-size: .75rem; }
        #carousel-promotionProduct.owl-carousel .owl-item .gssProductContainer .card.gssLightProductDiv .gssLightProductStockLabel .stockMsg {
          line-height: 20px;
          align-items: normal;
          display: flex;
          justify-content: center;
          margin: 10px; }
        #carousel-promotionProduct.owl-carousel .owl-item .gssProductContainer .card.gssLightProductDiv .gssLightProductFloatingPriceBlock {
          padding-top: 0px;
          border: 0;
          margin-top: 10px;
          padding: 5px; }
          #carousel-promotionProduct.owl-carousel .owl-item .gssProductContainer .card.gssLightProductDiv .gssLightProductFloatingPriceBlock .gssprice.gshp-shop-price, #carousel-promotionProduct.owl-carousel .owl-item .gssProductContainer .card.gssLightProductDiv .gssLightProductFloatingPriceBlock .SuggestedPrice {
            font-size: .75rem; }
          #carousel-promotionProduct.owl-carousel .owl-item .gssProductContainer .card.gssLightProductDiv .gssLightProductFloatingPriceBlock .gssLightProductAddtoCart {
            justify-content: center; }
          #carousel-promotionProduct.owl-carousel .owl-item .gssProductContainer .card.gssLightProductDiv .gssLightProductFloatingPriceBlock .btnQuickAddToCart {
            position: absolute;
            display: none;
            bottom: 20px;
            transition: 0.2s; }
            #carousel-promotionProduct.owl-carousel .owl-item .gssProductContainer .card.gssLightProductDiv .gssLightProductFloatingPriceBlock .btnQuickAddToCart span {
              font-size: .75rem; }
            #carousel-promotionProduct.owl-carousel .owl-item .gssProductContainer .card.gssLightProductDiv .gssLightProductFloatingPriceBlock .btnQuickAddToCart .material-icons-outlined {
              font-size: .875rem; }

#stockNotificationModal .form-group label {
  font-weight: normal; }

#tarteaucitronRoot {
  display: flex; }

/*Default activation of all styles*/
.col-full {
  margin-right: -6;
  margin-left: -6; }
  .col-full::after {
    display: block;
    clear: both;
    content: ""; }

.col-product-item {
  margin-right: -3;
  margin-left: -3;
  margin-right: -1;
  margin-left: -1;
  margin-right: -2;
  margin-left: -1;
  margin-right: -2;
  margin-left: -1;
  max-width: 280px; }
  .col-product-item::after {
    display: block;
    clear: both;
    content: ""; }
  .col-product-item::after {
    display: block;
    clear: both;
    content: ""; }
  .col-product-item::after {
    display: block;
    clear: both;
    content: ""; }
  .col-product-item::after {
    display: block;
    clear: both;
    content: ""; }

.col-product-search-item {
  margin-right: -3;
  margin-left: -3;
  margin-right: -2;
  margin-left: -2;
  margin-right: -2;
  margin-left: -1; }
  .col-product-search-item::after {
    display: block;
    clear: both;
    content: ""; }
  .col-product-search-item::after {
    display: block;
    clear: both;
    content: ""; }
  .col-product-search-item::after {
    display: block;
    clear: both;
    content: ""; }

.col-productpage-left {
  width: 415px;
  padding-left: 0px;
  position: relative;
  float: left;
  margin-right: 15px; }

.firstRow {
  width: calc(100% - 420px); }

.col-productpage-right {
  flex: 1;
  padding: 0 5px;
  width: 50%; }

.filter-checked-param-header {
  margin-right: -2;
  margin-left: -1; }
  .filter-checked-param-header::after {
    display: block;
    clear: both;
    content: ""; }

.product-page-footer.withLooks .linkedProducts {
  margin-right: -4;
  margin-left: -3; }
  .product-page-footer.withLooks .linkedProducts::after {
    display: block;
    clear: both;
    content: ""; }

.product-page-footer.withLooks .look {
  margin-right: -3;
  margin-left: -2; }
  .product-page-footer.withLooks .look::after {
    display: block;
    clear: both;
    content: ""; }

.product-page-footer .linkedProducts h4, .product-page-footer .linkedProducts .h4 {
  margin: 10px 0 15px 0;
  padding: 6px 30px !important; }

.typedDocItem {
  /*@include make-row($grid-columns/4);*/
  padding-left: 0px;
  padding-right: 0px;
  margin: 0px 2px; }

.navigation-block-page {
  position: inherit; }

body {
  margin-top: 125px;
  font-weight: normal;
  color: #212529;
  background: #fff;
  /* header  premenu*/
  /* breadcrumb */
  /* navigation premenu */
  /* main container */
  /* footer */ }
  body .header {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 1040; }
    body .header .navbar-nav &gt; li &gt; a {
      -webkit-transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1);
      /* Safari */
      transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1); }
    body .header .ishBstrap-nav {
      margin-bottom: 0px;
      position: relative; }
    body .header .navbar-toggler {
      display: none; }
  body .navbar-default {
    background-color: white; }
  body .navbar-premenu {
    height: 75px;
    font-size: 12px;
    border: none;
    margin-bottom: 0;
    background: #fff;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    z-index: 1;
    transition: transform 0.2s ease-out, opacity 0.2s linear;
    padding: 0;
    color: #212529;
    background: #fff; }
    body .navbar-premenu .input-group-addon {
      background-color: transparent;
      border-left: 0px; }
      body .navbar-premenu .input-group-addon .glyphicon {
        color: #212529; }
    body .navbar-premenu li &gt; a {
      text-transform: uppercase; }
    body .navbar-premenu .basketShortcut &gt; li &gt; a {
      color: black;
      text-transform: none; }
    body .navbar-premenu .navbar-brand &gt; img {
      width: auto;
      float: left;
      position: relative;
      height: auto;
      max-width: 180px;
      max-height: 100%; }
    body .navbar-premenu .navbar-shortcuts {
      display: flex;
      padding-right: 0;
      flex: auto;
      height: 100%; }
      body .navbar-premenu .navbar-shortcuts .header-right {
        height: 100%;
        flex: auto; }
      body .navbar-premenu .navbar-shortcuts .nav-user {
        height: 100%; }
    body .navbar-premenu .navbar-right &gt; li {
      height: 100%; }
      body .navbar-premenu .navbar-right &gt; li &gt; a {
        color: #212529;
        height: 100%; }
    body .navbar-premenu .navbar-right .header-right {
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
      height: 60px; }
    body .navbar-premenu .navbar-form {
      margin-left: 40px; }
      body .navbar-premenu .navbar-form .input-group {
        top: 0; }
    body .navbar-premenu .container {
      height: 100%;
      display: flex;
      justify-content: normal;
      flex-wrap: nowrap;
      flex: 1; }
    body .navbar-premenu .navbar-header.navbar-brandLogo {
      display: flex;
      height: 70px;
      align-items: center; }
    body .navbar-premenu .navbar-header .navbar-brand {
      height: 100%;
      color: #212529;
      max-width: 250px; }
      body .navbar-premenu .navbar-header .navbar-brand:hover img, body .navbar-premenu .navbar-header .navbar-brand:focus img {
        opacity: 0.7; }
      body .navbar-premenu .navbar-header .navbar-brand img.logoInResponsive {
        display: none; }
      body .navbar-premenu .navbar-header .navbar-brand img.logoInPreMenu {
        display: block; }
    body .navbar-premenu .navbar-header .brand-name {
      margin-left: 12px;
      line-height: 25px;
      font-size: 20px;
      display: inline-block;
      color: #212529;
      font-weight: 600; }
    body .navbar-premenu .GroupHeaderRight {
      display: flex;
      flex-direction: row-reverse;
      align-items: center;
      height: 100%; }
      body .navbar-premenu .GroupHeaderRight .accountMenu {
        display: flex; }
    body .navbar-premenu .search-wrapper a.color-base:not(.btn) {
      color: #212529; }
      body .navbar-premenu .search-wrapper a.color-base:not(.btn):focus, body .navbar-premenu .search-wrapper a.color-base:not(.btn):hover {
        color: #212529; }
    body .navbar-premenu .button-medium {
      position: absolute;
      z-index: 4;
      height: 40px;
      width: 40px;
      line-height: 40px;
      text-align: center;
      right: 12px;
      top: 5px; }
      body .navbar-premenu .button-medium:before {
        content: "";
        position: absolute;
        z-index: -1;
        display: block;
        transform-origin: center center;
        opacity: 0;
        width: 94%;
        height: 100%;
        left: 0px;
        top: 0px;
        border-radius: 5px;
        transition: all 0.1s linear;
        transform: scale(0.8); }
      body .navbar-premenu .button-medium:hover, body .navbar-premenu .button-medium:focus {
        color: #212529; }
        body .navbar-premenu .button-medium:hover:before, body .navbar-premenu .button-medium:focus:before {
          opacity: 1;
          transition: all 0.05s linear;
          background-color: #cccccc;
          transform: scale(1); }
    body .navbar-premenu .navbar-nav &gt; li &gt; a, body .navbar-premenu .navbar-nav &gt; li.open &gt; a, body .navbar-premenu .navbar-nav &gt; li.show &gt; a {
      background: transparent;
      text-transform: inherit;
      position: relative; }
      body .navbar-premenu .navbar-nav &gt; li &gt; a:hover, body .navbar-premenu .navbar-nav &gt; li &gt; a:focus, body .navbar-premenu .navbar-nav &gt; li.open &gt; a:hover, body .navbar-premenu .navbar-nav &gt; li.open &gt; a:focus, body .navbar-premenu .navbar-nav &gt; li.show &gt; a:hover, body .navbar-premenu .navbar-nav &gt; li.show &gt; a:focus {
        background: transparent; }
    body .navbar-premenu .dropdown-account li a:not(.btn-primary) {
      color: #212529; }
      body .navbar-premenu .dropdown-account li a:not(.btn-primary):not(.btn) {
        font-size: 1rem; }
        body .navbar-premenu .dropdown-account li a:not(.btn-primary):not(.btn):active {
          background-color: #B5ACA2; }
        body .navbar-premenu .dropdown-account li a:not(.btn-primary):not(.btn) span {
          font-weight: 300; }
      body .navbar-premenu .dropdown-account li a.btn-clear:not(.btn-primary) {
        width: auto;
        text-align: left; }
    body .navbar-premenu .dropdown-account ul.navbar-nav {
      display: flex;
      flex-direction: column; }
    body .navbar-premenu .dropdown-account .btn-clear {
      background-color: transparent;
      border: none;
      color: #4c4c4c;
      text-align: left;
      display: inline-block; }
    body .navbar-premenu .dropdown-account.open .navbar-collapse.collapse, body .navbar-premenu .dropdown-account.show .navbar-collapse.collapse {
      display: block; }
    body .navbar-premenu a:not(.btn),
    body .navbar-premenu span:not(.notif-counter):not(.material-icons) {
      color: #212529;
      border-color: #212529; }
    body .navbar-premenu .search-wrapper a,
    body .navbar-premenu .search-wrapper span,
    body .navbar-premenu .dropdown-account:not(.dropdown-basket-shopping) a,
    body .navbar-premenu .dropdown-account:not(.dropdown-basket-shopping) span {
      color: #212529; }
    body .navbar-premenu .dropdown-basket-shopping a {
      color: #2C53FF; }
  body .basketShortcut .priceDetail {
    width: 100%;
    max-width: 300px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  body .basketShortcut .navbar-collapse ul {
    padding: 0px; }
    body .basketShortcut .navbar-collapse ul .table {
      font-size: 1rem;
      margin-bottom: 0px;
      /*thead tr,tbody tr:not(:last-child){
                    border-bottom: 1px solid hsl(0,0%,80%);
                }*/ }
      body .basketShortcut .navbar-collapse ul .table td.gshp-shop-card tr {
        background: transparent !important; }
      body .basketShortcut .navbar-collapse ul .table thead td {
        font-weight: 900; }
      body .basketShortcut .navbar-collapse ul .table tbody td {
        font-weight: 300; }
        body .basketShortcut .navbar-collapse ul .table tbody td.buttonTd {
          text-align: center; }
          body .basketShortcut .navbar-collapse ul .table tbody td.buttonTd a.btn {
            margin-top: 10px; }
      body .basketShortcut .navbar-collapse ul .table tr:nth-child(odd) {
        background-color: white; }
      body .basketShortcut .navbar-collapse ul .table .btn-primary,
      body .basketShortcut .navbar-collapse ul .table .btn-seeNotEffectiveBasket {
        padding: 0px 10px; }
      body .basketShortcut .navbar-collapse ul .table tr:hover td {
        background-color: transparent; }
      body .basketShortcut .navbar-collapse ul .table tr td:first-child {
        padding-left: 0px; }
        body .basketShortcut .navbar-collapse ul .table tr td:first-child span {
          padding-left: 0px; }
      body .basketShortcut .navbar-collapse ul .table .buttonTd {
        padding-right: 0px; }
  body .basketShortcut .navbar-collapse .caret {
    vertical-align: top;
    margin-top: 8px; }
  body .search-icon {
    display: none; }
  body .breadcrumb {
    margin-bottom: 0;
    height: 40px;
    line-height: 15px; }
    body .breadcrumb a.active {
      color: #B5ACA2;
      font-weight: 500; }
  body .navbar-form {
    padding-right: 0; }
    body .navbar-form .input-group {
      background: #fff;
      display: inline-flex;
      align-items: center;
      box-shadow: none;
      padding: 0;
      margin: 0;
      border: none;
      min-width: 300px;
      position: relative; }
      body .navbar-form .input-group .form-control {
        box-shadow: none;
        font-size: 16px;
        color: rgba(0, 0, 0, 0.6);
        background: rgba(238, 238, 238, 0.2);
        border-color: rgba(238, 238, 238, 0.2); }
    body .navbar-form .input-group-addon {
      padding: 6px 8px;
      font-size: 13px;
      height: 14px;
      font-weight: normal;
      text-align: center;
      border: none;
      position: absolute;
      top: 2px;
      z-index: 200000;
      left: 2px;
      opacity: 0.6; }
      body .navbar-form .input-group-addon a:before {
        color: #999999;
        font-size: 12px; }
    body .navbar-form .button-medium {
      right: 8px;
      top: 8px;
      height: 28px;
      width: 28px;
      line-height: 28px;
      border-radius: 16px; }
      body .navbar-form .button-medium::before {
        content: "";
        position: absolute;
        z-index: -1;
        display: block;
        transform-origin: center center;
        opacity: 0;
        width: 100%;
        height: 100%;
        left: 0px;
        top: -2px;
        border-radius: 16px;
        transition: all 0.1s linear;
        transform: scale(0.8); }
      body .navbar-form .button-medium:hover:before {
        opacity: 1;
        transition: all 0.05s linear;
        background-color: #cccccc;
        transform: scale(1); }
  body .navbar-premenu .input-group,
  body .Footerbottom .input-group,
  body #middle-pane .input-group {
    padding: 0px 10px; }
    body .navbar-premenu .input-group input.form-control,
    body .Footerbottom .input-group input.form-control,
    body #middle-pane .input-group input.form-control {
      padding-left: 36px;
      padding-right: 10px;
      height: 40px;
      line-height: 40px;
      font-size: 13px; }
    body .navbar-premenu .input-group a.search-icon-collapse,
    body .Footerbottom .input-group a.search-icon-collapse,
    body #middle-pane .input-group a.search-icon-collapse {
      color: rgba(0, 0, 0, 0.3);
      top: 4px;
      /*&amp;:before {
                        content: "\e91c";
                        @extend %color-base;
                        @include icomoon;
                        @extend %icon_24;
                    }*/ }
      body .navbar-premenu .input-group a.search-icon-collapse i,
      body .Footerbottom .input-group a.search-icon-collapse i,
      body #middle-pane .input-group a.search-icon-collapse i {
        display: none; }
  body .navbar-premenu .navbar-nav.quotationShortcut,
  body .Footerbottom .navbar-nav.quotationShortcut,
  body #middle-pane .navbar-nav.quotationShortcut {
    margin-right: 10px;
    flex-direction: row;
    height: 100%;
    align-self: center;
    font-size: 14px;
    flex-wrap: nowrap; }
    body .navbar-premenu .navbar-nav.quotationShortcut .quotation-cart,
    body .Footerbottom .navbar-nav.quotationShortcut .quotation-cart,
    body #middle-pane .navbar-nav.quotationShortcut .quotation-cart {
      padding: 0 5px;
      color: #797A8D; }
      body .navbar-premenu .navbar-nav.quotationShortcut .quotation-cart:before,
      body .Footerbottom .navbar-nav.quotationShortcut .quotation-cart:before,
      body #middle-pane .navbar-nav.quotationShortcut .quotation-cart:before {
        display: none; }
      body .navbar-premenu .navbar-nav.quotationShortcut .quotation-cart:hover, body .navbar-premenu .navbar-nav.quotationShortcut .quotation-cart:focus,
      body .Footerbottom .navbar-nav.quotationShortcut .quotation-cart:hover,
      body .Footerbottom .navbar-nav.quotationShortcut .quotation-cart:focus,
      body #middle-pane .navbar-nav.quotationShortcut .quotation-cart:hover,
      body #middle-pane .navbar-nav.quotationShortcut .quotation-cart:focus {
        color: #212529; }
  body .navbar-premenu .navbar-nav.noCommandTypeOpening .dropdown-basket-shopping,
  body .Footerbottom .navbar-nav.noCommandTypeOpening .dropdown-basket-shopping,
  body #middle-pane .navbar-nav.noCommandTypeOpening .dropdown-basket-shopping {
    width: auto;
    right: -58px; }
  body .navbar-premenu .navbar-nav.noCommandTypeOpening .basketSummary_body,
  body .Footerbottom .navbar-nav.noCommandTypeOpening .basketSummary_body,
  body #middle-pane .navbar-nav.noCommandTypeOpening .basketSummary_body {
    width: 100%; }
  body .navbar-premenu .navbar-nav.noCommandTypeOpening table td,
  body .Footerbottom .navbar-nav.noCommandTypeOpening table td,
  body #middle-pane .navbar-nav.noCommandTypeOpening table td {
    font-size: 16px; }
  body .navbar-premenu .caret,
  body .Footerbottom .caret,
  body #middle-pane .caret {
    margin: 5px 6px; }
  body .navbar-premenu .accountMenu,
  body .Footerbottom .accountMenu,
  body #middle-pane .accountMenu {
    display: none; }
  body .navbar-premenu .accountMenu,
  body .navbar-premenu .basketMenu,
  body .Footerbottom .accountMenu,
  body .Footerbottom .basketMenu,
  body #middle-pane .accountMenu,
  body #middle-pane .basketMenu {
    border-top: none;
    display: flex;
    align-items: center; }
    body .navbar-premenu .accountMenu h4, body .navbar-premenu .accountMenu .h4,
    body .navbar-premenu .basketMenu h4,
    body .navbar-premenu .basketMenu .h4,
    body .Footerbottom .accountMenu h4,
    body .Footerbottom .accountMenu .h4,
    body .Footerbottom .basketMenu h4,
    body .Footerbottom .basketMenu .h4,
    body #middle-pane .accountMenu h4,
    body #middle-pane .accountMenu .h4,
    body #middle-pane .basketMenu h4,
    body #middle-pane .basketMenu .h4 {
      margin-bottom: 0px; }
    body .navbar-premenu .accountMenu i,
    body .navbar-premenu .basketMenu i,
    body .Footerbottom .accountMenu i,
    body .Footerbottom .basketMenu i,
    body #middle-pane .accountMenu i,
    body #middle-pane .basketMenu i {
      font-size: 22px;
      padding: 10px; }
    body .navbar-premenu .accountMenu #MainAccountUserName,
    body .navbar-premenu .basketMenu #MainAccountUserName,
    body .Footerbottom .accountMenu #MainAccountUserName,
    body .Footerbottom .basketMenu #MainAccountUserName,
    body #middle-pane .accountMenu #MainAccountUserName,
    body #middle-pane .basketMenu #MainAccountUserName {
      position: relative;
      display: inline-block;
      font-size: 1rem;
      font-weight: 600; }
      body .navbar-premenu .accountMenu #MainAccountUserName.notif-counter,
      body .navbar-premenu .basketMenu #MainAccountUserName.notif-counter,
      body .Footerbottom .accountMenu #MainAccountUserName.notif-counter,
      body .Footerbottom .basketMenu #MainAccountUserName.notif-counter,
      body #middle-pane .accountMenu #MainAccountUserName.notif-counter,
      body #middle-pane .basketMenu #MainAccountUserName.notif-counter {
        line-height: 16px; }
      body .navbar-premenu .accountMenu #MainAccountUserName .material-icons-outlined,
      body .navbar-premenu .basketMenu #MainAccountUserName .material-icons-outlined,
      body .Footerbottom .accountMenu #MainAccountUserName .material-icons-outlined,
      body .Footerbottom .basketMenu #MainAccountUserName .material-icons-outlined,
      body #middle-pane .accountMenu #MainAccountUserName .material-icons-outlined,
      body #middle-pane .basketMenu #MainAccountUserName .material-icons-outlined {
        margin-left: 15px;
        background-color: #E5EEFF;
        border-radius: 50px; }
    body .navbar-premenu .accountMenu .AccountUserNameIcon,
    body .navbar-premenu .basketMenu .AccountUserNameIcon,
    body .Footerbottom .accountMenu .AccountUserNameIcon,
    body .Footerbottom .basketMenu .AccountUserNameIcon,
    body #middle-pane .accountMenu .AccountUserNameIcon,
    body #middle-pane .basketMenu .AccountUserNameIcon {
      display: none; }
    body .navbar-premenu .accountMenu.triggered-hover,
    body .navbar-premenu .basketMenu.triggered-hover,
    body .Footerbottom .accountMenu.triggered-hover,
    body .Footerbottom .basketMenu.triggered-hover,
    body #middle-pane .accountMenu.triggered-hover,
    body #middle-pane .basketMenu.triggered-hover {
      opacity: 0.8; }
    body .navbar-premenu .accountMenu .caret,
    body .navbar-premenu .basketMenu .caret,
    body .Footerbottom .accountMenu .caret,
    body .Footerbottom .basketMenu .caret,
    body #middle-pane .accountMenu .caret,
    body #middle-pane .basketMenu .caret {
      top: -4px; }
  body .navbar-premenu .nav-lang,
  body .Footerbottom .nav-lang,
  body #middle-pane .nav-lang {
    position: relative; }
    body .navbar-premenu .nav-lang:before,
    body .Footerbottom .nav-lang:before,
    body #middle-pane .nav-lang:before {
      content: "";
      position: absolute;
      z-index: 1;
      display: block;
      transform-origin: center center;
      width: 90%;
      height: 80%;
      top: 2px;
      left: 0px;
      opacity: 0;
      background-color: rgba(0, 0, 0, 0.12); }
    body .navbar-premenu .nav-lang:hover:before, body .navbar-premenu .nav-lang:focus:before,
    body .Footerbottom .nav-lang:hover:before,
    body .Footerbottom .nav-lang:focus:before,
    body #middle-pane .nav-lang:hover:before,
    body #middle-pane .nav-lang:focus:before {
      transform: scale(1);
      border-radius: 50px;
      opacity: 1;
      transition: all 0.05s linear; }
  body .navbar-premenu .dropdown-account,
  body .navbar-premenu .dropdown-menu,
  body .Footerbottom .dropdown-account,
  body .Footerbottom .dropdown-menu,
  body #middle-pane .dropdown-account,
  body #middle-pane .dropdown-menu {
    min-width: 200px;
    top: 40px;
    background: transparent;
    border: none;
    box-shadow: none;
    right: 15px;
    left: auto; }
    body .navbar-premenu .dropdown-account.search-wrapper,
    body .navbar-premenu .dropdown-menu.search-wrapper,
    body .Footerbottom .dropdown-account.search-wrapper,
    body .Footerbottom .dropdown-menu.search-wrapper,
    body #middle-pane .dropdown-account.search-wrapper,
    body #middle-pane .dropdown-menu.search-wrapper {
      display: inline-flex;
      align-items: center;
      box-shadow: none;
      padding: 0;
      margin: 0;
      border: none;
      min-width: 300px;
      position: relative; }
    body .navbar-premenu .dropdown-account.dropdown-lang,
    body .navbar-premenu .dropdown-menu.dropdown-lang,
    body .Footerbottom .dropdown-account.dropdown-lang,
    body .Footerbottom .dropdown-menu.dropdown-lang,
    body #middle-pane .dropdown-account.dropdown-lang,
    body #middle-pane .dropdown-menu.dropdown-lang {
      margin-right: -60px;
      min-width: 150px; }
      body .navbar-premenu .dropdown-account.dropdown-lang .navbar-collapse:before,
      body .navbar-premenu .dropdown-menu.dropdown-lang .navbar-collapse:before,
      body .Footerbottom .dropdown-account.dropdown-lang .navbar-collapse:before,
      body .Footerbottom .dropdown-menu.dropdown-lang .navbar-collapse:before,
      body #middle-pane .dropdown-account.dropdown-lang .navbar-collapse:before,
      body #middle-pane .dropdown-menu.dropdown-lang .navbar-collapse:before {
        left: 50%;
        right: auto; }
      body .navbar-premenu .dropdown-account.dropdown-lang .navbar-collapse li.active a,
      body .navbar-premenu .dropdown-menu.dropdown-lang .navbar-collapse li.active a,
      body .Footerbottom .dropdown-account.dropdown-lang .navbar-collapse li.active a,
      body .Footerbottom .dropdown-menu.dropdown-lang .navbar-collapse li.active a,
      body #middle-pane .dropdown-account.dropdown-lang .navbar-collapse li.active a,
      body #middle-pane .dropdown-menu.dropdown-lang .navbar-collapse li.active a {
        font-size: 18px; }
    body .navbar-premenu .dropdown-account.dropdown-basket-shopping,
    body .navbar-premenu .dropdown-menu.dropdown-basket-shopping,
    body .Footerbottom .dropdown-account.dropdown-basket-shopping,
    body .Footerbottom .dropdown-menu.dropdown-basket-shopping,
    body #middle-pane .dropdown-account.dropdown-basket-shopping,
    body #middle-pane .dropdown-menu.dropdown-basket-shopping {
      display: block;
      opacity: 0;
      transform: translateY(-20px);
      transform-origin: right bottom;
      transition: transform 0.2s ease-out, opacity 0.2s linear, visibility 600ms;
      visibility: hidden;
      position: absolute; }
      body .navbar-premenu .dropdown-account.dropdown-basket-shopping.mainMenuExpanded,
      body .navbar-premenu .dropdown-menu.dropdown-basket-shopping.mainMenuExpanded,
      body .Footerbottom .dropdown-account.dropdown-basket-shopping.mainMenuExpanded,
      body .Footerbottom .dropdown-menu.dropdown-basket-shopping.mainMenuExpanded,
      body #middle-pane .dropdown-account.dropdown-basket-shopping.mainMenuExpanded,
      body #middle-pane .dropdown-menu.dropdown-basket-shopping.mainMenuExpanded {
        opacity: 1;
        transform: none;
        z-index: 2001;
        visibility: visible; }
    body .navbar-premenu .dropdown-account.dropdown-shopping, body .navbar-premenu .dropdown-account.dropdown-basket-shopping, body .navbar-premenu .dropdown-account.dropdown-shoppingB2B,
    body .navbar-premenu .dropdown-menu.dropdown-shopping,
    body .navbar-premenu .dropdown-menu.dropdown-basket-shopping,
    body .navbar-premenu .dropdown-menu.dropdown-shoppingB2B,
    body .Footerbottom .dropdown-account.dropdown-shopping,
    body .Footerbottom .dropdown-account.dropdown-basket-shopping,
    body .Footerbottom .dropdown-account.dropdown-shoppingB2B,
    body .Footerbottom .dropdown-menu.dropdown-shopping,
    body .Footerbottom .dropdown-menu.dropdown-basket-shopping,
    body .Footerbottom .dropdown-menu.dropdown-shoppingB2B,
    body #middle-pane .dropdown-account.dropdown-shopping,
    body #middle-pane .dropdown-account.dropdown-basket-shopping,
    body #middle-pane .dropdown-account.dropdown-shoppingB2B,
    body #middle-pane .dropdown-menu.dropdown-shopping,
    body #middle-pane .dropdown-menu.dropdown-basket-shopping,
    body #middle-pane .dropdown-menu.dropdown-shoppingB2B {
      min-width: 300px;
      right: -125px; }
      body .navbar-premenu .dropdown-account.dropdown-shopping.dropdown-mono .basketSummary_body, body .navbar-premenu .dropdown-account.dropdown-basket-shopping.dropdown-mono .basketSummary_body, body .navbar-premenu .dropdown-account.dropdown-shoppingB2B.dropdown-mono .basketSummary_body,
      body .navbar-premenu .dropdown-menu.dropdown-shopping.dropdown-mono .basketSummary_body,
      body .navbar-premenu .dropdown-menu.dropdown-basket-shopping.dropdown-mono .basketSummary_body,
      body .navbar-premenu .dropdown-menu.dropdown-shoppingB2B.dropdown-mono .basketSummary_body,
      body .Footerbottom .dropdown-account.dropdown-shopping.dropdown-mono .basketSummary_body,
      body .Footerbottom .dropdown-account.dropdown-basket-shopping.dropdown-mono .basketSummary_body,
      body .Footerbottom .dropdown-account.dropdown-shoppingB2B.dropdown-mono .basketSummary_body,
      body .Footerbottom .dropdown-menu.dropdown-shopping.dropdown-mono .basketSummary_body,
      body .Footerbottom .dropdown-menu.dropdown-basket-shopping.dropdown-mono .basketSummary_body,
      body .Footerbottom .dropdown-menu.dropdown-shoppingB2B.dropdown-mono .basketSummary_body,
      body #middle-pane .dropdown-account.dropdown-shopping.dropdown-mono .basketSummary_body,
      body #middle-pane .dropdown-account.dropdown-basket-shopping.dropdown-mono .basketSummary_body,
      body #middle-pane .dropdown-account.dropdown-shoppingB2B.dropdown-mono .basketSummary_body,
      body #middle-pane .dropdown-menu.dropdown-shopping.dropdown-mono .basketSummary_body,
      body #middle-pane .dropdown-menu.dropdown-basket-shopping.dropdown-mono .basketSummary_body,
      body #middle-pane .dropdown-menu.dropdown-shoppingB2B.dropdown-mono .basketSummary_body {
        min-width: auto; }
        body .navbar-premenu .dropdown-account.dropdown-shopping.dropdown-mono .basketSummary_body .btn, body .navbar-premenu .dropdown-account.dropdown-basket-shopping.dropdown-mono .basketSummary_body .btn, body .navbar-premenu .dropdown-account.dropdown-shoppingB2B.dropdown-mono .basketSummary_body .btn,
        body .navbar-premenu .dropdown-menu.dropdown-shopping.dropdown-mono .basketSummary_body .btn,
        body .navbar-premenu .dropdown-menu.dropdown-basket-shopping.dropdown-mono .basketSummary_body .btn,
        body .navbar-premenu .dropdown-menu.dropdown-shoppingB2B.dropdown-mono .basketSummary_body .btn,
        body .Footerbottom .dropdown-account.dropdown-shopping.dropdown-mono .basketSummary_body .btn,
        body .Footerbottom .dropdown-account.dropdown-basket-shopping.dropdown-mono .basketSummary_body .btn,
        body .Footerbottom .dropdown-account.dropdown-shoppingB2B.dropdown-mono .basketSummary_body .btn,
        body .Footerbottom .dropdown-menu.dropdown-shopping.dropdown-mono .basketSummary_body .btn,
        body .Footerbottom .dropdown-menu.dropdown-basket-shopping.dropdown-mono .basketSummary_body .btn,
        body .Footerbottom .dropdown-menu.dropdown-shoppingB2B.dropdown-mono .basketSummary_body .btn,
        body #middle-pane .dropdown-account.dropdown-shopping.dropdown-mono .basketSummary_body .btn,
        body #middle-pane .dropdown-account.dropdown-basket-shopping.dropdown-mono .basketSummary_body .btn,
        body #middle-pane .dropdown-account.dropdown-shoppingB2B.dropdown-mono .basketSummary_body .btn,
        body #middle-pane .dropdown-menu.dropdown-shopping.dropdown-mono .basketSummary_body .btn,
        body #middle-pane .dropdown-menu.dropdown-basket-shopping.dropdown-mono .basketSummary_body .btn,
        body #middle-pane .dropdown-menu.dropdown-shoppingB2B.dropdown-mono .basketSummary_body .btn {
          max-width: 150px;
          margin: 0 auto; }
      body .navbar-premenu .dropdown-account.dropdown-shopping .navbar-collapse, body .navbar-premenu .dropdown-account.dropdown-basket-shopping .navbar-collapse, body .navbar-premenu .dropdown-account.dropdown-shoppingB2B .navbar-collapse,
      body .navbar-premenu .dropdown-menu.dropdown-shopping .navbar-collapse,
      body .navbar-premenu .dropdown-menu.dropdown-basket-shopping .navbar-collapse,
      body .navbar-premenu .dropdown-menu.dropdown-shoppingB2B .navbar-collapse,
      body .Footerbottom .dropdown-account.dropdown-shopping .navbar-collapse,
      body .Footerbottom .dropdown-account.dropdown-basket-shopping .navbar-collapse,
      body .Footerbottom .dropdown-account.dropdown-shoppingB2B .navbar-collapse,
      body .Footerbottom .dropdown-menu.dropdown-shopping .navbar-collapse,
      body .Footerbottom .dropdown-menu.dropdown-basket-shopping .navbar-collapse,
      body .Footerbottom .dropdown-menu.dropdown-shoppingB2B .navbar-collapse,
      body #middle-pane .dropdown-account.dropdown-shopping .navbar-collapse,
      body #middle-pane .dropdown-account.dropdown-basket-shopping .navbar-collapse,
      body #middle-pane .dropdown-account.dropdown-shoppingB2B .navbar-collapse,
      body #middle-pane .dropdown-menu.dropdown-shopping .navbar-collapse,
      body #middle-pane .dropdown-menu.dropdown-basket-shopping .navbar-collapse,
      body #middle-pane .dropdown-menu.dropdown-shoppingB2B .navbar-collapse {
        padding: 5px 0px; }
        body .navbar-premenu .dropdown-account.dropdown-shopping .navbar-collapse .basketSummary_body, body .navbar-premenu .dropdown-account.dropdown-basket-shopping .navbar-collapse .basketSummary_body, body .navbar-premenu .dropdown-account.dropdown-shoppingB2B .navbar-collapse .basketSummary_body,
        body .navbar-premenu .dropdown-menu.dropdown-shopping .navbar-collapse .basketSummary_body,
        body .navbar-premenu .dropdown-menu.dropdown-basket-shopping .navbar-collapse .basketSummary_body,
        body .navbar-premenu .dropdown-menu.dropdown-shoppingB2B .navbar-collapse .basketSummary_body,
        body .Footerbottom .dropdown-account.dropdown-shopping .navbar-collapse .basketSummary_body,
        body .Footerbottom .dropdown-account.dropdown-basket-shopping .navbar-collapse .basketSummary_body,
        body .Footerbottom .dropdown-account.dropdown-shoppingB2B .navbar-collapse .basketSummary_body,
        body .Footerbottom .dropdown-menu.dropdown-shopping .navbar-collapse .basketSummary_body,
        body .Footerbottom .dropdown-menu.dropdown-basket-shopping .navbar-collapse .basketSummary_body,
        body .Footerbottom .dropdown-menu.dropdown-shoppingB2B .navbar-collapse .basketSummary_body,
        body #middle-pane .dropdown-account.dropdown-shopping .navbar-collapse .basketSummary_body,
        body #middle-pane .dropdown-account.dropdown-basket-shopping .navbar-collapse .basketSummary_body,
        body #middle-pane .dropdown-account.dropdown-shoppingB2B .navbar-collapse .basketSummary_body,
        body #middle-pane .dropdown-menu.dropdown-shopping .navbar-collapse .basketSummary_body,
        body #middle-pane .dropdown-menu.dropdown-basket-shopping .navbar-collapse .basketSummary_body,
        body #middle-pane .dropdown-menu.dropdown-shoppingB2B .navbar-collapse .basketSummary_body {
          overflow-y: auto;
          max-height: 80vh;
          overflow-x: hidden;
          width: 100%;
          padding: 15px;
          min-width: 600px; }
          body .navbar-premenu .dropdown-account.dropdown-shopping .navbar-collapse .basketSummary_body .close, body .navbar-premenu .dropdown-account.dropdown-basket-shopping .navbar-collapse .basketSummary_body .close, body .navbar-premenu .dropdown-account.dropdown-shoppingB2B .navbar-collapse .basketSummary_body .close,
          body .navbar-premenu .dropdown-menu.dropdown-shopping .navbar-collapse .basketSummary_body .close,
          body .navbar-premenu .dropdown-menu.dropdown-basket-shopping .navbar-collapse .basketSummary_body .close,
          body .navbar-premenu .dropdown-menu.dropdown-shoppingB2B .navbar-collapse .basketSummary_body .close,
          body .Footerbottom .dropdown-account.dropdown-shopping .navbar-collapse .basketSummary_body .close,
          body .Footerbottom .dropdown-account.dropdown-basket-shopping .navbar-collapse .basketSummary_body .close,
          body .Footerbottom .dropdown-account.dropdown-shoppingB2B .navbar-collapse .basketSummary_body .close,
          body .Footerbottom .dropdown-menu.dropdown-shopping .navbar-collapse .basketSummary_body .close,
          body .Footerbottom .dropdown-menu.dropdown-basket-shopping .navbar-collapse .basketSummary_body .close,
          body .Footerbottom .dropdown-menu.dropdown-shoppingB2B .navbar-collapse .basketSummary_body .close,
          body #middle-pane .dropdown-account.dropdown-shopping .navbar-collapse .basketSummary_body .close,
          body #middle-pane .dropdown-account.dropdown-basket-shopping .navbar-collapse .basketSummary_body .close,
          body #middle-pane .dropdown-account.dropdown-shoppingB2B .navbar-collapse .basketSummary_body .close,
          body #middle-pane .dropdown-menu.dropdown-shopping .navbar-collapse .basketSummary_body .close,
          body #middle-pane .dropdown-menu.dropdown-basket-shopping .navbar-collapse .basketSummary_body .close,
          body #middle-pane .dropdown-menu.dropdown-shoppingB2B .navbar-collapse .basketSummary_body .close {
            width: 30px;
            height: 30px;
            text-align: center;
            position: absolute;
            right: 20px;
            top: 20px; }
          body .navbar-premenu .dropdown-account.dropdown-shopping .navbar-collapse .basketSummary_body .table, body .navbar-premenu .dropdown-account.dropdown-basket-shopping .navbar-collapse .basketSummary_body .table, body .navbar-premenu .dropdown-account.dropdown-shoppingB2B .navbar-collapse .basketSummary_body .table,
          body .navbar-premenu .dropdown-menu.dropdown-shopping .navbar-collapse .basketSummary_body .table,
          body .navbar-premenu .dropdown-menu.dropdown-basket-shopping .navbar-collapse .basketSummary_body .table,
          body .navbar-premenu .dropdown-menu.dropdown-shoppingB2B .navbar-collapse .basketSummary_body .table,
          body .Footerbottom .dropdown-account.dropdown-shopping .navbar-collapse .basketSummary_body .table,
          body .Footerbottom .dropdown-account.dropdown-basket-shopping .navbar-collapse .basketSummary_body .table,
          body .Footerbottom .dropdown-account.dropdown-shoppingB2B .navbar-collapse .basketSummary_body .table,
          body .Footerbottom .dropdown-menu.dropdown-shopping .navbar-collapse .basketSummary_body .table,
          body .Footerbottom .dropdown-menu.dropdown-basket-shopping .navbar-collapse .basketSummary_body .table,
          body .Footerbottom .dropdown-menu.dropdown-shoppingB2B .navbar-collapse .basketSummary_body .table,
          body #middle-pane .dropdown-account.dropdown-shopping .navbar-collapse .basketSummary_body .table,
          body #middle-pane .dropdown-account.dropdown-basket-shopping .navbar-collapse .basketSummary_body .table,
          body #middle-pane .dropdown-account.dropdown-shoppingB2B .navbar-collapse .basketSummary_body .table,
          body #middle-pane .dropdown-menu.dropdown-shopping .navbar-collapse .basketSummary_body .table,
          body #middle-pane .dropdown-menu.dropdown-basket-shopping .navbar-collapse .basketSummary_body .table,
          body #middle-pane .dropdown-menu.dropdown-shoppingB2B .navbar-collapse .basketSummary_body .table {
            margin-bottom: 20px; }
        body .navbar-premenu .dropdown-account.dropdown-shopping .navbar-collapse:before, body .navbar-premenu .dropdown-account.dropdown-basket-shopping .navbar-collapse:before, body .navbar-premenu .dropdown-account.dropdown-shoppingB2B .navbar-collapse:before,
        body .navbar-premenu .dropdown-menu.dropdown-shopping .navbar-collapse:before,
        body .navbar-premenu .dropdown-menu.dropdown-basket-shopping .navbar-collapse:before,
        body .navbar-premenu .dropdown-menu.dropdown-shoppingB2B .navbar-collapse:before,
        body .Footerbottom .dropdown-account.dropdown-shopping .navbar-collapse:before,
        body .Footerbottom .dropdown-account.dropdown-basket-shopping .navbar-collapse:before,
        body .Footerbottom .dropdown-account.dropdown-shoppingB2B .navbar-collapse:before,
        body .Footerbottom .dropdown-menu.dropdown-shopping .navbar-collapse:before,
        body .Footerbottom .dropdown-menu.dropdown-basket-shopping .navbar-collapse:before,
        body .Footerbottom .dropdown-menu.dropdown-shoppingB2B .navbar-collapse:before,
        body #middle-pane .dropdown-account.dropdown-shopping .navbar-collapse:before,
        body #middle-pane .dropdown-account.dropdown-basket-shopping .navbar-collapse:before,
        body #middle-pane .dropdown-account.dropdown-shoppingB2B .navbar-collapse:before,
        body #middle-pane .dropdown-menu.dropdown-shopping .navbar-collapse:before,
        body #middle-pane .dropdown-menu.dropdown-basket-shopping .navbar-collapse:before,
        body #middle-pane .dropdown-menu.dropdown-shoppingB2B .navbar-collapse:before {
          right: 18%;
          left: auto; }
        body .navbar-premenu .dropdown-account.dropdown-shopping .navbar-collapse li, body .navbar-premenu .dropdown-account.dropdown-basket-shopping .navbar-collapse li, body .navbar-premenu .dropdown-account.dropdown-shoppingB2B .navbar-collapse li,
        body .navbar-premenu .dropdown-menu.dropdown-shopping .navbar-collapse li,
        body .navbar-premenu .dropdown-menu.dropdown-basket-shopping .navbar-collapse li,
        body .navbar-premenu .dropdown-menu.dropdown-shoppingB2B .navbar-collapse li,
        body .Footerbottom .dropdown-account.dropdown-shopping .navbar-collapse li,
        body .Footerbottom .dropdown-account.dropdown-basket-shopping .navbar-collapse li,
        body .Footerbottom .dropdown-account.dropdown-shoppingB2B .navbar-collapse li,
        body .Footerbottom .dropdown-menu.dropdown-shopping .navbar-collapse li,
        body .Footerbottom .dropdown-menu.dropdown-basket-shopping .navbar-collapse li,
        body .Footerbottom .dropdown-menu.dropdown-shoppingB2B .navbar-collapse li,
        body #middle-pane .dropdown-account.dropdown-shopping .navbar-collapse li,
        body #middle-pane .dropdown-account.dropdown-basket-shopping .navbar-collapse li,
        body #middle-pane .dropdown-account.dropdown-shoppingB2B .navbar-collapse li,
        body #middle-pane .dropdown-menu.dropdown-shopping .navbar-collapse li,
        body #middle-pane .dropdown-menu.dropdown-basket-shopping .navbar-collapse li,
        body #middle-pane .dropdown-menu.dropdown-shoppingB2B .navbar-collapse li {
          font-weight: 700; }
      body .navbar-premenu .dropdown-account.dropdown-shopping span, body .navbar-premenu .dropdown-account.dropdown-basket-shopping span, body .navbar-premenu .dropdown-account.dropdown-shoppingB2B span,
      body .navbar-premenu .dropdown-menu.dropdown-shopping span,
      body .navbar-premenu .dropdown-menu.dropdown-basket-shopping span,
      body .navbar-premenu .dropdown-menu.dropdown-shoppingB2B span,
      body .Footerbottom .dropdown-account.dropdown-shopping span,
      body .Footerbottom .dropdown-account.dropdown-basket-shopping span,
      body .Footerbottom .dropdown-account.dropdown-shoppingB2B span,
      body .Footerbottom .dropdown-menu.dropdown-shopping span,
      body .Footerbottom .dropdown-menu.dropdown-basket-shopping span,
      body .Footerbottom .dropdown-menu.dropdown-shoppingB2B span,
      body #middle-pane .dropdown-account.dropdown-shopping span,
      body #middle-pane .dropdown-account.dropdown-basket-shopping span,
      body #middle-pane .dropdown-account.dropdown-shoppingB2B span,
      body #middle-pane .dropdown-menu.dropdown-shopping span,
      body #middle-pane .dropdown-menu.dropdown-basket-shopping span,
      body #middle-pane .dropdown-menu.dropdown-shoppingB2B span {
        display: inline;
        vertical-align: middle;
        padding: 5px;
        word-break: break-all; }
      body .navbar-premenu .dropdown-account.dropdown-shopping i, body .navbar-premenu .dropdown-account.dropdown-basket-shopping i, body .navbar-premenu .dropdown-account.dropdown-shoppingB2B i,
      body .navbar-premenu .dropdown-menu.dropdown-shopping i,
      body .navbar-premenu .dropdown-menu.dropdown-basket-shopping i,
      body .navbar-premenu .dropdown-menu.dropdown-shoppingB2B i,
      body .Footerbottom .dropdown-account.dropdown-shopping i,
      body .Footerbottom .dropdown-account.dropdown-basket-shopping i,
      body .Footerbottom .dropdown-account.dropdown-shoppingB2B i,
      body .Footerbottom .dropdown-menu.dropdown-shopping i,
      body .Footerbottom .dropdown-menu.dropdown-basket-shopping i,
      body .Footerbottom .dropdown-menu.dropdown-shoppingB2B i,
      body #middle-pane .dropdown-account.dropdown-shopping i,
      body #middle-pane .dropdown-account.dropdown-basket-shopping i,
      body #middle-pane .dropdown-account.dropdown-shoppingB2B i,
      body #middle-pane .dropdown-menu.dropdown-shopping i,
      body #middle-pane .dropdown-menu.dropdown-basket-shopping i,
      body #middle-pane .dropdown-menu.dropdown-shoppingB2B i {
        vertical-align: middle; }
      body .navbar-premenu .dropdown-account.dropdown-shopping .btn-primary:hover:before, body .navbar-premenu .dropdown-account.dropdown-basket-shopping .btn-primary:hover:before, body .navbar-premenu .dropdown-account.dropdown-shoppingB2B .btn-primary:hover:before,
      body .navbar-premenu .dropdown-menu.dropdown-shopping .btn-primary:hover:before,
      body .navbar-premenu .dropdown-menu.dropdown-basket-shopping .btn-primary:hover:before,
      body .navbar-premenu .dropdown-menu.dropdown-shoppingB2B .btn-primary:hover:before,
      body .Footerbottom .dropdown-account.dropdown-shopping .btn-primary:hover:before,
      body .Footerbottom .dropdown-account.dropdown-basket-shopping .btn-primary:hover:before,
      body .Footerbottom .dropdown-account.dropdown-shoppingB2B .btn-primary:hover:before,
      body .Footerbottom .dropdown-menu.dropdown-shopping .btn-primary:hover:before,
      body .Footerbottom .dropdown-menu.dropdown-basket-shopping .btn-primary:hover:before,
      body .Footerbottom .dropdown-menu.dropdown-shoppingB2B .btn-primary:hover:before,
      body #middle-pane .dropdown-account.dropdown-shopping .btn-primary:hover:before,
      body #middle-pane .dropdown-account.dropdown-basket-shopping .btn-primary:hover:before,
      body #middle-pane .dropdown-account.dropdown-shoppingB2B .btn-primary:hover:before,
      body #middle-pane .dropdown-menu.dropdown-shopping .btn-primary:hover:before,
      body #middle-pane .dropdown-menu.dropdown-basket-shopping .btn-primary:hover:before,
      body #middle-pane .dropdown-menu.dropdown-shoppingB2B .btn-primary:hover:before {
        opacity: 0.2;
        background-color: #fff; }
    body .navbar-premenu .dropdown-account.dropdown-shopping,
    body .navbar-premenu .dropdown-menu.dropdown-shopping,
    body .Footerbottom .dropdown-account.dropdown-shopping,
    body .Footerbottom .dropdown-menu.dropdown-shopping,
    body #middle-pane .dropdown-account.dropdown-shopping,
    body #middle-pane .dropdown-menu.dropdown-shopping {
      min-width: 200px;
      right: -26px; }
      body .navbar-premenu .dropdown-account.dropdown-shopping .navbar-collapse,
      body .navbar-premenu .dropdown-menu.dropdown-shopping .navbar-collapse,
      body .Footerbottom .dropdown-account.dropdown-shopping .navbar-collapse,
      body .Footerbottom .dropdown-menu.dropdown-shopping .navbar-collapse,
      body #middle-pane .dropdown-account.dropdown-shopping .navbar-collapse,
      body #middle-pane .dropdown-menu.dropdown-shopping .navbar-collapse {
        padding: 10px 15px; }
    body .navbar-premenu .dropdown-account.dropdown-shoppingB2B,
    body .navbar-premenu .dropdown-menu.dropdown-shoppingB2B,
    body .Footerbottom .dropdown-account.dropdown-shoppingB2B,
    body .Footerbottom .dropdown-menu.dropdown-shoppingB2B,
    body #middle-pane .dropdown-account.dropdown-shoppingB2B,
    body #middle-pane .dropdown-menu.dropdown-shoppingB2B {
      right: -50px;
      min-width: 250px; }
      body .navbar-premenu .dropdown-account.dropdown-shoppingB2B .navbar-nav,
      body .navbar-premenu .dropdown-menu.dropdown-shoppingB2B .navbar-nav,
      body .Footerbottom .dropdown-account.dropdown-shoppingB2B .navbar-nav,
      body .Footerbottom .dropdown-menu.dropdown-shoppingB2B .navbar-nav,
      body #middle-pane .dropdown-account.dropdown-shoppingB2B .navbar-nav,
      body #middle-pane .dropdown-menu.dropdown-shoppingB2B .navbar-nav {
        padding: 0px 15px; }
    body .navbar-premenu .dropdown-account .navbar-collapse,
    body .navbar-premenu .dropdown-menu .navbar-collapse,
    body .Footerbottom .dropdown-account .navbar-collapse,
    body .Footerbottom .dropdown-menu .navbar-collapse,
    body #middle-pane .dropdown-account .navbar-collapse,
    body #middle-pane .dropdown-menu .navbar-collapse {
      padding: 10px 15px;
      background: white;
      border-radius: 15px;
      box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
      position: relative; }
      body .navbar-premenu .dropdown-account .navbar-collapse .shortcut-basket-label,
      body .navbar-premenu .dropdown-menu .navbar-collapse .shortcut-basket-label,
      body .Footerbottom .dropdown-account .navbar-collapse .shortcut-basket-label,
      body .Footerbottom .dropdown-menu .navbar-collapse .shortcut-basket-label,
      body #middle-pane .dropdown-account .navbar-collapse .shortcut-basket-label,
      body #middle-pane .dropdown-menu .navbar-collapse .shortcut-basket-label {
        font-weight: 700; }
      body .navbar-premenu .dropdown-account .navbar-collapse li,
      body .navbar-premenu .dropdown-menu .navbar-collapse li,
      body .Footerbottom .dropdown-account .navbar-collapse li,
      body .Footerbottom .dropdown-menu .navbar-collapse li,
      body #middle-pane .dropdown-account .navbar-collapse li,
      body #middle-pane .dropdown-menu .navbar-collapse li {
        width: 100%;
        list-style-type: none; }
        body .navbar-premenu .dropdown-account .navbar-collapse li a:not(.btn-primary),
        body .navbar-premenu .dropdown-menu .navbar-collapse li a:not(.btn-primary),
        body .Footerbottom .dropdown-account .navbar-collapse li a:not(.btn-primary),
        body .Footerbottom .dropdown-menu .navbar-collapse li a:not(.btn-primary),
        body #middle-pane .dropdown-account .navbar-collapse li a:not(.btn-primary),
        body #middle-pane .dropdown-menu .navbar-collapse li a:not(.btn-primary) {
          text-transform: initial;
          font-weight: 700; }
          body .navbar-premenu .dropdown-account .navbar-collapse li a.salesRepBtnlogout:not(.btn-primary),
          body .navbar-premenu .dropdown-menu .navbar-collapse li a.salesRepBtnlogout:not(.btn-primary),
          body .Footerbottom .dropdown-account .navbar-collapse li a.salesRepBtnlogout:not(.btn-primary),
          body .Footerbottom .dropdown-menu .navbar-collapse li a.salesRepBtnlogout:not(.btn-primary),
          body #middle-pane .dropdown-account .navbar-collapse li a.salesRepBtnlogout:not(.btn-primary),
          body #middle-pane .dropdown-menu .navbar-collapse li a.salesRepBtnlogout:not(.btn-primary) {
            text-align: left;
            justify-content: flex-start; }
            body .navbar-premenu .dropdown-account .navbar-collapse li a.salesRepBtnlogout:not(.btn-primary) i,
            body .navbar-premenu .dropdown-menu .navbar-collapse li a.salesRepBtnlogout:not(.btn-primary) i,
            body .Footerbottom .dropdown-account .navbar-collapse li a.salesRepBtnlogout:not(.btn-primary) i,
            body .Footerbottom .dropdown-menu .navbar-collapse li a.salesRepBtnlogout:not(.btn-primary) i,
            body #middle-pane .dropdown-account .navbar-collapse li a.salesRepBtnlogout:not(.btn-primary) i,
            body #middle-pane .dropdown-menu .navbar-collapse li a.salesRepBtnlogout:not(.btn-primary) i {
              margin-right: 5px; }
  body .nav-tabs &gt; li.active &gt; a {
    background-color: #fff; }
    body .nav-tabs &gt; li.active &gt; a:hover, body .nav-tabs &gt; li.active &gt; a:focus {
      background-color: #fff; }
  body .navbar-collapse, body .navbar-collapse.collapse, body .navbar-collapse.collapsing {
    border-color: transparent;
    padding: 0;
    display: flex;
    transition: transform 0.2s ease-out 0.1s, opacity 0.2s linear 0.1s; }
    body .navbar-collapse .currentCommandTypeLabel, body .navbar-collapse.collapse .currentCommandTypeLabel, body .navbar-collapse.collapsing .currentCommandTypeLabel {
      border-radius: 40px;
      display: flex;
      align-items: center;
      position: absolute;
      right: 64px;
      top: 9px;
      line-height: 24px;
      background-color: #EEEFF9;
      color: #212529;
      cursor: pointer;
      font-size: .825rem;
      font-weight: 400;
      justify-content: space-between;
      height: 32px;
      padding: 0 8px; }
      body .navbar-collapse .currentCommandTypeLabel span, body .navbar-collapse.collapse .currentCommandTypeLabel span, body .navbar-collapse.collapsing .currentCommandTypeLabel span {
        width: 100%;
        padding-right: 4px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        font-size: .825rem; }
      body .navbar-collapse .currentCommandTypeLabel i, body .navbar-collapse.collapse .currentCommandTypeLabel i, body .navbar-collapse.collapsing .currentCommandTypeLabel i {
        margin: 0 4px 0 6px;
        font-size: 1rem; }
      body .navbar-collapse .currentCommandTypeLabel.full, body .navbar-collapse.collapse .currentCommandTypeLabel.full, body .navbar-collapse.collapsing .currentCommandTypeLabel.full {
        background-color: #4d4d4d;
        color: #fff;
        opacity: 0;
        pointer-events: none;
        transition: all 0.1s linear;
        max-width: 100%; }
      body .navbar-collapse .currentCommandTypeLabel.short, body .navbar-collapse.collapse .currentCommandTypeLabel.short, body .navbar-collapse.collapsing .currentCommandTypeLabel.short {
        max-width: 260px; }
        body .navbar-collapse .currentCommandTypeLabel.short:hover + .full, body .navbar-collapse.collapse .currentCommandTypeLabel.short:hover + .full, body .navbar-collapse.collapsing .currentCommandTypeLabel.short:hover + .full {
          opacity: 1; }
  body #ishBstrap-nav .container {
    padding-left: 0px;
    padding-right: 0px; }
  body .gshpBstrapSharedGeneralSearchAutoComplete {
    z-index: 1040; }
  body .content.container {
    margin: 0px;
    box-shadow: none;
    padding: 15px 30px;
    min-height: calc(100vh - 125px); }
  body .footer {
    float: left;
    width: 100%;
    background-color: #F6F2F1;
    background-image: url("");
    margin-top: auto; }
    body .footer .ishBstrap-navShortCuts {
      background: transparent; }
    body .footer .navbar-lastSeenContainer {
      border: none;
      position: fixed;
      width: 100%;
      height: 350px;
      bottom: 20px;
      left: 0;
      z-index: 5000;
      padding: 55px 20px 20px 20px;
      opacity: 0;
      transform: translateY(30px);
      transition: opacity 0.2s linear, transform 0.2s ease-out;
      background-color: #ebeced;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); }
      body .footer .navbar-lastSeenContainer.collapse.show {
        opacity: 1; }
    body .footer .navbar-goToTop {
      min-height: inherit; }
    body .footer .navbar-nav {
      margin: 0; }
      body .footer .navbar-nav li {
        width: 100%;
        float: left; }
        body .footer .navbar-nav li.active a {
          background: none; }
        body .footer .navbar-nav li a {
          padding: 0px;
          font-size: .8rem;
          line-height: 1.5rem;
          border-bottom: 1px solid transparent;
          display: inline;
          font-weight: 400;
          color: #262626; }
          body .footer .navbar-nav li a:hover, body .footer .navbar-nav li a:focus, body .footer .navbar-nav li a:active {
            background: none;
            color: #262626; }
    body .footer .footerShortcuts {
      display: flex;
      display: -webkit-flex;
      /* Safari */
      -webkit-align-items: flex-end;
      /* Safari 7.0+ */
      align-items: flex-end;
      -webkit-align-content: flex-end;
      flex-direction: row;
      -webkit-direction: row;
      padding: 0px;
      text-align: left;
      max-width: 1200px;
      margin: 0 auto;
      justify-content: space-between;
      position: relative;
      line-height: 0;
      border: 0;
      min-height: 0; }
      body .footer .footerShortcuts .navbar {
        margin-bottom: 0px; }
      body .footer .footerShortcuts .ishBstrap-navShortCuts {
        flex: 1 auto;
        -webkit-flex: 1 auto;
        min-height: 0px;
        border: 0px; }
      body .footer .footerShortcuts .navbar-footerLeft .navbar-nav a {
        font-size: 0.875rem;
        line-height: 30px;
        font-weight: 600;
        height: 40px;
        background: white; }
      body .footer .footerShortcuts .navbar-footerLeft:hover span, body .footer .footerShortcuts .navbar-footerLeft:focus span {
        color: white; }
      body .footer .footerShortcuts ul.nav.navbar-nav {
        padding: 20px;
        line-height: 20px; }
      body .footer .footerShortcuts li.active a {
        background-color: transparent; }
      body .footer .footerShortcuts .navbar-footerLeft li.active a {
        background-color: #0071c2; }
      body .footer .footerShortcuts .navbar-footerRight {
        margin-left: auto; }
    body .footer .Footerbottom {
      width: 75%;
      height: 40px;
      padding: 10px;
      flex-direction: row;
      border-top: 1px solid rgba(38, 38, 38, 0.08);
      align-self: center;
      text-align: center;
      margin: 0 auto; }
      body .footer .Footerbottom .FooterbottomBlock {
        display: flex;
        align-items: center;
        text-align: left;
        max-width: 1200px;
        justify-content: flex-start;
        position: relative;
        flex-direction: row;
        padding: 0 16px;
        width: 100%; }
        body .footer .Footerbottom .FooterbottomBlock ul {
          display: inline-block;
          margin-bottom: 0;
          position: relative; }
          body .footer .Footerbottom .FooterbottomBlock ul.nav-lang {
            margin-right: auto; }
          body .footer .Footerbottom .FooterbottomBlock ul li {
            font-size: 12px;
            display: inline-block;
            line-height: 20px;
            vertical-align: bottom; }
            body .footer .Footerbottom .FooterbottomBlock ul li.active a:hover, body .footer .Footerbottom .FooterbottomBlock ul li.active a:focus {
              border-bottom-style: solid; }
            body .footer .Footerbottom .FooterbottomBlock ul li a,
            body .footer .Footerbottom .FooterbottomBlock ul li span {
              display: inline-block;
              font-weight: normal;
              padding: 0px;
              line-height: 20px; }
        body .footer .Footerbottom .FooterbottomBlock .hidden-xs {
          font-size: 12px;
          text-align: center;
          flex: 1 auto; }
          body .footer .Footerbottom .FooterbottomBlock .hidden-xs a {
            line-height: 20px; }
        body .footer .Footerbottom .FooterbottomBlock .nav-lang .dropdown-lang {
          opacity: 0;
          position: absolute;
          bottom: 30px;
          left: 0;
          display: block;
          transform: translateY(20px);
          transform-origin: right bottom;
          transition: transform 0.2s ease-out, opacity 0.2s linear;
          visibility: hidden; }
          body .footer .Footerbottom .FooterbottomBlock .nav-lang .dropdown-lang.mini-menu-expanded {
            transform: none;
            bottom: 30px;
            left: 0;
            opacity: 1;
            visibility: visible; }
        body .footer .Footerbottom .FooterbottomBlock .nav-lang li {
          width: auto; }
          body .footer .Footerbottom .FooterbottomBlock .nav-lang li a {
            padding: 0 5px;
            font-size: .875rem;
            font-weight: 400;
            color: #262626;
            width: 100%;
            border-bottom: 0px;
            background: transparent;
            line-height: 20px;
            vertical-align: bottom; }
            body .footer .Footerbottom .FooterbottomBlock .nav-lang li a:hover, body .footer .Footerbottom .FooterbottomBlock .nav-lang li a:focus {
              border-bottom: 0px; }
        body .footer .Footerbottom .FooterbottomBlock .nav-lang:before {
          display: none; }
        body .footer .Footerbottom .FooterbottomBlock .nav-lang h4, body .footer .Footerbottom .FooterbottomBlock .nav-lang .h4 {
          margin-bottom: 0;
          color: white; }
        body .footer .Footerbottom .FooterbottomBlock .nav-lang .dropdown-menu {
          bottom: 100%;
          top: auto;
          min-width: auto;
          width: auto;
          right: auto; }
          body .footer .Footerbottom .FooterbottomBlock .nav-lang .dropdown-menu .navbar-collapse:before {
            display: none; }
          body .footer .Footerbottom .FooterbottomBlock .nav-lang .dropdown-menu .navbar-collapse ul {
            padding-top: 0px; }
            body .footer .Footerbottom .FooterbottomBlock .nav-lang .dropdown-menu .navbar-collapse ul li {
              width: 100%;
              display: block; }
              body .footer .Footerbottom .FooterbottomBlock .nav-lang .dropdown-menu .navbar-collapse ul li a {
                color: #212529;
                font-size: .9rem;
                line-height: 40px;
                padding: 0 10px;
                position: relative; }
                body .footer .Footerbottom .FooterbottomBlock .nav-lang .dropdown-menu .navbar-collapse ul li a:hover, body .footer .Footerbottom .FooterbottomBlock .nav-lang .dropdown-menu .navbar-collapse ul li a:focus {
                  color: #212529;
                  background-color: rgba(0, 0, 0, 0.12); }
    body .footer.bg-light-grey {
      position: absolute;
      margin-top: 0;
      max-width: 420px;
      width: 100%;
      bottom: 0;
      right: 0;
      background: #fff;
      height: 30px;
      padding: 5px;
      text-align: center;
      color: gray;
      font-size: 12px;
      line-height: 20px;
      clear: both;
      font-weight: 500; }
      body .footer.bg-light-grey a {
        transition: opacity 0.07s linear;
        border-bottom: 1px dotted #007bc2; }
        body .footer.bg-light-grey a:hover {
          border-bottom-style: solid; }
  body .btn-gototop {
    position: fixed;
    right: 25px;
    bottom: 80px;
    display: block;
    width: 60px;
    line-height: 50px;
    padding: 0;
    border: none;
    visibility: hidden;
    opacity: 0;
    z-index: 10;
    border: 0; }
    body .btn-gototop i {
      font-size: 25px;
      display: block;
      margin-bottom: 4px; }
    body .btn-gototop.in {
      visibility: visible;
      opacity: 1;
      color: #212529; }
    body .btn-gototop i {
      transition: transform 0.2s ease-out; }
    body .btn-gototop:hover, body .btn-gototop:focus {
      border: 0;
      transition: none; }
      body .btn-gototop:hover:before, body .btn-gototop:focus:before {
        opacity: 0;
        background-color: rgba(0, 0, 0, 0.12); }
      body .btn-gototop:hover i, body .btn-gototop:focus i {
        transform: translateY(-4px);
        opacity: 0.8; }
  body .unsupportedBrowser .logos {
    width: 100%; }
  body .unsupportedBrowser .whatnow {
    font-size: 18px;
    margin-bottom: 30px;
    text-align: center; }
  body .unsupportedBrowser .logo {
    text-align: center; }
  body .unsupportedBrowser .bro,
  body .unsupportedBrowser .vendor {
    clear: both;
    text-align: center; }

/*Home page*/
.HomePage {
  padding: 30px 15px;
  background: #fff; }
  .HomePage &gt; .row {
    max-width: 1750px;
    margin: 0 auto; }
  .HomePage table,
  .HomePage td {
    background: transparent;
    padding: 0; }
  .HomePage table.bsGrid {
    table-layout: fixed; }
    .HomePage table.bsGrid tr:nth-child(4) div.advColumns {
      margin-bottom: 0; }
  .HomePage .bsHeading1 .bsHeading1Content {
    margin-left: 0; }
    .HomePage .bsHeading1 .bsHeading1Content p {
      margin: 0; }
  .HomePage .bsLevel2,
  .HomePage .bsHeading1 .bsText a {
    font-size: .9px;
    font-weight: 500;
    margin-bottom: 3px;
    line-height: 18px;
    color: #212529; }
  .HomePage .bsText strong a {
    position: relative;
    font-size: 1rem;
    padding: 0.625rem 1.5rem 0.5rem 1.5rem; }
  .HomePage div.advSolidSeparatorH {
    display: none; }
  .HomePage .textColor2 {
    color: #212529; }
  .HomePage div.advSolidSeparatorH hr {
    border: none; }
  .HomePage .odfFormContent {
    background: white;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); }
  .HomePage .ocsBody-grid {
    padding-left: 15px;
    padding-top: 15px; }
    .HomePage .ocsBody-grid img {
      max-height: 80px;
      width: 120px; }
    .HomePage .ocsBody-grid p.bsText {
      font-size: 15px;
      line-height: 1.3; }
      .HomePage .ocsBody-grid p.bsText a {
        font-size: 13px; }
    .HomePage .ocsBody-grid div.advColumns {
      margin-top: 0;
      margin-bottom: 0; }
  .HomePage .bbsRow {
    align-items: flex-start; }
    .HomePage .bbsRow .bbsSpan.col-sm, .HomePage .bbsRow .bbsSpan.col-sm-0, .HomePage .bbsRow .bbsSpan.col-xs-0 {
      background: #fff;
      border: 1px solid #e0e0e0;
      border-radius: 15px;
      padding-top: 10px;
      padding-bottom: 0.5em;
      padding-left: 30px;
      padding-right: 30px;
      flex: 1; }
  @media (max-width: 1366px) {
    .HomePage .ocsBody-grid .advColumn {
      vertical-align: middle; }
    .HomePage .ocsBody-grid p.bsText {
      display: none; }
    .HomePage .ocsBody-grid .bsHeading1 p.bsText {
      display: block; } }
/* Carousel */
.global-owl-carousel .owl-carousel .owl-dots {
  position: relative;
  z-index: 10; }

.global-owl-carousel .owl-carousel .owl-nav {
  position: absolute;
  top: 38%;
  width: 98%;
  display: flex;
  justify-content: space-between;
  left: 15px;
  font-size: 58px;
  z-index: 9; }
  .global-owl-carousel .owl-carousel .owl-nav .disabled {
    opacity: .2;
    cursor: default; }
  .global-owl-carousel .owl-carousel .owl-nav.disabled {
    display: none; }
  .global-owl-carousel .owl-carousel .owl-nav [class*=owl-] {
    margin: 0;
    padding: 4px 7px;
    display: inline-block;
    cursor: pointer;
    border-radius: 16px;
    width: 50px; }
    .global-owl-carousel .owl-carousel .owl-nav [class*=owl-]:not(.disabled):hover {
      background-color: rgba(0, 0, 0, 0.5);
      color: #FFF;
      text-decoration: none; }
  .global-owl-carousel .owl-carousel .owl-nav .owl-prev, .global-owl-carousel .owl-carousel .owl-nav .owl-next {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: none;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit; }

.global-owl-carousel .owl-carousel .owl-dots {
  cursor: pointer;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .global-owl-carousel .owl-carousel .owl-dots.disabled {
    display: none; }

/* Modal override*/
.modal.left .modal-dialog, .modal.right .modal-dialog {
  position: fixed;
  margin: auto;
  width: 320px;
  height: 100%;
  -webkit-transform: translate3d(0%, 0, 0);
  -ms-transform: translate3d(0%, 0, 0);
  -o-transform: translate3d(0%, 0, 0);
  transform: translate3d(0%, 0, 0); }

.modal.left .modal-content,
.modal.right .modal-content {
  height: 100%;
  overflow-y: auto; }

.modal.left .modal-body,
.modal.right .modal-body {
  padding: 15px 15px 80px; }

/*Right*/
.modal.right.fade .modal-dialog {
  right: -320px;
  -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
  -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
  -o-transition: opacity 0.3s linear, right 0.3s ease-out;
  transition: opacity 0.3s linear, right 0.3s ease-out; }

.modal.right.fade.in .modal-dialog {
  right: 0; }

/* ----- MODAL STYLE ----- */
.modal-content {
  border-radius: .5rem;
  border: none; }

.modal-header {
  border-bottom-color: #eeeeee;
  border-radius: 0;
  flex-direction: row-reverse;
  justify-content: space-between; }

#igshBstrap_lastSeenProductsList .hideLastSeenProduct {
  position: absolute;
  right: 20px;
  top: 10px;
  padding: 0 5px 0 10px; }

#igshBstrap_lastSeenProductsList .lastSeenProductsTitle,
#igshBstrap_lastSeenProductsList .hideLastSeenProduct {
  font-weight: 500;
  margin-bottom: 12px;
  display: flex;
  align-items: center; }

#igshBstrap_lastSeenProductsList .lastSeenProductsTitle {
  position: absolute;
  top: 15px; }

#igshBstrap_lastSeenProductsList .thumbnail {
  background: white;
  text-align: center;
  display: flex;
  justify-content: center;
  height: 185px; }
  #igshBstrap_lastSeenProductsList .thumbnail &gt; img {
    width: auto;
    height: 100%; }

#igshBstrap_lastSeenProductsList &gt; .container {
  box-shadow: none;
  outline: 1px solid #cccccc;
  border-radius: 0px;
  border: 0;
  padding: 15px;
  background-color: #fff;
  background: #080808; }
  #igshBstrap_lastSeenProductsList &gt; .container .lastSeenProductsTitle {
    color: #fff; }
  #igshBstrap_lastSeenProductsList &gt; .container .lastSeenProductsWrapper a {
    color: #fff; }

#igshBstrap_lastSeenProductsList h3, #igshBstrap_lastSeenProductsList .h3 {
  margin-top: 0;
  font-size: 20px; }

#igshBstrap_lastSeenProductsList .icon_24_arrow-full-bottom:before {
  content: "\e95e"; }

.lastSeenProductsWrapper a {
  display: inline-block;
  margin-right: 10px;
  text-align: center;
  max-width: 120px; }
  .lastSeenProductsWrapper a &gt; img {
    margin-bottom: 5px; }
  .lastSeenProductsWrapper a &gt; div {
    height: 20px;
    text-overflow: ellipsis;
    overflow: hidden; }

.lastSeenProductsLink {
  background: white;
  z-index: 1040;
  position: fixed;
  right: 25px;
  bottom: 20px;
  /*i.glyphicon {
            @include allTransition();
        }*/ }
  .lastSeenProductsLink.collapsed i.glyphicon {
    -ms-transform: rotate(180deg);
    /* IE 9 */
    -webkit-transform: rotate(180deg);
    /* Chrome, Safari, Opera */
    transform: rotate(180deg); }
  .lastSeenProductsLink span.glyphicon {
    padding-left: 10px; }

.tab-pane:not(:empty) {
  margin-bottom: 10px;
  padding: 10px 5px 5px;
  animation: translateLine 0.1s ease-in-out; }

.thumbnail .caption {
  padding: 0 9px; }

.col-product-item .thumbnail {
  min-height: 325px; }

.gshpLinkedProductListItem {
  min-height: 300px; }

.gshpMultiGrid table.gshpMultiGridProductGridTable input.Message {
  text-align: center; }

.gshpMultiGridProductSummary {
  margin-bottom: 0px; }
  .gshpMultiGridProductSummary div.ProductImgContainer {
    margin-bottom: 0px; }

.product-page {
  margin-bottom: 20px;
  padding-top: 5px; }
  .product-page .product-tabs {
    font-weight: 300; }
  .product-page .code,
  .product-page .descrition-tabs {
    margin: 0;
    padding: 0;
    display: flex; }
    .product-page .code li a,
    .product-page .descrition-tabs li a {
      position: relative; }
  .product-page .title {
    align-items: flex-start; }
    .product-page .title h1, .product-page .title .h1 {
      flex: 1; }
      .product-page .title h1 label, .product-page .title .h1 label {
        font-weight: 400; }
    .product-page .title .stockMsg {
      margin-top: 5px; }
    .product-page .title .effectiveLabel2 {
      flex: 100%;
      width: 100%;
      margin-bottom: 5px; }
  .product-page .description h3, .product-page .description .h3 {
    font-size: 16px;
    margin-bottom: 8px; }
  .product-page #carousel-product-mainpicture {
    margin-left: 0;
    margin-right: 0; }
    .product-page #carousel-product-mainpicture .carousel-inner .carousel-item &gt; a {
      padding: 5px;
      margin: 0 5px; }
  .product-page .description-container .image-container .row-thumbnails {
    margin-left: 0px; }
    .product-page .description-container .image-container .row-thumbnails .item {
      display: flex; }
      .product-page .description-container .image-container .row-thumbnails .item .thumbnail {
        margin: 5px;
        height: 50px;
        width: 50px;
        line-height: 50px; }
        .product-page .description-container .image-container .row-thumbnails .item .thumbnail img {
          height: 100%; }
    .product-page .description-container .image-container .row-thumbnails .thumbnail {
      margin: 5px;
      width: 50px;
      height: 50px;
      line-height: 50px; }
  .product-page .tab-content .tab-pane:not(:empty) .introduction {
    margin: 1.2em 0; }
  .product-page .nav-tabs li a {
    margin-left: 0; }
  .product-page .title {
    padding: 0;
    width: 100%; }
    .product-page .title h1, .product-page .title .h1,
    .product-page .title h3,
    .product-page .title .h3 {
      font-weight: 300;
      float: left;
      margin-top: 0;
      line-height: 1.2;
      margin-bottom: 5px;
      width: 100%;
      display: flex;
      flex-wrap: wrap;
      align-items: center; }
      .product-page .title h1 label, .product-page .title .h1 label,
      .product-page .title h3 label,
      .product-page .title .h3 label {
        align-items: center;
        font-weight: 700; }
    .product-page .title .product-reference {
      font-size: 1rem;
      font-weight: 400;
      display: block;
      flex: 100%;
      width: 100%;
      color: rgba(0, 0, 0, 0.4);
      margin-left: 10px; }
  .product-page .price-zone {
    font-size: 18px;
    line-height: 36px;
    margin-bottom: 0;
    /*width:285px;*/ }
    .product-page .price-zone .price-label {
      font-size: 20px; }
    .product-page .price-zone .gshpProductPrice {
      display: inline;
      font-size: 16px;
      font-weight: 700; }
    .product-page .price-zone small, .product-page .price-zone .small {
      font-size: 65%; }
    .product-page .price-zone .SuggestedPrice {
      font-size: 16px;
      margin-bottom: 0.5rem;
      font-weight: 400;
      border-bottom: 1px solid #cccccc; }
      .product-page .price-zone .SuggestedPrice .SuggestedPriceLabel {
        font-size: 24px;
        font-weight: bold; }
  .product-page .MessageTitle {
    clear: both; }
    .product-page .MessageTitle .gshpWarningStockMsg {
      font-size: 16px; }
  .product-page .image-container .thumbnail {
    text-align: center;
    padding: 0;
    margin-bottom: 14px;
    line-height: 1.428571429;
    background-color: #fff;
    border-radius: 0; }
    .product-page .image-container .thumbnail .videoImg {
      width: 56px;
      height: 46px; }
  .product-page #carousel-product-mainpicture .carousel-item &gt; a {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    float: left; }
    @media (min-width: 768px) {
      .product-page #carousel-product-mainpicture .carousel-item &gt; a {
        float: left;
        width: 40%; } }
    @media (min-width: 1200px) {
      .product-page #carousel-product-mainpicture .carousel-item &gt; a {
        float: left;
        width: 20%; } }
  .product-page #carousel-product-mainpicture .carousel-control {
    width: 9%;
    background: none;
    color: #212529;
    text-shadow: none;
    opacity: 1;
    height: 100%;
    position: absolute;
    border-radius: 5px; }
  .product-page #carousel-product-mainpicture .carousel-inner .carousel-item {
    margin: 0; }
    .product-page #carousel-product-mainpicture .carousel-inner .carousel-item &gt; a {
      padding: 0; }
    .product-page #carousel-product-mainpicture .carousel-inner .carousel-item.active {
      left: 5px; }
  .product-page #carousel-product-mainpicture .carousel-inner {
    /*height: 50px;*/ }
    .product-page #carousel-product-mainpicture .carousel-inner .carousel-item &gt; a {
      max-height: 48px;
      padding: 6px 2px; }
      .product-page #carousel-product-mainpicture .carousel-inner .carousel-item &gt; a &gt; img {
        max-height: 35px;
        transition: transform .1s; }
      .product-page #carousel-product-mainpicture .carousel-inner .carousel-item &gt; a:hover &gt; img, .product-page #carousel-product-mainpicture .carousel-inner .carousel-item &gt; a:focus &gt; img {
        -ms-transform: scale(1.2);
        -webkit-transform: scale(1.2);
        transform: scale(1.2); }
  .product-page .shareButtons {
    margin-top: 10px;
    margin-bottom: 5px; }
  .product-page .tariff-aspects {
    width: 300px;
    padding: 10px; }
    .product-page .tariff-aspects .gshpCutRelativePrice {
      width: 100%;
      display: flex;
      justify-content: flex-start;
      align-items: baseline;
      /*padding: 0 5px;*/ }
      .product-page .tariff-aspects .gshpCutRelativePrice.gshpStockLevelInHeader {
        padding-top: 10px; }
  .product-page .ProductDescDiv .modal-dialog {
    text-align: center; }
    .product-page .ProductDescDiv .modal-dialog img {
      max-width: 500px; }

.product-lists-tabs.nav-pills &gt; li a {
  border-radius: 0;
  padding: 1px;
  margin: 5px 15px; }

.product-lists-tabs.nav-pills &gt; li.active &gt; a, .product-lists-tabs.nav-pills &gt; li.active &gt; a:hover,
.product-lists-tabs.nav-pills &gt; li.active &gt; a:focus {
  color: black;
  background: none;
  font-weight: 400;
  border-bottom: 2px solid black; }

.product-lists-tabs.nav-pills &gt; li:hover &gt; a, .product-lists-tabs.nav-pills &gt; li:hover &gt; a:hover,
.product-lists-tabs.nav-pills &gt; li:hover &gt; a:focus {
  color: black;
  background: none;
  font-weight: 400;
  border-bottom: 2px solid black; }

.carousel-product-linkedProducts .carousel-control,
.carousel-product-looks .carousel-control {
  width: 9%;
  background: none;
  color: #212529;
  text-shadow: none;
  opacity: 1;
  height: 100%;
  position: absolute;
  border-radius: 5px; }

.carousel-product-linkedProducts .carousel-inner .carousel-item,
.carousel-product-looks .carousel-inner .carousel-item {
  margin: 0; }
  .carousel-product-linkedProducts .carousel-inner .carousel-item &gt; a,
  .carousel-product-looks .carousel-inner .carousel-item &gt; a {
    padding: 0; }
  .carousel-product-linkedProducts .carousel-inner .carousel-item.active,
  .carousel-product-looks .carousel-inner .carousel-item.active {
    left: 5px; }

.carousel-product-linkedProducts .carousel-control,
.carousel-product-looks .carousel-control {
  width: 30px; }

.carousel-product-linkedProducts .carousel-inner .carousel-item,
.carousel-product-looks .carousel-inner .carousel-item {
  margin: 0 30px; }

.carousel-product-linkedProducts.no-controls .carousel-inner .carousel-item,
.carousel-product-looks.no-controls .carousel-inner .carousel-item {
  margin: 0; }

.gshpLinkedProductListItem {
  /*@include card-display();*/
  -webkit-animation: fadeInFromNone 0.2s;
  -moz-animation: fadeInFromNone 0.2s;
  -o-animation: fadeInFromNone 0.2s;
  -ms-animation: fadeInFromNone 0.2s;
  animation: fadeInFromNone 0.2s;
  width: 100%;
  padding: 0; }
  .gshpLinkedProductListItem .caption {
    padding: 10px; }
  .gshpLinkedProductListItem .thumbnail {
    margin-bottom: 0;
    box-shadow: none; }
    .gshpLinkedProductListItem .thumbnail .linkOnThumbnail {
      min-height: 186px; }
      .gshpLinkedProductListItem .thumbnail .linkOnThumbnail:hover {
        background: none;
        opacity: 1; }
        .gshpLinkedProductListItem .thumbnail .linkOnThumbnail:hover img {
          opacity: 1; }

.product-page-footer .gssProductContainer {
  width: 95%;
  padding: 0px;
  margin: 0px 15px; }
  .product-page-footer .gssProductContainer .gssLightProductDiv .gssLightProductThumbnailDiv {
    height: 185px; }
  .product-page-footer .gssProductContainer .gssLightProductDiv .gssLightProductFloatingPriceBlock, .product-page-footer .gssProductContainer .gssLightProductDiv .effective-code, .product-page-footer .gssProductContainer .gssLightProductDiv h3, .product-page-footer .gssProductContainer .gssLightProductDiv .h3 {
    font-size: .75rem; }
  .product-page-footer .gssProductContainer .btnQuickAddToCart .material-icons-outlined {
    font-size: 1rem; }
  .product-page-footer .gssProductContainer .btnQuickAddToCart span:not(.material-icons-outlined) {
    font-size: .8rem; }
  .product-page-footer .gssProductContainer .card-body {
    padding: 0.75rem 0.25rem; }

.product-page-footer .look .gshpLinkedProductListItem .caption {
  position: absolute;
  bottom: 10px;
  text-align: center;
  width: 100%;
  padding-right: 33px; }

.product-page-footer .carousel {
  margin: 0; }

.withLooks .carousel-product-looks .product-in-carousel {
  margin-right: -3;
  margin-left: -3; }
  .withLooks .carousel-product-looks .product-in-carousel::after {
    display: block;
    clear: both;
    content: ""; }

.withLooks .carousel-product-linkedProducts .product-in-carousel {
  margin-right: -2;
  margin-left: -2; }
  .withLooks .carousel-product-linkedProducts .product-in-carousel::after {
    display: block;
    clear: both;
    content: ""; }

.withLooks #carousel-product-mainpicture .item &gt; a {
  margin-right: -2;
  margin-left: -2;
  margin-right: -2;
  margin-left: -1; }
  .withLooks #carousel-product-mainpicture .item &gt; a::after {
    display: block;
    clear: both;
    content: ""; }
  .withLooks #carousel-product-mainpicture .item &gt; a::after {
    display: block;
    clear: both;
    content: ""; }

.standalone .carousel-product-linkedProducts .product-in-carousel {
  margin-right: -2;
  margin-left: -2;
  margin-right: -2;
  margin-left: -1; }
  .standalone .carousel-product-linkedProducts .product-in-carousel::after {
    display: block;
    clear: both;
    content: ""; }
  .standalone .carousel-product-linkedProducts .product-in-carousel::after {
    display: block;
    clear: both;
    content: ""; }

.standalone #carousel-product-mainpicture .item &gt; a {
  margin-right: -2;
  margin-left: -1; }
  .standalone #carousel-product-mainpicture .item &gt; a::after {
    display: block;
    clear: both;
    content: ""; }

.gshpLeftInset,
.gshpRightInset {
  float: inherit;
  width: auto;
  height: auto;
  border: none; }

/*---Globally---
      -----------------------------------------------------------------------------------
      ------------gshpMultiGridProductSummary----------------|-------gshpMultiGrid-------
      --ProductImgContainer--|--ProductDescriptionContainer--|---------------------------
      -------------------------------------------------------|---------------------------
  */
div.ProductImgContainer {
  width: 200px;
  padding-left: 15px;
  padding-right: 15px; }

.gshpMultiGridProductSummary {
  flex: 1;
  -webkit-box-flex: 1;
  width: 100%;
  max-width: 100%; }
  .gshpMultiGridProductSummary .ProductDescriptionContainer {
    width: 100%; }

.gshpFollowUpTableRow .gshpEcoTax {
  display: block;
  width: 100%;
  clear: both; }

.gshpMultiGrid {
  width: 100%;
  position: inherit;
  padding: 10px; }
  .gshpMultiGrid.gshpMultiGridLayout2D {
    width: 100%; }

/*---Product page spec---*/
.product-page-footer {
  margin-top: 10px; }
  .product-page-footer .title-wrapper h4, .product-page-footer .title-wrapper .h4 {
    font-weight: 500;
    padding: 6px 15px; }

.stockNotificationLink {
  font-size: .8rem; }

.product-page {
  /*.gshpGridBlock{
           min-width: 800px;
           max-width:calc(100% - 500px);
          
        }*/ }
  .product-page .ProductDescDiv {
    display: flex;
    flex-wrap: nowrap;
    position: relative; }
    .product-page .ProductDescDiv div.gshpMultiGrid .product-grid-summary table.product-order-tooltip-inner {
      width: 100%;
      margin-bottom: 10px; }
    .product-page .ProductDescDiv .title p {
      margin-left: 10px; }
    .product-page .ProductDescDiv #navbar-content {
      margin-bottom: 5px;
      margin-left: 10px; }
      .product-page .ProductDescDiv #navbar-content .nav-item a.link {
        font-size: .9rem; }
  .product-page .gshpMultiGridNoMoreStock {
    margin-left: -10px;
    width: 0px;
    visibility: hidden;
    opacity: 0;
    font-size: 0; }
  .product-page div.ProductImgContainer {
    display: none; }
  .product-page .gshpMultiGridProductSummary {
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
    position: inherit;
    padding-left: 0px;
    padding-right: 0px; }
    .product-page .gshpMultiGridProductSummary .ProductDescriptionContainer {
      margin-right: 0;
      margin-left: 0; }
      .product-page .gshpMultiGridProductSummary .ProductDescriptionContainer::after {
        display: block;
        clear: both;
        content: ""; }
    .product-page .gshpMultiGridProductSummary .ProductContentContainer {
      width: calc(100% - 70px); }
  .product-page .gshpMultiGrid {
    width: 100%;
    position: inherit; }
  .product-page .description-container {
    flex: 1 auto; }
    .product-page .description-container .firstRow {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      flex-direction: column;
      padding-top: 20px; }
      .product-page .description-container .firstRow .title {
        padding-right: 10px; }
  .product-page .gshpGridBlock .tab-content,
  .product-page .descrition-tabs-block .tab-content,
  .product-page .gshpGridBlockForm .tab-content {
    font-size: 16px; }
  .product-page .gshpGridBlock .btn-legend,
  .product-page .descrition-tabs-block .btn-legend,
  .product-page .gshpGridBlockForm .btn-legend {
    top: -15px;
    right: -5px; }
  .product-page .DivgshpBasketItems {
    padding: 0 15px;
    margin: 20px 0;
    width: 100%;
    float: left; }
    .product-page .DivgshpBasketItems table.gshpBasketTable {
      margin-top: 15px; }
      .product-page .DivgshpBasketItems table.gshpBasketTable .gshpBasketHeading {
        padding: 6px;
        font-weight: 500; }

/*---Product popup spec---*/
#productGridPopupContent .gshpMultiGridProductSummary {
  position: inherit; }
  #productGridPopupContent .gshpMultiGridProductSummary div.ProductImgContainer {
    margin-right: -6;
    margin-left: -6;
    max-width: 200px; }
    #productGridPopupContent .gshpMultiGridProductSummary div.ProductImgContainer::after {
      display: block;
      clear: both;
      content: ""; }
  #productGridPopupContent .gshpMultiGridProductSummary .ProductDescriptionContainer {
    margin-right: 0;
    margin-left: 0; }
    #productGridPopupContent .gshpMultiGridProductSummary .ProductDescriptionContainer::after {
      display: block;
      clear: both;
      content: ""; }

#productGridPopupContent .form-block {
  width: calc(100% - 220px) !important; }

#productGridPopupContent .gshpMultiGrid {
  flex: 3;
  position: inherit; }
  #productGridPopupContent .gshpMultiGrid .product-grid-summary table.product-order-tooltip-inner {
    max-width: 350px; }

/*---Basket Page spec---*/
.gshpBasketCell {
  background-image: none; }
  .gshpBasketCell .gshpMultiGrid {
    float: left;
    width: 100%;
    position: inherit; }

/*-----Set Page spec------*/
.gshpSet .gshpMultiGridProductSummary div.ProductImgContainer {
  margin-right: -6;
  margin-left: -6; }
  .gshpSet .gshpMultiGridProductSummary div.ProductImgContainer::after {
    display: block;
    clear: both;
    content: ""; }

.gshpSet .gshpMultiGridProductSummary .ProductDescriptionContainer {
  margin-right: 0;
  margin-left: 0; }
  .gshpSet .gshpMultiGridProductSummary .ProductDescriptionContainer::after {
    display: block;
    clear: both;
    content: ""; }

.gshpSet .gshpMultiGrid {
  width: 100%; }

/*-----Negoce view-------*/
.gshpMultiGridLayout2D.negoce .gshpMultiGridProductGridTable {
  position: relative;
  float: left;
  width: 99%;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  display: table; }

.btn-show-more {
  padding: 5px 12px;
  margin-top: 10px; }

.typedDocItem {
  margin-top: 15px;
  cursor: pointer; }

.row-thumbnails {
  margin: 0 10px; }

#moreImageAndVideos.collapse.show, #moreImageAndVideos.collapsing {
  display: flex;
  flex-wrap: wrap; }
  #moreImageAndVideos.collapse.show + .showMoreBtn, #moreImageAndVideos.collapsing + .showMoreBtn {
    display: none; }

.showMoreBtn {
  position: absolute;
  bottom: 5px;
  right: 35px;
  background: white;
  height: 70px;
  width: 80px;
  z-index: 1; }

.thumbnailItem {
  border: 1px solid rgba(213, 221, 255, 0.4);
  margin: 0px 5px 5px 0px;
  width: 70px;
  height: 70px;
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center; }

.product-page .image-container .thumbnailItem .thumbnail {
  margin: 0;
  padding: 0; }

.usageItem {
  cursor: pointer; }

.position-relative .expandGrid {
  position: absolute;
  margin-left: auto;
  top: 10px; }

.mvvm-productGrids-template .mvvm-productGrids-product {
  clear: both;
  background: transparent;
  border: none;
  outline: none;
  padding: 10px 0px;
  position: relative;
  margin-top: 10px; }
  .mvvm-productGrids-template .mvvm-productGrids-product &gt; h4, .mvvm-productGrids-template .mvvm-productGrids-product &gt; .h4, .mvvm-productGrids-template .mvvm-productGrids-product &gt; h5, .mvvm-productGrids-template .mvvm-productGrids-product &gt; .h5 {
    display: none; }
  .mvvm-productGrids-template .mvvm-productGrids-product .btn-legend {
    top: 30px; }

table.product-order-tooltip-inner {
  background-color: #fff;
  padding: 5px 10px;
  width: 100%;
  text-align: left; }
  table.product-order-tooltip-inner .referenceSummaryTitle {
    width: 100%;
    display: block;
    font-size: 1rem;
    margin-bottom: 5px; }
    table.product-order-tooltip-inner .referenceSummaryTitle:empty {
      margin-bottom: 0px; }
  table.product-order-tooltip-inner p {
    text-align: left; }
  table.product-order-tooltip-inner tbody, table.product-order-tooltip-inner tr, table.product-order-tooltip-inner td {
    /* display: block;*/ }
  table.product-order-tooltip-inner td {
    /*padding: 6px 10px 8px;*/
    line-height: 1.5;
    font-size: .875rem;
    color: #212529;
    font-weight: normal;
    width: auto;
    vertical-align: middle; }
    table.product-order-tooltip-inner td .tooltipMessages {
      padding-top: 10px; }
    table.product-order-tooltip-inner td span:empty {
      padding: 0px;
      line-height: 0; }
  table.product-order-tooltip-inner .hasDiscount,
  table.product-order-tooltip-inner .hasMessage {
    display: flex;
    animation: showStockMessg 0.1s both; }
    table.product-order-tooltip-inner .hasDiscount .gshpDiscountMessagesHeading .gshpMessageIconMessage,
    table.product-order-tooltip-inner .hasMessage .gshpDiscountMessagesHeading .gshpMessageIconMessage {
      display: none; }
    table.product-order-tooltip-inner .hasDiscount ul,
    table.product-order-tooltip-inner .hasMessage ul {
      padding-left: 5px; }

table .gssLightProductGreenTaxLabel,
table .gshpEcoTax, table .gshpEcoTax.SuggestedPrice {
  font-size: .7rem;
  font-weight: 300;
  line-height: .7rem;
  display: block;
  width: 100%; }

.QteRow .d-inline-group .form-group {
  padding: 0;
  margin: 0; }

.QteRow .btn-small-mini span {
  font-size: 1.57rem; }

.QteRow input {
  position: relative;
  margin: 0 5px;
  width: 32px;
  height: 32px;
  border-width: 2px;
  border-radius: 0px;
  line-height: 32px;
  font-size: .8rem;
  padding: 0;
  text-align: center; }

.gshpMyUserAccountEditionFormPage .col-email-edit .col-xs-12 {
  padding: 0 15px; }

table.gshpBasketTable tr.gshpBasketRow_dim1Data.gshpBasketRow_grid table.product-order-tooltip-inner {
  width: auto; }
  table.gshpBasketTable tr.gshpBasketRow_dim1Data.gshpBasketRow_grid table.product-order-tooltip-inner td {
    text-align: left; }
    table.gshpBasketTable tr.gshpBasketRow_dim1Data.gshpBasketRow_grid table.product-order-tooltip-inner td .product-label-price td {
      padding: 2px;
      height: 20px; }

.ProductDescriptionContainer h4, .ProductDescriptionContainer .h4 {
  margin-bottom: 0; }
  .ProductDescriptionContainer h4 a, .ProductDescriptionContainer .h4 a {
    font-weight: 700; }
    .ProductDescriptionContainer h4 a:hover, .ProductDescriptionContainer .h4 a:hover, .ProductDescriptionContainer h4 a:focus, .ProductDescriptionContainer .h4 a:focus, .ProductDescriptionContainer h4 a:active, .ProductDescriptionContainer .h4 a:active {
      border-bottom: 1px dotted #212529; }

.ProductDescriptionContainer hr {
  border-color: #e6e6e6;
  width: 80%;
  text-align: left;
  margin-left: 0;
  border-width: 2px; }

.ProductDescriptionContainer .gssLightProductGreenTax {
  text-align: left; }
  .ProductDescriptionContainer .gssLightProductGreenTax .gssLightProductGreenTaxLabel {
    font-size: .7rem;
    font-weight: 300;
    line-height: .7rem;
    margin: 0px; }

.gshpMultiGridProductSummary {
  margin-bottom: 10px;
  position: inherit;
  display: flex;
  padding-left: 5px;
  padding-right: 15px; }
  .gshpMultiGridProductSummary .gshpGridProductDetailTitle {
    font-weight: 400;
    font-size: 1.275rem;
    margin-bottom: 0;
    word-wrap: break-word; }
  .gshpMultiGridProductSummary .gshpGridProductDetailCode {
    font-size: .875rem;
    font-weight: 300;
    color: rgba(0, 0, 0, 0.6); }
  .gshpMultiGridProductSummary .gshpGridProductDescription {
    font-weight: normal; }
  .gshpMultiGridProductSummary h5.price-zone, .gshpMultiGridProductSummary .price-zone.h5 {
    margin-bottom: 5px; }
  .gshpMultiGridProductSummary .SuggestedPrice {
    padding-bottom: 10px;
    font-size: 14px; }
    .gshpMultiGridProductSummary .SuggestedPrice .SuggestedPriceLabel {
      font-size: 18px;
      font-weight: bold; }
  .gshpMultiGridProductSummary .ProductContentContainer {
    width: calc(100vw - 300px); }

div.ProductImgContainer {
  min-height: 112px;
  position: relative; }
  div.ProductImgContainer .hasUsagePicturesRow {
    margin-left: 0px;
    margin-right: 0px; }
  div.ProductImgContainer .ProductMainImgBlock {
    width: 100%;
    text-align: center;
    height: auto;
    display: inline-block;
    align-items: center;
    justify-content: center; }
    div.ProductImgContainer .ProductMainImgBlock a img {
      max-width: 100%;
      height: auto;
      max-height: 100%;
      transition: transform .1s;
      -webkit-animation: fadeInFromNone 0.2s;
      -moz-animation: fadeInFromNone 0.2s;
      -o-animation: fadeInFromNone 0.2s;
      -ms-animation: fadeInFromNone 0.2s;
      animation: fadeInFromNone 0.2s; }
    div.ProductImgContainer .ProductMainImgBlock a:hover img, div.ProductImgContainer .ProductMainImgBlock a:focus img {
      -ms-transform: scale(1.05);
      /* IE 9 */
      -webkit-transform: scale(1.05);
      /* Safari 3-8 */
      transform: scale(1.05); }
  div.ProductImgContainer .typedDocItem img {
    border: 1px solid #ccc;
    padding: 6px 2px;
    margin: 5px 0px;
    -webkit-animation: fadeInFromNone 0.2s;
    -moz-animation: fadeInFromNone 0.2s;
    -o-animation: fadeInFromNone 0.2s;
    -ms-animation: fadeInFromNone 0.2s;
    animation: fadeInFromNone 0.2s; }
  div.ProductImgContainer .universeImage {
    bottom: -30px;
    left: 0;
    position: absolute; }
  div.ProductImgContainer img.gshpNoBorder {
    display: inline-block; }

.gshpMvvmProductGrid {
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
  width: 100%; }

div.gshpMultiGrid {
  font-size: 12px;
  -webkit-box-flex: 1; }
  div.gshpMultiGrid .gshpProductGridAndSummary {
    overflow-x: auto;
    max-width: 100%;
    margin-bottom: 5px;
    min-width: 150px; }
    div.gshpMultiGrid .gshpProductGridAndSummary::-webkit-scrollbar {
      height: 6px;
      background: #fff; }
    div.gshpMultiGrid .gshpProductGridAndSummary::-webkit-scrollbar-thumb {
      background-color: rgba(0, 0, 0, 0.37);
      border-radius: 6px; }
    div.gshpMultiGrid .gshpProductGridAndSummary::-webkit-scrollbar-track-piece:start {
      margin-left: 130px; }
  div.gshpMultiGrid table.gshpMultiGridProductGridTable tr td.yDimensionLabel &gt; a {
    font-weight: 300;
    font-size: .9rem;
    text-align: left;
    width: 105px;
    color: #212529; }
    div.gshpMultiGrid table.gshpMultiGridProductGridTable tr td.yDimensionLabel &gt; a:hover {
      border: 0; }
  div.gshpMultiGrid table.gshpMultiGridProductGridTable tr td.dimensionsTd {
    display: flex;
    text-align: left;
    min-height: 36px; }
  div.gshpMultiGrid .product-grid-summary {
    clear: both;
    text-align: right;
    font-size: .8rem;
    flex: 1;
    padding-left: 10px; }
    div.gshpMultiGrid .product-grid-summary table.product-order-tooltip-inner {
      background-color: #fff; }
    div.gshpMultiGrid .product-grid-summary table td {
      line-height: 26px;
      font-size: .875rem;
      color: #212529;
      width: auto;
      vertical-align: top; }
      div.gshpMultiGrid .product-grid-summary table td:nth-child(2) {
        text-align: right; }
      div.gshpMultiGrid .product-grid-summary table td span:empty {
        padding: 0px;
        line-height: 0; }
      div.gshpMultiGrid .product-grid-summary table td .referenceSummaryTitle {
        line-height: 28px;
        font-size: 1rem;
        font-weight: 500;
        display: block;
        width: 100%; }
    div.gshpMultiGrid .product-grid-summary .incentive-popover {
      padding: 5px 0px;
      display: flex; }
    div.gshpMultiGrid .product-grid-summary .product-label-price {
      padding-left: 20px; }
      div.gshpMultiGrid .product-grid-summary .product-label-price td .labelCell {
        font-weight: 400; }
      div.gshpMultiGrid .product-grid-summary .product-label-price .product-order-total-td {
        border-left: 1px solid #F6F7F8; }
    div.gshpMultiGrid .product-grid-summary .product-label-price-td table {
      width: 100%; }
    div.gshpMultiGrid .product-grid-summary .product-label-price-td .popover {
      padding: 0; }
    div.gshpMultiGrid .product-grid-summary .product-order-total-td {
      padding-left: 0px;
      margin: 15px 0 15px auto;
      border-left: 0px; }
      div.gshpMultiGrid .product-grid-summary .product-order-total-td table {
        width: 100%;
        font-weight: bold !important; }
    div.gshpMultiGrid .product-grid-summary .product-grid-summary-price-label {
      font-weight: normal; }
    div.gshpMultiGrid .product-grid-summary .referenceSummaryTitle {
      margin-bottom: .2rem; }
  div.gshpMultiGrid .dimension1Picture &gt; img {
    cursor: pointer; }
  div.gshpMultiGrid .MultiLayout {
    display: none;
    flex: 1 auto;
    justify-content: flex-end; }
    div.gshpMultiGrid .MultiLayout select {
      max-width: 180px;
      margin-right: 15px; }
      div.gshpMultiGrid .MultiLayout select.modeOptions {
        width: 100px;
        margin-right: 54px; }

#stockNotificationModal {
  /*font-size: 12px;*/
  -webkit-box-flex: 1; }
  #stockNotificationModal .gshpProductGridAndSummary {
    overflow-x: auto;
    max-width: 100%;
    margin-bottom: 5px;
    min-width: 150px; }
    #stockNotificationModal .gshpProductGridAndSummary::-webkit-scrollbar {
      height: 6px;
      background: #fff; }
    #stockNotificationModal .gshpProductGridAndSummary::-webkit-scrollbar-thumb {
      background-color: rgba(0, 0, 0, 0.37);
      border-radius: 6px; }
    #stockNotificationModal .gshpProductGridAndSummary::-webkit-scrollbar-track-piece:start {
      margin-left: 130px; }

.gshpMultiGridLayout2D.negoce .header td {
  text-align: left;
  font-weight: bold; }

.gshpMultiGridLayout2D.negoce td {
  text-align: left; }

.gshpMultiGridLayout2D.negoce .dimension1Picture {
  float: left; }

.gshpMultiGridLayout2D.negoce .yDimensionLabel span {
  padding-top: 7px;
  width: auto; }

.gshpMultiGridLayout2D.negoce .addToBasket,
.gshpMultiGridLayout2D.negoce .addToWishList {
  width: 50px; }

.btn-addToBasket-glyph i {
  /*@extend .glyphicon-shopping-cart;*/ }

.btn-addToBasket {
  color: #68b200;
  width: 44px;
  height: 44px;
  line-height: 42px;
  border: 1px solid #d9d9d9;
  background-color: #f2f2f2;
  border-radius: 50px;
  text-align: center;
  float: right;
  font-weight: normal;
  transition: background 0.1s ease-in-out;
  -moz-transition: background 0.1s ease-in-out;
  -webkit-transition: background 0.1s ease-in-out; }
  .btn-addToBasket:hover {
    background: white;
    color: #68b200; }

.btn-addToWishList-glyph i {
  /*@extend .glyphicon-heart-empty;*/ }

.navigation-block-page {
  text-align: right; }
  .navigation-block-page li &gt; span {
    color: #ddd; }
  .navigation-block-page .gshpProductPaginationPageState_on {
    font-weight: 400; }

.gshpBasketShippingDate .popover {
  margin-left: 13px; }

.popover {
  margin-right: 10px;
  transition: transform 0.2s ease-out, opacity 0.2s linear; }
  .popover .popover-content {
    padding: 10px; }
    .popover .popover-content .gshpMultiGrid {
      float: none;
      width: 100%; }
    .popover .popover-content div.gshpMultiGrid table.gshpMultiGridProductGridTable {
      width: 100%; }
      .popover .popover-content div.gshpMultiGrid table.gshpMultiGridProductGridTable.legend-table {
        width: auto; }
      .popover .popover-content div.gshpMultiGrid table.gshpMultiGridProductGridTable td {
        text-align: left;
        padding-left: 0px; }
    .popover .popover-content h5, .popover .popover-content .h5 {
      padding: 0px; }
  .popover .fade.in {
    animation: showGridPopover 0.5s both; }

.gshpGridBlock {
  position: relative; }

.btn-legend {
  top: 20px;
  position: absolute;
  right: 10px;
  top: 40px;
  color: #1943ff; }

.gssSearchPanel .btn-legend {
  right: 0px;
  top: 0px;
  position: relative;
  color: #1943ff;
  order: 2; }

.gssSearchPanel .sticky .btn-legend {
  top: -5px;
  margin: 0px 5px; }

#gridLegendBtn + .popover {
  width: auto;
  z-index: 1030; }

.popover h3, .popover .h3 {
  display: none; }

.mvvm-productGrids-product .gshpMultiGridProductSummaryRow .gshpMultiGridProductSummary .ProductContentContainer {
  width: calc(100vw - 800px); }

/*Grids : popup*/
.notready.ready {
  display: none; }

.no-svg.loader {
  display: none; }

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

.modal-content .gshpMultiGridProductSummary,
.modal-content div.ProductImgContainer {
  margin-bottom: 0px; }

.modal-content .mvvm-productGrid-message {
  display: none; }

.modal-content hr {
  display: none; }

.modal-content .modal-header h4, .modal-content .modal-header .h4 {
  margin-bottom: 0;
  font-size: 1.25rem;
  font-weight: 500;
  margin-right: auto; }

.modal-content .modal-body h4:not(.popover-title2), .modal-content .modal-body .h4:not(.popover-title2) {
  font-size: 1.25rem; }

.modal-content .product-reference {
  font-size: 1rem;
  color: rgba(0, 0, 0, 0.4); }

.modal-content .gshpMultiGridProductSummaryRow {
  position: relative; }
  .modal-content .gshpMultiGridProductSummaryRow .btn-legend {
    top: -20px;
    right: 10px; }

.modal-content div.gshpMultiGrid .product-grid-summary {
  height: auto !important; }

.modal-content .gshpEcoTax {
  font-size: .8rem;
  font-weight: 300; }

div.gshpMultiGrid table.gshpMultiGridProductGridTable input {
  width: 32px;
  text-align: center;
  height: 32px;
  line-height: 32px;
  min-height: 32px;
  padding: 2px 4px; }

div.gshpMultiGrid table.gshpMultiGridProductGridTable,
table.gshpBasketItems,
table.gshpMultiGridProductGridTable {
  overflow-x: auto;
  /*td.WarningPotentialStock{
               input {
                    border-color: $grids-input-green;
                    

                   &amp;:focus{
                        outline: 3px solid $grids-input-green;
                    } 
                      &amp;.disabled {
                        background-image: none;
                    }

                    &amp;.no-clock {
                        background-image: none;
                    }
                }
                  i.icon_24_time{
                      &amp;.WarningPotentialStock {
                        display:block;
                    }

                    &amp;.no-clock {
                        display:none;
                     }
                   }
                }*/ }
  div.gshpMultiGrid table.gshpMultiGridProductGridTable .GridInputGroup,
  table.gshpBasketItems .GridInputGroup,
  table.gshpMultiGridProductGridTable .GridInputGroup {
    position: relative;
    margin: 0 auto;
    width: 32px; }
  div.gshpMultiGrid table.gshpMultiGridProductGridTable td.gridIncentive,
  table.gshpBasketItems td.gridIncentive,
  table.gshpMultiGridProductGridTable td.gridIncentive {
    padding: 0;
    height: auto; }
    div.gshpMultiGrid table.gshpMultiGridProductGridTable td.gridIncentive .btn-incentive,
    table.gshpBasketItems td.gridIncentive .btn-incentive,
    table.gshpMultiGridProductGridTable td.gridIncentive .btn-incentive {
      margin: 0;
      font-size: 13px;
      padding: 5px; }
  div.gshpMultiGrid table.gshpMultiGridProductGridTable i.icon_24_time,
  div.gshpMultiGrid table.gshpMultiGridProductGridTable i.icon_24_warning,
  table.gshpBasketItems i.icon_24_time,
  table.gshpBasketItems i.icon_24_warning,
  table.gshpMultiGridProductGridTable i.icon_24_time,
  table.gshpMultiGridProductGridTable i.icon_24_warning {
    display: none;
    top: -9px;
    right: -5px;
    background-color: #fff;
    width: 22px;
    height: 22px;
    float: right;
    line-height: 24px;
    border-radius: 50%;
    position: absolute;
    font-size: 20px; }
  div.gshpMultiGrid table.gshpMultiGridProductGridTable tr.highlighted td.gshpBasketCell,
  table.gshpBasketItems tr.highlighted td.gshpBasketCell,
  table.gshpMultiGridProductGridTable tr.highlighted td.gshpBasketCell {
    background-image: none; }
  div.gshpMultiGrid table.gshpMultiGridProductGridTable input,
  table.gshpBasketItems input,
  table.gshpMultiGridProductGridTable input {
    text-align: center;
    line-height: 32px;
    font-size: .8rem;
    padding: 0;
    margin: 0 auto;
    border-width: 2px;
    background-image: none; }
  div.gshpMultiGrid table.gshpMultiGridProductGridTable input.Message.no-clock,
  table.gshpBasketItems input.Message.no-clock,
  table.gshpMultiGridProductGridTable input.Message.no-clock {
    background-image: none; }
  div.gshpMultiGrid table.gshpMultiGridProductGridTable td,
  table.gshpBasketItems td,
  table.gshpMultiGridProductGridTable td {
    font-size: .8rem;
    color: #212529;
    font-weight: 300;
    padding: 4px;
    background-image: none;
    height: auto;
    /*text-align: left;*/ }
    div.gshpMultiGrid table.gshpMultiGridProductGridTable td:empty,
    table.gshpBasketItems td:empty,
    table.gshpMultiGridProductGridTable td:empty {
      padding: 0px;
      line-height: 0px; }
    div.gshpMultiGrid table.gshpMultiGridProductGridTable td input,
    table.gshpBasketItems td input,
    table.gshpMultiGridProductGridTable td input {
      background-color: white;
      box-shadow: none;
      border-radius: 0; }
      div.gshpMultiGrid table.gshpMultiGridProductGridTable td input:focus, div.gshpMultiGrid table.gshpMultiGridProductGridTable td input:hover,
      table.gshpBasketItems td input:focus,
      table.gshpBasketItems td input:hover,
      table.gshpMultiGridProductGridTable td input:focus,
      table.gshpMultiGridProductGridTable td input:hover {
        box-shadow: none; }
    div.gshpMultiGrid table.gshpMultiGridProductGridTable td.XDimensionLabel,
    table.gshpBasketItems td.XDimensionLabel,
    table.gshpMultiGridProductGridTable td.XDimensionLabel {
      font-weight: 700;
      text-align: center; }
    div.gshpMultiGrid table.gshpMultiGridProductGridTable td.gridTotal,
    table.gshpBasketItems td.gridTotal,
    table.gshpMultiGridProductGridTable td.gridTotal {
      text-align: center; }
  div.gshpMultiGrid table.gshpMultiGridProductGridTable td.NotOrderable input,
  table.gshpBasketItems td.NotOrderable input,
  table.gshpMultiGridProductGridTable td.NotOrderable input {
    border-color: #797A8D;
    border-style: dotted;
    border-width: 1px; }
    div.gshpMultiGrid table.gshpMultiGridProductGridTable td.NotOrderable input:focus,
    table.gshpBasketItems td.NotOrderable input:focus,
    table.gshpMultiGridProductGridTable td.NotOrderable input:focus {
      outline: 1px dotted #797A8D;
      box-shadow: none !important; }
  div.gshpMultiGrid table.gshpMultiGridProductGridTable td.GoodStockReorderable input,
  div.gshpMultiGrid table.gshpMultiGridProductGridTable td.GoodStockNotReorderable input,
  table.gshpBasketItems td.GoodStockReorderable input,
  table.gshpBasketItems td.GoodStockNotReorderable input,
  table.gshpMultiGridProductGridTable td.GoodStockReorderable input,
  table.gshpMultiGridProductGridTable td.GoodStockNotReorderable input {
    border-color: #85B039; }
    div.gshpMultiGrid table.gshpMultiGridProductGridTable td.GoodStockReorderable input:focus,
    div.gshpMultiGrid table.gshpMultiGridProductGridTable td.GoodStockNotReorderable input:focus,
    table.gshpBasketItems td.GoodStockReorderable input:focus,
    table.gshpBasketItems td.GoodStockNotReorderable input:focus,
    table.gshpMultiGridProductGridTable td.GoodStockReorderable input:focus,
    table.gshpMultiGridProductGridTable td.GoodStockNotReorderable input:focus {
      outline: 3px solid #85B039 !important;
      border: none !important;
      box-shadow: none !important; }
  div.gshpMultiGrid table.gshpMultiGridProductGridTable td.WarningStockReorderable input,
  div.gshpMultiGrid table.gshpMultiGridProductGridTable td.WarningStockNotReorderable input,
  table.gshpBasketItems td.WarningStockReorderable input,
  table.gshpBasketItems td.WarningStockNotReorderable input,
  table.gshpMultiGridProductGridTable td.WarningStockReorderable input,
  table.gshpMultiGridProductGridTable td.WarningStockNotReorderable input {
    border-color: #F0803A; }
    div.gshpMultiGrid table.gshpMultiGridProductGridTable td.WarningStockReorderable input:focus,
    div.gshpMultiGrid table.gshpMultiGridProductGridTable td.WarningStockNotReorderable input:focus,
    table.gshpBasketItems td.WarningStockReorderable input:focus,
    table.gshpBasketItems td.WarningStockNotReorderable input:focus,
    table.gshpMultiGridProductGridTable td.WarningStockReorderable input:focus,
    table.gshpMultiGridProductGridTable td.WarningStockNotReorderable input:focus {
      outline: 3px solid #F0803A !important;
      border: none !important;
      box-shadow: none !important; }
  div.gshpMultiGrid table.gshpMultiGridProductGridTable td i.icon_24_time.UsedPotential,
  table.gshpBasketItems td i.icon_24_time.UsedPotential,
  table.gshpMultiGridProductGridTable td i.icon_24_time.UsedPotential {
    display: block; }
  div.gshpMultiGrid table.gshpMultiGridProductGridTable td i.icon_24_time.no-clock,
  table.gshpBasketItems td i.icon_24_time.no-clock,
  table.gshpMultiGridProductGridTable td i.icon_24_time.no-clock {
    display: none; }
  div.gshpMultiGrid table.gshpMultiGridProductGridTable td.CriticalStockReorderable input,
  div.gshpMultiGrid table.gshpMultiGridProductGridTable td.CriticalStockNotReorderable input,
  table.gshpBasketItems td.CriticalStockReorderable input,
  table.gshpBasketItems td.CriticalStockNotReorderable input,
  table.gshpMultiGridProductGridTable td.CriticalStockReorderable input,
  table.gshpMultiGridProductGridTable td.CriticalStockNotReorderable input {
    border-color: #eb003b; }
    div.gshpMultiGrid table.gshpMultiGridProductGridTable td.CriticalStockReorderable input:focus,
    div.gshpMultiGrid table.gshpMultiGridProductGridTable td.CriticalStockNotReorderable input:focus,
    table.gshpBasketItems td.CriticalStockReorderable input:focus,
    table.gshpBasketItems td.CriticalStockNotReorderable input:focus,
    table.gshpMultiGridProductGridTable td.CriticalStockReorderable input:focus,
    table.gshpMultiGridProductGridTable td.CriticalStockNotReorderable input:focus {
      outline: 3px solid #eb003b !important;
      border: none !important;
      box-shadow: none !important; }
    div.gshpMultiGrid table.gshpMultiGridProductGridTable td.CriticalStockReorderable input.disabled,
    div.gshpMultiGrid table.gshpMultiGridProductGridTable td.CriticalStockNotReorderable input.disabled,
    table.gshpBasketItems td.CriticalStockReorderable input.disabled,
    table.gshpBasketItems td.CriticalStockNotReorderable input.disabled,
    table.gshpMultiGridProductGridTable td.CriticalStockReorderable input.disabled,
    table.gshpMultiGridProductGridTable td.CriticalStockNotReorderable input.disabled {
      border-color: #eb003b;
      background-image: none; }
    div.gshpMultiGrid table.gshpMultiGridProductGridTable td.CriticalStockReorderable input.no-clock,
    div.gshpMultiGrid table.gshpMultiGridProductGridTable td.CriticalStockNotReorderable input.no-clock,
    table.gshpBasketItems td.CriticalStockReorderable input.no-clock,
    table.gshpBasketItems td.CriticalStockNotReorderable input.no-clock,
    table.gshpMultiGridProductGridTable td.CriticalStockReorderable input.no-clock,
    table.gshpMultiGridProductGridTable td.CriticalStockNotReorderable input.no-clock {
      background-image: none; }
  div.gshpMultiGrid table.gshpMultiGridProductGridTable td.CriticalStockReorderable input.crossed,
  div.gshpMultiGrid table.gshpMultiGridProductGridTable td.CriticalStockNotReorderable input.crossed,
  table.gshpBasketItems td.CriticalStockReorderable input.crossed,
  table.gshpBasketItems td.CriticalStockNotReorderable input.crossed,
  table.gshpMultiGridProductGridTable td.CriticalStockReorderable input.crossed,
  table.gshpMultiGridProductGridTable td.CriticalStockNotReorderable input.crossed {
    background: linear-gradient(to top left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) calc(50% - 0.8px), #c8c8c8 50%, rgba(0, 0, 0, 0) calc(50% + 0.8px), rgba(0, 0, 0, 0) 100%) !important; }
  div.gshpMultiGrid table.gshpMultiGridProductGridTable td.CriticalStockReorderable i.icon_24_warning.Warning,
  div.gshpMultiGrid table.gshpMultiGridProductGridTable td.CriticalStockNotReorderable i.icon_24_warning.Warning,
  table.gshpBasketItems td.CriticalStockReorderable i.icon_24_warning.Warning,
  table.gshpBasketItems td.CriticalStockNotReorderable i.icon_24_warning.Warning,
  table.gshpMultiGridProductGridTable td.CriticalStockReorderable i.icon_24_warning.Warning,
  table.gshpMultiGridProductGridTable td.CriticalStockNotReorderable i.icon_24_warning.Warning {
    display: block; }

.basketShortcut .dropdown-menu {
  padding: 0px 20px; }

.basketShortcut .dropdown-menu .price,
.basketShortcut .priceDetail {
  white-space: nowrap; }

.quantity {
  display: block; }
  .quantity &gt; span {
    border-bottom: 3px solid #454444;
    display: block;
    float: left;
    height: 17px;
    color: black;
    font-size: 12px;
    font-weight: 400; }
  .quantity .icon-basketLeft {
    background-position: 0 2px;
    float: left;
    height: 23px;
    margin: 0;
    padding: 0;
    width: 15px;
    background-repeat: no-repeat; }
  .quantity .icon-basketRight {
    background-position: -22px 2px;
    float: left;
    height: 24px;
    width: 15px;
    margin-left: -2px;
    background-repeat: no-repeat; }

tr.gshpBasketRow_buttonBar3 td.gshpBasketButton {
  padding: 0 15px;
  width: auto; }

div.gshpFacetOption,
div.gshpStringOption {
  font-size: smaller;
  height: 30px; }

select[name="smm"],
input[name="smm"] {
  display: none; }

div.gshpProductFilterPropertySetValue {
  font-size: 18px;
  position: relative; }
  div.gshpProductFilterPropertySetValue input[type="checkbox"] {
    height: 100%; }

.gshpResetFilterForm {
  text-align: right; }

.gshpProductFilterCategoryPropertySet h3, .gshpProductFilterCategoryPropertySet .h3 {
  display: block; }

.gshpProductFilterPropertySet h3, .gshpProductFilterPropertySet .h3 {
  font-size: 18px;
  margin-top: 0; }

.filter-inset {
  margin-bottom: 20px;
  margin-top: 20px; }

.navbar-UICategoryOptionsBar {
  /*@include setmultigridAndFiltersNav();*/
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: none;
  margin-bottom: 0px; }
  .navbar-UICategoryOptionsBar .title-wrapper {
    margin: 0; }
  .navbar-UICategoryOptionsBar div.title-products {
    vertical-align: bottom;
    display: inline-block; }
    .navbar-UICategoryOptionsBar div.title-products h2, .navbar-UICategoryOptionsBar div.title-products .h2 {
      font-size: 24px;
      margin-bottom: 15px; }
      .navbar-UICategoryOptionsBar div.title-products h2 strong, .navbar-UICategoryOptionsBar div.title-products .h2 strong {
        vertical-align: -2px; }
  .navbar-UICategoryOptionsBar div.btn-group {
    padding-top: 0px;
    box-shadow: none; }
    .navbar-UICategoryOptionsBar div.btn-group .navbar-btn {
      margin-left: 5px;
      display: flex;
      align-items: center; }
      .navbar-UICategoryOptionsBar div.btn-group .navbar-btn i {
        margin-right: 4px; }
  .navbar-UICategoryOptionsBar .filterBar-buttons {
    margin-left: 5px; }
  .navbar-UICategoryOptionsBar .navbar-right {
    margin-right: 0px; }
  .navbar-UICategoryOptionsBar .filterparam {
    float: right; }
    .navbar-UICategoryOptionsBar .filterparam span:first-child {
      text-align: left;
      font-size: 18px;
      line-height: 24px;
      display: inline-block;
      vertical-align: middle; }
  .navbar-UICategoryOptionsBar .btn.active:before {
    opacity: 1;
    transform: scale(1); }
  .navbar-UICategoryOptionsBar .btn.active i:before {
    background: transparent; }

#filters-list {
  border: 1px solid transparent;
  background-color: #f8f8f8;
  border-bottom: 1px solid #e7e7e7;
  border-left: 1px solid #e7e7e7;
  border-right: 1px solid #e7e7e7;
  padding: 15px;
  margin: 0 15px; }
  #filters-list.unfixed {
    position: fixed;
    top: 170px;
    z-index: 1000;
    margin-left: -30px;
    padding-right: 30px;
    padding-left: 30px;
    overflow-y: auto;
    height: 100%;
    padding-bottom: 120px; }
    #filters-list.unfixed .btn-primary {
      position: fixed;
      bottom: 60px; }
  #filters-list h2, #filters-list .h2 {
    font-size: 28px; }
  #filters-list h3, #filters-list .h3 {
    font-weight: 700;
    padding-top: 10px; }
  #filters-list .closer {
    float: right; }

.gshpProductFilterPropertySetImage.selected {
  border: 1px solid #B5ACA2; }

.gshpProductFilterPropertySetImage {
  border: 1px solid #d4d4d4;
  cursor: pointer;
  display: inline-block; }
  .gshpProductFilterPropertySetImage img {
    border: 4px solid white; }
  .gshpProductFilterPropertySetImage:hover {
    border: 1px solid #B5ACA2; }

.gshpProductFilterPropertySetImageValue {
  float: left;
  margin-right: 3px;
  margin-bottom: 2px; }

.principal-nav {
  display: block;
  padding: 0; }
  .principal-nav li.filterBar-buttons {
    margin-right: 20px;
    flex-grow: 1;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    position: absolute;
    top: 50px;
    right: 0; }
    .principal-nav li.filterBar-buttons a,
    .principal-nav li.filterBar-buttons a:hover,
    .principal-nav li.filterBar-buttons a:focus {
      margin-top: 0px; }
      .principal-nav li.filterBar-buttons a:before,
      .principal-nav li.filterBar-buttons a:hover:before,
      .principal-nav li.filterBar-buttons a:focus:before {
        opacity: 0; }
      .principal-nav li.filterBar-buttons a.closer,
      .principal-nav li.filterBar-buttons a.closer:hover,
      .principal-nav li.filterBar-buttons a.closer:focus {
        float: right; }
        .principal-nav li.filterBar-buttons a.closer i,
        .principal-nav li.filterBar-buttons a.closer:hover i,
        .principal-nav li.filterBar-buttons a.closer:focus i {
          font-size: inherit; }
    .principal-nav li.filterBar-buttons .label-closer {
      background-color: #0071c2;
      color: #fff;
      right: 10px;
      float: right;
      height: 42px;
      margin-top: 4px;
      line-height: 42px; }
      .principal-nav li.filterBar-buttons .label-closer span {
        display: none; }

.checked-filter-bar .form-inline .radio label,
.checked-filter-bar .form-inline .checkbox label {
  padding-left: 30px; }

#filters-list {
  border: 1px solid transparent;
  background-color: #fff;
  border-bottom: 1px solid #e7e7e7;
  border-left: 1px solid #e7e7e7;
  border-right: 1px solid #e7e7e7; }
  #filters-list.unfixed {
    position: fixed;
    top: 77px;
    z-index: 1000;
    padding-right: 30px;
    padding-left: 30px; }
  #filters-list span,
  #filters-list label {
    color: #212529; }

.gshpMainPicture {
  text-align: center;
  margin: 5px -30px 20px; }
  .gshpMainPicture &gt; img {
    width: 100%;
    height: auto; }

p.category-desc {
  margin-left: -15px; }

.gshpSectionGroupProductRow {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  flex: 1 100%;
  justify-content: flex-start;
  margin: 0 -15px; }
  .gshpSectionGroupProductRow:last-child .thumbnail {
    position: relative; }

.gshpProductList {
  overflow: inherit; }
  .gshpProductList &gt; h2, .gshpProductList &gt; .h2 {
    clear: both; }
    .gshpProductList &gt; h2::after, .gshpProductList &gt; .h2::after {
      display: block;
      clear: both;
      content: ""; }

.product-in-list .quick-add-to-basket,
.gshpCategoryList .quick-add-to-basket,
.Linked-product .quick-add-to-basket {
  text-align: center; }

.product-in-list h4, .product-in-list .h4,
.gshpCategoryList h4,
.gshpCategoryList .h4,
.Linked-product h4,
.Linked-product .h4 {
  margin: 2px 0;
  font-size: 15px;
  font-weight: 400; }

.product-in-list .price,
.gshpCategoryList .price,
.Linked-product .price {
  font-weight: 400;
  width: auto; }
  .product-in-list .price .gshpPriceSpan,
  .gshpCategoryList .price .gshpPriceSpan,
  .Linked-product .price .gshpPriceSpan {
    display: inline;
    color: #B5ACA2; }

.product-in-list .thumbnail,
.gshpCategoryList .thumbnail,
.Linked-product .thumbnail {
  -webkit-animation: fadeInFromNone 0.2s;
  -moz-animation: fadeInFromNone 0.2s;
  -o-animation: fadeInFromNone 0.2s;
  -ms-animation: fadeInFromNone 0.2s;
  animation: fadeInFromNone 0.2s;
  height: 100%;
  margin-bottom: 0px;
  position: relative;
  border-radius: 15px; }
  .product-in-list .thumbnail .thumbnail_border,
  .gshpCategoryList .thumbnail .thumbnail_border,
  .Linked-product .thumbnail .thumbnail_border {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 10px;
    background-color: #cccccc;
    opacity: 0.5;
    transition: transform 0.3s ease-out, opacity 0.3s linear;
    transform-origin: center bottom;
    bottom: -1px;
    z-index: 2;
    display: none; }
  .product-in-list .thumbnail:hover .thumbnail_border,
  .gshpCategoryList .thumbnail:hover .thumbnail_border,
  .Linked-product .thumbnail:hover .thumbnail_border {
    transform: scaleY(1.2);
    transition: transform 0.2s ease-out, opacity 0.2s linear;
    opacity: 1; }
  .product-in-list .thumbnail .linkOnThumbnail,
  .gshpCategoryList .thumbnail .linkOnThumbnail,
  .Linked-product .thumbnail .linkOnThumbnail {
    display: block;
    min-height: 210px;
    overflow: hidden; }
  .product-in-list .thumbnail .caption,
  .gshpCategoryList .thumbnail .caption,
  .Linked-product .thumbnail .caption {
    /* padding: 10px 10px 20px;*/ }
    .product-in-list .thumbnail .caption h3, .product-in-list .thumbnail .caption .h3,
    .gshpCategoryList .thumbnail .caption h3,
    .gshpCategoryList .thumbnail .caption .h3,
    .Linked-product .thumbnail .caption h3,
    .Linked-product .thumbnail .caption .h3 {
      font-weight: 400;
      font-size: 16px;
      margin-bottom: 0;
      position: relative;
      line-height: 22px;
      text-align: center;
      min-height: 44px; }
      .product-in-list .thumbnail .caption h3 span, .product-in-list .thumbnail .caption .h3 span,
      .gshpCategoryList .thumbnail .caption h3 span,
      .gshpCategoryList .thumbnail .caption .h3 span,
      .Linked-product .thumbnail .caption h3 span,
      .Linked-product .thumbnail .caption .h3 span {
        display: inline-block;
        vertical-align: middle; }
    .product-in-list .thumbnail .caption .effective-code,
    .gshpCategoryList .thumbnail .caption .effective-code,
    .Linked-product .thumbnail .caption .effective-code {
      border-bottom: 1px solid #cccccc;
      margin-top: 5px;
      padding-bottom: 10px;
      font-size: 16px;
      text-align: center; }

.product-in-list .gshpTypedDocumentList,
.gshpCategoryList .gshpTypedDocumentList,
.Linked-product .gshpTypedDocumentList {
  padding: 0 5px 5px 10px; }

.product-in-list .gshpTypedDocumentListItem,
.gshpCategoryList .gshpTypedDocumentListItem,
.Linked-product .gshpTypedDocumentListItem {
  cursor: pointer;
  margin: 0px 9px 0px 0px;
  float: left; }
  .product-in-list .gshpTypedDocumentListItem.btn,
  .gshpCategoryList .gshpTypedDocumentListItem.btn,
  .Linked-product .gshpTypedDocumentListItem.btn {
    margin-right: 0;
    padding-left: 5px;
    padding-right: 5px; }

.gshpProductList_inOpenPage .quick-add-to-basket {
  display: none; }

.gshpItemsSeparator {
  display: none; }

.gshpProductPrice {
  display: inline;
  color: #212529;
  font-size: 16px;
  font-weight: 700; }

tr.gshpBasketRow_buttons {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-wrap: wrap; }
  tr.gshpBasketRow_buttons td.gshpBasketButton {
    width: auto;
    padding: 0 5px;
    margin-bottom: 5px;
    vertical-align: baseline; }
    tr.gshpBasketRow_buttons td.gshpBasketButton.gshpBasketButton_quotation {
      margin-left: auto; }

.gshpBasketCommandSummary th.gshpBasketHeading .gshpCommandDescription {
  float: left;
  margin-left: 20px; }

table.total-block {
  width: auto;
  min-width: 400px;
  max-width: 420px;
  background-color: #fff;
  padding: 15px;
  margin-bottom: 50px;
  border-radius: 15px;
  margin-left: 20px;
  border-collapse: inherit;
  border: 1px solid rgba(0, 0, 0, 0.2) !important; }
  table.total-block .gshpBaskeTotalVatAmount_value,
  table.total-block .gshpBasketTotal_value,
  table.total-block .gshpBasketVatTotal_value {
    font-weight: 700; }
  table.total-block tr.gshpBasketRow_total th.gshpBasketTotal_value {
    font-size: 18px;
    font-weight: 700; }
    table.total-block tr.gshpBasketRow_total th.gshpBasketTotal_value span.gshpBasketTotal_price {
      font-size: 18px;
      font-weight: 700; }
  table.total-block tr {
    background-color: transparent !important; }
  table.total-block tr td:empty,
  table.total-block tr th:empty,
  table.total-block tr:hover td:empty,
  table.total-block tr:hover th:empty {
    padding: 0px;
    width: 0px;
    border-width: 0px;
    background: white;
    visibility: hidden; }
  table.total-block tr.gshpBasketRow_total th:empty,
  table.total-block tr.gshpBasketRow_total:hover th:empty {
    padding: 0px;
    width: 0px;
    border-width: 0px;
    background: white;
    visibility: hidden;
    display: none; }

.gshpBasket_clientAddresses,
.gshpBasketRow_addresses {
  width: 100%;
  margin-top: 20px;
  min-width: 300px;
  padding: 10px;
  margin-bottom: 50px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 15px; }
  .gshpBasket_clientAddresses .form-outline span ~ .form-label, .gshpBasket_clientAddresses .form-outline .form-control ~ .form-label,
  .gshpBasketRow_addresses .form-outline span ~ .form-label,
  .gshpBasketRow_addresses .form-outline .form-control ~ .form-label {
    transform: translateY(-1rem) translateY(0.1rem) scale(0.8);
    background: white;
    padding-left: 5px;
    padding-right: 5px; }

.LastStep .gshpBasketRow_addresses {
  box-shadow: none; }
  .LastStep .gshpBasketRow_addresses .gshpClientBasket {
    display: flex;
    justify-content: space-between;
    width: 96%;
    margin-top: 20px;
    min-width: 300px;
    padding: 10px;
    margin-left: 5px;
    text-align: left;
    margin-bottom: 50px;
    border: 1px solid #e0e0e0;
    border-radius: 15px; }
    .LastStep .gshpBasketRow_addresses .gshpClientBasket .gshpAddressesBasket {
      justify-content: space-between;
      display: flex; }
    .LastStep .gshpBasketRow_addresses .gshpClientBasket span {
      font-size: .875rem;
      line-height: 22px; }

table.gshpMultiGridProductGridTable {
  /*animation: fadeIn 0.3s ease both;*/ }
  table.gshpMultiGridProductGridTable td {
    background-color: white;
    text-align: center; }
    table.gshpMultiGridProductGridTable td:hover {
      background-color: white; }
    table.gshpMultiGridProductGridTable td.yDimensionLabel {
      text-align: left;
      padding-right: 20px !important; }
    table.gshpMultiGridProductGridTable td .dimension1IncentiveIcon .btn.btn-incentive {
      position: relative;
      top: 0px; }
    table.gshpMultiGridProductGridTable td .dimension1Picture {
      margin-right: 5px; }
    table.gshpMultiGridProductGridTable td.tabButton {
      font-weight: bold;
      font-size: 16px; }
  table.gshpMultiGridProductGridTable td.gridIncentive {
    padding: 0; }
    table.gshpMultiGridProductGridTable td.gridIncentive .btn-incentive {
      margin: 0;
      font-size: 13px;
      padding: 5px; }
  table.gshpMultiGridProductGridTable tr.tabTop td.tabLeft {
    font-weight: bold;
    font-size: 16px; }

div.basketInfo {
  display: flex;
  justify-content: flex-end;
  padding: 0;
  align-items: center;
  margin-bottom: 0px;
  margin-left: auto; }
  div.basketInfo p {
    margin: 0; }

table.gshpBasketTable {
  width: 100%;
  max-width: 100%;
  margin-bottom: 10px;
  display: block; }
  table.gshpBasketTable .product-order-tooltip-inner td {
    font-size: .9rem;
    font-weight: 400; }
  table.gshpBasketTable tr th {
    background-color: white;
    border: none;
    padding: 10px;
    font-size: 14px;
    font-weight: 700;
    color: #212529; }
    table.gshpBasketTable tr th:last-child {
      text-align: right; }
    table.gshpBasketTable tr th.textAlignleft {
      text-align: left; }
  table.gshpBasketTable tr:nth-child(odd) {
    background-color: #f2f2f2; }
  table.gshpBasketTable tr:nth-child(even) {
    background-color: #ffffff; }
  table.gshpBasketTable tr.FormModeGroup {
    background-color: #f6f7f8;
    border-bottom: 1px solid #eee; }
    table.gshpBasketTable tr.FormModeGroup ~ tr.gshpBasketItem td {
      background-color: #fff !important;
      background-image: none; }
  table.gshpBasketTable tr td {
    border: none;
    color: #212529;
    padding: 10px;
    line-height: 2em;
    font-size: 14px; }
    table.gshpBasketTable tr td input:not(.gshpBasketControlAcceptConditions) {
      text-align: center; }
    table.gshpBasketTable tr td:last-child:not(.textAlignLeft) {
      text-align: right; }
  table.gshpBasketTable tbody, table.gshpBasketTable thead {
    display: table;
    width: 100%; }
  table.gshpBasketTable tr.odd {
    background-color: #f2f2f2; }
  table.gshpBasketTable .popover {
    min-width: 300px; }
  table.gshpBasketTable tr.odd_odd {
    background-color: #fff; }
  table.gshpBasketTable #gshpBasketRow_inFooterDiscount {
    background: white; }
  table.gshpBasketTable th.gshpBasketRow_articleTotalsDiv div {
    display: inline-block;
    vertical-align: middle; }
    table.gshpBasketTable th.gshpBasketRow_articleTotalsDiv div.gshpBasketHeading_quantity, table.gshpBasketTable th.gshpBasketRow_articleTotalsDiv div.gshpBasketHeading_discount {
      vertical-align: top; }
  table.gshpBasketTable th.gshpBasketRow_articleTotalsDiv .gshpEcoTax {
    font-size: .8rem;
    font-weight: 300; }
  table.gshpBasketTable .gshpBasketSummaryModeFrame {
    border: 0px;
    padding: 2px; }
  table.gshpBasketTable .gshpBasketSummaryModeGroup {
    height: 50px;
    background: #fcfcfc;
    margin: 5px 0px; }
    table.gshpBasketTable .gshpBasketSummaryModeGroup .gshpBasketSummaryModeRow {
      height: 50px; }
    table.gshpBasketTable .gshpBasketSummaryModeGroup .gshpBasketSummaryModeBar {
      border: none;
      background-color: #e6e6e6; }
    table.gshpBasketTable .gshpBasketSummaryModeGroup .gshpBasketSummaryModeLabel {
      float: left;
      text-align: left;
      padding: 10px;
      font-size: 24px;
      line-height: 26px;
      font-weight: 700; }
    table.gshpBasketTable .gshpBasketSummaryModeGroup .gshpBasketSummaryModeValue {
      float: left;
      text-align: left;
      padding: 10px;
      line-height: 30px;
      font-size: 18px; }
    table.gshpBasketTable .gshpBasketSummaryModeGroup .gshpBasketSummaryModePercent {
      padding: 10px;
      float: right;
      line-height: 30px;
      font-weight: 600;
      font-size: 26px; }
  table.gshpBasketTable div.gshpBasketTitle {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-bottom: 5px;
    margin-bottom: 0px;
    align-items: center; }
    table.gshpBasketTable div.gshpBasketTitle h4, table.gshpBasketTable div.gshpBasketTitle .h4 {
      margin-bottom: 0px;
      font-size: 1.2rem; }
  table.gshpBasketTable .gshpBasketHeading_quantity div:after {
    content: "";
    height: 25px;
    width: 1px;
    border-right: 1px solid #dcdcdc;
    top: 8px;
    position: relative;
    margin-left: 1em;
    margin-right: 1em;
    display: inline-block;
    right: 0; }
  table.gshpBasketTable div.basketInfo {
    display: flex;
    flex-direction: row;
    align-items: baseline; }
  table.gshpBasketTable tr.gshpBasketItem td.gshpBasketCell,
  table.gshpBasketTable tr.gshpBasketItemCost td.gshpBasketCell {
    border-top: 1px solid rgba(0, 0, 0, 0.15);
    background-image: none; }
    table.gshpBasketTable tr.gshpBasketItem td.gshpBasketCell:first-child, table.gshpBasketTable tr.gshpBasketItem td.gshpBasketCell.gshpBasket_add, table.gshpBasketTable tr.gshpBasketItem td.gshpBasketCell.gshpBasket_delete,
    table.gshpBasketTable tr.gshpBasketItemCost td.gshpBasketCell:first-child,
    table.gshpBasketTable tr.gshpBasketItemCost td.gshpBasketCell.gshpBasket_add,
    table.gshpBasketTable tr.gshpBasketItemCost td.gshpBasketCell.gshpBasket_delete {
      border-top: 0px; }
  table.gshpBasketTable tr.FormModeGroup:nth-child(odd) ~ tr.gshpBasketItem {
    background-color: #f2f2f2; }
    table.gshpBasketTable tr.FormModeGroup:nth-child(odd) ~ tr.gshpBasketItem td {
      background-color: #f2f2f2; }
  table.gshpBasketTable tr.FormModeGroup:nth-child(even) ~ tr.gshpBasketItem {
    background-color: #ffffff; }
    table.gshpBasketTable tr.FormModeGroup:nth-child(even) ~ tr.gshpBasketItem td {
      background-color: #ffffff; }
  table.gshpBasketTable tr.empty-row {
    height: 30px; }
    table.gshpBasketTable tr.empty-row td {
      background: white; }
  table.gshpBasketTable th,
  table.gshpBasketTable td {
    height: 60px; }
  table.gshpBasketTable .button-medium {
    right: 0px;
    top: 15%; }
  table.gshpBasketTable td:empty,
  table.gshpBasketTable th:empty {
    height: 0px;
    width: 0px;
    padding: 0px; }
  table.gshpBasketTable select {
    width: auto;
    display: inline-block; }
  table.gshpBasketTable .gshpBasketPreface {
    padding: 10px 0px; }
  table.gshpBasketTable .gshpBasketHeadingFamille {
    text-align: left; }
  table.gshpBasketTable .gshpBasketHeading {
    position: relative;
    padding: 0px 2px;
    height: auto; }
    table.gshpBasketTable .gshpBasketHeading a {
      color: #212529; }
  table.gshpBasketTable .gshpBasketHeadingFamille {
    text-align: left; }
  table.gshpBasketTable tr.gshpBasketRow_dim1Data:hover td,
  table.gshpBasketTable tr.gshpBasketRow_dim1Data:hover td:hover,
  table.gshpBasketTable tr.gshpBasketRow_dim1Data:hover td:focus {
    background: white; }
  table.gshpBasketTable tr.gshpBasketRow_dim1Data.gshpBasketRow_grid {
    background: white; }
    table.gshpBasketTable tr.gshpBasketRow_dim1Data.gshpBasketRow_grid div {
      margin-right: auto !important;
      margin-left: 0 !important;
      max-width: 100% !important; }
    table.gshpBasketTable tr.gshpBasketRow_dim1Data.gshpBasketRow_grid tr,
    table.gshpBasketTable tr.gshpBasketRow_dim1Data.gshpBasketRow_grid td,
    table.gshpBasketTable tr.gshpBasketRow_dim1Data.gshpBasketRow_grid th {
      background: white;
      border: none !important; }
  table.gshpBasketTable td.gshpBasket_quantity input {
    display: block; }
  table.gshpBasketTable td.gshpBasket_quantity .GridInputGroup {
    width: 36px;
    margin: 0 auto; }
  table.gshpBasketTable td.gshpBasketCell {
    background: transparent;
    background-image: none;
    font-size: .9rem;
    font-weight: 400;
    position: relative;
    padding: 6px;
    border: 0; }
    table.gshpBasketTable td.gshpBasketCell a:link,
    table.gshpBasketTable td.gshpBasketCell a:visited {
      color: #B5ACA2;
      font-weight: normal; }
    table.gshpBasketTable td.gshpBasketCell a:not(.btn):not(.carousel-control):hover, table.gshpBasketTable td.gshpBasketCell a:not(.btn):not(.carousel-control):focus {
      border-bottom: 1px dotted #B5ACA2; }
    table.gshpBasketTable td.gshpBasketCell *[id^="referenceDimension"] {
      color: #212529; }
      table.gshpBasketTable td.gshpBasketCell *[id^="referenceDimension"]:hover, table.gshpBasketTable td.gshpBasketCell *[id^="referenceDimension"]:focus {
        border-bottom: none; }
    table.gshpBasketTable td.gshpBasketCell p {
      color: #212529; }
    table.gshpBasketTable td.gshpBasketCell input.gshpBasketQuantity {
      width: 45px;
      padding: 0px 9px; }
    table.gshpBasketTable td.gshpBasketCell div.gshpMultiGrid .product-grid-summary .product-order-row .product-order-tooltip-td {
      width: auto !important; }
      table.gshpBasketTable td.gshpBasketCell div.gshpMultiGrid .product-grid-summary .product-order-row .product-order-tooltip-td &gt; div {
        width: auto !important; }
  table.gshpBasketTable tr.gshpBasketRow_subTotal th {
    font-size: 20px; }
  table.gshpBasketTable tr.gshpBasketRow_shipping,
  table.gshpBasketTable tr.gshpBasketRow_paymentMode {
    background: white; }
    table.gshpBasketTable tr.gshpBasketRow_shipping td,
    table.gshpBasketTable tr.gshpBasketRow_paymentMode td {
      padding: 10px;
      text-align: left;
      line-height: 24px;
      font-size: 16px; }
      table.gshpBasketTable tr.gshpBasketRow_shipping td:last-child,
      table.gshpBasketTable tr.gshpBasketRow_paymentMode td:last-child {
        text-align: left; }
      table.gshpBasketTable tr.gshpBasketRow_shipping td.basketPaymentDescriptionCell,
      table.gshpBasketTable tr.gshpBasketRow_paymentMode td.basketPaymentDescriptionCell {
        padding: 10px; }
  table.gshpBasketTable tr.gshpBasketRow_shippingModeHeading th,
  table.gshpBasketTable .gshpBasketRow_shipping th,
  table.gshpBasketTable .gshpBasketRow_PaymentModeHeading th,
  table.gshpBasketTable .gshpBasketRow_paymentMode th {
    border-bottom: 1px solid #f2f2f2;
    text-align: left;
    font-size: 1rem;
    color: #212529; }
  table.gshpBasketTable tr.gshpBasketRow_shippingModeHeading td,
  table.gshpBasketTable .gshpBasketRow_shipping td,
  table.gshpBasketTable .gshpBasketRow_PaymentModeHeading td,
  table.gshpBasketTable .gshpBasketRow_paymentMode td {
    border-bottom: 1px solid #f2f2f2; }
  table.gshpBasketTable tr.gshpBasketRow_articleTotals {
    border-top: 5px solid #e0e0e0; }
    table.gshpBasketTable tr.gshpBasketRow_articleTotals th {
      background-color: #fff; }
  table.gshpBasketTable tbody.gshpBasketTBody_totals {
    border-top: none; }
    table.gshpBasketTable tbody.gshpBasketTBody_totals tr.gshpBasketRow_total th,
    table.gshpBasketTable tbody.gshpBasketTBody_totals tr.gshpBasketRow_total td {
      background-color: #fff; }
  table.gshpBasketTable td.gshpBasket_delete {
    width: 40px; }
  table.gshpBasketTable tr.gshpBasketRow_totalsSeparator {
    background-color: #fff;
    border-bottom: 2px solid #f2f2f2; }
    table.gshpBasketTable tr.gshpBasketRow_totalsSeparator:hover {
      background-color: #fff; }
  table.gshpBasketTable .gshpBasketSummaryModeBar {
    border: none;
    background-color: #f2f2f2;
    height: 50px; }
  table.gshpBasketTable label {
    font-size: 1rem; }
  table.gshpBasketTable tr.gshpBasketRow_beforeButtonBar:hover td {
    background: white; }
  table.gshpBasketTable tr.gshpBasketRow_beforeButtonBar td.gshpBasketBeforeButtonBar {
    height: 5px; }
  table.gshpBasketTable .gshpBasketButton_next,
  table.gshpBasketTable .gshpBasketCommandBar {
    text-align: right;
    padding: 0; }
  table.gshpBasketTable tr th.GroupTitle:last-child {
    text-align: left;
    font-size: 24px; }

.gshpBasketStep2 .textAlignLeft,
.gshpBasketStep4 .textAlignLeft,
.gshpChoices .textAlignLeft {
  text-align: left; }

.gshpBasketStep2 .gshpBasketPropertyLabel,
.gshpBasketStep4 .gshpBasketPropertyLabel,
.gshpChoices .gshpBasketPropertyLabel {
  justify-content: flex-start;
  padding-left: 30px; }
  .gshpBasketStep2 .gshpBasketPropertyLabel:before,
  .gshpBasketStep4 .gshpBasketPropertyLabel:before,
  .gshpChoices .gshpBasketPropertyLabel:before {
    display: none; }
  .gshpBasketStep2 .gshpBasketPropertyLabel label,
  .gshpBasketStep4 .gshpBasketPropertyLabel label,
  .gshpChoices .gshpBasketPropertyLabel label {
    font-size: 12px; }

.gshpBasketStep2 table.gshpBasketTable tr:hover td,
.gshpBasketStep4 table.gshpBasketTable tr:hover td,
.gshpChoices table.gshpBasketTable tr:hover td {
  background: white; }

.gshpBasketStep2 table.gshpBasketTable tr:nth-child(odd),
.gshpBasketStep4 table.gshpBasketTable tr:nth-child(odd),
.gshpChoices table.gshpBasketTable tr:nth-child(odd) {
  background: white; }

.gshpBasketStep2 table.gshpBasketTable tr.gshpBasketRow_data.odd,
.gshpBasketStep4 table.gshpBasketTable tr.gshpBasketRow_data.odd,
.gshpChoices table.gshpBasketTable tr.gshpBasketRow_data.odd {
  background: white; }

.gshpBasketStep2 table.gshpBasketTable tr.gshpBasketRow_heading th:not(.gshpBasketHeading),
.gshpBasketStep4 table.gshpBasketTable tr.gshpBasketRow_heading th:not(.gshpBasketHeading),
.gshpChoices table.gshpBasketTable tr.gshpBasketRow_heading th:not(.gshpBasketHeading) {
  background: white;
  text-align: left;
  border: none;
  font-weight: 300;
  padding: 0; }

.gshpBasketStep2 table.gshpBasketTable tr td.gshpPaymentModesCell,
.gshpBasketStep4 table.gshpBasketTable tr td.gshpPaymentModesCell,
.gshpChoices table.gshpBasketTable tr td.gshpPaymentModesCell {
  padding: 0; }

.gshpBasketStep2 table.gshpBasketTable.gshpBasketCommandSummaryActions tr,
.gshpBasketStep4 table.gshpBasketTable.gshpBasketCommandSummaryActions tr,
.gshpChoices table.gshpBasketTable.gshpBasketCommandSummaryActions tr {
  background: white; }

.gshpBasketStep2 table.gshpBasketTable tr .gshpBasketRow_date,
.gshpBasketStep4 table.gshpBasketTable tr .gshpBasketRow_date,
.gshpChoices table.gshpBasketTable tr .gshpBasketRow_date {
  height: 0; }

.gshpBasketStep2 table.gshpBasketTable .gshpBasketRow_heading th,
.gshpBasketStep2 table.gshpBasketTable .gshpBasketRow_amount th,
.gshpBasketStep4 table.gshpBasketTable .gshpBasketRow_heading th,
.gshpBasketStep4 table.gshpBasketTable .gshpBasketRow_amount th,
.gshpChoices table.gshpBasketTable .gshpBasketRow_heading th,
.gshpChoices table.gshpBasketTable .gshpBasketRow_amount th {
  font-size: 1rem;
  border-top: 1px solid #f2f2f2; }

.gshpBasketStep2 table.gshpBasketTable td.gshpBasketPreface,
.gshpBasketStep4 table.gshpBasketTable td.gshpBasketPreface,
.gshpChoices table.gshpBasketTable td.gshpBasketPreface {
  background: white; }

.gshpBasketStep2 table.gshpBasketTable td .gshpBasketTitle,
.gshpBasketStep4 table.gshpBasketTable td .gshpBasketTitle,
.gshpChoices table.gshpBasketTable td .gshpBasketTitle {
  font-size: 1.2rem;
  font-weight: 500; }

.gshpBasketStep2 table.gshpBasketTable .gshpBasketRow_buttonBar,
.gshpBasketStep4 table.gshpBasketTable .gshpBasketRow_buttonBar,
.gshpChoices table.gshpBasketTable .gshpBasketRow_buttonBar {
  background: white; }

.gshpBasketStep2 table.gshpBasketTable .gshpBasketCommandBar td,
.gshpBasketStep4 table.gshpBasketTable .gshpBasketCommandBar td,
.gshpChoices table.gshpBasketTable .gshpBasketCommandBar td {
  background: #fff; }

.gshpBasketStep2 table.gshpBasketTable p,
.gshpBasketStep4 table.gshpBasketTable p,
.gshpChoices table.gshpBasketTable p {
  color: #212529;
  font-size: .875rem; }

.gshpBasketStep2 .gshpBasketRow_carrierHeading th,
.gshpBasketStep4 .gshpBasketRow_carrierHeading th,
.gshpChoices .gshpBasketRow_carrierHeading th {
  border-bottom: 1px solid #f2f2f2;
  color: #212529;
  font-size: 1rem; }

.gshpBasketStep2 tr.gshpBasketRow_data td,
.gshpBasketStep4 tr.gshpBasketRow_data td,
.gshpChoices tr.gshpBasketRow_data td {
  border-bottom: 1px solid #f2f2f2; }

.gshpBasketStep2 .gshpBasketRow_paymentModeHeading th,
.gshpBasketStep4 .gshpBasketRow_paymentModeHeading th,
.gshpChoices .gshpBasketRow_paymentModeHeading th {
  border-bottom: 1px solid #f2f2f2;
  font-size: 1rem;
  color: #212529; }

table.gshpBasketTable.gshpBasketCommandSummaryActions tr {
  background: white; }
  table.gshpBasketTable.gshpBasketCommandSummaryActions tr:hover td {
    background: white; }
  table.gshpBasketTable.gshpBasketCommandSummaryActions tr:nth-child(odd) {
    background: white; }

.gshpBasketB2BPage .gshpBasketStep1 table.total-block {
  pointer-events: initial; }

.gshpBasketB2BPage table.total-block {
  pointer-events: initial; }

.gshpBasketB2BPage .gssProductList .global-owl-carousel .owl-carousel .owl-nav {
  left: -58px;
  width: 96vw; }

.LastStep.gshpBasketCommandSummary {
  float: left;
  width: 100%; }
  .LastStep.gshpBasketCommandSummary .gshpPrice {
    white-space: nowrap; }
    .LastStep.gshpBasketCommandSummary .gshpPrice span {
      white-space: nowrap; }
  .LastStep.gshpBasketCommandSummary .gshpBasket_vat span, .LastStep.gshpBasketCommandSummary .gshpBasket_totalVatAmount span, .LastStep.gshpBasketCommandSummary .gshpBasket_grossMargin span, .LastStep.gshpBasketCommandSummary .gshpBasket_suggestedPrice span {
    white-space: nowrap; }

.LastStep table.gshpBasketTable tr.gshpBasketRow_separator td {
  height: 10px;
  background: white; }

.LastStep table.gshpBasketTable .gshpBasketPreface {
  height: 0;
  padding: 0;
  padding-bottom: 10px; }

.LastStep table.gshpBasketTable thead span {
  line-height: 26px;
  font-size: .9rem; }

.LastStep .gshpBasketRow_headingCells th {
  padding: 10px 2px; }

.LastStep .gshpBasketCommandSummary thead tr {
  background: white;
  border: none; }
  .LastStep .gshpBasketCommandSummary thead tr:hover td {
    background: white; }
  .LastStep .gshpBasketCommandSummary thead tr.gshpBasketRow_date td {
    text-align: left; }
  .LastStep .gshpBasketCommandSummary thead tr:nth-child(odd) {
    background: white; }
  .LastStep .gshpBasketCommandSummary thead tr.gshpBasketRow_summaryMsg .gshpSummaryMsg {
    font-size: 1rem;
    padding-bottom: 10px;
    text-align: left; }
  .LastStep .gshpBasketCommandSummary thead tr.gshpBasketRow_summaryMsg .gshpSummaryMsgTooltip {
    display: flex;
    padding: 10px;
    border-radius: 6px;
    flex: 1 100%;
    text-align: left; }
    .LastStep .gshpBasketCommandSummary thead tr.gshpBasketRow_summaryMsg .gshpSummaryMsgTooltip h2, .LastStep .gshpBasketCommandSummary thead tr.gshpBasketRow_summaryMsg .gshpSummaryMsgTooltip .h2 {
      font-size: 20px;
      margin-bottom: 5px; }
    .LastStep .gshpBasketCommandSummary thead tr.gshpBasketRow_summaryMsg .gshpSummaryMsgTooltip p span {
      font-size: 18px;
      font-weight: 400; }
    .LastStep .gshpBasketCommandSummary thead tr.gshpBasketRow_summaryMsg .gshpSummaryMsgTooltip i {
      line-height: 28px;
      padding-top: 10px;
      padding-right: 10px; }

.LastStep .gshpBasketCommandSummary thead .gshpBasketRow_shippingModeHeading th {
  font-size: 16px; }

.LastStep .gshpBasketCommandSummary thead .gshpBasketRow_amount th {
  background: #f2f2f2;
  border: 1px solid #f8f8f8; }

.LastStep .gshpBasketCommandSummary thead td {
  text-align: left; }
  .LastStep .gshpBasketCommandSummary thead td.gshpBasketPreface {
    background: white; }
  .LastStep .gshpBasketCommandSummary thead td.gshpSummaryMsg {
    padding: 0;
    height: 40px;
    font-weight: 300; }

.LastStep .gshpBasketCommandSummary thead .gshpBasketRow_buttonBar {
  background: white; }

.LastStep .gshpBasketCommandSummary thead .gshpBasketCommandBar td {
  background: #fff; }

.LastStep .gshpBasketCommandSummary thead .gshpBasketButton_next {
  text-align: right; }

.LastStep .gshpBasketCommandSummary thead .gshpBasketRow_paymentModeHeading th {
  text-align: left; }

.LastStep .gshpBasketCommandSummary thead .label {
  color: #212529;
  font-weight: bold; }

.LastStep .gshpBasketCommandSummary thead div.gshpClientBasketDetail {
  padding: 0px; }

.LastStep .gshpBasketCommandSummary thead .gshpBasketRow_paymentMode p,
.LastStep .gshpBasketCommandSummary thead .gshpBasketRow_shipping p {
  font-size: 18px; }

.LastStep .gshpBasketCommandSummary tbody tr.gshpBasketRow_summaryMsg td,
.LastStep .gshpBasketCommandSummary tbody tr.gshpBasketRow_summaryMsg th,
.LastStep .gshpBasketCommandSummary tbody tr.gshpBasketRow_heading td,
.LastStep .gshpBasketCommandSummary tbody tr.gshpBasketRow_heading th {
  text-align: left; }

.LastStep p {
  color: #212529;
  margin-bottom: 0px; }
  .LastStep p.gshpCarrierTitle {
    font-size: 16px;
    color: black; }

.LastStep .total-block th:empty,
.LastStep .total-block td:empty {
  height: 0px;
  width: 0px;
  padding: 0px; }

.LastStep .total-block tr:not(.gshpBasketRow_total) .gshpBasketTotal_value,
.LastStep .total-block tr:not(.gshpBasketRow_total) .gshpBasketTotalQuantity_value {
  font-size: 16px !important; }

.LastStep .total-block.optionalFeeItemsBlock {
  border-collapse: inherit;
  margin-right: 10px;
  margin-top: 10px;
  pointer-events: none;
  padding-right: 0; }
  .LastStep .total-block.optionalFeeItemsBlock h4, .LastStep .total-block.optionalFeeItemsBlock .h4 {
    margin-bottom: 0;
    font-weight: bold; }
  .LastStep .total-block.optionalFeeItemsBlock tr td {
    border: 0;
    background: white;
    padding: 5px 10px;
    padding-right: 0; }

.LastStep .gshpBasketRow_addresses p {
  font-size: .9rem; }

table.gshpBasketTable.gshpBasketCommandSummaryActions tr.gshpBasketRow_buttonBar {
  background: white; }
  table.gshpBasketTable.gshpBasketCommandSummaryActions tr.gshpBasketRow_buttonBar:hover td {
    background: white; }
  table.gshpBasketTable.gshpBasketCommandSummaryActions tr.gshpBasketRow_buttonBar table.noPrint {
    width: 100%;
    float: right; }
    table.gshpBasketTable.gshpBasketCommandSummaryActions tr.gshpBasketRow_buttonBar table.noPrint tr.gshpBasketRow_buttonBar4 {
      display: flex; }
      table.gshpBasketTable.gshpBasketCommandSummaryActions tr.gshpBasketRow_buttonBar table.noPrint tr.gshpBasketRow_buttonBar4 .gshpBasketFirstButton {
        margin-right: auto; }
    table.gshpBasketTable.gshpBasketCommandSummaryActions tr.gshpBasketRow_buttonBar table.noPrint tr td, table.gshpBasketTable.gshpBasketCommandSummaryActions tr.gshpBasketRow_buttonBar table.noPrint th td {
      background: white;
      width: auto; }
    table.gshpBasketTable.gshpBasketCommandSummaryActions tr.gshpBasketRow_buttonBar table.noPrint tr:hover td, table.gshpBasketTable.gshpBasketCommandSummaryActions tr.gshpBasketRow_buttonBar table.noPrint th:hover td {
      background: white; }

.gshpClientBasket {
  font-size: .875rem; }
  .gshpClientBasket .btn-edit {
    width: 40px; }
  .gshpClientBasket div.gshpAddressBlock {
    margin-left: 0px; }
    .gshpClientBasket div.gshpAddressBlock .gshpAddressInfos {
      display: flex;
      flex-direction: column; }
  .gshpClientBasket .gshpAddressBasketTitle {
    margin-right: 20px; }

.gshpBasketCommentTextArea {
  padding: 15px; }

.gshpBasket_coupon-group {
  display: flex;
  flex-wrap: wrap;
  padding-right: 10px;
  align-items: flex-start;
  margin-left: -30px;
  float: left;
  width: calc(100% - 400px); }
  .gshpBasket_coupon-group .col-sm {
    flex-direction: row;
    align-items: flex-start;
    flex-wrap: wrap; }

.card .gshpBasket_coupon.couponBtn {
  margin-top: 15px; }

.card .gshpBasket_coupon.couponBtn {
  margin-top: 15px; }

.gshpBasket_coupon {
  width: 100%;
  min-height: 70px; }
  .gshpBasket_coupon.couponBtn {
    position: relative;
    flex: 1 auto;
    display: flex;
    flex-direction: column;
    margin-left: 0px;
    margin-right: 0px; }
    .gshpBasket_coupon.couponBtn input {
      max-width: 100%; }
    .gshpBasket_coupon.couponBtn .btn {
      width: 40px;
      height: 40px;
      padding: 0px; }
    .gshpBasket_coupon.couponBtn .descriptionCoupon {
      padding: 20px 0; }
  .gshpBasket_coupon label {
    font-size: 18px;
    display: block; }

.couponBtn {
  display: flex; }
  .couponBtn .btn-primary {
    align-self: center; }

.gshpBasketCommentTextArea {
  width: 100%; }

div.gshpBasketTitleBar {
  margin-bottom: inherit; }
  div.gshpBasketTitleBar::after {
    display: block;
    clear: both;
    content: ""; }

div.gshpClientBasket h2, div.gshpClientBasket .h2 {
  background: inherit;
  color: black; }

.gshpBasketLabelDiv {
  flex: 15%;
  padding-right: 20px; }

.gshpAutocompleter {
  flex: 15%; }
  .gshpAutocompleter .ui-widget::after {
    display: block;
    clear: both;
    content: ""; }
  .gshpAutocompleter .gshpBasketAutocompleteStatusLabel {
    font-size: 12px;
    margin-top: 8px; }

.gshpLastModificationSentence,
.gshpExpectedShippingDateLabel {
  font-size: 12px;
  margin-top: 8px; }

.gshpBasketImport {
  flex: 25%; }

.gshpBasketShippingDate {
  flex: 15%;
  padding-right: 20px; }
  .gshpBasketShippingDate .popover {
    z-index: 100; }

.gshpBasket_buttonBar tr.gshpBasketRow_buttonBar2 td.gshpBasketButton,
.gshpBasketRow_buttonBar tr.gshpBasketRow_buttonBar2 td.gshpBasketButton {
  width: auto;
  padding-left: 20px; }

h2.gshpClientBasketTitle, .gshpClientBasketTitle.h2 {
  font-weight: 700; }

#ctrl_couponCode {
  margin-right: 10px; }

.gshpClientBasket {
  padding: 25px 0; }

div.gshpAddressesBasket {
  margin-right: -4;
  margin-left: -4;
  margin-left: 0px; }
  div.gshpAddressesBasket::after {
    display: block;
    clear: both;
    content: ""; }
  div.gshpAddressesBasket .gshpShippingAddress,
  div.gshpAddressesBasket .gshpInvoiceAddress {
    margin-right: -3;
    margin-left: -3; }
    div.gshpAddressesBasket .gshpShippingAddress::after,
    div.gshpAddressesBasket .gshpInvoiceAddress::after {
      display: block;
      clear: both;
      content: ""; }

div.gshpClientBasketDetail {
  margin-right: -2;
  margin-left: -2;
  margin-left: inherit;
  padding-left: 0px; }
  div.gshpClientBasketDetail::after {
    display: block;
    clear: both;
    content: ""; }

.gshpAutocompleter .ui-autocomplete-input {
  margin-right: -2;
  margin-left: -2; }
  .gshpAutocompleter .ui-autocomplete-input::after {
    display: block;
    clear: both;
    content: ""; }

div.setList {
  margin-right: -15px;
  margin-left: -15px; }
  div.setList::after {
    display: block;
    clear: both;
    content: ""; }

div.setThumbs {
  margin-right: -4;
  margin-left: -4; }
  div.setThumbs::after {
    display: block;
    clear: both;
    content: ""; }
  div.setThumbs &gt; .setThumb {
    margin-right: -2;
    margin-left: -2;
    margin-right: -2;
    margin-left: -1;
    margin-right: -1;
    margin-left: -1; }
    div.setThumbs &gt; .setThumb::after {
      display: block;
      clear: both;
      content: ""; }
    div.setThumbs &gt; .setThumb::after {
      display: block;
      clear: both;
      content: ""; }
    div.setThumbs &gt; .setThumb::after {
      display: block;
      clear: both;
      content: ""; }

div.setFullPicture {
  margin-right: -2;
  margin-left: -2; }
  div.setFullPicture::after {
    display: block;
    clear: both;
    content: ""; }

div.gshpSetDetailsProducts {
  margin-right: -6;
  margin-left: -6;
  margin-right: -4;
  margin-left: -4; }
  div.gshpSetDetailsProducts::after {
    display: block;
    clear: both;
    content: ""; }
  div.gshpSetDetailsProducts::after {
    display: block;
    clear: both;
    content: ""; }

div.gshpSetDetailsMainPicture {
  margin-right: -6;
  margin-left: -6;
  margin-right: -2;
  margin-left: -2; }
  div.gshpSetDetailsMainPicture::after {
    display: block;
    clear: both;
    content: ""; }
  div.gshpSetDetailsMainPicture::after {
    display: block;
    clear: both;
    content: ""; }

#carousel-looks .carousel-control {
  width: 9%;
  background: none; }

#carousel-looks .glyphicon-chevron-left,
#carousel-looks .glyphicon-chevron-right {
  margin-top: -9px;
  font-size: 20px;
  color: black; }

#carousel-looks .carousel-inner .carousel-item {
  margin: 0 20px; }

div.setList {
  width: inherit; }

div.setThumbs img.setThumb {
  border: none;
  padding: 0; }

div.setFullPicture {
  border: none;
  padding: 0; }
  div.setFullPicture img {
    margin: auto; }

div.gshpSetDetailsMainPicture {
  padding: inherit;
  margin: inherit;
  border: none; }
  div.gshpSetDetailsMainPicture img {
    margin: auto; }

div.gshpSetDetailsProducts {
  padding: inherit;
  margin: inherit;
  border: none; }

.gshp-myClientAccountEditionForm input[type="text"][readonly],
.gshp-myClientAccountEditionForm select[disabled] {
  width: auto;
  cursor: default; }

.searchProductList {
  display: flex;
  flex-wrap: wrap; }
  .searchProductList::after {
    display: block;
    clear: both;
    content: ""; }

.sdsSearchSelectTypeBlock .navbar-btn {
  margin-top: 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 20px 0 0; }
  .sdsSearchSelectTypeBlock .navbar-btn .btn-close {
    flex: 2; }
  .sdsSearchSelectTypeBlock .navbar-btn .btn-submit {
    flex: 1; }

.sdss-search {
  /* Grid View */ }
  .sdss-search .row,
  .sdss-search .col-xs-12 {
    padding: 0;
    margin: 0; }
  .sdss-search .sdsSearchPage {
    float: left;
    width: 100%;
    padding: 30px; }
    .sdss-search .sdsSearchPage .pagination .gshpProductPaginationPageState_on {
      font-weight: 300; }
    .sdss-search .sdsSearchPage .pagination li:last-child &gt; a:link {
      width: auto;
      margin-left: 10px;
      background-color: transparent;
      font-weight: normal; }
  .sdss-search .sdsSearchBlock {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap; }
  .sdss-search .gssSearchPanel .row:not(.gssGroup) {
    margin-left: -15px; }
  .sdss-search .sdsSearchSelectTypeBlock {
    padding: 0;
    margin-right: 30px;
    width: auto; }
    .sdss-search .sdsSearchSelectTypeBlock .bg-white {
      border-radius: 15px;
      border: 1px solid #e0e0e0;
      margin-right: 0px;
      padding: 15px; }
      .sdss-search .sdsSearchSelectTypeBlock .bg-white:empty {
        display: none; }
      .sdss-search .sdsSearchSelectTypeBlock .bg-white .ClientAssemblyForm {
        animation: translateLine 0.3s ease both;
        padding-top: 20px;
        padding-bottom: 20px; }
      .sdss-search .sdsSearchSelectTypeBlock .bg-white.sdsSearchClientBlock {
        margin-top: 30px; }
    .sdss-search .sdsSearchSelectTypeBlock .notif-counter {
      top: 6px;
      font-size: 16px;
      height: 30px;
      min-width: 30px;
      line-height: 26px;
      text-align: center;
      max-width: 100px;
      border-radius: 10px;
      right: 5px; }
  .sdss-search .sdsSearchResultsBlock {
    width: calc(100% - 400px);
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 15px;
    padding: 30px 15px;
    flex: 1 auto;
    min-height: 400px; }
    .sdss-search .sdsSearchResultsBlock .popover {
      margin-right: 10px;
      transition: transform 0.2s ease-out, opacity 0.2s linear; }
      .sdss-search .sdsSearchResultsBlock .popover .popover-content {
        padding: 10px; }
        .sdss-search .sdsSearchResultsBlock .popover .popover-content .gshpMultiGrid {
          padding: 10px 0px;
          float: none;
          width: 100%; }
    .sdss-search .sdsSearchResultsBlock .gssFilterRow {
      flex: 100%;
      align-items: center;
      justify-content: flex-start;
      flex-wrap: nowrap; }
    .sdss-search .sdsSearchResultsBlock .gssTitleRow h2, .sdss-search .sdsSearchResultsBlock .gssTitleRow .h2 {
      font-size: 1rem;
      margin-bottom: 0px;
      font-weight: 500;
      width: 110px; }
    .sdss-search .sdsSearchResultsBlock .search-results-wrapper {
      /* Range Slider */ }
      .sdss-search .sdsSearchResultsBlock .search-results-wrapper h6.bsLevel1, .sdss-search .sdsSearchResultsBlock .search-results-wrapper .bsLevel1.h6 {
        border-bottom: 5px solid #e0e0e0;
        margin: 0 0 15px;
        line-height: 40px; }
        .sdss-search .sdsSearchResultsBlock .search-results-wrapper h6.bsLevel1 span, .sdss-search .sdsSearchResultsBlock .search-results-wrapper .bsLevel1.h6 span {
          font-weight: 300;
          margin-bottom: 0;
          padding-bottom: 0.5em; }
      .sdss-search .sdsSearchResultsBlock .search-results-wrapper .navbar-filter-black .filter-Btn span:not(.material-icons-outlined) {
        display: none; }
      .sdss-search .sdsSearchResultsBlock .search-results-wrapper .gshpMultiGridProductSummary .ProductContentContainer {
        width: calc(100vw - 800px); }
      .sdss-search .sdsSearchResultsBlock .search-results-wrapper .gssSearchRow .gssFulltextInput {
        height: 50px;
        line-height: 50px; }
      .sdss-search .sdsSearchResultsBlock .search-results-wrapper .gssCurrentFacet .gssFacetModels .gssFacetOptions label {
        font-size: 16px; }
      .sdss-search .sdsSearchResultsBlock .search-results-wrapper table.gssSliderLabels,
      .sdss-search .sdsSearchResultsBlock .search-results-wrapper .gssSlider {
        margin: 0 auto;
        width: 100%; }
      .sdss-search .sdsSearchResultsBlock .search-results-wrapper table.gssSliderPriceLabels {
        width: 100%;
        margin: 0 auto; }
        .sdss-search .sdsSearchResultsBlock .search-results-wrapper table.gssSliderPriceLabels .gssSliderLabel {
          width: 100px;
          left: 0;
          text-align: left; }
    .sdss-search .sdsSearchResultsBlock .sdsSearchSection,
    .sdss-search .sdsSearchResultsBlock .ocsGlobalSearch {
      animation: translateLine 0.3s ease both; }
  .sdss-search .mvvm-productGrids-product {
    margin-top: 20px; }
  .sdss-search .my3dcatalogClient .title-zone {
    display: none; }
  .sdss-search .my3dcatalogClient .my3dcatalogClientView {
    padding: 0px;
    background: white; }
    .sdss-search .my3dcatalogClient .my3dcatalogClientView .my3dcatalogClientView-search-result {
      padding: 0px;
      box-shadow: none;
      width: 100%; }
  .sdss-search .search-paragraph {
    position: relative; }
    .sdss-search .search-paragraph input[type="radio"] + label {
      max-width: 200px; }
  .sdss-search .ocsGlobalSearch h6.bsLevel1, .sdss-search .ocsGlobalSearch .bsLevel1.h6 {
    display: none; }
  .sdss-search .ocsGlobalSearch .omcSummaryView {
    margin: 20px 0 0;
    padding-bottom: 20px;
    border-bottom: 1px solid #cccccc;
    display: flex;
    flex-wrap: nowrap; }
    .sdss-search .ocsGlobalSearch .omcSummaryView .omcSummaryViewFloatingImage {
      margin-right: 15px;
      max-width: 30%;
      float: left; }
      .sdss-search .ocsGlobalSearch .omcSummaryView .omcSummaryViewFloatingImage img {
        width: auto;
        height: auto;
        max-height: 134px;
        transition: transform 0.1s ease-out, opacity 0.1s linear; }
      .sdss-search .ocsGlobalSearch .omcSummaryView .omcSummaryViewFloatingImage a.link:hover img, .sdss-search .ocsGlobalSearch .omcSummaryView .omcSummaryViewFloatingImage a.link:focus img {
        transform: translate(1px, 1px);
        opacity: 0.7; }
    .sdss-search .ocsGlobalSearch .omcSummaryView .omcSummaryBlock {
      float: left; }
      .sdss-search .ocsGlobalSearch .omcSummaryView .omcSummaryBlock h4, .sdss-search .ocsGlobalSearch .omcSummaryView .omcSummaryBlock .h4 {
        font-size: 20px;
        font-weight: bold;
        line-height: 20px;
        color: #333;
        margin-bottom: 0.5em; }
      .sdss-search .ocsGlobalSearch .omcSummaryView .omcSummaryBlock .omcSummaryViewDescription {
        font-size: 16px; }
  .sdss-search .searchFormContent {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    line-height: 28px; }
  .sdss-search div.gshpMultiGrid .product-grid-summary .product-order-row .product-order-tooltip-td table.product-order-tooltip-inner {
    width: auto; }
  .sdss-search div.ProductImgContainer {
    width: 200px;
    min-width: 200px;
    max-width: 200px; }
  .sdss-search .gshpMultiGridProductSummary {
    padding-right: 0px; }
    .sdss-search .gshpMultiGridProductSummary .gshpGridProductDetailCode {
      margin: 12px 0px; }
    .sdss-search .gshpMultiGridProductSummary .ProductDescriptionContainer h5.price-zone, .sdss-search .gshpMultiGridProductSummary .ProductDescriptionContainer .price-zone.h5 {
      font-size: 14px; }
    .sdss-search .gshpMultiGridProductSummary .ProductDescriptionContainer .gshpProductPrice {
      font-size: 22px; }
    .sdss-search .gshpMultiGridProductSummary .gshpEcoTax {
      font-size: .8rem;
      font-weight: 300; }
  .sdss-search .gssGroupProducts .carousel {
    margin: 0 15px; }
  .sdss-search .gssGroupProducts .carousel .carousel-control {
    width: 9%;
    background: none;
    color: #4d4d4d;
    text-shadow: none;
    opacity: 1; }
  .sdss-search .gssGroupProducts .carousel .carousel-inner .carousel-item &gt; a {
    padding: 3px;
    margin: 0 2px;
    max-height: 54px; }
  .sdss-search .gssGroupProducts .carousel .btn-clear::before {
    padding: 5px; }
  .sdss-search .gssGroupProducts .carousel .carousel-inner .carousel-item,
  .sdss-search .gssGroupProducts .carousel .carousel-inner .carousel-item.active {
    left: 0px; }
  .sdss-search .gssGroupProducts .carousel .carousel-control .btn-square {
    width: 15px;
    top: -3px;
    line-height: 18px;
    height: 25px;
    padding: 0;
    margin: 0;
    vertical-align: middle;
    left: -3px; }
  .sdss-search .mvvm-productGrids-template .mvvm-productGrids-product .btn-legend {
    top: 22px;
    right: 2px; }

.btn-searchSubmit {
  float: none; }

/******************************************************************************
* stdBs4MdResponsive.scss
*******************************************************************************

*******************************************************************************
*                                                                             *
* Copyright 2022									                          *
*                                                                             *
******************************************************************************/
/* screen width 1600px */
@media screen and (min-width: 1599px) {
  .gshp-product-form .product-grid-summary .product-order-row .product-label-price-td {
    margin-right: 30px; } }

/* min width screen 1200px */
@media only screen and (min-width: 1199px) {
  .navbar-lastSeenContainer .global-owl-carousel .owl-carousel .owl-item a {
    text-align: center; }
  .navbar-lastSeenContainer .global-owl-carousel .owl-carousel .owl-nav {
    position: absolute;
    top: 25%;
    width: 110%;
    display: flex;
    justify-content: space-between;
    left: -5%;
    font-size: 58px; }
    .navbar-lastSeenContainer .global-owl-carousel .owl-carousel .owl-nav.disabled {
      display: none; }
  .header-search-toggle,
  button.close-header-search {
    display: none; }
  .gshpMultiGridProductSummaryRow .gshpMultiGridProductSummary .ProductContentContainer {
    width: calc(100vw - 450px); } }

/* max screen width 1280px */
@media (max-width: 1199px) {
  body .HomePage .col-sm-8 {
    width: 100%;
    max-width: 100%; }
  body .megamenuMarkup .img-hilight .img-hilight-col {
    max-width: 250px;
    margin-left: auto; }
  body .owl-carousel .owl-nav {
    font-size: 34px; }
  body #igshBstrap_lastSeenProductsList .owl-carousel {
    padding-top: 25px; }
    body #igshBstrap_lastSeenProductsList .owl-carousel .owl-nav {
      position: relative;
      top: 0;
      width: auto;
      display: block;
      left: 0;
      font-size: 34px;
      text-align: center;
      line-height: 10px;
      height: 10px; }
      body #igshBstrap_lastSeenProductsList .owl-carousel .owl-nav.disabled {
        display: none; }
      body #igshBstrap_lastSeenProductsList .owl-carousel .owl-nav button.owl-next, body #igshBstrap_lastSeenProductsList .owl-carousel .owl-nav button.owl-prev {
        background: none !important;
        color: inherit !important; }
  .col-productpage-left {
    width: 250px; }
  .firstRow {
    width: calc(100% - 250px);; }
  .gshopContainer .product-page .price-zone .gshpProductPrice {
    line-height: 1; }
  .gshopContainer .product-page .price-label {
    font-size: 18px; }
  .gshopContainer .product-page .ProductDescDiv .tariff-aspects {
    width: 180px; }
    .gshopContainer .product-page .ProductDescDiv .tariff-aspects .gshpStockLevelInHeader.gshpCutRelativePrice,
    .gshopContainer .product-page .ProductDescDiv .tariff-aspects .price-zone {
      width: 180px;
      padding-left: 15px; }
  .gshopContainer .product-page .ProductDescDiv .col-productpage-left .thumbnail {
    text-align: center; }
  .gshopContainer .product-page .ProductDescDiv .col-productpage-left .firstRow .sdsActionButton {
    display: none; }
  .gshopContainer .product-page .ProductDescDiv .gshpMultiGridProductSummary {
    width: calc(100% - 230px); }
  .gshpGridBlockForm .gshp-dimensions-form, .gshp-product-form .gshp-dimensions-form {
    width: 300px; }
    .gshpGridBlockForm .gshp-dimensions-form input:not(.quantity-order-input), .gshpGridBlockForm .gshp-dimensions-form select, .gshpGridBlockForm .gshp-dimensions-form textarea, .gshp-product-form .gshp-dimensions-form input:not(.quantity-order-input), .gshp-product-form .gshp-dimensions-form select, .gshp-product-form .gshp-dimensions-form textarea {
      width: 180px; }
  .d-sm-flex .gshp-dimensions-info {
    padding: 0; }
    .d-sm-flex .gshp-dimensions-info .tableInfo {
      margin-top: 10px; }
      .d-sm-flex .gshp-dimensions-info .tableInfo .d-sm-flex {
        flex-direction: column; }
        .d-sm-flex .gshp-dimensions-info .tableInfo .d-sm-flex td {
          max-width: 100% !important; }
  .sdss-search .sdsSearchBlock {
    flex-direction: column;
    display: block; }
    .sdss-search .sdsSearchBlock .sdsSearchSelectTypeBlock {
      width: 100%;
      margin-bottom: 15px;
      margin-right: 0; }
      .sdss-search .sdsSearchBlock .sdsSearchSelectTypeBlock .bg-white {
        width: 100%; }
    .sdss-search .sdsSearchBlock .sdsSearchForm .sdsButtonBar {
      padding-right: 0px; }
    .sdss-search .sdsSearchBlock .sdsSearchResultsBlock {
      width: 100%; }
      .sdss-search .sdsSearchBlock .sdsSearchResultsBlock .gshpMultiGridProductSummary .ProductContentContainer {
        width: calc(100vw - 450px); }
      .sdss-search .sdsSearchBlock .sdsSearchResultsBlock .gssGroupProducts .carousel .carousel-inner {
        height: 50px; }
      .sdss-search .sdsSearchBlock .sdsSearchResultsBlock .rmm {
        max-width: initial;
        margin-bottom: 15px; }
  .sdss-search .sdsSearchForm {
    display: flex;
    flex-wrap: wrap; }
    .sdss-search .sdsSearchForm .search-paragraph {
      margin: 15px; }
    .sdss-search .sdsSearchForm label {
      min-width: inherit; }
    .sdss-search .sdsSearchForm .sdsSearchSelectTypeBlock .notif-counter {
      border-radius: 50px;
      position: relative;
      border-width: 0px;
      margin-left: 2px; }
    .sdss-search .sdsSearchForm .sdsSearchSelectTypeBlock input[type="radio"] + label {
      min-width: inherit; }
  .sdss-search .sdsSearchSelectTypeBlock .search-paragraph .notif-counter {
    position: relative;
    top: 0;
    right: 0;
    border-width: 1px;
    padding: 0 5px; }
  /* product page */
  .product-page div.gshpMultiGrid .product-grid-summary .product-label-price-td &gt; div, .product-page div.gshpMultiGrid .product-grid-summary .product-order-tooltip-td &gt; div, .product-page div.gshpMultiGrid .product-grid-summary .product-order-total-td &gt; div, .product-page .gshpGridBlockForm .product-grid-summary .product-label-price-td &gt; div, .product-page .gshpGridBlockForm .product-grid-summary .product-order-tooltip-td &gt; div, .product-page .gshpGridBlockForm .product-grid-summary .product-order-total-td &gt; div, .product-page .gshp-product-form .product-grid-summary .product-label-price-td &gt; div, .product-page .gshp-product-form .product-grid-summary .product-order-tooltip-td &gt; div, .product-page .gshp-product-form .product-grid-summary .product-order-total-td &gt; div, .product-page div.gshpMultiGrid .product-grid-summary .product-order-row .product-order-prices {
    width: 100%; }
  .product-page div.gshpMultiGrid .product-grid-summary .product-order-row .product-order-tooltip-td .stockMsg span, .product-page div.gshpMultiGrid .product-grid-summary .product-order-row .product-order-tooltip-td .stockDateMsg span, .product-page div.gshpMultiGrid .product-grid-summary .product-order-row .product-order-tooltip-td .totalMsg span, .product-page .gshpGridBlockForm .product-grid-summary .product-order-row .product-order-tooltip-td .stockMsg span, .product-page .gshpGridBlockForm .product-grid-summary .product-order-row .product-order-tooltip-td .stockDateMsg span, .product-page .gshpGridBlockForm .product-grid-summary .product-order-row .product-order-tooltip-td .totalMsg span, .product-page .gshp-product-form .product-grid-summary .product-order-row .product-order-tooltip-td .stockMsg span, .product-page .gshp-product-form .product-grid-summary .product-order-row .product-order-tooltip-td .stockDateMsg span, .product-page .gshp-product-form .product-grid-summary .product-order-row .product-order-tooltip-td .totalMsg span {
    min-width: 20px; }
  .product-page .gshpMultiGridProductSummary .ProductContentContainer {
    width: calc(100% - 30px); }
  /* Sales Rep Space*/
  .expandGrid, .back-to-top {
    padding: 10px; }
    .expandGrid span:not(.material-icons-outlined), .back-to-top span:not(.material-icons-outlined) {
      display: none; }
  .gshp-salesRepClientCard .title-wrapper h3, .gshp-salesRepClientCard .title-wrapper .h3 {
    font-size: 20px; }
  .gshp-salesRepClientCard .content.container &gt; .row &gt; .col-xs-12 div:nth-of-type(3) table &gt; tbody &gt; tr &gt; td:first-child {
    padding: 4px; }
  .gshp-salesRepClientCard .content.container .sdsLayoutGrid h6.bsLevel1, .gshp-salesRepClientCard .content.container .sdsLayoutGrid .bsLevel1.h6,
  .gshp-salesRepClientCard .content.container .sdsLayoutGrid h6 span,
  .gshp-salesRepClientCard .content.container .sdsLayoutGrid .h6 span {
    font-size: 22px; }
  #otherClientBaskets,
  #currentClientBaskets,
  #salesRepClients {
    margin-top: 10px; }
    #otherClientBaskets .k-grid-header-wrap table th,
    #currentClientBaskets .k-grid-header-wrap table th,
    #salesRepClients .k-grid-header-wrap table th {
      background-color: #fff;
      border: none;
      vertical-align: middle;
      padding: 10px 0px;
      font-weight: 700; }
      #otherClientBaskets .k-grid-header-wrap table th a,
      #currentClientBaskets .k-grid-header-wrap table th a,
      #salesRepClients .k-grid-header-wrap table th a {
        padding: 10px; }
  .k-grid table {
    /*table-layout: auto;*/ }
    .k-grid table td {
      border: none;
      color: #4d4d4d;
      white-space: nowrap; }
      .k-grid table td .btn-small {
        height: 32px; }
        .k-grid table td .btn-small span {
          display: none; }
      .k-grid table td .btn {
        padding: .275rem; }
        .k-grid table td .btn.btn-small-mini span {
          width: 40px; }
      .k-grid table td:nth-last-child(3n) {
        max-width: 50px; }
  .gshp-salesRepClientCard .sdsActionButton {
    margin-bottom: 6px; }
  .gshp-salesRepClientCard .col-sm-offset-1 {
    margin: 10px 0; }
  .content &gt; .row {
    margin-right: 0px; }
  .navbar-premenu .navbar-form .header-search {
    pointer-events: none;
    width: 100%;
    height: 95px;
    overflow: hidden;
    position: fixed;
    left: 0;
    z-index: 2001;
    padding-left: 0; }
  .navbar-premenu .navbar-header .brand-name {
    border-left: 1px solid #b3b3b3;
    padding-left: 20px;
    margin-left: 19px;
    line-height: 50px;
    font-size: 22px;
    color: #4d4d4d;
    max-width: 450px; }
  .header-search-inner {
    padding: 20px;
    height: auto;
    background: #fff;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    display: none;
    position: relative; }
  .gshpCategoryList {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px; }
    .gshpCategoryList .col-subCat-item .thumbnail {
      width: auto;
      min-width: 260px;
      border-radius: 15px; }
  .gshpProductList .gshpSectionGroupProductRow {
    display: block; }
  .gshpProductList div.ProductImgContainer {
    width: 222px; }
  .gshopContainer .product-page .title h3, .gshopContainer .product-page .title .h3 {
    font-size: 30px; }
  .gshopContainer .product-page .price-zone .price-label {
    font-size: 18px; }
  .gshopContainer .product-page .price-zone .gshpProductPrice {
    font-size: 16px;
    line-height: 1; }
  .gshopContainer .product-page .price-label {
    font-size: 18px; }
  .gshopContainer .product-page .ProductDescDiv .tariff-aspects {
    width: 180px; }
    .gshopContainer .product-page .ProductDescDiv .tariff-aspects .gshpCutRelativePrice,
    .gshopContainer .product-page .ProductDescDiv .tariff-aspects .price-zone {
      width: 180px; }
  .gshopContainer .product-page .ProductDescDiv .gshpMultiGridProductSummary {
    width: 100%;
    padding: 0; }
  .navbar-premenu .navbar-form .header-search {
    pointer-events: none;
    width: 100%;
    height: 95px;
    overflow: hidden;
    position: fixed;
    left: 0;
    z-index: 2001;
    padding-left: 0; }
  .header-search-inner {
    padding: 20px;
    height: auto;
    background: #fff;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    display: none;
    position: relative; }
  .product-page #carousel-product-mainpicture .carousel-inner .carousel-item &gt; a {
    float: left;
    width: 33.33%; }
  /* Advenced Search */
  table.gssSliderLabels,
  .gssSlider {
    margin: 0 auto;
    width: 100%; }
  table.gssSliderPriceLabels {
    width: 100%;
    margin: 0 auto; }
    table.gssSliderPriceLabels .gssSliderLabel {
      width: 100px;
      left: 0;
      text-align: left; }
  /*Home Page*/
  .HomePage table.bsGrid &gt; tbody &gt; tr {
    display: block; }
    .HomePage table.bsGrid &gt; tbody &gt; tr &gt; td:not(:last-child) {
      display: block;
      width: 100%; }
      .HomePage table.bsGrid &gt; tbody &gt; tr &gt; td:not(:last-child) .odfFormContent {
        background-color: transparent;
        box-shadow: none; }
        .HomePage table.bsGrid &gt; tbody &gt; tr &gt; td:not(:last-child) .odfFormContent .staticPictures {
          display: -webkit-flex;
          /* Safari */
          display: flex; }
  .HomePage .ocsBody-grid .advColumnContent p.bsText {
    display: block; }
  /*Actuality Page*/
  table.actualityGrid colgroup,
  table.actualityGrid thead {
    display: block; }
  table.actualityGrid &gt; tbody &gt; tr &gt; td {
    display: block; }
    table.actualityGrid &gt; tbody &gt; tr &gt; td.odd &gt; div.advSolidSeparatorH, table.actualityGrid &gt; tbody &gt; tr &gt; td.odd &gt; div.advColumns {
      float: left; }
      table.actualityGrid &gt; tbody &gt; tr &gt; td.odd &gt; div.advSolidSeparatorH td.advColumn, table.actualityGrid &gt; tbody &gt; tr &gt; td.odd &gt; div.advColumns td.advColumn {
        padding: 0 15px 0 0; }
    table.actualityGrid &gt; tbody &gt; tr &gt; td &gt; div.advColumns {
      min-height: 0; }
  table.actualityGrid table tr:nth-child(odd) td.advColumn:last-child div.advColumnContent,
  table.actualityGrid table tr td.advColumn:last-child div.advColumnContent {
    max-width: 813px; }
  .gshpProductList .gshpSectionGroupProductRow {
    flex-wrap: wrap; }
  .gshpProductList div.ProductImgContainer {
    width: 222px; }
  .gshpProductList .gshpMultiGridProductSummary .gshpMultiGridProductLayout {
    width: 250px; }
    .gshpProductList .gshpMultiGridProductSummary .gshpMultiGridProductLayout .ProductDescriptionContainer {
      margin-right: 15px;
      width: 160px; }
  .gshpProductList .gshpMultiGridProductSummary .gshpMultiGrid {
    margin-left: 10px; }
  /* actulity page */
  table.actualityGrid colgroup,
  table.actualityGrid thead {
    display: block; }
  table.actualityGrid .advColumns {
    background: white;
    border-radius: 15px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    padding: 15px; }
  /* Product page */
  .gshp-productCatalog .product-page .description-container {
    padding-right: 0px; }
    .gshp-productCatalog .product-page .description-container .firstRow .title {
      flex: 1;
      padding-right: 10px; }
      .gshp-productCatalog .product-page .description-container .firstRow .title h3, .gshp-productCatalog .product-page .description-container .firstRow .title .h3 {
        font-size: 34px; }
  .gshp-productCatalog .product-page .gshpGridBlock {
    min-width: 600px; }
  .gshp-productCatalog .nav-tabs li a {
    max-width: 100%; }
  .gshp-productCatalog .tariff-aspects {
    /*order: -1;
            position: absolute;*/
    right: 0;
    max-width: 24%; }
  .mvvm-productGrids-product .gshpMultiGridProductSummary .gshpMultiGridProductLayout {
    margin-right: 10px; }
  .mvvm-productGrids-product .gshpMultiGridProductSummary .ProductDescriptionContainer {
    width: 100% !important; }
    .mvvm-productGrids-product .gshpMultiGridProductSummary .ProductDescriptionContainer .gshpStockLevelInProductDescription {
      font-size: 14px; }
  div.gshpMultiGrid .gshpMvvmProductGrid .product-grid-summary table.product-order-tooltip-inner {
    width: 100%; }
  div.gshpMultiGrid .product-grid-summary .product-order-row .product-order-tooltip-td, div.gshpMultiGrid .product-grid-summary .product-order-row .product-order-prices, .gshpGridBlockForm .product-grid-summary .product-order-row .product-order-tooltip-td, .gshpGridBlockForm .product-grid-summary .product-order-row .product-order-prices, .gshp-product-form .product-grid-summary .product-order-row .product-order-tooltip-td, .gshp-product-form .product-grid-summary .product-order-row .product-order-prices {
    width: 180px; }
  /* Form mode */
  .gshp-dimensions-form .field {
    text-align: left; }
  /* my orders page */
  .gshpBasketRow_addresses .gshpClientCodeBasket {
    margin-bottom: 0px;
    line-height: 1.5; }
  .gshpBasketRow_addresses .title-wrapper h3, .gshpBasketRow_addresses .title-wrapper .h3 {
    font-size: 18px;
    width: auto; }
  /* basket page */
  .gshpB2B-basket .gshpClientBasket .title-wrapper h3, .gshpB2B-basket .gshpClientBasket .title-wrapper .h3 {
    font-size: 18px;
    width: auto; }
  .footerShortcuts {
    height: auto; }
    .footerShortcuts .navbar {
      padding: 10px; }
  /* Search Zone */
  /*sdss-search .sdsSearchBlock .sdsSearchSelectTypeBlock .bg-white {
        width: 250px;
    }*/
  .gshpProductPrice {
    font-size: 16px; }
  .gshpMultiGridProductSummary {
    display: flex; }
  .gshpMultiGridProductSummary .ProductImgContainer {
    width: 150px;
    max-width: 150px; }
  /* Basket order import*/
  .drag-n-drop-zone .icon_24_arrow-descending {
    display: none; }
  .gshp-salesRepClientList div.sdsTableNavigationRow {
    width: auto;
    display: inline-block;
    float: right;
    margin: 10px 0;
    overflow-y: auto; }
  table.gshpBasketTable &gt; tbody {
    width: 100%; }
  table.gshpBasketItems.gshpBasketTable {
    display: block; }
  .product-page table.gshpBasketTable.gshpBasketItems {
    display: table; }
  .product-page .gshpGridBlockForm,
  .product-page .gshpMultiGridProductSummary {
    float: right; }
    .product-page .gshpGridBlockForm .gshp-product-form &gt; .row-flex,
    .product-page .gshpMultiGridProductSummary .gshp-product-form &gt; .row-flex {
      flex-direction: column; }
    .product-page .gshpGridBlockForm .gshp-dimensions-form,
    .product-page .gshpMultiGridProductSummary .gshp-dimensions-form {
      clear: both; }
      .product-page .gshpGridBlockForm .gshp-dimensions-form .row-flex,
      .product-page .gshpMultiGridProductSummary .gshp-dimensions-form .row-flex {
        align-items: flex-start; }
        .product-page .gshpGridBlockForm .gshp-dimensions-form .row-flex .field,
        .product-page .gshpMultiGridProductSummary .gshp-dimensions-form .row-flex .field {
          text-align: left; }
  .product-page #carousel-product-mainpicture .carousel-inner .carousel-item &gt; a.usageItem, .product-page #carousel-product-mainpicture .carousel-inner #basketShortcut .shopping-cart-popin-table tr td .carousel-item &gt; a.usageItem {
    max-height: 35px;
    padding: 6px;
    margin: 0 2px;
    float: left;
    width: auto;
    height: 35px; }
    .product-page #carousel-product-mainpicture .carousel-inner .carousel-item &gt; a.usageItem img, .product-page #carousel-product-mainpicture .carousel-inner #basketShortcut .shopping-cart-popin-table tr td .carousel-item &gt; a.usageItem img {
      height: 100%;
      max-height: 100%; }
  .product-page #carousel-product-mainpicture {
    margin-right: 5px;
    margin-left: 5px; }
    .product-page #carousel-product-mainpicture .carousel-control {
      height: 35px; }
      .product-page #carousel-product-mainpicture .carousel-control.left {
        left: -10px; }
  .product-page #carousel-product-mainpicture .carousel-inner .carousel-item.active {
    margin: 0 5px; }
    .product-page #carousel-product-mainpicture .carousel-inner .carousel-item.active.active {
      left: 5px;
      display: flex;
      flex-direction: row;
      flex: 1 100%;
      justify-content: flex-start; }
  .gshpBasketProductRow .form-group:not(.flex-full),
  .gshpBasketProductRow .gshpBasketShippingDate {
    flex: 25%; }
    .gshpBasketProductRow .form-group:not(.flex-full) h4, .gshpBasketProductRow .form-group:not(.flex-full) .h4,
    .gshpBasketProductRow .gshpBasketShippingDate h4,
    .gshpBasketProductRow .gshpBasketShippingDate .h4 {
      font-size: 14px; }
  .gshpBasketProductRow .gshpBasketImport {
    flex: inherit;
    margin-top: 24px;
    padding-left: 0; }
    .gshpBasketProductRow .gshpBasketImport h4, .gshpBasketProductRow .gshpBasketImport .h4 {
      font-size: 14px;
      margin-bottom: 0px; }
    .gshpBasketProductRow .gshpBasketImport #drag-n-drop-col {
      font-size: 14px; } }

/* max width screen 1200px */
@media screen and (max-width: 1200px) {
  body .navbar-premenu .navbar-header a.navbar-brand img.logoInPreMenu {
    display: none; }
  body .navbar-premenu .navbar-header a.navbar-brand img.logoInResponsive {
    display: block; }
  body .modal-footer-addBasket {
    flex-wrap: nowrap; }
    body .modal-footer-addBasket button, body .modal-footer-addBasket .btn {
      margin-right: 5px;
      padding: 10px; }
      body .modal-footer-addBasket button span:not(.material-icons):not(.material-icons-outlined), body .modal-footer-addBasket .btn span:not(.material-icons):not(.material-icons-outlined) {
        display: none; }
    body .modal-footer-addBasket .d-sm-flex {
      flex-wrap: nowrap; } }

/* max width screen 960px */
@media screen and (max-width: 960px) {
  #drag-n-drop-col,
  drag-n-drop-zone small,
  drag-n-drop-zone .small {
    display: none; }
  .gshpCategoryList {
    display: flex;
    flex-wrap: wrap; }
  div.gshpMultiGrid .product-grid-summary .product-order-row.flex-sm-row, .gshpGridBlockForm .product-grid-summary .product-order-row.flex-sm-row, .gshp-product-form .product-grid-summary .product-order-row.flex-sm-row {
    flex-wrap: wrap !important; }
  .product-page .col-productpage-left {
    width: 250px; } }

/* screen between  768px and 960px */
@media (min-width: 768px) and (max-width: 960px) {
  .gshpProductList .gshpSectionGroupProductRow {
    display: block; }
  .col-product-item {
    width: 33.333333333%; }
  /*Menu apps*/
  .apps-menu.apps-menu-desktop {
    width: 94%;
    min-width: inherit;
    max-width: 100%; }
  .k-grid table td {
    white-space: normal; }
  .staticPictures {
    flex-wrap: wrap; }
  /* search */
  .sdss-search .sdsSearchResultsBlock .gshpMultiGridProductSummary div.ProductImgContainer {
    width: 150px;
    min-width: 150px;
    max-width: 150px; }
  .sdss-search .sdsSearchResultsBlock .gshpMultiGridProductSummary .gshpMultiGridProductLayout {
    width: 150px; }
  .sdss-search .sdsSearchResultsBlock .gshpMultiGridProductSummary .gshpMultiGrid {
    width: 100%; }
  /* Videos */
  .Thumbnail .ocsBody-grid table tbody &gt; tr {
    display: flex;
    flex: 1 auto;
    flex-wrap: wrap; }
    .Thumbnail .ocsBody-grid table tbody &gt; tr &gt; td {
      width: 50%; }
      .Thumbnail .ocsBody-grid table tbody &gt; tr &gt; td td {
        width: 100%; }
  /* sales page */
  .gshp-salesRepCreateClientForm table.bsGrid tbody &gt; tr {
    display: flex;
    flex: 1 auto;
    flex-wrap: wrap; }
    .gshp-salesRepCreateClientForm table.bsGrid tbody &gt; tr &gt; td {
      width: 50%; }
      .gshp-salesRepCreateClientForm table.bsGrid tbody &gt; tr &gt; td td {
        width: 100%; }
  /* Account form */
  .usr-modifyAccount table.bsGrid tbody &gt; tr {
    display: flex;
    flex-direction: column; }
    .usr-modifyAccount table.bsGrid tbody &gt; tr &gt; td {
      width: 100%; }
  /* product page */
  .gshp-productCatalog .product-page .col-productpage-left {
    width: 250px; }
  .gshp-productCatalog .product-page .firstRow {
    width: calc(100% - 250px); }
  .gshp-productCatalog .product-page .gshpGridBlockForm .gshp-dimensions-form .row-flex,
  .gshp-productCatalog .product-page .gshpMultiGridProductSummary .gshp-dimensions-form .row-flex {
    align-items: flex-start; }
    .gshp-productCatalog .product-page .gshpGridBlockForm .gshp-dimensions-form .row-flex .field,
    .gshp-productCatalog .product-page .gshpMultiGridProductSummary .gshp-dimensions-form .row-flex .field {
      text-align: left; }
  .gshp-productCatalog .product-page .description-container .firstRow .title h3, .gshp-productCatalog .product-page .description-container .firstRow .title .h3 {
    font-size: 22px; }
  .gshp-productCatalog .product-page .price-zone .gshpProductPrice {
    font-size: 16px; }
  .gshp-productCatalog .product-page .tariff-aspects {
    max-width: 28%; }
  /* Header */
  .navbar-premenu .navbar-header .brand-name {
    font-size: 20px; }
  /* Sales Rep */
  .gshp-salesRepCreateClientForm table.bsGrid tr &gt; td {
    display: block;
    width: 100%; }
  /*Menu apps*/
  .apps-menu.apps-menu-desktop {
    width: 94%;
    min-width: inherit;
    max-width: 100%; }
  .gshp-product-form .product-grid-summary .product-order-row .product-order-tooltip-td .totalMsg {
    max-width: 160px; }
    .gshp-product-form .product-grid-summary .product-order-row .product-order-tooltip-td .totalMsg span {
      min-width: auto !important; } }

/* max width screen 768px */
@media screen and (max-width: 768px) {
  .sdsSearchResults .rmm {
    margin-bottom: 15px; }
  .navbar-UICategoryOptionsBar .row .col-xs-6 {
    display: none; } }

/* max width screen 767px */
@media (max-width: 767px) {
  select, textarea, input[type="text"], input[type="password"],
  input[type="datetime"], input[type="datetime-local"],
  input[type="date"], input[type="month"], input[type="time"],
  input[type="week"], input[type="number"], input[type="email"],
  input[type="url"], input[type="search"] {
    font-size: 16px !important; }
  body {
    margin-top: 107px !important;
    /* footer*/
    /* Quick Luncher */ }
    body .dark-overlay.Search-overlay {
      top: 130px; }
    body .preHome_body .preHome.content &gt; .centeredContent.row .login-image {
      padding: 0; }
      body .preHome_body .preHome.content &gt; .centeredContent.row .login-image .form-signin {
        width: 100%;
        height: 100vh;
        border-radius: 0;
        padding: 10px 20px; }
    body .preHome_body .preHome .centeredContent .usrLoginForm .usrLoginSubmit {
      padding: 6px 30px !important;
      margin: 0 !important;
      width: auto !important; }
    body .content.container.HomePage {
      padding: 15px 0;
      min-height: 0 !important; }
      body .content.container.HomePage .staticPictures {
        margin: 0; }
        body .content.container.HomePage .staticPictures .staticPicture {
          padding: 5px 5px 5px;
          width: 50%;
          margin-top: 0px;
          min-height: auto; }
      body .content.container.HomePage .global-owl-carousel .owl-carousel .owl-nav {
        top: 5%;
        width: 98%;
        left: 2px; }
        body .content.container.HomePage .global-owl-carousel .owl-carousel .owl-nav [class*=owl-] {
          width: 30px; }
    body .usr-modifyAccount .content.container, body .sf-form .content.container, body .usr-modifyAccount .content.container {
      padding: 0;
      min-height: auto !important; }
      body .usr-modifyAccount .content.container h6.bsLevel1 span, body .usr-modifyAccount .content.container .bsLevel1.h6 span, body .sf-form .content.container h6.bsLevel1 span, body .sf-form .content.container .bsLevel1.h6 span {
        font-size: 1rem; }
      body .usr-modifyAccount .content.container fieldset, body .sf-form .content.container fieldset, body .usr-modifyAccount .content.container fieldset {
        box-shadow: none;
        padding: 0; }
        body .usr-modifyAccount .content.container fieldset legend, body .sf-form .content.container fieldset legend, body .usr-modifyAccount .content.container fieldset legend {
          font-size: 1.1rem; }
        body .usr-modifyAccount .content.container fieldset h3.bsLevel2, body .usr-modifyAccount .content.container fieldset .bsLevel2.h3, body .usr-modifyAccount .content.container fieldset h6.bsLevel1, body .usr-modifyAccount .content.container fieldset .bsLevel1.h6, body .usr-modifyAccount .content.container fieldset h1.bsLevel0, body .usr-modifyAccount .content.container fieldset .bsLevel0.h1, body .sf-form .content.container fieldset h3.bsLevel2, body .sf-form .content.container fieldset .bsLevel2.h3, body .sf-form .content.container fieldset h6.bsLevel1, body .sf-form .content.container fieldset .bsLevel1.h6, body .sf-form .content.container fieldset h1.bsLevel0, body .sf-form .content.container fieldset .bsLevel0.h1, body .usr-modifyAccount .content.container fieldset .bsLevel1.h6, body .usr-modifyAccount .content.container fieldset h1.bsLevel0 {
          font-size: 1rem;
          margin-top: 10px; }
        body .usr-modifyAccount .content.container fieldset td.odfControlLabelCell label, body .sf-form .content.container fieldset td.odfControlLabelCell label, body .usr-modifyAccount .content.container fieldset td.odfControlLabelCell label {
          font-size: .9rem; }
        body .usr-modifyAccount .content.container fieldset .odfControlRow.odfstringListField select, body .usr-modifyAccount .content.container fieldset .odfControlRow.odfstringListField input, body .usr-modifyAccount .content.container fieldset .odfControlRow.odfstringListField textarea, body .usr-modifyAccount .content.container fieldset .odfControlRow.odftextField select, body .usr-modifyAccount .content.container fieldset .odfControlRow.odftextField input, body .usr-modifyAccount .content.container fieldset .odfControlRow.odftextField textarea, body .usr-modifyAccount .content.container fieldset .odfmemoField.odfControlRow select, body .usr-modifyAccount .content.container fieldset .odfmemoField.odfControlRow input, body .usr-modifyAccount .content.container fieldset .odfmemoField.odfControlRow textarea, body .sf-form .content.container fieldset .odfControlRow.odfstringListField select, body .sf-form .content.container fieldset .odfControlRow.odfstringListField input, body .sf-form .content.container fieldset .odfControlRow.odfstringListField textarea, body .sf-form .content.container fieldset .odfControlRow.odftextField select, body .sf-form .content.container fieldset .odfControlRow.odftextField input, body .sf-form .content.container fieldset .odfControlRow.odftextField textarea, body .sf-form .content.container fieldset .odfmemoField.odfControlRow select, body .sf-form .content.container fieldset .odfmemoField.odfControlRow input, body .sf-form .content.container fieldset .odfmemoField.odfControlRow textarea, body .usr-modifyAccount .content.container fieldset .odfControlRow.odfstringListField select, body .usr-modifyAccount .content.container fieldset .odfControlRow.odfstringListField input, body .usr-modifyAccount .content.container fieldset .odfControlRow.odfstringListField textarea, body .usr-modifyAccount .content.container fieldset .odfControlRow.odftextField select, body .usr-modifyAccount .content.container fieldset .odfControlRow.odftextField input, body .usr-modifyAccount .content.container fieldset .odfControlRow.odftextField textarea, body .usr-modifyAccount .content.container fieldset .odfmemoField.odfControlRow select, body .usr-modifyAccount .content.container fieldset .odfmemoField.odfControlRow input, body .usr-modifyAccount .content.container fieldset .odfmemoField.odfControlRow textarea {
          width: 150px !important; }
        body .usr-modifyAccount .content.container fieldset .odfControlRow.odfstringListField:after, body .usr-modifyAccount .content.container fieldset .odfControlRow.odftextField:after, body .usr-modifyAccount .content.container fieldset .odfmemoField.odfControlRow:after, body .sf-form .content.container fieldset .odfControlRow.odfstringListField:after, body .sf-form .content.container fieldset .odfControlRow.odftextField:after, body .sf-form .content.container fieldset .odfmemoField.odfControlRow:after, body .usr-modifyAccount .content.container fieldset .odfControlRow.odfstringListField:after, body .usr-modifyAccount .content.container fieldset .odfControlRow.odftextField:after, body .usr-modifyAccount .content.container fieldset .odfmemoField.odfControlRow:after {
          display: none; }
        body .usr-modifyAccount .content.container fieldset .bbsRow.row, body .sf-form .content.container fieldset .bbsRow.row, body .usr-modifyAccount .content.container fieldset .bbsRow.row {
          align-items: center;
          display: flex;
          flex-wrap: nowrap; }
          body .usr-modifyAccount .content.container fieldset .bbsRow.row .bbsSpan p.bsText, body .sf-form .content.container fieldset .bbsRow.row .bbsSpan p.bsText, body .usr-modifyAccount .content.container fieldset .bbsRow.row .bbsSpan p.bsText {
            font-weight: 500; }
      body .usr-modifyAccount .content.container .navbar.sdsButtonBar, body .sf-form .content.container .navbar.sdsButtonBar, body .usr-modifyAccount .content.container .navbar.sdsButtonBar {
        float: right; }
    body .usr-modifyAccount .bbsRow .bbsSpan {
      padding: 0; }
    body .usr-modifyAccount h6.bsLevel1 span, body .usr-modifyAccount .bsLevel1.h6 span {
      font-size: 1rem; }
    body .usr-modifyAccount .content.container .odfControlRow {
      width: 120px; }
      body .usr-modifyAccount .content.container .odfControlRow input {
        width: 100% !important; }
    body .usr-modifyAccount .content.container fieldset {
      padding: 10px; }
      body .usr-modifyAccount .content.container fieldset table tr td {
        width: 100px !important; }
    body .usr-modifyAccount .content.container td.odfControlLabelCell label {
      font-size: .875rem;
      font-weight: 400;
      margin-bottom: 0; }
    body table.tabStandardTable thead, body table.tabStandardTable colgroup {
      display: none; }
    body .gshp-salesRepSpace .col-xs-12, body .gshp-salesRepSpace .col-sm-7, body .gshp-salesRepPendingBaskets .col-xs-12, body .gshp-salesRepPendingBaskets .col-sm-7, body .gshp-salesRepClientCard .col-xs-12, body .gshp-salesRepClientCard .col-sm-7, body .gshp-salesRepSharedBaskets .col-xs-12, body .gshp-salesRepSharedBaskets .col-sm-7 {
      padding: 0; }
    body .gshp-salesRepSpace h6.bsLevel1, body .gshp-salesRepSpace .bsLevel1.h6, body .gshp-salesRepSpace .bsLevel1, body .gshp-salesRepPendingBaskets h6.bsLevel1, body .gshp-salesRepPendingBaskets .bsLevel1.h6, body .gshp-salesRepPendingBaskets .bsLevel1, body .gshp-salesRepClientCard h6.bsLevel1, body .gshp-salesRepClientCard .bsLevel1.h6, body .gshp-salesRepClientCard .bsLevel1, body .gshp-salesRepSharedBaskets h6.bsLevel1, body .gshp-salesRepSharedBaskets .bsLevel1.h6, body .gshp-salesRepSharedBaskets .bsLevel1 {
      font-size: 1.1rem;
      max-width: 80%; }
    body .gshp-salesRepSpace .tile-group.tile-sales-rep .tile, body .gshp-salesRepPendingBaskets .tile-group.tile-sales-rep .tile, body .gshp-salesRepClientCard .tile-group.tile-sales-rep .tile, body .gshp-salesRepSharedBaskets .tile-group.tile-sales-rep .tile {
      width: 100%;
      display: flex;
      justify-content: space-between; }
    body .gshp-salesRepSpace .gshpActionBar .btn, body .gshp-salesRepSpace .SalesRepDashboard .btn, body .gshp-salesRepPendingBaskets .gshpActionBar .btn, body .gshp-salesRepPendingBaskets .SalesRepDashboard .btn, body .gshp-salesRepClientCard .gshpActionBar .btn, body .gshp-salesRepClientCard .SalesRepDashboard .btn, body .gshp-salesRepSharedBaskets .gshpActionBar .btn, body .gshp-salesRepSharedBaskets .SalesRepDashboard .btn {
      padding: 10px; }
      body .gshp-salesRepSpace .gshpActionBar .btn span:not(.material-icons-outlined), body .gshp-salesRepSpace .SalesRepDashboard .btn span:not(.material-icons-outlined), body .gshp-salesRepPendingBaskets .gshpActionBar .btn span:not(.material-icons-outlined), body .gshp-salesRepPendingBaskets .SalesRepDashboard .btn span:not(.material-icons-outlined), body .gshp-salesRepClientCard .gshpActionBar .btn span:not(.material-icons-outlined), body .gshp-salesRepClientCard .SalesRepDashboard .btn span:not(.material-icons-outlined), body .gshp-salesRepSharedBaskets .gshpActionBar .btn span:not(.material-icons-outlined), body .gshp-salesRepSharedBaskets .SalesRepDashboard .btn span:not(.material-icons-outlined) {
        display: none; }
    body .gshp-salesRepSpace #SecondaryAccountUserName, body .gshp-salesRepPendingBaskets #SecondaryAccountUserName, body .gshp-salesRepClientCard #SecondaryAccountUserName, body .gshp-salesRepSharedBaskets #SecondaryAccountUserName {
      display: none; }
    body .gshp-salesRepSpace .widthIcon, body .gshp-salesRepPendingBaskets .widthIcon, body .gshp-salesRepClientCard .widthIcon, body .gshp-salesRepSharedBaskets .widthIcon {
      width: 100% !important;
      min-width: 200px; }
    body .gshp-salesRepSpace .form-group, body .gshp-salesRepPendingBaskets .form-group, body .gshp-salesRepClientCard .form-group, body .gshp-salesRepSharedBaskets .form-group {
      margin: 0; }
    body .gshp-salesRepSpace .container.content .row-header-btn.repRow, body .gshp-salesRepPendingBaskets .container.content .row-header-btn.repRow, body .gshp-salesRepClientCard .container.content .row-header-btn.repRow, body .gshp-salesRepSharedBaskets .container.content .row-header-btn.repRow {
      padding: 15px 10px;
      align-items: flex-start; }
    body .gshp-salesRepSpace .SalesRepDashboard, body .gshp-salesRepPendingBaskets .SalesRepDashboard, body .gshp-salesRepClientCard .SalesRepDashboard, body .gshp-salesRepSharedBaskets .SalesRepDashboard {
      width: 100%;
      padding: 0;
      margin: 15px 0; }
      body .gshp-salesRepSpace .SalesRepDashboard .col-sm-5, body .gshp-salesRepPendingBaskets .SalesRepDashboard .col-sm-5, body .gshp-salesRepClientCard .SalesRepDashboard .col-sm-5, body .gshp-salesRepSharedBaskets .SalesRepDashboard .col-sm-5 {
        padding: 0 !important; }
      body .gshp-salesRepSpace .SalesRepDashboard .costumers-block, body .gshp-salesRepPendingBaskets .SalesRepDashboard .costumers-block, body .gshp-salesRepClientCard .SalesRepDashboard .costumers-block, body .gshp-salesRepSharedBaskets .SalesRepDashboard .costumers-block {
        position: relative;
        width: 100% !important;
        margin-top: 15px; }
    body .gshp-salesRepSpace .content.container &gt; .row &gt; .col-xs-12 div:nth-of-type(3), body .gshp-salesRepPendingBaskets .content.container &gt; .row &gt; .col-xs-12 div:nth-of-type(3), body .gshp-salesRepClientCard .content.container &gt; .row &gt; .col-xs-12 div:nth-of-type(3), body .gshp-salesRepSharedBaskets .content.container &gt; .row &gt; .col-xs-12 div:nth-of-type(3) {
      background: white;
      box-shadow: none; }
    body .gshp-salesRepSpace div.sdsButtonBar .sdsActionButton.btn, body .gshp-salesRepPendingBaskets div.sdsButtonBar .sdsActionButton.btn, body .gshp-salesRepClientCard div.sdsButtonBar .sdsActionButton.btn, body .gshp-salesRepSharedBaskets div.sdsButtonBar .sdsActionButton.btn {
      padding: 10px; }
    body .gshp-salesRepSpace .col-sm-offset-1, body .gshp-salesRepPendingBaskets .col-sm-offset-1, body .gshp-salesRepClientCard .col-sm-offset-1, body .gshp-salesRepSharedBaskets .col-sm-offset-1 {
      margin: 30px 0px; }
    body .gshp-salesRepSpace .costumers-block, body .gshp-salesRepPendingBaskets .costumers-block, body .gshp-salesRepClientCard .costumers-block, body .gshp-salesRepSharedBaskets .costumers-block {
      padding: 15px; }
    body .gshp-salesRepSpace .k-pager-wrap .k-pager-numbers li, body .gshp-salesRepPendingBaskets .k-pager-wrap .k-pager-numbers li, body .gshp-salesRepClientCard .k-pager-wrap .k-pager-numbers li, body .gshp-salesRepSharedBaskets .k-pager-wrap .k-pager-numbers li {
      margin-left: 4px; }
    body .ClientInfos div.odfFormContent {
      padding: 15px; }
    body .gshp-salesRepSharedBaskets .container.content, body .gshp-salesRepPendingBaskets .container.content {
      background: white;
      padding: 15px; }
      body .gshp-salesRepSharedBaskets .container.content .currentClientBasketsSection, body .gshp-salesRepPendingBaskets .container.content .currentClientBasketsSection {
        margin: 0;
        padding: 15px; }
    body #otherClientBaskets.k-grid table, body #currentClientBaskets.k-grid table, body #salesRepClients.k-grid table {
      overflow-x: inherit;
      display: table; }
    body .sme-openPage .content.container {
      padding: 20px 0px; }
      body .sme-openPage .content.container h6.bsLevel1, body .sme-openPage .content.container .bsLevel1.h6 {
        font-size: 1.2rem;
        font-weight: 500;
        margin-bottom: 0px; }
      body .sme-openPage .content.container table.actualityGrid .advColumns {
        border-radius: 0;
        box-shadow: none;
        margin-bottom: 10px;
        width: 100% !important; }
      body .sme-openPage .content.container .bsHeading1 .bsHeading1Content .bsText a {
        font-size: .9rem;
        font-weight: 500; }
    body .sme-openPage .ocsBody-grid .tablelayout-fixed &gt; tr {
      display: flex;
      flex-direction: column; }
    body .sme-openPage .ocsBody-grid table tr:nth-child(odd) td:last-child, body .sme-openPage .ocsBody-grid .ocsBody-grid table tr td:last-child, body .sme-openPage .ocsBody-grid .advColumns table tr:nth-child(odd) td:last-child, body .sme-openPage .ocsBody-grid .advColumns table tr td:last-child {
      display: block;
      width: 100%; }
    body .ocs-genViewCard div.advColumns {
      width: 100% !important; }
    body .ocs-genViewCard h6.bsLevel1, body .ocs-genViewCard .bsLevel1.h6 {
      font-size: 1.1rem;
      font-weight: 500; }
    body .ocs-genViewCard .advColumns table tr {
      display: block; }
    body .ocs-genViewCard .ocsBody-grid .tablelayout-fixed &gt; tr {
      display: flex;
      flex-direction: column; }
    body .ocs-genViewCard .ocsBody-grid .tablelayout-fixed colgroup {
      display: none; }
    body .ocs-genViewCard .ocsBody-grid table tr:nth-child(odd) td:last-child, body .ocs-genViewCard .ocsBody-grid .ocsBody-grid table tr td:last-child, body .ocs-genViewCard .ocsBody-grid .advColumns table tr:nth-child(odd) td:last-child, body .ocs-genViewCard .ocsBody-grid .advColumns table tr td:last-child, body .ocs-genViewCard .ocsBody-grid table tr:nth-child(odd) td, body .ocs-genViewCard .ocsBody-grid .ocsBody-grid table tr td, body .ocs-genViewCard .ocsBody-grid .advColumns table tr:nth-child(odd) td, body .ocs-genViewCard .ocsBody-grid .advColumns table tr td {
      display: block;
      width: 100%; }
    body .row {
      margin-left: 0 !important;
      margin-right: 0 !important; }
      body .row .breadcrumb {
        justify-content: flex-start;
        padding: 0; }
    body .d-xs-none {
      display: none !important; }
    body .flex-xs-column {
      flex-direction: column !important; }
    body .col-xs-9 {
      flex: 0 0 75%;
      max-width: 75%; }
    body .col-xs-3 {
      flex: 0 0 25%;
      max-width: 25%; }
    body .px-sm-0 {
      padding-left: 0 !important;
      padding-right: 0 !important; }
    body .pb-sm-2 {
      padding-bottom: 1rem !important; }
    body .justify-content-sm-center {
      justify-content: center !important; }
    body .flex-xs-col {
      flex-direction: column !important; }
      body .flex-xs-col .gshpProductAddtoCartCell {
        width: 100%; }
    body .mr-sm-2 {
      margin-right: 4px; }
    body .ml-sm-2 {
      margin-left: 0.5rem !important; }
    body .ml-xs-auto {
      margin-left: auto; }
    body .mx-sm-2 {
      margin-right: 4px;
      margin-left: 4px; }
    body .mb-sm-3 {
      margin-bottom: 20px; }
    body .ml-sm-3, body .mx-sm-3 {
      margin-left: 1rem;
      margin-right: 1rem; }
    body .flex-xs-nowrap {
      display: flex;
      flex-wrap: nowrap; }
    body .align-items-sm-center {
      align-items: center; }
    body .d-sm-flex {
      display: flex; }
    body .flex-xs-nowrap {
      flex-wrap: wrap !important; }
    body .align-items-sm-end {
      align-items: flex-end; }
    body .my-md-4 {
      margin-bottom: 1.5rem;
      margin-top: 1.5rem; }
    body .p-sm-2 {
      padding: 0.5rem; }
    body .my-sm-2 {
      margin-bottom: 0.5rem;
      margin-top: 0.5rem; }
    body .text-sm-right {
      text-align: right; }
    body .justify-content-sm-between {
      justify-content: space-between !important; }
    body .flex-sm-wrap {
      flex-wrap: wrap; }
    body .col-xs-12, body .col-full {
      padding-left: 15px;
      padding-right: 15px; }
    body .toast {
      min-width: auto;
      left: 8px;
      max-width: 94%; }
      body .toast.toast-fixed {
        z-index: 1080; }
    body div.gshpMultiGrid .product-grid-summary .product-order-row .product-order-prices {
      width: 100%; }
    body div.gshpMultiGrid .product-grid-summary table td {
      width: 100vw; }
    body .popover {
      margin-right: 0;
      width: 95%;
      left: 5px !important; }
      body .popover #popoverclose {
        position: absolute;
        right: 6px;
        top: 6px; }
      body .popover .product-order-tooltip-inner {
        margin-top: 20px;
        margin-bottom: 10px; }
        body .popover .product-order-tooltip-inner p:not(.warning-msg) {
          line-height: 26px;
          margin-bottom: 0;
          justify-content: space-between; }
    body .modal .modal-footer .btnSpan {
      display: none; }
    body h1, body .h1 {
      font-size: 1.2rem; }
    body h2, body .h2 {
      font-size: 1.1rem; }
    body .usrLoginForm {
      background-color: white;
      padding: 0px 0 10px; }
      body .usrLoginForm .logoInResponsive {
        max-height: 100px;
        display: block; }
      body .usrLoginForm .logoInPreMenu {
        display: none; }
    body .header {
      position: absolute !important; }
      body .header .principal-nav {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        margin: 0;
        height: 100%;
        width: 100%;
        padding: 0 6px 8px 6px;
        border-top: 1px solid #ededed;
        background: white;
        box-shadow: 0px 1px 0px -2px rgba(0, 0, 0, 0.1), 0px 1px 1px 0px rgba(0, 0, 0, 0.1), 0px 1px 2px 0px rgba(0, 0, 0, 0.1); }
        body .header .principal-nav .navbar-toggler {
          display: block;
          padding: 5px 0 0 0; }
        body .header .principal-nav .row {
          margin-left: -15px;
          margin-right: -15px; }
        body .header .principal-nav .basketShortcut .dropdown-menu {
          padding: 0px 10px; }
        body .header .principal-nav .nav-item.open .dropdown-toggle::after, body .header .principal-nav .nav-item.show .dropdown-toggle::after {
          transform: rotate(180deg); }
        body .header .principal-nav .nav-item.open .dropdown-menu, body .header .principal-nav .nav-item.show .dropdown-menu {
          display: block;
          position: relative;
          max-height: 100%;
          max-width: 100%;
          width: 100%;
          box-shadow: none;
          padding: 0;
          margin: 0;
          min-height: auto; }
          body .header .principal-nav .nav-item.open .dropdown-menu .close, body .header .principal-nav .nav-item.show .dropdown-menu .close {
            display: none; }
          body .header .principal-nav .nav-item.open .dropdown-menu .yamm-content, body .header .principal-nav .nav-item.show .dropdown-menu .yamm-content {
            padding: 0px 15px; }
            body .header .principal-nav .nav-item.open .dropdown-menu .yamm-content .row, body .header .principal-nav .nav-item.show .dropdown-menu .yamm-content .row {
              margin: 0 -15px !important; }
            body .header .principal-nav .nav-item.open .dropdown-menu .yamm-content .see-all, body .header .principal-nav .nav-item.show .dropdown-menu .yamm-content .see-all {
              margin: 0; }
            body .header .principal-nav .nav-item.open .dropdown-menu .yamm-content .list-unstyled.col-md-2, body .header .principal-nav .nav-item.show .dropdown-menu .yamm-content .list-unstyled.col-md-2 {
              width: 50%;
              min-width: auto; }
        body .header .principal-nav .nav-item a:not(.see-all) span {
          white-space: normal; }
        body .header .principal-nav .navbar-collapse.collapse:not(.show), body .header .principal-nav .navbar-collapse.collapsing:not(.show) {
          display: none; }
      body .header .navbar-premenu .navbar-brand {
        height: 60%;
        margin: 0; }
        body .header .navbar-premenu .navbar-brand img.logoInResponsive {
          display: block; }
        body .header .navbar-premenu .navbar-brand img.logoInPreMenu {
          display: none; }
      body .header .navbar-premenu .close-header-search .material-icons-outlined {
        left: auto; }
      body .header .navbar-premenu div.navbar-collapse .navbar-nav.quotationShortcut .dropdown {
        position: inherit; }
        body .header .navbar-premenu div.navbar-collapse .navbar-nav.quotationShortcut .dropdown .dropdown-basket-shopping {
          top: 65px;
          width: 100%;
          padding: 0 10px; }
      body .header .navbar-premenu .dropdown-shopping .navbar-collapse .basketSummary_body,
      body .header .navbar-premenu .dropdown-basket-shopping .navbar-collapse .basketSummary_body,
      body .header .navbar-premenu .dropdown-shoppingB2B .navbar-collapse .basketSummary_body {
        min-width: inherit !important; }
      body .header .navbar-premenu .shopping-cart-popin-tabletable, body .header .navbar-premenu .shopping-cart-popin-table thead, body .header .navbar-premenu .shopping-cart-popin-table tbody, body .header .navbar-premenu .shopping-cart-popin-table th, body .header .navbar-premenu .shopping-cart-popin-table td {
        width: auto !important; }
        body .header .navbar-premenu .shopping-cart-popin-tabletable.active-cart-name .d-sm-flex, body .header .navbar-premenu .shopping-cart-popin-table thead.active-cart-name .d-sm-flex, body .header .navbar-premenu .shopping-cart-popin-table tbody.active-cart-name .d-sm-flex, body .header .navbar-premenu .shopping-cart-popin-table th.active-cart-name .d-sm-flex, body .header .navbar-premenu .shopping-cart-popin-table td.active-cart-name .d-sm-flex {
          height: auto !important; }
        body .header .navbar-premenu .shopping-cart-popin-tabletable .btn-link, body .header .navbar-premenu .shopping-cart-popin-table thead .btn-link, body .header .navbar-premenu .shopping-cart-popin-table tbody .btn-link, body .header .navbar-premenu .shopping-cart-popin-table th .btn-link, body .header .navbar-premenu .shopping-cart-popin-table td .btn-link {
          text-align: center !important;
          width: 100% !important; }
      body .header .navbar-premenu .shopping-cart-popin-table tr.active-cart-canAdd {
        padding: 10px 0; }
      body .header .navbar-premenu .shopping-cart-popin-table tr .active-cart-icon span {
        font-size: 1.1rem;
        padding: 0; }
      body .header .navbar-premenu .shopping-cart-popin-table tr .active-cart-name {
        width: 60% !important; }
        body .header .navbar-premenu .shopping-cart-popin-table tr .active-cart-name a {
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis; }
      body .header .navbar-premenu .shopping-cart-popin-table tr .gshp-card-icon {
        padding: 0 !important; }
      body .header .navbar-premenu .shopping-cart-popin-table tr .gshp-shop-card tr {
        justify-content: flex-start;
        align-items: flex-start;
        flex-wrap: nowrap;
        border: 0;
        padding: 0; }
        body .header .navbar-premenu .shopping-cart-popin-table tr .gshp-shop-card tr .gshp-card-quantity {
          margin: 0px 10px 0px 22px; }
        body .header .navbar-premenu .shopping-cart-popin-table tr .gshp-shop-card tr .gshp-shop-price {
          text-align: left !important; }
      body .header .navbar-premenu .shopping-cart-popin-table tr .gshp-card-delete {
        margin-left: auto; }
      body .header .navbar-premenu #basketShortcut .shopping-cart-popin-table tr td {
        padding: 5px;
        min-width: inherit !important; }
      body .header .navbar-premenu .brand-name {
        font-size: 1rem;
        line-height: inherit; }
      body .header .navbar-premenu .navbar-form .header-search {
        pointer-events: none;
        width: 100%;
        height: 95px;
        overflow: hidden;
        position: fixed;
        left: 0;
        z-index: 2001;
        padding-left: 0; }
        body .header .navbar-premenu .navbar-form .header-search .search-wrapper.input-group {
          top: 0;
          width: calc(100% - 60px) !important;
          min-width: auto; }
      body .header .navbar-premenu .navbar-header .brand-name {
        padding-left: 5px;
        margin-left: 0px;
        font-size: .9rem;
        font-weight: 500;
        text-overflow: ellipsis;
        overflow: hidden;
        line-height: 25px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical; }
      body .header .navbar-premenu .accountMenu #MainAccountUserName, body .header .navbar-premenu .accountMenu #SecondaryAccountUserName {
        display: none; }
      body .header .navbar-premenu .accountMenu .AccountUserNameIcon {
        display: block; }
      body .header .navbar-premenu #basketShortcut .BasketIcon {
        color: #212529; }
        body .header .navbar-premenu #basketShortcut .BasketIcon span:not(.notif-counter) {
          color: #212529; }
      body .header .navbar-toggle {
        display: block; }
    body .principal-nav .navbar-nav &gt; .active &gt; a,
    body .principal-nav .navbar-nav &gt; .active &gt; a:hover,
    body .principal-nav .navbar-nav &gt; .active &gt; a:focus {
      background: transparent; }
    body .principal-nav li.nav-item {
      width: 100%; }
      body .principal-nav li.nav-item:not(:last-child) {
        border-bottom: 1px solid #ededed; }
      body .principal-nav li.nav-item:hover {
        background: transparent; }
      body .principal-nav li.nav-item a:before {
        display: none !important; }
    body .gssProductList .global-owl-carousel .owl-carousel .owl-nav {
      left: -10px; }
    body .gshpBasketB2BPage .gssProductList .global-owl-carousel .owl-carousel .owl-nav {
      left: -55px; }
    body .yamm .navbar-collapse {
      width: 100%; }
      body .yamm .navbar-collapse .container {
        height: 100%; }
      body .yamm .navbar-collapse .navbar-nav.collapse {
        display: none; }
      body .yamm .navbar-collapse .navbar-nav.collapse.show, body .yamm .navbar-collapse .navbar-nav.collapse.in, body .yamm .navbar-collapse .navbar-nav.collapsing {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        padding: 0;
        margin: 10px 0 0 0;
        height: 100%;
        max-width: 100%;
        border-top: 1px solid #ededed; }
      body .yamm .navbar-collapse .settings {
        right: 0px;
        top: -34px; }
      body .yamm .navbar-collapse #currentCommandTypeLabel .currentCommandTypeLabel {
        top: -30px; }
        body .yamm .navbar-collapse #currentCommandTypeLabel .currentCommandTypeLabel.short {
          max-width: 180px; }
      body .yamm .navbar-collapse .navbar-brand {
        display: none; }
      body .yamm .navbar-collapse.navbar {
        display: flex;
        align-items: flex-start;
        height: 100%; }
        body .yamm .navbar-collapse.navbar .container {
          height: 100%; }
    body .yamm .dropdown.yamm-fullwidth .dropdown-menu {
      width: auto;
      background: transparent; }
    body .yamm .yamm-content {
      padding-left: 0;
      padding-right: 0; }
    body .yamm .dropdown-menu &gt; li &gt; ul {
      display: block; }
    body .has-sub .dropdown-menu {
      float: none; }
    body .dropdown-submenu {
      width: 100%; }
      body .dropdown-submenu &gt; .dropdown-menu {
        margin-top: 0px;
        margin-left: 0px;
        border-radius: 0;
        left: 0; }
      body .dropdown-submenu a:after {
        display: none; }
    body .staticPictures .staticPicture {
      padding: 5px 0px 0px; }
    body .principal-nav .navbar-nav &gt; .active &gt; a,
    body .principal-nav .navbar-nav &gt; .active &gt; a:hover,
    body .principal-nav .navbar-nav &gt; .active &gt; a:focus {
      background: transparent; }
    body .principal-nav li:hover {
      background: transparent; }
    body .has-sub .dropdown-menu {
      float: none; }
    body .dropdown-submenu {
      width: 100%; }
      body .dropdown-submenu &gt; .dropdown-menu {
        margin-top: 0px;
        margin-left: 0px;
        border-radius: 0;
        left: 0; }
      body .dropdown-submenu a:after {
        display: none; }
    body .staticPictures .staticPicture {
      padding: 5px 0px 0px; }
    body .footer .Footerbottom {
      width: 100% !important; }
      body .footer .Footerbottom .FooterbottomBlock {
        flex-wrap: nowrap;
        padding: 0 !important;
        margin: 0 !important; }
        body .footer .Footerbottom .FooterbottomBlock ul.navbar-nav {
          font-size: .7rem; }
          body .footer .Footerbottom .FooterbottomBlock ul.navbar-nav li.divider-vertical {
            font-size: .7rem; }
          body .footer .Footerbottom .FooterbottomBlock ul.navbar-nav .hidden-xs a {
            font-size: .7rem; }
        body .footer .Footerbottom .FooterbottomBlock .nav.nav-lang li a {
          font-size: .7rem; }
    body .footer .Footerbottom {
      height: auto !important; }
    body .footer .footerShortcuts ul.nav.navbar-nav {
      padding: 0px 20px !important; }
    body #quick-launcher-btn {
      float: left;
      width: 40px;
      margin-left: 0px;
      z-index: 2000;
      left: 40px;
      position: absolute;
      top: 61px; }
      body #quick-launcher-btn .btn {
        background: transparent;
        border: 0;
        height: 40px;
        width: 40px;
        border-radius: 50%;
        color: #B5ACA2 !important;
        box-shadow: none !important;
        padding: 2px 7px 2px 5px; }
        body #quick-launcher-btn .btn span {
          color: #B5ACA2 !important;
          vertical-align: middle;
          left: 0px; }
        body #quick-launcher-btn .btn:hover, body #quick-launcher-btn .btn:focus, body #quick-launcher-btn .btn:active {
          background-color: #D5DDFF !important; }
        body #quick-launcher-btn .btn:before {
          display: none; }
    body #apps-menu-container {
      top: 105px;
      width: 90%;
      left: 5%; }
      body #apps-menu-container .apps-menu-top-nav .btn span:not(.material-icons-outlined) {
        display: none; }
    body #gshp-settings-pop-in .inner-item {
      margin-bottom: 6px;
      padding: 10px; }
      body #gshp-settings-pop-in .inner-item .form-check {
        min-height: 1.5rem;
        padding: 5px 20px; }
    body .breadcrumb {
      justify-content: center;
      padding: 0;
      background: transparent; }
    body .navbar-UICategoryOptionsBar .gssFilterRow {
      flex-wrap: wrap;
      justify-content: center; }
      body .navbar-UICategoryOptionsBar .gssFilterRow h2, body .navbar-UICategoryOptionsBar .gssFilterRow .h2 {
        font-size: 1rem; }
      body .navbar-UICategoryOptionsBar .gssFilterRow .gssTitleRow {
        display: none; }
      body .navbar-UICategoryOptionsBar .gssFilterRow .search-xs-div {
        width: 100% !important;
        margin: 0 auto 10px auto; }
      body .navbar-UICategoryOptionsBar .gssFilterRow #gridLegendBtn + .popover {
        width: 90%; }
        body .navbar-UICategoryOptionsBar .gssFilterRow #gridLegendBtn + .popover .popover-content div.gshpMultiGrid table.gshpMultiGridProductGridTable td:first-child {
          width: 60px; }
      body .navbar-UICategoryOptionsBar .gssFilterRow #gridLegendBtn {
        margin-left: 10px;
        order: 3; }
      body .navbar-UICategoryOptionsBar .gssFilterRow .navbar-right.navbar-filter-black {
        margin: 0 10px 0 0; }
      body .navbar-UICategoryOptionsBar .gssFilterRow .navbar-right .filter-Btn {
        padding: 2px 6px;
        width: 34px;
        height: 34px !important; }
        body .navbar-UICategoryOptionsBar .gssFilterRow .navbar-right .filter-Btn span:not(.material-icons-outlined) {
          display: none; }
      body .navbar-UICategoryOptionsBar .gssFilterRow .form-check {
        padding: 5px; }
      body .navbar-UICategoryOptionsBar .gssFilterRow .gssRemoveAllFiltersColumn {
        order: 2; }
        body .navbar-UICategoryOptionsBar .gssFilterRow .gssRemoveAllFiltersColumn span:not(.medium) {
          display: none; }
        body .navbar-UICategoryOptionsBar .gssFilterRow .gssRemoveAllFiltersColumn #removeAllfilters {
          padding: 2px 6px;
          width: 34px;
          height: 34px !important; }
    body .ModeButtonsRow {
      margin-left: 5px; }
    body .gssSubGroups .gssGroup .gssGroupHeaderRow {
      background: #f1f1f1;
      padding: 10px 5px;
      display: flex;
      flex-wrap: nowrap;
      align-items: center; }
      body .gssSubGroups .gssGroup .gssGroupHeaderRow a i {
        height: auto;
        width: auto;
        padding: 0;
        line-height: 50px; }
      body .gssSubGroups .gssGroup .gssGroupHeaderRow .gssGroupHeader {
        flex: 1;
        padding-right: 10px; }
        body .gssSubGroups .gssGroup .gssGroupHeaderRow .gssGroupHeader h3, body .gssSubGroups .gssGroup .gssGroupHeaderRow .gssGroupHeader .h3 {
          padding: 0;
          background: transparent;
          line-height: inherit;
          padding-left: 0; }
        body .gssSubGroups .gssGroup .gssGroupHeaderRow .gssGroupHeader h4, body .gssSubGroups .gssGroup .gssGroupHeaderRow .gssGroupHeader .h4 {
          margin-bottom: 0px;
          font-weight: 500;
          background-color: #f2f2f2;
          border-radius: 50px;
          color: black;
          font-size: .9rem;
          line-height: inherit;
          padding-left: 0; }
        body .gssSubGroups .gssGroup .gssGroupHeaderRow .gssGroupHeader h5, body .gssSubGroups .gssGroup .gssGroupHeaderRow .gssGroupHeader .h5 {
          margin-bottom: 0px;
          font-weight: 500;
          background-color: rgba(242, 242, 242, 0.6);
          border-radius: 50px;
          color: black;
          font-size: .8rem;
          line-height: inherit;
          padding-left: 0; }
        body .gssSubGroups .gssGroup .gssGroupHeaderRow .gssGroupHeader h6, body .gssSubGroups .gssGroup .gssGroupHeaderRow .gssGroupHeader .h6 {
          margin-bottom: 0px;
          font-weight: 500;
          background-color: rgba(242, 242, 242, 0.4);
          border-radius: 50px;
          font-size: .7rem;
          color: black;
          line-height: inherit;
          padding-left: 0; }
      body .gssSubGroups .gssGroup .gssGroupHeaderRow .gssClose {
        position: relative;
        width: auto; }
      body .gssSubGroups .gssGroup .gssGroupHeaderRow .gssBasketSummary {
        flex: 1;
        order: 2; }
        body .gssSubGroups .gssGroup .gssGroupHeaderRow .gssBasketSummary i {
          display: none; }
        body .gssSubGroups .gssGroup .gssGroupHeaderRow .gssBasketSummary span {
          padding: 0;
          align-items: center;
          font-size: 0.7rem;
          line-height: 14px; }
    body #filters-wrapper #filters-row.sticky {
      top: 0;
      margin-left: -20px;
      padding: 0; }
      body #filters-wrapper #filters-row.sticky .expandGrid {
        display: flex; }
      body #filters-wrapper #filters-row.sticky .filter-items {
        margin-left: 15px;
        margin-bottom: 10px; }
      body #filters-wrapper #filters-row.sticky .gssRemoveAllFiltersColumn {
        margin-top: 10px;
        margin-left: 10px;
        margin-bottom: 10px; }
        body #filters-wrapper #filters-row.sticky .gssRemoveAllFiltersColumn #removeAllfilters {
          margin-left: auto; }
          body #filters-wrapper #filters-row.sticky .gssRemoveAllFiltersColumn #removeAllfilters span:not(.material-icons-outlined) {
            display: none; }
    body #filters-wrapper .gshpMultiGridProductSummary .ProductContentContainer {
      width: 100%; }
    body #gss-search-panel {
      margin-top: 10px; }
    body .gssNewFacets {
      padding: 10px 15px 20px 15px;
      border: 1px solid #ededed; }
      body .gssNewFacets .btn-group {
        width: 100%; }
      body .gssNewFacets .gssSliderFacet {
        min-width: auto; }
      body .gssNewFacets .facet-filter-search {
        flex-direction: column;
        margin: 10px; }
        body .gssNewFacets .facet-filter-search &gt; * {
          margin: 5px 0;
          align-items: center;
          justify-content: flex-start; }
          body .gssNewFacets .facet-filter-search &gt; * span {
            max-width: 56px; }
      body .gssNewFacets .dropdown-menu.large, body .gssNewFacets .dropdown-block.large {
        width: 96vw;
        margin-left: -6vw !important; }
      body .gssNewFacets .filter-models-row {
        flex-direction: column; }
        body .gssNewFacets .filter-models-row .col-sm {
          max-width: 100% !important; }
    body .gssGroup .gssSubGroups .gssGroupHeaderRow .gssGroupHeader h3, body .gssGroup .gssSubGroups .gssGroupHeaderRow .gssGroupHeader .h3 {
      font-size: 1rem; }
    body .gssBtnBar {
      margin-top: 10px; }
    body .gshopContainer.container, body .gshopContainer .container, body .gshopContainer .col-full {
      padding: 0; }
    body .gshopContainer .gshpCategoryList {
      padding: 0; }
      body .gshopContainer .gshpCategoryList .badge-lg {
        margin-right: 0.25rem;
        margin-top: 0.25rem;
        margin-bottom: 0.25rem;
        font-size: .9rem; }
    body .gshopContainer .gshpMainPicture {
      margin-top: 5px;
      margin-bottom: 35px; }
    body .gshopContainer .category-page {
      margin: 0 auto; }
      body .gshopContainer .category-page h1, body .gshopContainer .category-page .h1 {
        font-size: 1.1rem;
        font-weight: 500;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: -25px; }
        body .gshopContainer .category-page h1::before, body .gshopContainer .category-page .h1::before {
          display: none; }
      body .gshopContainer .category-page p.category-desc {
        margin-left: 0;
        margin-bottom: 10px;
        font-size: .9rem; }
    body .gshopContainer .gssProductContainer {
      width: 100%; }
    body .gshopContainer .gssProductList, body .gshopContainer #carousel-linkedProduct .carousel-item.active {
      flex-direction: column; }
    body .gshopContainer .gshpMultiGridProductSummary div.ProductImgContainer .ProductMainImgBlock {
      height: auto; }
    body .gshopContainer .gshpMultiGridProductSummary {
      display: flex;
      flex-direction: column; }
      body .gshopContainer .gshpMultiGridProductSummary .ShowRef {
        margin: 10px 0px;
        display: flex;
        flex-wrap: nowrap; }
      body .gshopContainer .gshpMultiGridProductSummary .ProductContentContainer {
        width: 100%; }
      body .gshopContainer .gshpMultiGridProductSummary .product-order-prices.d-sm-flex {
        width: 100% !important; }
    body .gshopContainer .gshpMvvmProductGrid {
      flex-direction: column; }
    body .gshopContainer div.gshpMultiGrid .product-grid-summary .product-label-price-td &gt; div, body .gshopContainer div.gshpMultiGrid .product-grid-summary .product-order-tooltip-td &gt; div, body .gshopContainer div.gshpMultiGrid .product-grid-summary .product-order-total-td &gt; div, body .gshopContainer .gshpGridBlockForm .product-grid-summary .product-label-price-td &gt; div, body .gshopContainer .gshpGridBlockForm .product-grid-summary .product-order-tooltip-td &gt; div, body .gshopContainer .gshpGridBlockForm .product-grid-summary .product-order-total-td &gt; div {
      box-shadow: none;
      padding: 0; }
    body .gshopContainer div.gshpMultiGrid .gshpMvvmProductGrid .product-grid-summary table.product-order-tooltip-inner {
      display: none; }
    body .gshopContainer .mvvm-productGrids-product .gshpMultiGridProductSummary .ProductImgContainer, body .gshopContainer .mvvm-productGrids-product .gshpMultiGridProductSummary .gshpMultiGridProductLayout {
      width: 100%;
      max-width: 100%; }
      body .gshopContainer .mvvm-productGrids-product .gshpMultiGridProductSummary .ProductImgContainer .gshpGridProductDetailTitle, body .gshopContainer .mvvm-productGrids-product .gshpMultiGridProductSummary .gshpMultiGridProductLayout .gshpGridProductDetailTitle {
        font-size: 1.1rem; }
    body .gshopContainer .mvvm-productGrids-product .gshpMultiGridProductSummary .ProductImgContainer {
      height: 100%;
      min-height: auto; }
    body .gshopContainer .mvvm-productGrids-product .gshpMultiGridProductSummary .ProductDescriptionContainer &gt; div {
      text-align: center; }
    body .gshopContainer .mvvm-productGrids-product .gshpMultiGridProductSummary div.gshpMultiGrid {
      width: 100%;
      flex-direction: column;
      flex-wrap: nowrap;
      padding: 0;
      overflow: inherit; }
      body .gshopContainer .mvvm-productGrids-product .gshpMultiGridProductSummary div.gshpMultiGrid .gshpProductMultiGrid, body .gshopContainer .mvvm-productGrids-product .gshpMultiGridProductSummary div.gshpMultiGrid .gshpProductMonoGrid {
        width: 100%; }
      body .gshopContainer .mvvm-productGrids-product .gshpMultiGridProductSummary div.gshpMultiGrid .product-grid-summary #productGridSummaryTable {
        margin-left: 0px; }
      body .gshopContainer .mvvm-productGrids-product .gshpMultiGridProductSummary div.gshpMultiGrid .product-grid-summary .product-order-row, body .gshopContainer .mvvm-productGrids-product .gshpMultiGridProductSummary div.gshpMultiGrid .product-grid-summary .gshpGridBlockForm .product-grid-summary .product-order-row {
        flex-direction: column !important; }
      body .gshopContainer .mvvm-productGrids-product .gshpMultiGridProductSummary div.gshpMultiGrid .gshpMultiGridProductSummary {
        padding-left: 0;
        padding-right: 0; }
      body .gshopContainer .mvvm-productGrids-product .gshpMultiGridProductSummary div.gshpMultiGrid .product-grid-summary {
        padding-left: 0;
        margin-left: 0; }
        body .gshopContainer .mvvm-productGrids-product .gshpMultiGridProductSummary div.gshpMultiGrid .product-grid-summary .product-order-row .product-order-tooltip-td {
          min-width: auto;
          margin-bottom: 10px; }
          body .gshopContainer .mvvm-productGrids-product .gshpMultiGridProductSummary div.gshpMultiGrid .product-grid-summary .product-order-row .product-order-tooltip-td #popoverclose {
            display: none; }
        body .gshopContainer .mvvm-productGrids-product .gshpMultiGridProductSummary div.gshpMultiGrid .product-grid-summary .product-order-row .product-order-total-td {
          padding-left: 0;
          margin-left: 0;
          border: 0; }
        body .gshopContainer .mvvm-productGrids-product .gshpMultiGridProductSummary div.gshpMultiGrid .product-grid-summary .product-label-price-td table {
          width: 100%; }
        body .gshopContainer .mvvm-productGrids-product .gshpMultiGridProductSummary div.gshpMultiGrid .product-grid-summary table td:nth-child(2) {
          text-align: right;
          width: 100%; }
        body .gshopContainer .mvvm-productGrids-product .gshpMultiGridProductSummary div.gshpMultiGrid .product-grid-summary .product-order-total-td {
          width: 100%; }
        body .gshopContainer .mvvm-productGrids-product .gshpMultiGridProductSummary div.gshpMultiGrid .product-grid-summary table.product-order-tooltip-inner {
          width: 100%;
          max-width: 100%; }
      body .gshopContainer .mvvm-productGrids-product .gshpMultiGridProductSummary div.gshpMultiGrid .gshpMvvmProductGrid {
        overflow: hidden;
        flex-direction: column;
        flex-wrap: nowrap;
        align-items: start; }
    body .gshopContainer .mvvm-productGrids-product .gshpMultiGridProductSummary #filters-wrapper .gssRemoveAllFiltersColumn {
      order: 0; }
    body .gshopContainer .mvvm-productGrids-product .gssGroupProducts .carousel, body .gshopContainer .mvvm-productGrids-product .gshpMultiGridProductSummary .carousel {
      margin: 6px 0 10px 0; }
    body .gshopContainer .row-progress.progress-small {
      width: 320px; }
    body .stockMsg {
      font-size: .9rem !important; }
    body .gshpMultiGridProductSummary .gshpProductMultiGrid, body .gshpMultiGridProductSummary .gshpProductMonoGrid {
      width: 100%;
      margin-top: 10px; }
      body .gshpMultiGridProductSummary .gshpProductMultiGrid .product-grid-summary table.product-order-tooltip-inner, body .gshpMultiGridProductSummary .gshpProductMonoGrid .product-grid-summary table.product-order-tooltip-inner {
        display: block !important;
        padding: 0; }
    body .gshpMultiGridProductSummary .ProductContentContainer {
      width: 100% !important; }
    body .gshpMultiGridProductSummary div.gshpMultiGrid .product-grid-summary .product-order-row .product-order-tooltip-td, body .gshpMultiGridProductSummary .gshpGridBlockForm .product-grid-summary .product-order-row .product-order-tooltip-td, body .gshpMultiGridProductSummary .product-order-total-td, body .gshpMultiGridProductSummary .product-order-total-td, body .gshpMultiGridProductSummary .product-label-price-td, body .gshpMultiGridProductSummary .product-order-tooltip-td, body .gshpMultiGridProductSummary .product-order-total-td {
      width: 100%;
      margin: 0; }
      body .gshpMultiGridProductSummary div.gshpMultiGrid .product-grid-summary .product-order-row .product-order-tooltip-td &gt; div, body .gshpMultiGridProductSummary .gshpGridBlockForm .product-grid-summary .product-order-row .product-order-tooltip-td &gt; div, body .gshpMultiGridProductSummary .product-order-total-td &gt; div, body .gshpMultiGridProductSummary .product-order-total-td &gt; div, body .gshpMultiGridProductSummary .product-label-price-td &gt; div, body .gshpMultiGridProductSummary .product-order-tooltip-td &gt; div, body .gshpMultiGridProductSummary .product-order-total-td &gt; div {
        box-shadow: none !important;
        padding: 0 !important;
        margin: 0 !important;
        width: 100% !important; }
    body .gshpMultiGridProductSummary div.gshpMultiGrid #productGridSummaryTable.sticky, body .gshpMultiGridProductSummary .gshpGridBlockForm #productGridSummaryTable.sticky, body .gshpMultiGridProductSummary .gshp-product-form #productGridSummaryTable.sticky {
      margin: 0; }
    body .gshpMultiGridProductSummary .scrollDiv {
      height: 0px !important; }
    body .gshpMultiGridProductSummary .gshpMultiGridLayout2D &gt; table tr, body .gshpMultiGridProductSummary .gshpMultiGridLayout3D &gt; table tr {
      margin: 0 !important;
      padding: 0 !important;
      border: 0 !important; }
      body .gshpMultiGridProductSummary .gshpMultiGridLayout2D &gt; table tr td, body .gshpMultiGridProductSummary .gshpMultiGridLayout3D &gt; table tr td {
        padding: 0 !important; }
        body .gshpMultiGridProductSummary .gshpMultiGridLayout2D &gt; table tr td table.gshpMultiGridProductGridTable td, body .gshpMultiGridProductSummary .gshpMultiGridLayout3D &gt; table tr td table.gshpMultiGridProductGridTable td {
          padding: 6px 4px !important; }
    body .gshpBasketCell .product-grid-summary {
      display: none; }
    body .btn.expandGrid {
      display: none; }
    body .popover .product-label-price {
      width: 100%; }
      body .popover .product-label-price td:nth-child(2) {
        text-align: right;
        width: 100%; }
    body .popover .product-order-total-td {
      width: 100%; }
    body .mvvm-productGrids-product .gshpMultiGridProductSummary {
      padding-right: 0;
      flex-direction: column;
      display: flex; }
      body .mvvm-productGrids-product .gshpMultiGridProductSummary .gshpGridIncentiveMessages {
        display: flex;
        flex-direction: column;
        align-items: flex-start; }
    body .product-page .ProductDescDiv .gshpGridBlockForm, body .product-page .ProductDescDiv .gshpMultiGridProductSummary, body .gshp-product-form .gshpGridBlockForm, body .gshp-product-form .gshpMultiGridProductSummary {
      width: 100%; }
      body .product-page .ProductDescDiv .gshpGridBlockForm .gshp-dimensions-form, body .product-page .ProductDescDiv .gshpMultiGridProductSummary .gshp-dimensions-form, body .gshp-product-form .gshpGridBlockForm .gshp-dimensions-form, body .gshp-product-form .gshpMultiGridProductSummary .gshp-dimensions-form {
        width: 100%; }
      body .product-page .ProductDescDiv .gshpGridBlockForm .product-grid-summary .product-order-row .product-order-tooltip-td, body .product-page .ProductDescDiv .gshpMultiGridProductSummary .product-grid-summary .product-order-row .product-order-tooltip-td, body .gshp-product-form .gshpGridBlockForm .product-grid-summary .product-order-row .product-order-tooltip-td, body .gshp-product-form .gshpMultiGridProductSummary .product-grid-summary .product-order-row .product-order-tooltip-td {
        width: 100%; }
    body .product-page .ProductDescDiv .product-grid-summary .product-order-row .product-order-tooltip-td, body .product-page .ProductDescDiv product-grid-summary .product-order-row .product-label-price-td, body .gshp-product-form .product-grid-summary .product-order-row .product-order-tooltip-td, body .gshp-product-form product-grid-summary .product-order-row .product-label-price-td {
      width: 100%;
      margin: 0;
      max-width: 100%; }
    body .product-page .ProductDescDiv div.gshpMultiGrid #productGridSummaryTable, body .product-page .ProductDescDiv .gshpGridBlockForm #productGridSummaryTable, body .product-page .ProductDescDiv .gshp-product-form #productGridSummaryTable, body .product-page .ProductDescDiv #productGridSummaryTable, body .gshp-product-form div.gshpMultiGrid #productGridSummaryTable, body .gshp-product-form .gshpGridBlockForm #productGridSummaryTable, body .gshp-product-form .gshp-product-form #productGridSummaryTable, body .gshp-product-form #productGridSummaryTable {
      margin-left: 0 !important; }
    body .product-page .ProductDescDiv #popoverclose, body .gshp-product-form #popoverclose {
      display: none; }
    body #productGridPopupContent .gshpMultiGridProductSummary {
      flex-direction: column;
      display: flex; }
    body #productGridPopupContent .gshpMultiGridProductSummary div.ProductImgContainer {
      width: 100%;
      margin-bottom: 10px;
      max-width: 100%; }
    body #productGridPopupContent .form-block {
      width: 100% !important; }
    body #productGridPopupContent .gshp-product-form .product-grid-summary .product-order-tooltip-td &gt; div {
      padding: 0px; }
    body #productGridPopupContent .gshp-product-form .product-order-row .product-order-prices &gt; div {
      width: 100%;
      max-width: 100%;
      padding: 0px;
      margin-top: 5px;
      margin-right: 0px; }
      body #productGridPopupContent .gshp-product-form .product-order-row .product-order-prices &gt; div table {
        width: 100%; }
      body #productGridPopupContent .gshp-product-form .product-order-row .product-order-prices &gt; div div {
        padding: 0 !important; }
    body #productGridPopupContent .gshp-dimensions-info .tableInfo td.infotd {
      max-width: 100% !important; }
    body #productGridPopupContent .gshp-dimensions-info table {
      width: 100%; }
    body #productGridPopupContent .label-row {
      padding: 0; }
      body #productGridPopupContent .label-row h4, body #productGridPopupContent .label-row .h4 {
        margin-bottom: 0.1rem; }
    body .gshpBasketStep1 &gt; div {
      display: flex !important;
      flex-direction: column; }
      body .gshpBasketStep1 &gt; div .total-block {
        order: 1; }
      body .gshpBasketStep1 &gt; div .gshpBasket_coupon-group {
        width: 100%;
        padding: 0; }
      body .gshpBasketStep1 &gt; div .coupon-row {
        order: 0; }
        body .gshpBasketStep1 &gt; div .coupon-row .couponBtn {
          justify-content: flex-start; }
      body .gshpBasketStep1 &gt; div .gshpBasket_fees .panel-default:not(.card) {
        padding: 0; }
        body .gshpBasketStep1 &gt; div .gshpBasket_fees .panel-default:not(.card) #ctrl_couponCode {
          width: 82%;
          margin-left: 0;
          margin-right: 15px; }
      body .gshpBasketStep1 &gt; div .adress-row {
        order: 2;
        padding: 0; }
      body .gshpBasketStep1 &gt; div .productpromotion-row {
        order: 3; }
      body .gshpBasketStep1 &gt; div .gshpBasket_buttonBar {
        order: 4; }
    body .gshpB2B-basket .breadcrumb {
      justify-content: flex-start;
      padding-left: 15px; }
      body .gshpB2B-basket .breadcrumb .active {
        font-size: 1rem; }
    body .gshpB2B-basket .content.container {
      padding: 0; }
    body .gshpB2B-basket .gshpBasketProductRow {
      flex-direction: column; }
      body .gshpB2B-basket .gshpBasketProductRow .form-group, body .gshpB2B-basket .gshpBasketProductRow .gshpBasketShippingDate {
        flex: 1;
        width: 100%;
        padding-bottom: 10px;
        padding-right: 0; }
      body .gshpB2B-basket .gshpBasketProductRow .gshpBasketImport .drag-n-drop-zone .d-sm-flex {
        flex: 0 !important; }
    body .gshpB2B-basket #dropContainer small, body .gshpB2B-basket #dropContainer .small {
      display: none; }
    body .gshpB2B-basket .gshpBasketProductRow .gshpBasketImport {
      margin-top: 0;
      margin-bottom: 10px;
      width: 100%; }
    body .gshpB2B-basket .gshpBasket_clientAddresses, body .gshpB2B-basket .gshpBasketRow_addresses, body .gshpB2B-basket .gshpBasket_fees {
      min-width: auto;
      width: 100%; }
  .gshpBasket_coupon .couponBtn {
    display: flex;
    justify-content: space-around; }
  .gshopContainer .product-page .ProductDescDiv {
    flex-direction: column; }
    .gshopContainer .product-page .ProductDescDiv .image-container.col-productpage-left {
      width: 100%; }
      .gshopContainer .product-page .ProductDescDiv .image-container.col-productpage-left .btn-legend {
        top: 0px; }
      .gshopContainer .product-page .ProductDescDiv .image-container.col-productpage-left .thumbnail {
        height: auto; }
        .gshopContainer .product-page .ProductDescDiv .image-container.col-productpage-left .thumbnail img {
          width: 100%;
          height: auto; }
    .gshopContainer .product-page .ProductDescDiv .firstRow {
      width: 100%; }
      .gshopContainer .product-page .ProductDescDiv .firstRow .btn-clear.sdsActionButton {
        display: none; }
      .gshopContainer .product-page .ProductDescDiv .firstRow .btn-legend {
        display: none; }
      .gshopContainer .product-page .ProductDescDiv .firstRow .title, .gshopContainer .product-page .ProductDescDiv .firstRow .title h1 label, .gshopContainer .product-page .ProductDescDiv .firstRow .title .h1 label {
        text-align: center;
        justify-content: center;
        width: 100%; }
    .gshopContainer .product-page .ProductDescDiv .product-grid-summary .product-order-row {
      flex-direction: column; }
      .gshopContainer .product-page .ProductDescDiv .product-grid-summary .product-order-row .product-order-total-td {
        padding-left: 0;
        margin-left: 0;
        border: 0;
        max-width: 100% !important; }
  .product-tabs {
    flex-wrap: wrap; }
  div.gshpMultiGrid .gshpProductMultiGrid .product-grid-summary {
    margin-left: 0;
    padding-left: 0px; }
  div.gshpMultiGrid .gshpProductMultiGrid .product-order-tooltip-td {
    min-width: auto; }
  .gshp-productCatalog .nav-tabs li {
    flex: 0 auto !important; }
  .gshp-productCatalog .product-page .descrition-tabs-block .gshpGridBlock {
    min-width: auto; }
  .gshp-productCatalog .product-page .ProductDescDiv .gshpMultiGridProductSummary {
    width: 100%; }
  .gshp-productCatalog .product-page .ProductDescDiv .firstRow .title h1 label, .gshp-productCatalog .product-page .ProductDescDiv .firstRow .title .h1 label {
    width: 100%; }
  .gshp-productCatalog .product-page .ProductDescDiv #navbar-content .nav {
    justify-content: center;
    align-items: center; }
    .gshp-productCatalog .product-page .ProductDescDiv #navbar-content .nav .nav-item {
      margin: 5px 0px; }
      .gshp-productCatalog .product-page .ProductDescDiv #navbar-content .nav .nav-item a.link {
        margin: 0; }
  .gshp-productCatalog .product-page div.gshpMultiGrid .product-grid-summary .product-label-price-td, .gshp-productCatalog .product-page div.gshpMultiGrid .product-grid-summary .product-order-total-td {
    width: 100%;
    margin: 0;
    max-width: 100%; }
  .gshp-product-form .form-group {
    padding: 0; }
  #previewProductModal .gshp-dimensions-form textarea {
    width: 210px; }
  #igshBstrap_lastSeenProductsList h3.lastSeenProductsTitle, #igshBstrap_lastSeenProductsList .lastSeenProductsTitle.h3 {
    display: none; }
  .sdss-search .sdsSearchForm .search-paragraph {
    margin: 5px !important; }
  .sdss-search .sdsSearchBlock .sdsSearchForm .sdsSearchFullextLabel, .sdss-search .sdsSearchBlock .sdsSearchForm .searchFormContent {
    display: none; }
  .sdss-search .sdsSearchBlock .sdsSearchForm .sdsButtonBar {
    padding: 0 !important; }
  .sdss-search .sdsSearchResultsBlock .gshpMultiGridProductSummary .gshpMultiGrid {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column; }
    .sdss-search .sdsSearchResultsBlock .gshpMultiGridProductSummary .gshpMultiGrid .gshpMvvmProductGrid, .sdss-search .sdsSearchResultsBlock .gshpMultiGridProductSummary .gshpMultiGrid .product-grid-summary {
      margin-left: 0; }
      .sdss-search .sdsSearchResultsBlock .gshpMultiGridProductSummary .gshpMultiGrid .gshpMvvmProductGrid .product-order-row .product-order-tooltip-td, .sdss-search .sdsSearchResultsBlock .gshpMultiGridProductSummary .gshpMultiGrid .gshpMvvmProductGrid .product-order-row .product-label-price-td, .sdss-search .sdsSearchResultsBlock .gshpMultiGridProductSummary .gshpMultiGrid .gshpMvvmProductGrid .product-order-row .product-order-total-td, .sdss-search .sdsSearchResultsBlock .gshpMultiGridProductSummary .gshpMultiGrid .product-grid-summary .product-order-row .product-order-tooltip-td, .sdss-search .sdsSearchResultsBlock .gshpMultiGridProductSummary .gshpMultiGrid .product-grid-summary .product-order-row .product-label-price-td, .sdss-search .sdsSearchResultsBlock .gshpMultiGridProductSummary .gshpMultiGrid .product-grid-summary .product-order-row .product-order-total-td {
        min-width: auto;
        width: 100%; }
        .sdss-search .sdsSearchResultsBlock .gshpMultiGridProductSummary .gshpMultiGrid .gshpMvvmProductGrid .product-order-row .product-order-tooltip-td &gt; div, .sdss-search .sdsSearchResultsBlock .gshpMultiGridProductSummary .gshpMultiGrid .gshpMvvmProductGrid .product-order-row .product-label-price-td &gt; div, .sdss-search .sdsSearchResultsBlock .gshpMultiGridProductSummary .gshpMultiGrid .gshpMvvmProductGrid .product-order-row .product-order-total-td &gt; div, .sdss-search .sdsSearchResultsBlock .gshpMultiGridProductSummary .gshpMultiGrid .product-grid-summary .product-order-row .product-order-tooltip-td &gt; div, .sdss-search .sdsSearchResultsBlock .gshpMultiGridProductSummary .gshpMultiGrid .product-grid-summary .product-order-row .product-label-price-td &gt; div, .sdss-search .sdsSearchResultsBlock .gshpMultiGridProductSummary .gshpMultiGrid .product-grid-summary .product-order-row .product-order-total-td &gt; div {
          width: 100%; }
    .sdss-search .sdsSearchResultsBlock .gshpMultiGridProductSummary .gshpMultiGrid .expandGrid {
      display: none; }
  .sdss-search .mvvm-productGrids-product .gshpMultiGridProductSummary .gshpMultiGridProductLayout {
    width: 100%;
    text-align: center;
    margin-right: 0; }
  .sdss-search .gshpMvvmProductGrid, .sdss-search .product-grid-summary .product-order-row, .sdss-search .gshpGridBlockForm .product-grid-summary .product-order-row {
    flex-direction: column;
    justify-content: flex-start;
    flex-wrap: nowrap; }
  .sdss-search .gshpProductMultiGrid, .sdss-search .product-grid-summary .product-label-price-td, .sdss-search .product-grid-summary .product-order-row .product-order-total-td, .sdss-search .product-grid-summary .product-order-row .product-order-total-td {
    width: 100%;
    border: 0;
    margin-left: 0;
    padding-left: 0; }
  .sdss-search div.ProductImgContainer {
    width: 100% !important;
    max-width: 100% !important;
    min-height: auto; }
  .sdss-search .mvvm-productGrids-product .gshpMultiGridProductSummary .gshpMultiGridProductLayout {
    width: 100%;
    text-align: center;
    margin-right: 0; }
  .sdss-search div.gshpMultiGrid #productGridSummaryTable, .sdss-search .gshpGridBlockForm #productGridSummaryTable, .sdss-search .gshp-product-form #productGridSummaryTable {
    margin-left: 0px; }
  .sdss-search .product-order-tooltip-td #popoverclose {
    display: none; }
  .sdss-search .product-order-tooltip-td table.product-order-tooltip-inner {
    display: none; }
  table.gshpBasketTable.gshpBasketItems colgroup, #salesRepClients table colgroup, #otherClientBaskets table colgroup {
    display: none; }
  table.gshpBasketTable.gshpBasketItems tr, #salesRepClients table tr, #otherClientBaskets table tr {
    display: block;
    margin: 15px 0;
    padding: 0 10px;
    border-color: #f1f1f1; }
    table.gshpBasketTable.gshpBasketItems tr.odd, #salesRepClients table tr.odd, #otherClientBaskets table tr.odd {
      background-color: #f2f2f2; }
    table.gshpBasketTable.gshpBasketItems tr td span:first-child, table.gshpBasketTable.gshpBasketItems tr td a, table.gshpBasketTable.gshpBasketItems tr td img, table.gshpBasketTable.gshpBasketItems tr td div, table.gshpBasketTable.gshpBasketItems tr td input, #salesRepClients table tr td span:first-child, #salesRepClients table tr td a, #salesRepClients table tr td img, #salesRepClients table tr td div, #salesRepClients table tr td input, #otherClientBaskets table tr td span:first-child, #otherClientBaskets table tr td a, #otherClientBaskets table tr td img, #otherClientBaskets table tr td div, #otherClientBaskets table tr td input {
      max-width: 160px;
      padding: 0;
      margin-left: auto;
      margin-right: 0 !important; }
      table.gshpBasketTable.gshpBasketItems tr td span.carousel-item:first-child, table.gshpBasketTable.gshpBasketItems tr td a.carousel-item, table.gshpBasketTable.gshpBasketItems tr td img.carousel-item, table.gshpBasketTable.gshpBasketItems tr td div.carousel-item, table.gshpBasketTable.gshpBasketItems tr td input.carousel-item, #salesRepClients table tr td span.carousel-item:first-child, #salesRepClients table tr td a.carousel-item, #salesRepClients table tr td img.carousel-item, #salesRepClients table tr td div.carousel-item, #salesRepClients table tr td input.carousel-item, #otherClientBaskets table tr td span.carousel-item:first-child, #otherClientBaskets table tr td a.carousel-item, #otherClientBaskets table tr td img.carousel-item, #otherClientBaskets table tr td div.carousel-item, #otherClientBaskets table tr td input.carousel-item {
        width: 100% !important; }
      table.gshpBasketTable.gshpBasketItems tr td span.basket-row-parent-quantity:first-child, table.gshpBasketTable.gshpBasketItems tr td a.basket-row-parent-quantity, table.gshpBasketTable.gshpBasketItems tr td img.basket-row-parent-quantity, table.gshpBasketTable.gshpBasketItems tr td div.basket-row-parent-quantity, table.gshpBasketTable.gshpBasketItems tr td input.basket-row-parent-quantity, #salesRepClients table tr td span.basket-row-parent-quantity:first-child, #salesRepClients table tr td a.basket-row-parent-quantity, #salesRepClients table tr td img.basket-row-parent-quantity, #salesRepClients table tr td div.basket-row-parent-quantity, #salesRepClients table tr td input.basket-row-parent-quantity, #otherClientBaskets table tr td span.basket-row-parent-quantity:first-child, #otherClientBaskets table tr td a.basket-row-parent-quantity, #otherClientBaskets table tr td img.basket-row-parent-quantity, #otherClientBaskets table tr td div.basket-row-parent-quantity, #otherClientBaskets table tr td input.basket-row-parent-quantity {
        margin: 0 !important; }
      table.gshpBasketTable.gshpBasketItems tr td span.btn-small:first-child, table.gshpBasketTable.gshpBasketItems tr td a.btn-small, table.gshpBasketTable.gshpBasketItems tr td img.btn-small, table.gshpBasketTable.gshpBasketItems tr td div.btn-small, table.gshpBasketTable.gshpBasketItems tr td input.btn-small, #salesRepClients table tr td span.btn-small:first-child, #salesRepClients table tr td a.btn-small, #salesRepClients table tr td img.btn-small, #salesRepClients table tr td div.btn-small, #salesRepClients table tr td input.btn-small, #otherClientBaskets table tr td span.btn-small:first-child, #otherClientBaskets table tr td a.btn-small, #otherClientBaskets table tr td img.btn-small, #otherClientBaskets table tr td div.btn-small, #otherClientBaskets table tr td input.btn-small {
        padding: 0.375rem 1rem 0.3125rem; }
    table.gshpBasketTable.gshpBasketItems tr td span:first-child, table.gshpBasketTable.gshpBasketItems tr td a, table.gshpBasketTable.gshpBasketItems tr td img, table.gshpBasketTable.gshpBasketItems tr td div:not(.yDimensionLabel), #salesRepClients table tr td span:first-child, #salesRepClients table tr td a, #salesRepClients table tr td img, #salesRepClients table tr td div:not(.yDimensionLabel), #otherClientBaskets table tr td span:first-child, #otherClientBaskets table tr td a, #otherClientBaskets table tr td img, #otherClientBaskets table tr td div:not(.yDimensionLabel) {
      text-align: right;
      white-space: normal; }
    table.gshpBasketTable.gshpBasketItems tr td.gshpBasket_delete, #salesRepClients table tr td.gshpBasket_delete, #otherClientBaskets table tr td.gshpBasket_delete {
      width: auto !important; }
    table.gshpBasketTable.gshpBasketItems tr td #Gridpopover, #salesRepClients table tr td #Gridpopover, #otherClientBaskets table tr td #Gridpopover {
      display: none; }
    table.gshpBasketTable.gshpBasketItems tr td .gshpEcoTax, table.gshpBasketTable.gshpBasketItems tr td .gshpEcoTax.SuggestedPrice, #salesRepClients table tr td .gshpEcoTax, #salesRepClients table tr td .gshpEcoTax.SuggestedPrice, #otherClientBaskets table tr td .gshpEcoTax, #otherClientBaskets table tr td .gshpEcoTax.SuggestedPrice {
      text-align: right; }
    table.gshpBasketTable.gshpBasketItems tr.gshpBasketRow_grid, #salesRepClients table tr.gshpBasketRow_grid, #otherClientBaskets table tr.gshpBasketRow_grid {
      padding: 0; }
  table.gshpBasketTable.gshpBasketItems .gshpMultiGridProductGridTable tr, #salesRepClients table .gshpMultiGridProductGridTable tr, #otherClientBaskets table .gshpMultiGridProductGridTable tr {
    display: revert; }
  table.gshpBasketTable.gshpBasketItems tr.empty-row, #salesRepClients table tr.empty-row, #otherClientBaskets table tr.empty-row {
    display: none; }
  table.gshpBasketTable.gshpBasketItems table .gshpBasketTable tr.gshpBasketRow_dim1Data.gshpBasketRow_grid table.product-order-tooltip-inner, #salesRepClients table table .gshpBasketTable tr.gshpBasketRow_dim1Data.gshpBasketRow_grid table.product-order-tooltip-inner, #otherClientBaskets table table .gshpBasketTable tr.gshpBasketRow_dim1Data.gshpBasketRow_grid table.product-order-tooltip-inner {
    min-width: auto; }
  table.gshpBasketTable.gshpBasketItems .gshpMultiGridProductGridTable td, #salesRepClients table .gshpMultiGridProductGridTable td, #otherClientBaskets table .gshpMultiGridProductGridTable td {
    border: none !important; }
  table.gshpBasketTable.gshpBasketItems .gshpMultiGridProductGridTable table .gshpBasketTable tr.gshpBasketRow_dim1Data.gshpBasketRow_grid table.product-order-tooltip-inner, #salesRepClients table .gshpMultiGridProductGridTable table .gshpBasketTable tr.gshpBasketRow_dim1Data.gshpBasketRow_grid table.product-order-tooltip-inner, #otherClientBaskets table .gshpMultiGridProductGridTable table .gshpBasketTable tr.gshpBasketRow_dim1Data.gshpBasketRow_grid table.product-order-tooltip-inner {
    min-width: auto; }
  table.gshpBasketTable.gshpBasketItems .gshpMultiGridProductGridTable tr, table.gshpBasketTable.gshpBasketItems .product-order-tooltip-inner tr, #salesRepClients table .gshpMultiGridProductGridTable tr, #salesRepClients table .product-order-tooltip-inner tr, #otherClientBaskets table .gshpMultiGridProductGridTable tr, #otherClientBaskets table .product-order-tooltip-inner tr {
    border: none !important; }
  table.gshpBasketTable thead,
  table.gshpBasketTable tbody th,
  table.gshpBasketTable .gshpBasketRow_headingCells, #salesRepClients table thead, #otherClientBaskets table thead {
    display: none; }
  table.gshpBasketTable tbody tr.gshpBasketRow_shippingModeHeading, table.gshpBasketTable tbody tr.gshpBasketRow_PaymentModeHeading {
    background-color: #fff;
    margin: 0 !important;
    border: none !important;
    padding: 0 !important; }
    table.gshpBasketTable tbody tr.gshpBasketRow_shippingModeHeading th, table.gshpBasketTable tbody tr.gshpBasketRow_PaymentModeHeading th {
      display: block;
      text-align: left; }
  table.gshpBasketItems tr:not(.gshpBasketRow_summaryMsg):not(.gshpBasketRow_preface):not(.gshpBasketRow_separator):not(.gshpBasketRow_addresses):not(.gshpBasketRow_commandType):not(.gshpBasketRow_complement):not(.gshpBasketRow_heading):not(.gshpBasketRow_date):not(.gshpBasketRow_headingCells), table.gshpBasketCommandSummary tr:not(.gshpBasketRow_summaryMsg):not(.gshpBasketRow_preface):not(.gshpBasketRow_separator):not(.gshpBasketRow_addresses):not(.gshpBasketRow_commandType):not(.gshpBasketRow_complement):not(.gshpBasketRow_heading):not(.gshpBasketRow_date):not(.gshpBasketRow_headingCells) {
    border: 1px solid #ccc; }
  table.gshpBasketItems tr:empty, table.gshpBasketItems tr .gshpBasketPrefaceTr, table.gshpBasketCommandSummary tr:empty, table.gshpBasketCommandSummary tr .gshpBasketPrefaceTr {
    display: none; }
  table.gshpBasketTable tr td,
  table.gshpBasketTable.tabTable.adminWithGradient tr td,
  table.gshpBasketTable.gshpFollowUpTable tr td,
  table.gshpBasketTable.tabTable.tabStandardTable tr td {
    border-bottom: 1px solid #f2f2f2; }
  table.gshpBasketTable .gshpBasketPreface:before,
  table.gshpBasketTable.tabTable.adminWithGradient .gshpBasketPreface:before,
  table.gshpBasketTable.gshpFollowUpTable .gshpBasketPreface:before,
  table.gshpBasketTable.tabTable.tabStandardTable .gshpBasketPreface:before {
    display: none; }
  table.gshpFollowUpTable {
    margin-top: 0px !important; }
    table.gshpFollowUpTable tr {
      border: 1px solid #f1f1f1;
      margin: 15px 0; }
  table.gshpBasketTable tbody td, table.gshpBasketTable tfoot th, table.gshpBasketTable tfoot td, table.tabOddEvenTable tbody td, table.tabOddEvenTable tfoot th, table.tabOddEvenTable tfoot td, table.tabStandardTable tbody td, table.tabStandardTable tfoot th, table.tabStandardTable tfoot td, #salesRepClients table tbody td, #salesRepClients table tfoot th, #salesRepClients table tfoot td, #otherClientBaskets table tbody td, #otherClientBaskets table tfoot th, #otherClientBaskets table tfoot td {
    border: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    vertical-align: top;
    width: 100%;
    align-content: center;
    height: auto !important;
    flex-wrap: wrap;
    justify-content: space-between;
    font-size: .9rem;
    max-width: 96%;
    line-height: 2em; }
    table.gshpBasketTable tbody td.gshpBasket_reference, table.gshpBasketTable tfoot th.gshpBasket_reference, table.gshpBasketTable tfoot td.gshpBasket_reference, table.tabOddEvenTable tbody td.gshpBasket_reference, table.tabOddEvenTable tfoot th.gshpBasket_reference, table.tabOddEvenTable tfoot td.gshpBasket_reference, table.tabStandardTable tbody td.gshpBasket_reference, table.tabStandardTable tfoot th.gshpBasket_reference, table.tabStandardTable tfoot td.gshpBasket_reference, #salesRepClients table tbody td.gshpBasket_reference, #salesRepClients table tfoot th.gshpBasket_reference, #salesRepClients table tfoot td.gshpBasket_reference, #otherClientBaskets table tbody td.gshpBasket_reference, #otherClientBaskets table tfoot th.gshpBasket_reference, #otherClientBaskets table tfoot td.gshpBasket_reference {
      font-weight: 700;
      font-size: 16px; }
    table.gshpBasketTable tbody td.textaligncenter &gt; *, table.gshpBasketTable tbody td .textaligncenter &gt; *, table.gshpBasketTable tfoot th.textaligncenter &gt; *, table.gshpBasketTable tfoot th .textaligncenter &gt; *, table.gshpBasketTable tfoot td.textaligncenter &gt; *, table.gshpBasketTable tfoot td .textaligncenter &gt; *, table.tabOddEvenTable tbody td.textaligncenter &gt; *, table.tabOddEvenTable tbody td .textaligncenter &gt; *, table.tabOddEvenTable tfoot th.textaligncenter &gt; *, table.tabOddEvenTable tfoot th .textaligncenter &gt; *, table.tabOddEvenTable tfoot td.textaligncenter &gt; *, table.tabOddEvenTable tfoot td .textaligncenter &gt; *, table.tabStandardTable tbody td.textaligncenter &gt; *, table.tabStandardTable tbody td .textaligncenter &gt; *, table.tabStandardTable tfoot th.textaligncenter &gt; *, table.tabStandardTable tfoot th .textaligncenter &gt; *, table.tabStandardTable tfoot td.textaligncenter &gt; *, table.tabStandardTable tfoot td .textaligncenter &gt; *, #salesRepClients table tbody td.textaligncenter &gt; *, #salesRepClients table tbody td .textaligncenter &gt; *, #salesRepClients table tfoot th.textaligncenter &gt; *, #salesRepClients table tfoot th .textaligncenter &gt; *, #salesRepClients table tfoot td.textaligncenter &gt; *, #salesRepClients table tfoot td .textaligncenter &gt; *, #otherClientBaskets table tbody td.textaligncenter &gt; *, #otherClientBaskets table tbody td .textaligncenter &gt; *, #otherClientBaskets table tfoot th.textaligncenter &gt; *, #otherClientBaskets table tfoot th .textaligncenter &gt; *, #otherClientBaskets table tfoot td.textaligncenter &gt; *, #otherClientBaskets table tfoot td .textaligncenter &gt; * {
      margin: 0; }
    table.gshpBasketTable tbody td a:link, table.gshpBasketTable tfoot th a:link, table.gshpBasketTable tfoot td a:link, table.tabOddEvenTable tbody td a:link, table.tabOddEvenTable tfoot th a:link, table.tabOddEvenTable tfoot td a:link, table.tabStandardTable tbody td a:link, table.tabStandardTable tfoot th a:link, table.tabStandardTable tfoot td a:link, #salesRepClients table tbody td a:link, #salesRepClients table tfoot th a:link, #salesRepClients table tfoot td a:link, #otherClientBaskets table tbody td a:link, #otherClientBaskets table tfoot th a:link, #otherClientBaskets table tfoot td a:link {
      font-size: .8rem;
      white-space: normal; }
      table.gshpBasketTable tbody td a.underline:link, table.gshpBasketTable tfoot th a.underline:link, table.gshpBasketTable tfoot td a.underline:link, table.tabOddEvenTable tbody td a.underline:link, table.tabOddEvenTable tfoot th a.underline:link, table.tabOddEvenTable tfoot td a.underline:link, table.tabStandardTable tbody td a.underline:link, table.tabStandardTable tfoot th a.underline:link, table.tabStandardTable tfoot td a.underline:link, #salesRepClients table tbody td a.underline:link, #salesRepClients table tfoot th a.underline:link, #salesRepClients table tfoot td a.underline:link, #otherClientBaskets table tbody td a.underline:link, #otherClientBaskets table tfoot th a.underline:link, #otherClientBaskets table tfoot td a.underline:link {
        border-bottom: 0;
        text-decoration: underline;
        text-underline-offset: 2px; }
    table.gshpBasketTable tbody td span.navigationBar .navigationBarFirstPage, table.gshpBasketTable tbody td span.navigationBar a:first-child, table.gshpBasketTable tbody td span.navigationBar a:last-child, table.gshpBasketTable tbody td span.navigationBar .navigationBarLastPage, table.gshpBasketTable tbody td span.navigationBar .navigationBarPreviousPage, table.gshpBasketTable tbody td span.navigationBar .navigationBarNextPage, table.gshpBasketTable tbody td span.navigationBar a:nth-child(2), table.gshpBasketTable tbody td span.navigationBar a:nth-last-child(2), table.gshpBasketTable tfoot th span.navigationBar .navigationBarFirstPage, table.gshpBasketTable tfoot th span.navigationBar a:first-child, table.gshpBasketTable tfoot th span.navigationBar a:last-child, table.gshpBasketTable tfoot th span.navigationBar .navigationBarLastPage, table.gshpBasketTable tfoot th span.navigationBar .navigationBarPreviousPage, table.gshpBasketTable tfoot th span.navigationBar .navigationBarNextPage, table.gshpBasketTable tfoot th span.navigationBar a:nth-child(2), table.gshpBasketTable tfoot th span.navigationBar a:nth-last-child(2), table.gshpBasketTable tfoot td span.navigationBar .navigationBarFirstPage, table.gshpBasketTable tfoot td span.navigationBar a:first-child, table.gshpBasketTable tfoot td span.navigationBar a:last-child, table.gshpBasketTable tfoot td span.navigationBar .navigationBarLastPage, table.gshpBasketTable tfoot td span.navigationBar .navigationBarPreviousPage, table.gshpBasketTable tfoot td span.navigationBar .navigationBarNextPage, table.gshpBasketTable tfoot td span.navigationBar a:nth-child(2), table.gshpBasketTable tfoot td span.navigationBar a:nth-last-child(2), table.tabOddEvenTable tbody td span.navigationBar .navigationBarFirstPage, table.tabOddEvenTable tbody td span.navigationBar a:first-child, table.tabOddEvenTable tbody td span.navigationBar a:last-child, table.tabOddEvenTable tbody td span.navigationBar .navigationBarLastPage, table.tabOddEvenTable tbody td span.navigationBar .navigationBarPreviousPage, table.tabOddEvenTable tbody td span.navigationBar .navigationBarNextPage, table.tabOddEvenTable tbody td span.navigationBar a:nth-child(2), table.tabOddEvenTable tbody td span.navigationBar a:nth-last-child(2), table.tabOddEvenTable tfoot th span.navigationBar .navigationBarFirstPage, table.tabOddEvenTable tfoot th span.navigationBar a:first-child, table.tabOddEvenTable tfoot th span.navigationBar a:last-child, table.tabOddEvenTable tfoot th span.navigationBar .navigationBarLastPage, table.tabOddEvenTable tfoot th span.navigationBar .navigationBarPreviousPage, table.tabOddEvenTable tfoot th span.navigationBar .navigationBarNextPage, table.tabOddEvenTable tfoot th span.navigationBar a:nth-child(2), table.tabOddEvenTable tfoot th span.navigationBar a:nth-last-child(2), table.tabOddEvenTable tfoot td span.navigationBar .navigationBarFirstPage, table.tabOddEvenTable tfoot td span.navigationBar a:first-child, table.tabOddEvenTable tfoot td span.navigationBar a:last-child, table.tabOddEvenTable tfoot td span.navigationBar .navigationBarLastPage, table.tabOddEvenTable tfoot td span.navigationBar .navigationBarPreviousPage, table.tabOddEvenTable tfoot td span.navigationBar .navigationBarNextPage, table.tabOddEvenTable tfoot td span.navigationBar a:nth-child(2), table.tabOddEvenTable tfoot td span.navigationBar a:nth-last-child(2), table.tabStandardTable tbody td span.navigationBar .navigationBarFirstPage, table.tabStandardTable tbody td span.navigationBar a:first-child, table.tabStandardTable tbody td span.navigationBar a:last-child, table.tabStandardTable tbody td span.navigationBar .navigationBarLastPage, table.tabStandardTable tbody td span.navigationBar .navigationBarPreviousPage, table.tabStandardTable tbody td span.navigationBar .navigationBarNextPage, table.tabStandardTable tbody td span.navigationBar a:nth-child(2), table.tabStandardTable tbody td span.navigationBar a:nth-last-child(2), table.tabStandardTable tfoot th span.navigationBar .navigationBarFirstPage, table.tabStandardTable tfoot th span.navigationBar a:first-child, table.tabStandardTable tfoot th span.navigationBar a:last-child, table.tabStandardTable tfoot th span.navigationBar .navigationBarLastPage, table.tabStandardTable tfoot th span.navigationBar .navigationBarPreviousPage, table.tabStandardTable tfoot th span.navigationBar .navigationBarNextPage, table.tabStandardTable tfoot th span.navigationBar a:nth-child(2), table.tabStandardTable tfoot th span.navigationBar a:nth-last-child(2), table.tabStandardTable tfoot td span.navigationBar .navigationBarFirstPage, table.tabStandardTable tfoot td span.navigationBar a:first-child, table.tabStandardTable tfoot td span.navigationBar a:last-child, table.tabStandardTable tfoot td span.navigationBar .navigationBarLastPage, table.tabStandardTable tfoot td span.navigationBar .navigationBarPreviousPage, table.tabStandardTable tfoot td span.navigationBar .navigationBarNextPage, table.tabStandardTable tfoot td span.navigationBar a:nth-child(2), table.tabStandardTable tfoot td span.navigationBar a:nth-last-child(2), #salesRepClients table tbody td span.navigationBar .navigationBarFirstPage, #salesRepClients table tbody td span.navigationBar a:first-child, #salesRepClients table tbody td span.navigationBar a:last-child, #salesRepClients table tbody td span.navigationBar .navigationBarLastPage, #salesRepClients table tbody td span.navigationBar .navigationBarPreviousPage, #salesRepClients table tbody td span.navigationBar .navigationBarNextPage, #salesRepClients table tbody td span.navigationBar a:nth-child(2), #salesRepClients table tbody td span.navigationBar a:nth-last-child(2), #salesRepClients table tfoot th span.navigationBar .navigationBarFirstPage, #salesRepClients table tfoot th span.navigationBar a:first-child, #salesRepClients table tfoot th span.navigationBar a:last-child, #salesRepClients table tfoot th span.navigationBar .navigationBarLastPage, #salesRepClients table tfoot th span.navigationBar .navigationBarPreviousPage, #salesRepClients table tfoot th span.navigationBar .navigationBarNextPage, #salesRepClients table tfoot th span.navigationBar a:nth-child(2), #salesRepClients table tfoot th span.navigationBar a:nth-last-child(2), #salesRepClients table tfoot td span.navigationBar .navigationBarFirstPage, #salesRepClients table tfoot td span.navigationBar a:first-child, #salesRepClients table tfoot td span.navigationBar a:last-child, #salesRepClients table tfoot td span.navigationBar .navigationBarLastPage, #salesRepClients table tfoot td span.navigationBar .navigationBarPreviousPage, #salesRepClients table tfoot td span.navigationBar .navigationBarNextPage, #salesRepClients table tfoot td span.navigationBar a:nth-child(2), #salesRepClients table tfoot td span.navigationBar a:nth-last-child(2), #otherClientBaskets table tbody td span.navigationBar .navigationBarFirstPage, #otherClientBaskets table tbody td span.navigationBar a:first-child, #otherClientBaskets table tbody td span.navigationBar a:last-child, #otherClientBaskets table tbody td span.navigationBar .navigationBarLastPage, #otherClientBaskets table tbody td span.navigationBar .navigationBarPreviousPage, #otherClientBaskets table tbody td span.navigationBar .navigationBarNextPage, #otherClientBaskets table tbody td span.navigationBar a:nth-child(2), #otherClientBaskets table tbody td span.navigationBar a:nth-last-child(2), #otherClientBaskets table tfoot th span.navigationBar .navigationBarFirstPage, #otherClientBaskets table tfoot th span.navigationBar a:first-child, #otherClientBaskets table tfoot th span.navigationBar a:last-child, #otherClientBaskets table tfoot th span.navigationBar .navigationBarLastPage, #otherClientBaskets table tfoot th span.navigationBar .navigationBarPreviousPage, #otherClientBaskets table tfoot th span.navigationBar .navigationBarNextPage, #otherClientBaskets table tfoot th span.navigationBar a:nth-child(2), #otherClientBaskets table tfoot th span.navigationBar a:nth-last-child(2), #otherClientBaskets table tfoot td span.navigationBar .navigationBarFirstPage, #otherClientBaskets table tfoot td span.navigationBar a:first-child, #otherClientBaskets table tfoot td span.navigationBar a:last-child, #otherClientBaskets table tfoot td span.navigationBar .navigationBarLastPage, #otherClientBaskets table tfoot td span.navigationBar .navigationBarPreviousPage, #otherClientBaskets table tfoot td span.navigationBar .navigationBarNextPage, #otherClientBaskets table tfoot td span.navigationBar a:nth-child(2), #otherClientBaskets table tfoot td span.navigationBar a:nth-last-child(2) {
      font-size: 0; }
  .gshp-myUserAccounts .content.container {
    padding: 15px; }
  .gshp-myUserAccounts table.tabOddEvenTable {
    padding-left: 0; }
    .gshp-myUserAccounts table.tabOddEvenTable .sdsTableHeadingRow {
      display: none; }
    .gshp-myUserAccounts table.tabOddEvenTable .sdsTableNavigationRow th {
      flex-wrap: nowrap;
      align-items: flex-start;
      position: relative; }
      .gshp-myUserAccounts table.tabOddEvenTable .sdsTableNavigationRow th div.sdsSelectAll {
        font-size: 12px; }
      .gshp-myUserAccounts table.tabOddEvenTable .sdsTableNavigationRow th:before {
        display: none; }
    .gshp-myUserAccounts table.tabOddEvenTable tbody tr {
      border: 1px solid #ccc !important;
      margin: 20px 0;
      display: block; }
      .gshp-myUserAccounts table.tabOddEvenTable tbody tr td input[type="checkbox"], .gshp-myUserAccounts table.tabOddEvenTable tbody tr td &gt; i {
        margin-right: 10px; }
    .gshp-myUserAccounts table.tabOddEvenTable tr.sdsTableNavigationRow .sdsSelectAll {
      margin-top: 5px; }
      .gshp-myUserAccounts table.tabOddEvenTable tr.sdsTableNavigationRow .sdsSelectAll input[type="checkbox"] {
        margin-top: 0; }
    .gshp-myUserAccounts table.tabOddEvenTable tr.sdsTableNavigationRow .sdsLimits {
      margin-top: 5px;
      position: absolute;
      right: 0;
      max-width: 180px; }
      .gshp-myUserAccounts table.tabOddEvenTable tr.sdsTableNavigationRow .sdsLimits &gt; .label {
        min-width: 120px;
        padding: 0;
        font-size: 12px; }
    .gshp-myUserAccounts table.tabOddEvenTable tr.sdsTableNavigationRow &gt; th span.navigationBar {
      margin-bottom: 0px; }
    .gshp-myUserAccounts table.tabOddEvenTable tr.sdsActionRow div.sdsSelectionLabel {
      font-size: 14px; }
    .gshp-myUserAccounts table.tabOddEvenTable tr.sdsActionRow div.sdsButtonBar {
      flex-wrap: wrap;
      margin-top: 10px; }
    .gshp-myUserAccounts table.tabOddEvenTable colgroup {
      display: none; }
  .gshpCommandFollowUpPage table.gshpFollowUpTable tr.gshpFollowUpTableRow td:first-child {
    display: none; }
  .gshpCommandFollowUpPage table.gshpFollowUpTable tr.gshpFollowUpTableRow td.gshpFollowUpTableCell {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    padding: 0; }
    .gshpCommandFollowUpPage table.gshpFollowUpTable tr.gshpFollowUpTableRow td.gshpFollowUpTableCell span {
      text-align: right; }
    .gshpCommandFollowUpPage table.gshpFollowUpTable tr.gshpFollowUpTableRow td.gshpFollowUpTableCell.gshpFollowUp_type {
      font-weight: bold; }
    .gshpCommandFollowUpPage table.gshpFollowUpTable tr.gshpFollowUpTableRow td.gshpFollowUpTableCell.textaligncenter &gt; * {
      margin: 0; }
  table.gshpBasketTable tbody td, table.gshpBasketTable tfoot th, table.gshpBasketTable tfoot td, table.tabOddEvenTable tbody td, table.tabOddEvenTable tfoot th, table.tabOddEvenTable tfoot td, #salesRepClients table tbody td, #salesRepClients table tfoot th, #salesRepClients table tfoot td, #otherClientBaskets table tbody td, #otherClientBaskets table tfoot th, #otherClientBaskets table tfoot td {
    border: none !important; }
    table.gshpBasketTable tbody td::before, table.gshpBasketTable tfoot th::before, table.gshpBasketTable tfoot td::before, table.tabOddEvenTable tbody td::before, table.tabOddEvenTable tfoot th::before, table.tabOddEvenTable tfoot td::before, #salesRepClients table tbody td::before, #salesRepClients table tfoot th::before, #salesRepClients table tfoot td::before, #otherClientBaskets table tbody td::before, #otherClientBaskets table tfoot th::before, #otherClientBaskets table tfoot td::before {
      content: attr(data-title);
      display: inline-block;
      -webkit-flex-shrink: 0;
      -ms-flex-shrink: 0;
      flex-shrink: 0;
      font-weight: bold;
      min-width: 100px;
      text-align: left; }
    table.gshpBasketTable tbody td.gshpBasketPaymentImageCell::before, table.gshpBasketTable tfoot th.gshpBasketPaymentImageCell::before, table.gshpBasketTable tfoot td.gshpBasketPaymentImageCell::before, table.tabOddEvenTable tbody td.gshpBasketPaymentImageCell::before, table.tabOddEvenTable tfoot th.gshpBasketPaymentImageCell::before, table.tabOddEvenTable tfoot td.gshpBasketPaymentImageCell::before, #salesRepClients table tbody td.gshpBasketPaymentImageCell::before, #salesRepClients table tfoot th.gshpBasketPaymentImageCell::before, #salesRepClients table tfoot td.gshpBasketPaymentImageCell::before, #otherClientBaskets table tbody td.gshpBasketPaymentImageCell::before, #otherClientBaskets table tfoot th.gshpBasketPaymentImageCell::before, #otherClientBaskets table tfoot td.gshpBasketPaymentImageCell::before {
      display: none; }
  table.gshpFollowUpTable td::before, table.tabStandardTable td::before {
    content: attr(data-th) !important;
    display: inline-block;
    -webkit-flex-shrink: 0;
    -ms-flex-shrink: 0;
    flex-shrink: 0;
    font-weight: bold;
    min-width: 100px;
    text-align: left; }
  table.gshpBasketTable tbody .gshpBasketTitle {
    font-size: 1rem !important; }
  table.gshpBasketTable tbody tr.gshpBasketRow_grid td::before {
    display: none !important; }
  table.gshpBasketTable tbody tr.gshpBasketRow_grid .gshpMultiGridProductSummary div.ProductImgContainer {
    width: 100%;
    margin: 0 auto !important; }
    table.gshpBasketTable tbody tr.gshpBasketRow_grid .gshpMultiGridProductSummary div.ProductImgContainer .ProductMainImgBlock {
      margin: 0 auto !important;
      text-align: center; }
  table.gshpBasketTable tfoot th .bt-content,
  table.gshpBasketTable tfoot td .bt-content,
  table.gshpBasketTable tbody td .bt-content {
    vertical-align: top; }
  table.gshpMultiGridProductGridTable tbody tr, table.gshpMultiGridProductGridTable thead tr, .product-order-tooltip-inner tbody tr, .product-order-tooltip-inner thead tr {
    border: 0; }
    table.gshpMultiGridProductGridTable tbody tr td, table.gshpMultiGridProductGridTable tbody tr td, table.gshpMultiGridProductGridTable tbody tr th, table.gshpMultiGridProductGridTable thead tr td, table.gshpMultiGridProductGridTable thead tr td, table.gshpMultiGridProductGridTable thead tr th, .product-order-tooltip-inner tbody tr td, .product-order-tooltip-inner tbody tr td, .product-order-tooltip-inner tbody tr th, .product-order-tooltip-inner thead tr td, .product-order-tooltip-inner thead tr td, .product-order-tooltip-inner thead tr th {
      display: table-cell;
      width: 100%;
      border: 0; }
      table.gshpMultiGridProductGridTable tbody tr td:before, table.gshpMultiGridProductGridTable tbody tr td:before, table.gshpMultiGridProductGridTable tbody tr th:before, table.gshpMultiGridProductGridTable thead tr td:before, table.gshpMultiGridProductGridTable thead tr td:before, table.gshpMultiGridProductGridTable thead tr th:before, .product-order-tooltip-inner tbody tr td:before, .product-order-tooltip-inner tbody tr td:before, .product-order-tooltip-inner tbody tr th:before, .product-order-tooltip-inner thead tr td:before, .product-order-tooltip-inner thead tr td:before, .product-order-tooltip-inner thead tr th:before {
        display: none !important; }
  table.gshpMultiGridProductGridTable td, table.gshpMultiGridProductGridTable td, table.gshpMultiGridProductGridTable th, .product-order-tooltip-inner td, .product-order-tooltip-inner td, .product-order-tooltip-inner th {
    display: table-cell;
    width: 100%;
    border: 0; }
    table.gshpMultiGridProductGridTable td:before, table.gshpMultiGridProductGridTable td:before, table.gshpMultiGridProductGridTable th:before, .product-order-tooltip-inner td:before, .product-order-tooltip-inner td:before, .product-order-tooltip-inner th:before {
      display: none !important; }
  tr.gshpBasketRow_shipping td.gshpBasketCell {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: baseline; }
    tr.gshpBasketRow_shipping td.gshpBasketCell:before {
      display: none; }
  .bt-wrapper.active {
    max-height: 310px;
    overflow: auto;
    -webkit-overflow-scrolling: touch; }
  .gshpBasketCell .gshpMultiGridProductSummary {
    flex-wrap: wrap;
    flex-direction: column;
    padding-right: 0; }
    .gshpBasketCell .gshpMultiGridProductSummary table.gshpMultiGridProductGridTable {
      overflow-x: auto;
      max-width: 74vw;
      display: block; }
      .gshpBasketCell .gshpMultiGridProductSummary table.gshpMultiGridProductGridTable .gshpBasketCell .gshpMultiGrid {
        padding: 0; }
  .gshpBasketB2BPage .gshpBasketStep1 table.total-block {
    min-width: auto;
    margin: 15px 5px 0px 0px;
    width: 100%;
    padding: 0; }
  .gshpBasketB2BPage .gshpBasketStep1 .FailedDuplicateItemsMessage, .gshpBasketB2BPage .gshpBasketStep1 .BasketShareMessage {
    padding: 5px;
    margin: 0px 0px 15px 0px; }
    .gshpBasketB2BPage .gshpBasketStep1 .FailedDuplicateItemsMessage .btn-mini, .gshpBasketB2BPage .gshpBasketStep1 .BasketShareMessage .btn-mini {
      height: 30px; }
  .gshpBasket_coupon-group {
    width: 100%;
    padding-top: 20px; }
    .gshpBasket_coupon-group &gt; * {
      padding: 0; }
  .gshpBasketB2BPage table.total-block {
    min-width: 90%;
    float: left !important; }
  .gshpBasket_buttonBar .container {
    padding: 0; }
  .gshpBasket_buttonBar .message-alert {
    width: 100%; }
  table tr.gshpBasketRow_buttons td.gshpBasketButton {
    width: 100%;
    margin: 10px 0; }
  .gshpBasketB2BPage .gshpBasketStep2 table.gshpBasketTable tr.gshpBasketRow_data, .gshpBasketB2BPage .gshpBasketStep3 table.gshpBasketTable tr.gshpBasketRow_data {
    display: flex; }
    .gshpBasketB2BPage .gshpBasketStep2 table.gshpBasketTable tr.gshpBasketRow_data .gshpBasketCarrierImageCell, .gshpBasketB2BPage .gshpBasketStep2 table.gshpBasketTable tr.gshpBasketRow_data .gshpBasketPaymentImageCell, .gshpBasketB2BPage .gshpBasketStep3 table.gshpBasketTable tr.gshpBasketRow_data .gshpBasketCarrierImageCell, .gshpBasketB2BPage .gshpBasketStep3 table.gshpBasketTable tr.gshpBasketRow_data .gshpBasketPaymentImageCell {
      width: 80px; }
  .gshpBasketB2BPage .LastStep .gshpBasketRow_addresses .gshpClientBasket {
    flex-direction: column;
    width: 96%;
    margin-left: 8px; }
  .gshpBasketB2BPage table.gshpBasketTable.gshpBasketCommandSummaryActions tr.gshpBasketRow_buttonBar table.noPrint tr.gshpBasketRow_buttonBar4 {
    flex-direction: column;
    width: 100%; }
    .gshpBasketB2BPage table.gshpBasketTable.gshpBasketCommandSummaryActions tr.gshpBasketRow_buttonBar table.noPrint tr.gshpBasketRow_buttonBar4 .gshpBasketButtonDiv {
      width: 100%; }
  .LastStep table.gshpBasketTable tbody {
    display: block; }
    .LastStep table.gshpBasketTable tbody tr {
      display: block;
      padding: 0 10px;
      margin: 15px 0; }
      .LastStep table.gshpBasketTable tbody tr.gshpBasketRow_addresses {
        margin-bottom: 0px; }
        .LastStep table.gshpBasketTable tbody tr.gshpBasketRow_addresses .gshpClientBasket {
          margin-bottom: 20px; }
      .LastStep table.gshpBasketTable tbody tr.gshpBasketRow_separator {
        display: none; }
      .LastStep table.gshpBasketTable tbody tr td a, .LastStep table.gshpBasketTable tbody tr td span, .LastStep table.gshpBasketTable tbody tr td img, .LastStep table.gshpBasketTable tbody tr td div:not(.basketCarrierDescriptionCell):not(.gshpPaymentModeImage) {
        margin-left: auto;
        text-align: right; }
  .LastStep .gshpBasketRow_addresses .gshpClientBasket {
    flex-direction: column;
    min-width: auto !important;
    margin-left: 3%; }
    .LastStep .gshpBasketRow_addresses .gshpClientBasket .gshpAddressesBasket {
      flex-direction: column; }
  .LastStep table.total-block {
    width: 96%;
    min-width: auto;
    margin-left: 2%;
    float: left; }
  .gshp-commandFollowUp .content.container {
    padding: 15px 0px; } }

/******************************************************************************
* stdBs4MdSkin.scss
*******************************************************************************

*******************************************************************************
*                                                                             *
* Copyright 2021									                          *
*                                                                             *
******************************************************************************/
/* Acessories application */
span#tarteaucitronDisclaimerAlert {
  display: flex !important;
  flex-wrap: wrap;
  padding-bottom: 10px; }

.ocsBody-grid,
.advColumns {
  padding: 0; }
  .ocsBody-grid table tr:nth-child(odd),
  .ocsBody-grid table tr,
  .advColumns table tr:nth-child(odd),
  .advColumns table tr {
    background: white; }
    .ocsBody-grid table tr:nth-child(odd) td,
    .ocsBody-grid table tr td,
    .advColumns table tr:nth-child(odd) td,
    .advColumns table tr td {
      vertical-align: top;
      padding: 0 10px 0 0; }
      .ocsBody-grid table tr:nth-child(odd) td:last-child,
      .ocsBody-grid table tr td:last-child,
      .advColumns table tr:nth-child(odd) td:last-child,
      .advColumns table tr td:last-child {
        text-align: left; }
  .ocsBody-grid .advColumnContent,
  .advColumns .advColumnContent {
    padding: 0; }
  .ocsBody-grid .sdsImage,
  .ocsBody-grid .bsImgStd,
  .advColumns .sdsImage,
  .advColumns .bsImgStd {
    width: 100% !important; }
    .ocsBody-grid .sdsImage img,
    .ocsBody-grid .bsImgStd img,
    .advColumns .sdsImage img,
    .advColumns .bsImgStd img {
      max-width: 100%;
      height: auto;
      transition: transform 0.1s ease-out, opacity 0.1s linear;
      margin-bottom: 10px; }
    .ocsBody-grid .sdsImage a.link:hover img, .ocsBody-grid .sdsImage a.link:focus img,
    .ocsBody-grid .bsImgStd a.link:hover img,
    .ocsBody-grid .bsImgStd a.link:focus img,
    .advColumns .sdsImage a.link:hover img,
    .advColumns .sdsImage a.link:focus img,
    .advColumns .bsImgStd a.link:hover img,
    .advColumns .bsImgStd a.link:focus img {
      transform: translate(1px, 1px);
      opacity: 0.7; }

.advColumns h1, .advColumns .h1,
.advColumns .bsLevel1 {
  text-align: center; }

.bsLevel2 {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px; }

.bsLevel1 {
  font-size: 1.75rem;
  font-weight: 500;
  margin-bottom: 0.5em; }

.table-responsive {
  margin: 10px 0; }
  .table-responsive div.bottomRow {
    background: #fff;
    border-top: 2px solid #f2f2f2;
    height: 40px;
    padding: 10px 0 0 0; }
    .table-responsive div.bottomRow .quantityLabel {
      font-weight: 700;
      line-height: 20px;
      font-size: 18px;
      text-align: right;
      float: right;
      padding: 10px 20px; }

.ocsBody-table table {
  font-size: 16px; }
  .ocsBody-table table tr th {
    background-color: white;
    color: #212529;
    border: none;
    vertical-align: middle;
    padding: 10px;
    font-size: 14px;
    font-weight: 700;
    color: #212529; }
    .ocsBody-table table tr th:last-child:not(.textAlignLeft) {
      text-align: right; }
  .ocsBody-table table tr:nth-child(odd) {
    background-color: #f2f2f2; }
  .ocsBody-table table tr:nth-child(even) {
    background-color: #ffffff; }
  .ocsBody-table table tr td {
    border: none;
    color: #212529;
    vertical-align: middle;
    padding: 10px;
    line-height: 2em;
    font-size: 14px; }
    .ocsBody-table table tr td input {
      text-align: center; }
    .ocsBody-table table tr td:last-child:not(.textAlignLeft) {
      text-align: right; }
  .ocsBody-table table tr.sdsTableHeadingRow {
    background-color: white; }
  .ocsBody-table table tr:hover td, .ocsBody-table table tr:focus td {
    background-color: rgba(0, 126, 217, 0.15);
    transition: all 0.05s linear;
    cursor: pointer; }
    .ocsBody-table table tr:hover td a:not(.bsButtonSpan):hover, .ocsBody-table table tr:hover td a:not(.bsButtonSpan):focus, .ocsBody-table table tr:focus td a:not(.bsButtonSpan):hover, .ocsBody-table table tr:focus td a:not(.bsButtonSpan):focus {
      border-bottom: 1px dotted #2C53FF; }
    .ocsBody-table table tr:hover td .sdsActionButton, .ocsBody-table table tr:focus td .sdsActionButton {
      padding: 0; }

.verticalAlignTop,
.verticalaligntop {
  vertical-align: top; }

.isoBlockPosition-left {
  text-align: left; }

/* Global */
.emptycircle {
  display: inline-block;
  position: relative;
  width: 6px;
  height: 6px;
  margin: 8px;
  border-radius: 50%;
  border: 1px solid gray;
  z-index: 3;
  padding: 0; }

/* Industry */
.shopping-cart:before {
  content: "";
  position: absolute;
  z-index: 1;
  display: block;
  transform-origin: center center;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.12);
  opacity: 0;
  border-radius: 5px;
  transform: scale(0.8);
  transition: transform 0.2s ease-out, opacity 0.05s linear; }

.shopping-cart:hover .notif-counter, .shopping-cart:focus .notif-counter {
  border-color: #e0e0e0; }

.shopping-cart:hover:before, .shopping-cart:focus:before {
  opacity: 1;
  transform: scale(0.8);
  transition: all 0.05s linear; }

.shopping-cart i {
  vertical-align: top; }

#quotationShortcut .shopping-cart i {
  font-weight: normal;
  font-style: normal;
  font-size: 1.5rem;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr; }
  #quotationShortcut .shopping-cart i.icon_32_calculator {
    margin-top: -2px;
    margin-left: 2px; }

/* Pagination */
span.navigationBar {
  cursor: pointer;
  float: right; }
  span.navigationBar span {
    margin: 0 0 35px; }
  span.navigationBar a:link {
    font-size: 14px;
    margin-left: 2px;
    width: 30px;
    line-height: 30px;
    font-weight: 700;
    color: #212529;
    text-align: center;
    padding: 0;
    float: left;
    display: inline-block;
    z-index: 2;
    position: relative; }
    span.navigationBar a.pager-first:link:after {
      content: "";
      display: block;
      height: 13px;
      width: 2px;
      background-color: #4d4d4d;
      position: absolute;
      z-index: 3;
      left: 14px;
      top: 14px; }
    span.navigationBar a.pager-last:link:after {
      content: "";
      display: block;
      height: 13px;
      width: 2px;
      background-color: #4d4d4d;
      position: absolute;
      z-index: 3;
      right: 14px;
      top: 14px; }
    span.navigationBar a:link i {
      line-height: 40px; }
    span.navigationBar a:link:before {
      content: "";
      position: absolute;
      z-index: 1;
      display: block;
      transform-origin: center center;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      opacity: 0;
      border-radius: 5px;
      transform: scale(0.8);
      transition: all 0.1s linear;
      background-color: rgba(0, 0, 0, 0.12); }
    span.navigationBar a:link:hover:before, span.navigationBar a:link:focus:before {
      opacity: 1;
      transform: scale(1);
      transition: all 0.05s linear; }
  span.navigationBar .navigationBarFirstPage,
  span.navigationBar a:first-child,
  span.navigationBar a:last-child,
  span.navigationBar .navigationBarLastPage,
  span.navigationBar .navigationBarPreviousPage,
  span.navigationBar .navigationBarNextPage,
  span.navigationBar a:nth-child(2),
  span.navigationBar a:nth-last-child(2) {
    font-size: 14px;
    margin-left: 2px;
    width: 30px;
    line-height: 30px;
    font-weight: 700;
    color: #212529;
    text-align: center;
    padding: 0;
    float: left;
    font-size: 0;
    transition: transform 0.2s ease-out, opacity 0.05s linear; }
    span.navigationBar .navigationBarFirstPage.pager-first:after,
    span.navigationBar a.pager-first:first-child:after,
    span.navigationBar a.pager-first:last-child:after,
    span.navigationBar .navigationBarLastPage.pager-first:after,
    span.navigationBar .navigationBarPreviousPage.pager-first:after,
    span.navigationBar .navigationBarNextPage.pager-first:after,
    span.navigationBar a.pager-first:nth-child(2):after,
    span.navigationBar a.pager-first:nth-last-child(2):after {
      content: "";
      display: block;
      height: 13px;
      width: 2px;
      background-color: #4d4d4d;
      position: absolute;
      z-index: 3;
      left: 14px;
      top: 14px; }
    span.navigationBar .navigationBarFirstPage.pager-last:after,
    span.navigationBar a.pager-last:first-child:after,
    span.navigationBar a.pager-last:last-child:after,
    span.navigationBar .navigationBarLastPage.pager-last:after,
    span.navigationBar .navigationBarPreviousPage.pager-last:after,
    span.navigationBar .navigationBarNextPage.pager-last:after,
    span.navigationBar a.pager-last:nth-child(2):after,
    span.navigationBar a.pager-last:nth-last-child(2):after {
      content: "";
      display: block;
      height: 13px;
      width: 2px;
      background-color: #4d4d4d;
      position: absolute;
      z-index: 3;
      right: 14px;
      top: 14px; }
    span.navigationBar .navigationBarFirstPage i,
    span.navigationBar a:first-child i,
    span.navigationBar a:last-child i,
    span.navigationBar .navigationBarLastPage i,
    span.navigationBar .navigationBarPreviousPage i,
    span.navigationBar .navigationBarNextPage i,
    span.navigationBar a:nth-child(2) i,
    span.navigationBar a:nth-last-child(2) i {
      line-height: 40px; }
    span.navigationBar .navigationBarFirstPage:before,
    span.navigationBar a:first-child:before,
    span.navigationBar a:last-child:before,
    span.navigationBar .navigationBarLastPage:before,
    span.navigationBar .navigationBarPreviousPage:before,
    span.navigationBar .navigationBarNextPage:before,
    span.navigationBar a:nth-child(2):before,
    span.navigationBar a:nth-last-child(2):before {
      position: relative;
      top: 0;
      display: inline-block;
      vertical-align: middle;
      font-family: "Glyphicons Halflings";
      font-weight: 400;
      line-height: 1;
      font-size: .875rem;
      -webkit-font-smoothing: antialiased;
      opacity: 1;
      transform: none;
      background: none;
      color: #212529; }
    span.navigationBar .navigationBarFirstPage:hover:before, span.navigationBar .navigationBarFirstPage:focus:before,
    span.navigationBar a:first-child:hover:before,
    span.navigationBar a:first-child:focus:before,
    span.navigationBar a:last-child:hover:before,
    span.navigationBar a:last-child:focus:before,
    span.navigationBar .navigationBarLastPage:hover:before,
    span.navigationBar .navigationBarLastPage:focus:before,
    span.navigationBar .navigationBarPreviousPage:hover:before,
    span.navigationBar .navigationBarPreviousPage:focus:before,
    span.navigationBar .navigationBarNextPage:hover:before,
    span.navigationBar .navigationBarNextPage:focus:before,
    span.navigationBar a:nth-child(2):hover:before,
    span.navigationBar a:nth-child(2):focus:before,
    span.navigationBar a:nth-last-child(2):hover:before,
    span.navigationBar a:nth-last-child(2):focus:before {
      transform: none;
      opacity: 1; }
  span.navigationBar .navigationBarFirstPage:before,
  span.navigationBar a:first-child:before {
    content: "\e069"; }
  span.navigationBar .navigationBarPreviousPage:before,
  span.navigationBar a:nth-child(2):before {
    content: "\e251"; }
  span.navigationBar .navigationBarNextPage:before,
  span.navigationBar a:nth-last-child(2):before {
    content: "\e250"; }
  span.navigationBar .navigationBarLastPage:before,
  span.navigationBar a:last-child:before {
    content: "\e077"; }
  span.navigationBar span.navigationBarCurrentPage {
    color: white;
    border: 2px solid transparent;
    border-radius: 50%;
    cursor: not-allowed;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); }
  span.navigationBar span.navigationBarNextPage,
  span.navigationBar span.navigationBarPreviousPage,
  span.navigationBar span.navigationBarFirstPage,
  span.navigationBar span.navigationBarLastPage {
    cursor: not-allowed; }

.ocsBody-grid .ocsNavigationBarRow th,
.ocsBody-table .sdsTableNavigationRow th {
  text-align: right; }

/*Category Page*/
/*Filters*/
#filters-list {
  margin: 0;
  margin-top: -5px; }
  #filters-list.unfixed {
    box-shadow: #b3b3b3 0px 2px 6px; }
  #filters-list .reset-link {
    text-align: right; }
  #filters-list .gshpProductFilterPropertySet h3,
  #filters-list h3,
  #filters-list .h3 {
    font-weight: normal;
    font-size: 17px;
    text-transform: uppercase; }

.checked-filter-bar {
  background-color: #e6e6e6;
  border: none;
  margin-top: 2px; }

.navbar-filter-black li a.closer,
.navbar-filter-black li a.closer:hover,
.navbar-filter-black li a.closer:focus {
  padding: 8px;
  text-transform: initial; }
  .navbar-filter-black li a.closer i,
  .navbar-filter-black li a.closer:hover i,
  .navbar-filter-black li a.closer:focus i {
    font-size: 15px; }

/* Filter */
.gshpProductFilterPropertySetImageValue {
  width: 30%; }

/* Account form */
td.odfControlLabelCell {
  width: 200px;
  vertical-align: middle; }
  td.odfControlLabelCell label:not(.odfLeftLabel) {
    font-size: 1em;
    font-weight: 700;
    margin-bottom: 0; }

/*My Account page */
.gshpCommandFollowUpPage {
  display: flex;
  flex-direction: column; }
  .gshpCommandFollowUpPage div.gshpLinkBackToList {
    align-self: flex-end; }
  .gshpCommandFollowUpPage div.gshpDuplicateButton {
    display: flex;
    justify-content: flex-end; }
  .gshpCommandFollowUpPage div.itlRightTruncatedTabs {
    border: none; }
    .gshpCommandFollowUpPage div.itlRightTruncatedTabs ul.itlRightTruncatedTabs {
      border: none;
      border-bottom: 1px solid #ebedf0;
      padding: 0; }
      .gshpCommandFollowUpPage div.itlRightTruncatedTabs ul.itlRightTruncatedTabs li {
        margin-bottom: 0; }
        .gshpCommandFollowUpPage div.itlRightTruncatedTabs ul.itlRightTruncatedTabs li a {
          padding: 0 16px;
          height: 40px;
          line-height: 40px;
          font-size: 1.1rem;
          float: left;
          font-weight: 500;
          background: none;
          border: none;
          padding-bottom: 0;
          position: relative; }
        .gshpCommandFollowUpPage div.itlRightTruncatedTabs ul.itlRightTruncatedTabs li:after {
          content: "";
          position: absolute;
          z-index: 1;
          display: block;
          width: 100%;
          height: 3px;
          bottom: 0px;
          left: 0;
          opacity: 0;
          background-color: #2C53FF;
          transform: scale(0.8);
          transition: all 0.1s linear; }
        .gshpCommandFollowUpPage div.itlRightTruncatedTabs ul.itlRightTruncatedTabs li.tabButtonSelected {
          background: none;
          border-left: none; }
          .gshpCommandFollowUpPage div.itlRightTruncatedTabs ul.itlRightTruncatedTabs li.tabButtonSelected a {
            color: #2C53FF; }
          .gshpCommandFollowUpPage div.itlRightTruncatedTabs ul.itlRightTruncatedTabs li.tabButtonSelected:after {
            opacity: 1;
            transform: scale(1); }
    .gshpCommandFollowUpPage div.itlRightTruncatedTabs div.itlRightTruncatedTabsBlock {
      margin-bottom: 10px;
      padding: 10px 5px 5px;
      border: none;
      margin-top: 0px; }

.insSimpleInset {
  border: 0px; }
  .insSimpleInset h3.insTitle-text, .insSimpleInset .insTitle-text.h3 {
    font-size: 1.5em;
    text-align: left;
    border-bottom: 0px;
    line-height: 38px;
    font-weight: bold; }

.gshpBasket_buttonBar .gshpBasketCommandBar .bsButtonSpan a,
.gshpBasket_buttonBar .gshpBasketCommandBar .bsButton a,
.gshpBasket_buttonBar .gshpBasketButton_backToShop .bsButtonSpan a,
.gshpBasket_buttonBar .gshpBasketButton_backToShop .bsButton a,
.gshpBasket_buttonBar .gshpBasketButton_deleteAll .bsButtonSpan a,
.gshpBasket_buttonBar .gshpBasketButton_deleteAll .bsButton a,
.gshpBasket_buttonBar .gshpBasketButton_command .bsButtonSpan a,
.gshpBasket_buttonBar .gshpBasketButton_command .bsButton a,
.gshpBasketRow_buttonBar .gshpBasketCommandBar .bsButtonSpan a,
.gshpBasketRow_buttonBar .gshpBasketCommandBar .bsButton a,
.gshpBasketRow_buttonBar .gshpBasketButton_backToShop .bsButtonSpan a,
.gshpBasketRow_buttonBar .gshpBasketButton_backToShop .bsButton a,
.gshpBasketRow_buttonBar .gshpBasketButton_deleteAll .bsButtonSpan a,
.gshpBasketRow_buttonBar .gshpBasketButton_deleteAll .bsButton a,
.gshpBasketRow_buttonBar .gshpBasketButton_command .bsButtonSpan a,
.gshpBasketRow_buttonBar .gshpBasketButton_command .bsButton a {
  border: 1px solid #1f1f1f;
  color: #1f1f1f;
  /*box-shadow:0px 1px 0 $pre-color;*/
  background: #f2f2f2; }
  .gshpBasket_buttonBar .gshpBasketCommandBar .bsButtonSpan a:hover, .gshpBasket_buttonBar .gshpBasketCommandBar .bsButtonSpan a:focus,
  .gshpBasket_buttonBar .gshpBasketCommandBar .bsButton a:hover,
  .gshpBasket_buttonBar .gshpBasketCommandBar .bsButton a:focus,
  .gshpBasket_buttonBar .gshpBasketButton_backToShop .bsButtonSpan a:hover,
  .gshpBasket_buttonBar .gshpBasketButton_backToShop .bsButtonSpan a:focus,
  .gshpBasket_buttonBar .gshpBasketButton_backToShop .bsButton a:hover,
  .gshpBasket_buttonBar .gshpBasketButton_backToShop .bsButton a:focus,
  .gshpBasket_buttonBar .gshpBasketButton_deleteAll .bsButtonSpan a:hover,
  .gshpBasket_buttonBar .gshpBasketButton_deleteAll .bsButtonSpan a:focus,
  .gshpBasket_buttonBar .gshpBasketButton_deleteAll .bsButton a:hover,
  .gshpBasket_buttonBar .gshpBasketButton_deleteAll .bsButton a:focus,
  .gshpBasket_buttonBar .gshpBasketButton_command .bsButtonSpan a:hover,
  .gshpBasket_buttonBar .gshpBasketButton_command .bsButtonSpan a:focus,
  .gshpBasket_buttonBar .gshpBasketButton_command .bsButton a:hover,
  .gshpBasket_buttonBar .gshpBasketButton_command .bsButton a:focus,
  .gshpBasketRow_buttonBar .gshpBasketCommandBar .bsButtonSpan a:hover,
  .gshpBasketRow_buttonBar .gshpBasketCommandBar .bsButtonSpan a:focus,
  .gshpBasketRow_buttonBar .gshpBasketCommandBar .bsButton a:hover,
  .gshpBasketRow_buttonBar .gshpBasketCommandBar .bsButton a:focus,
  .gshpBasketRow_buttonBar .gshpBasketButton_backToShop .bsButtonSpan a:hover,
  .gshpBasketRow_buttonBar .gshpBasketButton_backToShop .bsButtonSpan a:focus,
  .gshpBasketRow_buttonBar .gshpBasketButton_backToShop .bsButton a:hover,
  .gshpBasketRow_buttonBar .gshpBasketButton_backToShop .bsButton a:focus,
  .gshpBasketRow_buttonBar .gshpBasketButton_deleteAll .bsButtonSpan a:hover,
  .gshpBasketRow_buttonBar .gshpBasketButton_deleteAll .bsButtonSpan a:focus,
  .gshpBasketRow_buttonBar .gshpBasketButton_deleteAll .bsButton a:hover,
  .gshpBasketRow_buttonBar .gshpBasketButton_deleteAll .bsButton a:focus,
  .gshpBasketRow_buttonBar .gshpBasketButton_command .bsButtonSpan a:hover,
  .gshpBasketRow_buttonBar .gshpBasketButton_command .bsButtonSpan a:focus,
  .gshpBasketRow_buttonBar .gshpBasketButton_command .bsButton a:hover,
  .gshpBasketRow_buttonBar .gshpBasketButton_command .bsButton a:focus {
    border: 1px solid #B5ACA2;
    color: #B5ACA2;
    /*box-shadow:inset 0px 1px 0 $brand-primary;*/
    background: #f2f2f2; }

/* responsive*/
@media (max-width: 1199px) {
  div.header.small {
    opacity: 1;
    filter: alpha(opacity=100);
    /* For IE8 and earlier */ }
    div.header.small .navbar-premenu .navbar-brand {
      padding: 10px 15px;
      height: inherit; }
    div.header.small .principal-nav li &gt; a {
      padding: 10px; }
    div.header.small .navbar-premenu li &gt; a {
      padding: 10px; }
    div.header.small .form-control {
      height: 32px; }
  .navbar {
    min-height: 35px; }
  td.gshpBasketLastButton div.gshpBasketButtonDiv span {
    float: none; }
  .product-page .gshpGridBlockForm,
  .product-page .gshpMultiGridProductSummary {
    width: calc(100vw - 380px);
    float: right; } }

@media (max-width: 1025px) {
  #my3dCatalogAssembly.col-lg-10 .col-md-12 {
    width: 100%;
    min-height: auto;
    flex: 0 0 100%; } }

@media (max-width: 767px) {
  div.header.small {
    opacity: 1;
    filter: alpha(opacity=100);
    /* For IE8 and earlier */ }
    div.header.small .navbar-premenu .navbar-brand {
      padding: 10px 15px;
      height: inherit; }
    div.header.small .principal-nav li &gt; a {
      padding: 10px; }
    div.header.small .navbar-premenu li &gt; a {
      padding: 10px; }
    div.header.small .form-control {
      height: 32px; }
  .globalCarousel100 {
    height: 50vh; }
    .globalCarousel100 .carousCarousel100 {
      height: 50vh; }
  .isoBlockPosition-left .insTitle-text,
  .insBGImageInset .insTitle-text {
    padding: 15%; }
  .nav &gt; li &gt; a {
    padding: 10px; }
  .product-in-list .thumbnail .linkOnThumbnail {
    min-height: auto; }
    .product-in-list .thumbnail .linkOnThumbnail &gt; img {
      padding: 5px; }
  .product-in-list .thumbnail .caption:after {
    content: "1";
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    height: 10px;
    background-color: #ccc;
    opacity: 0.5;
    transition: transform 0.3s ease-out, opacity 0.3s linear;
    transform-origin: center bottom;
    bottom: 0; }
  .product-in-list .thumbnail .caption:hover:after {
    transform: scaleY(1.2);
    transition: transform 0.15s ease-out, opacity 0.15s linear;
    opacity: 1; }
  .col-product-item .thumbnail {
    min-height: 285px; }
  .btn-gototop {
    right: 75px; }
  td.gshpBasketLastButton div.gshpBasketButtonDiv span {
    float: left; }
  .descrition-tabs-block .gshpGridBlockForm .product-grid-summary .product-order-row .product-order-tooltip-td {
    font-size: .8rem; }
    .descrition-tabs-block .gshpGridBlockForm .product-grid-summary .product-order-row .product-order-tooltip-td .gshp-shop-price, .descrition-tabs-block .gshpGridBlockForm .product-grid-summary .product-order-row .product-order-tooltip-td span {
      font-size: .8rem; }
      .descrition-tabs-block .gshpGridBlockForm .product-grid-summary .product-order-row .product-order-tooltip-td .gshp-shop-price span, .descrition-tabs-block .gshpGridBlockForm .product-grid-summary .product-order-row .product-order-tooltip-td span span {
        font-size: .8rem; }
  .gshp-product-form .gshp-dimensions-form {
    width: auto; }
  .gshp-product-form .product-grid-summary {
    padding: 10px !important; }
    .gshp-product-form .product-grid-summary .product-label-price-td {
      font-size: .8rem;
      max-width: 100% !important;
      margin: 0;
      margin-right: 0 !important; }
      .gshp-product-form .product-grid-summary .product-label-price-td .gshp-shop-price, .gshp-product-form .product-grid-summary .product-label-price-td span, .gshp-product-form .product-grid-summary .product-label-price-td .product-grid-price-block {
        font-size: .8rem; }
        .gshp-product-form .product-grid-summary .product-label-price-td .gshp-shop-price span, .gshp-product-form .product-grid-summary .product-label-price-td .gshp-shop-price .product-grid-price-block, .gshp-product-form .product-grid-summary .product-label-price-td span span, .gshp-product-form .product-grid-summary .product-label-price-td span .product-grid-price-block, .gshp-product-form .product-grid-summary .product-label-price-td .product-grid-price-block span, .gshp-product-form .product-grid-summary .product-label-price-td .product-grid-price-block .product-grid-price-block {
          font-size: .8rem; }
  .gshp-product-form .product-grid-summary .product-order-total-td span, .gshp-product-form .product-grid-summary .product-order-total-td .product-grid-price-block {
    font-size: .8rem; } }

@media (max-width: 767px) {
  body {
    /*PreHome */
    /* Premenu header*/
    /* Loook page */
    /*Collection  page*/
    /* Filter */
    /*Basket page*/
    /* Product  detail*/ }
    body .preHome_body {
      overflow: auto; }
      body .preHome_body .preHome .insContent .bsImage {
        text-align: center; }
        body .preHome_body .preHome .insContent .bsImage .bsImgStd img {
          width: 70%;
          height: auto; }
      body .preHome_body .preHome .insContent .bsText,
      body .preHome_body .preHome .insContent .bsHeading1 {
        display: none; }
      body .preHome_body .preHome .centeredContent {
        margin-top: 0px; }
        body .preHome_body .preHome .centeredContent .breadcrumb {
          display: none;
          padding-top: 10px; }
        body .preHome_body .preHome .centeredContent .form-signin {
          width: 80%;
          position: relative;
          height: auto;
          left: 0;
          top: 0;
          margin: 0 auto;
          background-color: transparent; }
        body .preHome_body .preHome .centeredContent .sdsLayoutGrid .cardCell {
          float: left;
          width: 100%; }
          body .preHome_body .preHome .centeredContent .sdsLayoutGrid .cardCell .bsText {
            padding: 0px 20px; }
          body .preHome_body .preHome .centeredContent .sdsLayoutGrid .cardCell .isoMarginBottomNo {
            width: 100%; }
            body .preHome_body .preHome .centeredContent .sdsLayoutGrid .cardCell .isoMarginBottomNo .insBGImageInset {
              background-size: 100%;
              width: 100%;
              background-image: none;
              background-color: transparent;
              height: auto;
              padding-top: 20px; }
        body .preHome_body .preHome .centeredContent .usrLoginForm {
          background-color: white;
          padding: 0px 0 10px; }
          body .preHome_body .preHome .centeredContent .usrLoginForm h2, body .preHome_body .preHome .centeredContent .usrLoginForm .h2 {
            padding-top: 10px;
            font-size: 18px; }
          body .preHome_body .preHome .centeredContent .usrLoginForm .form-group {
            margin-top: 20px;
            border-bottom: none; }
            body .preHome_body .preHome .centeredContent .usrLoginForm .form-group .control-label {
              width: 100%; }
            body .preHome_body .preHome .centeredContent .usrLoginForm .form-group .input-group {
              width: 100%;
              border: 1px solid #dadada;
              padding-left: 0px; }
          body .preHome_body .preHome .centeredContent .usrLoginForm .connectButtonBar {
            text-align: left;
            margin: 10px 15px; }
          body .preHome_body .preHome .centeredContent .usrLoginForm .usrLoginSubmit {
            padding: 6px 100px;
            margin-right: auto;
            width: 100%; }
          body .preHome_body .preHome .centeredContent .usrLoginForm .navbar-text {
            margin: 5px auto; }
    body .header .navbar-premenu {
      height: 60px; }
      body .header .navbar-premenu .container {
        display: flex;
        height: 60px;
        padding: 0 10px;
        justify-content: space-between; }
      body .header .navbar-premenu .dropdown-account.dropdown-basket-shopping {
        right: 0 !important; }
      body .header .navbar-premenu div.navbar-header {
        position: relative;
        float: left;
        width: 50%;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
        height: 100%;
        width: auto;
        padding: 0; }
        body .header .navbar-premenu div.navbar-header img {
          height: auto;
          width: auto;
          max-height: 45px;
          max-width: 45px;
          padding: 5px; }
        body .header .navbar-premenu div.navbar-header .navbar-brand {
          padding: 0;
          height: 100%;
          width: auto; }
      body .header .navbar-premenu div.navbar-collapse {
        height: 100%;
        display: flex;
        justify-content: space-between;
        float: right;
        max-width: 100%; }
        body .header .navbar-premenu div.navbar-collapse .btn.close {
          padding: 6px; }
        body .header .navbar-premenu div.navbar-collapse .navbar-nav {
          margin: 0px;
          height: 100%; }
          body .header .navbar-premenu div.navbar-collapse .navbar-nav.quotationShortcut {
            display: flex;
            flex-wrap: nowrap; }
          body .header .navbar-premenu div.navbar-collapse .navbar-nav li {
            display: inline-block; }
            body .header .navbar-premenu div.navbar-collapse .navbar-nav li a {
              padding-top: 0; }
              body .header .navbar-premenu div.navbar-collapse .navbar-nav li a.quotation-cart {
                color: inherit; }
                body .header .navbar-premenu div.navbar-collapse .navbar-nav li a.quotation-cart #quotationShortcutquantity.notif-counter {
                  right: 2px; }
                body .header .navbar-premenu div.navbar-collapse .navbar-nav li a.quotation-cart #basketShortcutQuantity.notif-counter {
                  right: -8px; }
          body .header .navbar-premenu div.navbar-collapse .navbar-nav .accountMenu {
            font-size: 0;
            padding: 0; }
            body .header .navbar-premenu div.navbar-collapse .navbar-nav .accountMenu .i {
              font-size: 16px; }
          body .header .navbar-premenu div.navbar-collapse .navbar-nav .lang {
            min-width: 70px; }
            body .header .navbar-premenu div.navbar-collapse .navbar-nav .lang ul.dropdown-menu {
              border-top: 2px solid #B5ACA2; }
              body .header .navbar-premenu div.navbar-collapse .navbar-nav .lang ul.dropdown-menu li a {
                font-size: 11px;
                padding: 2px 5px; }
        body .header .navbar-premenu div.navbar-collapse .navbar-form {
          margin-left: 0; }
          body .header .navbar-premenu div.navbar-collapse .navbar-form .input-group {
            top: 0;
            min-width: 240px; }
        body .header .navbar-premenu div.navbar-collapse .navbar-nav &gt; .open &gt; a,
        body .header .navbar-premenu div.navbar-collapse .navbar-premenu .navbar-nav &gt; .open &gt; a:hover,
        body .header .navbar-premenu div.navbar-collapse .navbar-premenu .navbar-nav &gt; .open &gt; a:focus {
          background-color: transparent; }
        body .header .navbar-premenu div.navbar-collapse .open .dropdown-account {
          position: absolute;
          background: white;
          left: auto;
          right: 0; }
    body div.setList {
      margin: 0 auto; }
      body div.setList #carousel-looks {
        margin-top: 10%; }
        body div.setList #carousel-looks h3, body div.setList #carousel-looks .h3 {
          font-size: 18px; }
    body .btn-group {
      float: left; }
      body .btn-group .btn {
        font-size: 10px; }
    body .navbar-nav {
      margin: 8px 15px; }
    body .navbar-filter-black {
      margin: 0px 15px; }
      body .navbar-filter-black li a.label-closer {
        font-size: 10px;
        padding: 6px; }
    body .product-in-list .price {
      white-space: nowrap; }
    body .product-in-list .thumbnail .caption {
      max-width: 100%;
      overflow-x: auto;
      overflow-y: hidden; }
    body .product-in-list .thumbnail .linkOnThumbnail {
      min-height: auto; }
    body .product-in-list .thumbnail a &gt; img {
      padding: 5px; }
    body .product-in-list .gshpTypedDocumentList {
      white-space: nowrap; }
    body .product-in-list .gshpTypedDocumentListItem {
      float: left;
      display: inline-block;
      margin: 0px 2px 0px 0px; }
    body .quick-add-to-basket {
      width: 120px;
      left: 70%; }
      body .quick-add-to-basket .btn-quick-add-to-basket {
        width: 100%;
        padding: 10px 0px;
        font-size: 10px; }
    body #filters-list {
      width: 100%; }
      body #filters-list.unfixed {
        position: relative;
        top: 0px;
        width: 100%; }
    body div.gshpProductFilterPropertySetFullWidth3 div.gshpProductFilterPropertySetWidth1 {
      width: 50%; }
    body .gshpProductFilterPropertySetImageValue {
      width: 100%; }
    body .navbar-filter-black {
      float: right;
      margin: 6px 0px; }
      body .navbar-filter-black li a.closer, body .navbar-filter-black li a.closer:hover,
      body .navbar-filter-black li a .closer:focus {
        padding: 6px; }
        body .navbar-filter-black li a.closer i, body .navbar-filter-black li a.closer:hover i,
        body .navbar-filter-black li a .closer:focus i {
          font-size: 8px; }
    body .gshpClientBasket {
      margin: 0px; }
      body .gshpClientBasket div.gshpClientBasketDetail,
      body .gshpClientBasket div.gshpAddressesBasket {
        position: relative;
        float: left;
        width: 100%;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px; }
      body .gshpClientBasket .gshpBasket_buttonBar .gshpBasketCommandBar .bsButtonSpan,
      body .gshpClientBasket .gshpBasketRow_buttonBar .gshpBasketCommandBar .bsButtonSpan {
        width: 100%;
        float: left;
        text-align: left;
        margin: 2px 0; }
        body .gshpClientBasket .gshpBasket_buttonBar .gshpBasketCommandBar .bsButtonSpan a,
        body .gshpClientBasket .gshpBasketRow_buttonBar .gshpBasketCommandBar .bsButtonSpan a {
          width: 100%; }
    body .gshpFollowUpTable table,
    body .gshpFollowUpTable thead,
    body .gshpFollowUpTable tbody,
    body .gshpFollowUpTable th,
    body .gshpFollowUpTable td,
    body .gshpFollowUpTable tr {
      display: block;
      padding: 0 10px; }
    body tr.gshpFollowUpHeading {
      position: absolute;
      top: -9999px;
      left: -9999px; }
    body tr.gshpFollowUpTableRow {
      /*
		Label the data
		*/ }
      body tr.gshpFollowUpTableRow td {
        position: relative;
        padding-left: 50%;
        white-space: normal;
        text-align: left;
        border-bottom: none; }
      body tr.gshpFollowUpTableRow td:before {
        margin-top: 6px;
        margin-left: 6px;
        margin-right: 8%;
        white-space: nowrap;
        text-align: left;
        font-weight: bold; }
      body tr.gshpFollowUpTableRow td.gshpFollowUp_details {
        text-align: center; }
        body tr.gshpFollowUpTableRow td.gshpFollowUp_details a {
          color: #B5ACA2;
          font-size: 14px; }
    body tr.gshpBasketRow_buttonBar2 td.gshpBasketButton,
    body tr.gshpBasketRow_buttonBar3 td.gshpBasketButton {
      width: 100%;
      float: left; }
      body tr.gshpBasketRow_buttonBar2 td.gshpBasketButton .bsButtonSpan a,
      body tr.gshpBasketRow_buttonBar2 td.gshpBasketButton span,
      body tr.gshpBasketRow_buttonBar3 td.gshpBasketButton .bsButtonSpan a,
      body tr.gshpBasketRow_buttonBar3 td.gshpBasketButton span {
        width: 100%;
        margin: 2px 0px; }
    body .gshpBasketCommandSummary {
      max-width: 100%;
      overflow-x: auto; }
    body table.gshpBasketTable tr.gshpBasketRow_headingCells th,
    body table.gshpBasketTable tr.gshpBasketRow_headingCells td {
      background-color: #e7e7e7;
      color: #212529;
      width: 250px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
    body #ctrl_couponCode {
      width: 66%; }
    body .gshpBasketStep1 {
      max-width: 100%; }
    body .gshpTitleBarRight {
      right: 0px;
      top: 0px;
      position: relative; }
    body div.gshpAddressBlock {
      padding-top: 10px; }
    body .gshp-productCatalog {
      overflow-x: hidden; }
      body .gshp-productCatalog .col-product-item {
        padding-left: 5px;
        padding-right: 5px; }
      body .gshp-productCatalog .standalone .carousel-product-linkedProducts .product-in-carousel {
        position: relative;
        float: left;
        width: 50%;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px; }
      body .gshp-productCatalog .title {
        font-size: 14px; }
      body .gshp-productCatalog .gshpProductPrice {
        font-size: 14px; }
      body .gshp-productCatalog .code {
        font-size: 12px; }
      body .gshp-productCatalog .price-zone .price-label {
        font-size: 12px; }
      body .gshp-productCatalog .descrition-tabs li {
        position: relative;
        float: left;
        width: 100%;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
        padding: 0px; }
        body .gshp-productCatalog .descrition-tabs li a {
          border: 1px solid #212529; }
      body .gshp-productCatalog .descrition-tabs .active &gt; a {
        background-color: #5a6570; }
    body .btn-gototop i {
      font-size: 20px; }
    body .btn-gototop.in {
      visibility: visible;
      color: white;
      z-index: 1;
      right: 30px;
      font-size: 10px; }
    body .btn-gototop:hover,
    body .btn-gototop:focus,
    body .btn-gototop.focus,
    body .btn-gototop:active,
    body .btn-gototop.active,
    body .open &gt; .dropdown-toggle.btn-gototop {
      background-color: transparent; } }

/*Mega Menu*/
/* RepSpace sales*/
.gshp-salesRepClientList {
  /*.advColumnTitle {
        display: block;
        width: 100%;
        padding: 0;
        margin-bottom: 18px;
        line-height: inherit;
        color: $text-color;
        border: 0;
        border-bottom: 1px solid #e5e5e5;
        text-transform: uppercase;
        color: $text-color;
        font-weight: 300;
        font-size: 18px;
	}*/ }
  .gshp-salesRepClientList .gshpActionBar {
    border: none;
    background-color: transparent;
    border-bottom: none;
    color: #212529;
    text-transform: uppercase;
    font-size: 15px;
    background-image: none;
    padding: 0; }
    .gshp-salesRepClientList .gshpActionBar .backToSite {
      background: none;
      color: #212529;
      padding-left: 0px; }
      .gshp-salesRepClientList .gshpActionBar .backToSite:before {
        content: "\e021";
        font-family: "Glyphicons Halflings"; }
    .gshp-salesRepClientList .gshpActionBar a {
      color: #212529;
      text-transform: none;
      font-size: 14px;
      background-image: none; }
    .gshp-salesRepClientList .gshpActionBar .clientDetail {
      padding-left: 0px; }
      .gshp-salesRepClientList .gshpActionBar .clientDetail:before {
        content: "\e003";
        font-family: "Glyphicons Halflings"; }
    .gshp-salesRepClientList .gshpActionBar .logout {
      padding-left: 0px; }
      .gshp-salesRepClientList .gshpActionBar .logout:before {
        content: "\e017";
        font-family: "Glyphicons Halflings"; }
  .gshp-salesRepClientList table {
    width: 100%;
    border-collapse: separate; }
    .gshp-salesRepClientList table td {
      text-align: left;
      color: #212529;
      font-weight: normal;
      padding: 5px 0; }
      .gshp-salesRepClientList table td label {
        margin: 8px 0px; }
      .gshp-salesRepClientList table td a.bsButton:link,
      .gshp-salesRepClientList table td a.bsButton:active,
      .gshp-salesRepClientList table td a.bsButton:visited,
      .gshp-salesRepClientList table td a.bsButton:hover {
        border: 2px solid #B5ACA2;
        border-radius: 0;
        color: #B5ACA2;
        width: 200px; }
  .gshp-salesRepClientList .adminWithGradient {
    border: none;
    border-collapse: collapse;
    margin-top: 15px; }
    .gshp-salesRepClientList .adminWithGradient tr td {
      background-color: White;
      border-color: #e7e7e7;
      border-width: 1px;
      vertical-align: middle;
      color: #787878; }
    .gshp-salesRepClientList .adminWithGradient tr.sdsTableSortRow th {
      border-left: 1px solid #e7e7e7;
      border-right: 1px solid #e7e7e7;
      background-image: none;
      border-bottom: 0px;
      text-align: left; }
    .gshp-salesRepClientList .adminWithGradient tr.sdsTableHeadingRow th {
      background-image: none;
      background-color: #e7e7e7;
      font-family: inherit;
      border: none; }
  .gshp-salesRepClientList input,
  .gshp-salesRepClientList select {
    display: block;
    width: 100%;
    height: 32px;
    padding: 6px 12px;
    font-size: 13px;
    line-height: 1.428571429;
    color: #212529;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0px;
    box-shadow: none;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px; }
  .gshp-salesRepClientList input.gshpHiddenButton {
    display: none; }

table.gshpSalesRepAutoLoginTable tr.gshpFollowUpHeading th {
  background-color: #e7e7e7;
  color: #212529;
  padding: 10px 5px; }

table.gshpSalesRepAutoLoginTable tr.gshpSalesRepAutoLoginTableRow td.gshpSalesRepAutoLoginTableCell {
  border: 1px solid #f0f0f0;
  padding: 10px 5px; }

.gshp-salesRepSpace .gshpActionBar,
.gshp-salesRepPendingBaskets .gshpActionBar,
.gshp-salesRepSharedBaskets .gshpActionBar {
  border: none;
  background-color: transparent;
  border-bottom: none;
  color: #212529;
  text-transform: uppercase;
  font-size: 15px;
  background-image: none;
  padding: 0;
  /*.clientList{
	           padding-left: 0px;
               background-image:none;
                color: $text-color;

              &amp;:before{
                    content: '\e012';
                    font-family: 'Glyphicons Halflings';
              }
        }*/ }
  .gshp-salesRepSpace .gshpActionBar a,
  .gshp-salesRepPendingBaskets .gshpActionBar a,
  .gshp-salesRepSharedBaskets .gshpActionBar a {
    color: #212529;
    text-transform: none;
    font-size: 14px;
    background-image: none; }

.gshp-salesRepSpace .backToSite,
.gshp-salesRepPendingBaskets .backToSite,
.gshp-salesRepSharedBaskets .backToSite {
  background: none;
  color: #212529;
  padding-left: 0px; }
  .gshp-salesRepSpace .backToSite:before,
  .gshp-salesRepPendingBaskets .backToSite:before,
  .gshp-salesRepSharedBaskets .backToSite:before {
    content: "\e021";
    font-family: "Glyphicons Halflings"; }

.gshp-salesRepSpace .logout,
.gshp-salesRepPendingBaskets .logout,
.gshp-salesRepSharedBaskets .logout {
  background: none;
  padding-left: 0px; }
  .gshp-salesRepSpace .logout:before,
  .gshp-salesRepPendingBaskets .logout:before,
  .gshp-salesRepSharedBaskets .logout:before {
    content: "\e017";
    font-family: "Glyphicons Halflings"; }

.gshp-salesRepSpace .clientDetail,
.gshp-salesRepPendingBaskets .clientDetail,
.gshp-salesRepSharedBaskets .clientDetail {
  padding-left: 0px; }
  .gshp-salesRepSpace .clientDetail:before,
  .gshp-salesRepPendingBaskets .clientDetail:before,
  .gshp-salesRepSharedBaskets .clientDetail:before {
    content: "\e003";
    font-family: "Glyphicons Halflings"; }

.gshp-salesRepClientCard {
  /*.isoBlockPosition-none .bsLevel0.sdsHeading{
	    display: block;
        width: 100%;
        padding: 0;
        margin-bottom: 18px;
        line-height: inherit;
        color: $text-color;
        border: 0;
        border-bottom: 1px solid #e5e5e5;
        text-transform: uppercase;
        color: $text-color;
        font-weight: 300;
        font-size: 18px;
	}*/ }
  .gshp-salesRepClientCard table {
    border: none;
    width: 100%; }
    .gshp-salesRepClientCard table.total-block {
      max-width: 400px; }
    .gshp-salesRepClientCard table td {
      color: #212529;
      font-size: .875rem; }
  .gshp-salesRepClientCard .gshpActionBar {
    border: none;
    background-color: transparent;
    border-bottom: none;
    color: #212529;
    text-transform: uppercase;
    font-size: 15px;
    background-image: none;
    padding: 0;
    /*.clientList{
	           padding-left: 0px;
               background-image:none;
               color: $text-color;

		&amp;:before{
                    content: '\e012';
		            color:$text-color;
                    font-family: 'Glyphicons Halflings';
		}
	}*/ }
    .gshp-salesRepClientCard .gshpActionBar a {
      color: #212529;
      text-transform: none;
      font-size: 14px;
      background-image: none; }
    .gshp-salesRepClientCard .gshpActionBar .backToSite {
      background: none;
      color: #212529;
      padding-left: 0px; }
      .gshp-salesRepClientCard .gshpActionBar .backToSite:before {
        content: "\e021";
        font-family: "Glyphicons Halflings"; }
    .gshp-salesRepClientCard .gshpActionBar .logout {
      background: none;
      padding-left: 0px; }
      .gshp-salesRepClientCard .gshpActionBar .logout:before {
        content: "\e017";
        font-family: "Glyphicons Halflings"; }
  .gshp-salesRepClientCard h6.bsLevel1, .gshp-salesRepClientCard .bsLevel1.h6 {
    text-align: left;
    text-transform: initial;
    color: #212529;
    margin-bottom: 10px; }
  .gshp-salesRepClientCard .gshpCommandFollowUpPage div.gshpSearch table.gshpTableInput td.gshpSearchCell {
    padding: 5px; }
  .gshp-salesRepClientCard .gshpSearch_submit a.bsButton {
    border: 2px solid #B5ACA2;
    border-radius: 0;
    color: #B5ACA2;
    width: 200px;
    float: right; }

/* autocomplete */
.ui-autocomplete {
  border: 1px solid #1943ff;
  border-radius: 0px; }

/* Responsive sales table*/
@media (max-width: 767px) {
  .gshp-salesRepClientList {
    /* Hide table headers (but not display: none;, for accessibility) */ }
    .gshp-salesRepClientList table,
    .gshp-salesRepClientList thead,
    .gshp-salesRepClientList tbody,
    .gshp-salesRepClientList th,
    .gshp-salesRepClientList td,
    .gshp-salesRepClientList tr {
      display: block;
      padding: 0; }
    .gshp-salesRepClientList thead tr {
      position: absolute;
      top: -9999px;
      left: -9999px; }
    .gshp-salesRepClientList td {
      /* Behave  like a "row" */
      border: none;
      position: relative; }
    .gshp-salesRepClientList td:before {
      /* Now like a table header */
      position: absolute;
      /* Top/left values mimic padding */
      top: 6px;
      left: 6px;
      width: 45%;
      white-space: nowrap; } }

.staticPictures {
  margin: -5px -15px 15px; }
  .staticPictures .staticPicture {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    min-height: 200px;
    position: relative;
    margin-top: 15px; }
    @media (min-width: 768px) {
      .staticPictures .staticPicture {
        float: left;
        width: 50%; } }
    @media (min-width: 1200px) {
      .staticPictures .staticPicture {
        float: left;
        width: 25%; } }
    .staticPictures .staticPicture a:hover img, .staticPictures .staticPicture a:focus img {
      height: auto;
      transform: scale(1.075);
      transition: transform 0.1s ease-out; }
    .staticPictures .staticPicture img {
      width: 100%;
      height: auto;
      border-radius: 5px;
      background-size: 100%;
      box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
      position: relative;
      transition: transform 0.2s ease-out; }
      .staticPictures .staticPicture img .titleSpan {
        color: white;
        font-size: 18px;
        text-transform: uppercase;
        font-weight: 400; }

/* News page */
.Liste p.bsText {
  font-size: .9rem;
  max-height: 115px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  font-weight: 300; }

.Liste div.advColumns {
  margin: 0;
  min-height: 134px; }
  .Liste div.advColumns p {
    margin: 0; }

.Liste td.odd div.advColumns,
.Liste td.odd div.advSolidSeparatorH {
  float: right; }

.Liste td.even div.advColumns,
.Liste td.even div.advSolidSeparatorH {
  float: left; }

.Liste div.advSolidSeparatorH {
  margin-top: 0em; }

.Liste .ocsBody-grid,
.Liste .advColumns {
  padding: 0; }
  .Liste .ocsBody-grid table:not(.actualityGrid) tr:nth-child(odd),
  .Liste .ocsBody-grid table:not(.actualityGrid) tr,
  .Liste .advColumns table:not(.actualityGrid) tr:nth-child(odd),
  .Liste .advColumns table:not(.actualityGrid) tr {
    background: white; }
    .Liste .ocsBody-grid table:not(.actualityGrid) tr:nth-child(odd) td,
    .Liste .ocsBody-grid table:not(.actualityGrid) tr td,
    .Liste .advColumns table:not(.actualityGrid) tr:nth-child(odd) td,
    .Liste .advColumns table:not(.actualityGrid) tr td {
      vertical-align: top;
      padding: 0 15px 0 0; }
      .Liste .ocsBody-grid table:not(.actualityGrid) tr:nth-child(odd) td:last-child,
      .Liste .ocsBody-grid table:not(.actualityGrid) tr td:last-child,
      .Liste .advColumns table:not(.actualityGrid) tr:nth-child(odd) td:last-child,
      .Liste .advColumns table:not(.actualityGrid) tr td:last-child {
        text-align: left;
        padding: 0; }

.Liste .bsHeading1 .bsHeading1Content {
  margin-left: 0; }
  .Liste .bsHeading1 .bsHeading1Content .bsText a {
    font-size: 1.2rem;
    line-height: 20px;
    color: #212529;
    margin-bottom: 0.5em;
    float: left;
    font-weight: 400; }

/* Videos page*/
.Thumbnail .bsHeading1 .bsHeading1Content {
  margin-left: 0; }

.Thumbnail .bsLevel2,
.Thumbnail .bsHeading1 .bsText a {
  font-size: 1.1em;
  font-weight: 600;
  margin-bottom: 5px;
  color: #212529; }

.Thumbnail p {
  font-size: 16px;
  margin: 2px; }

.Thumbnail .bsImgStd {
  color: white;
  position: relative; }
  .Thumbnail .bsImgStd a:before {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: "Glyphicons Halflings";
    font-weight: 400;
    font-size: 14px;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e072";
    position: absolute;
    font-size: 82px;
    top: -30px;
    left: 40%;
    opacity: 0.8;
    z-index: 3;
    color: white; }

/* OCS Details*/
.ocs-genViewCard {
  font-size: 1.1em; }
  .ocs-genViewCard iframe {
    width: 100%; }
  .ocs-genViewCard p.bsText {
    line-height: 1.5; }
  .ocs-genViewCard p:not(.sdsImage, .DownloadableInfos) {
    font-size: 1rem;
    margin: 15px 0; }
    .ocs-genViewCard p:not(.sdsImage, .DownloadableInfos) br {
      display: none; }
  .ocs-genViewCard .isoMarginTopTwoLine {
    margin-top: 15px !important;
    margin-bottom: 15px !important; }
  .ocs-genViewCard .ocsExtract p {
    margin: 0; }
  .ocs-genViewCard .directHtml p {
    margin: 15px 0;
    line-height: 1.5em; }
  .ocs-genViewCard p.bsSolidBorder {
    border: none; }
  .ocs-genViewCard table.bsGrid tr:not(:last-child) {
    border-bottom: 1px solid #e1e1e1; }
  .ocs-genViewCard .bsLevel0 {
    font-size: 1.75rem;
    font-weight: 700; }
  .ocs-genViewCard .bsText strong a {
    font-size: 1rem;
    padding: 8px 10px;
    position: relative;
    display: inline-block; }

/* Search */
/* Serach Filter */
/* mobile menu header button */
.rmm-toggled {
  width: 100%;
  background-color: #fff;
  min-height: 50px;
  margin: 0 auto;
  display: none; }

.rmm-closed ~ .rmm-mobile {
  display: none; }

.rmm-toggled-controls {
  width: 100%; }

.rmm-toggled-title {
  width: 60%;
  float: left;
  font-size: 27px;
  font-weight: 700;
  display: block;
  padding: 8px 0;
  text-decoration: none;
  text-align: left;
  padding-left: 35px; }

.rmm-toggled-button {
  display: block;
  width: 32px;
  padding: 0;
  margin: 10px 10px 0 0;
  border: 1px solid #fff;
  border-radius: 3px;
  float: right; }

.rmm-toggled-button span {
  float: left;
  display: block;
  margin: 3px 6px;
  height: 3px;
  background: white;
  width: 20px; }

/* normalny back button visible only on mobiles  */
.rmm .rmm-back {
  display: none;
  border-bottom: 1px solid #ccc; }

.rmm .rmm-back:after {
  display: none; }

.rmm .rmm-back a:before {
  font-family: "icomoon";
  font-weight: normal;
  font-style: normal;
  content: "\e911";
  height: 36px;
  line-height: 38px; }

.rmm-mobile .rmm-back {
  display: block; }
  .rmm-mobile .rmm-back a:hover {
    background: transparent; }

.rmm-subview a.rmm-dropdown:before {
  font-family: "icomoon";
  font-weight: normal;
  font-style: normal;
  content: "\e911";
  height: 36px;
  line-height: 38px;
  font-size: 32px;
  float: right;
  opacity: 0;
  transform: translateX(-5px) scale(0.8);
  transform-origin: left center;
  transition: opacity 0.2s linear, transform 0.4s ease-out; }

.rmm-subview a.rmm-dropdown:hover:before, .rmm-subview a.rmm-dropdown:focus:before {
  opacity: 1;
  transform: translateX(0) scale(1);
  transition: opacity 0.1s linear, transform 0.2s ease-in; }

.rmm-subview a.rmm-dropdown:after {
  display: none; }

.rmm-subview li.rmm-toogled {
  display: none; }

/* mobile menu list */
.rmm-mobile {
  width: 100%;
  z-index: 1000;
  position: relative; }

.rmm.style .rmm-mobile li.close-filter {
  background-color: white;
  border-top: 1px solid #ccc;
  padding: 8px 4px; }
  .rmm.style .rmm-mobile li.close-filter a {
    font-size: 16px;
    position: relative;
    z-index: 2;
    width: 110px;
    left: 76%;
    float: none; }

.rmm-mobile .rmm-dropdown:hover ~ ul,
.rmm-mobile .rmm-dropdown:hover &gt; ul,
.rmm-mobile .rmm-dropdown:hover + ul {
  display: none; }

.rmm-mobile ul {
  width: 100%;
  position: inherit; }

.rmm-mobile li {
  width: 100%; }

/* mobile menu js action */
.rmm-dropdown {
  display: block; }
  .rmm-dropdown:after {
    font-family: "icomoon";
    font-weight: normal;
    font-style: normal;
    font-weight: normal;
    font-style: normal;
    content: "\e910";
    height: 30px;
    line-height: 22px;
    float: right;
    transform: rotate(90deg);
    font-size: 22px;
    margin-left: auto; }

.rmm.style ul.rmm-mobile ul.rmm-subview {
  display: block;
  width: 100%;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3); }

.rmm-mobile .rmm-subover-hidden {
  display: none; }

.rmm.style .rmm-mobile .rmm-subview li.rmm-subover-visible {
  display: block; }
  .rmm.style .rmm-mobile .rmm-subview li.rmm-subover-visible &gt; a {
    color: white; }
    .rmm.style .rmm-mobile .rmm-subview li.rmm-subover-visible &gt; a span,
    .rmm.style .rmm-mobile .rmm-subview li.rmm-subover-visible &gt; a label {
      color: #fff; }
    .rmm.style .rmm-mobile .rmm-subview li.rmm-subover-visible &gt; a:before {
      opacity: 1; }

.rmm-mobile .rmm-subover-header {
  display: none;
  padding: 0;
  margin: 0; }

/* mobile menu content */
.rmm-mobile .rmm-submenu {
  position: relative;
  left: 0px; }

.rmm .rmm-mobile li:hover &gt; ul {
  display: none; }

/* arrow down for wide screen */
.rmm.style {
  text-align: left;
  padding: 0; }

.rmm.style ul {
  text-align: left;
  list-style-type: none;
  border: 1px solid #cccccc;
  border-radius: 10px;
  margin: 0;
  padding: 0;
  background: white; }

.rmm.style ul li:not(.close-filter) {
  text-align: left;
  background: white;
  font-size: .875rem;
  height: 32px; }

.rmm.style ul ul {
  display: none;
  margin: 0;
  border-radius: 0px;
  padding: 0;
  position: absolute; }

.rmm.style ul li a:not(.btn) {
  color: #212529;
  text-transform: initial;
  display: flex;
  text-decoration: none;
  height: 100%;
  align-items: center;
  padding: 5px 10px;
  font-size: .875rem;
  line-height: 32px; }
  .rmm.style ul li a:not(.btn) label.link {
    animation: translateLineMenu 0.2s ease both;
    cursor: pointer; }
  .rmm.style ul li a:not(.btn):hover label.link, .rmm.style ul li a:not(.btn):focus label.link {
    color: white; }

span.deleteHierarchyFilter:before {
  opacity: 0; }

.rmm.style ul ul li a {
  color: #212529; }

/* arrow down for wide screen */
/* arrow left for wide screen submenus  */
.rmm.style ul ul li &gt; a:not(:only-child):after {
  top: 2px;
  font-size: 14px;
  float: right;
  margin-right: -20px; }

/* mobile style */
/*.rmm.style .rmm-mobile li &gt; a:not(:only-child):after {top: 4px; font-size: 14px; float: right;}*/
.rmm.style .rmm-mobile li {
  background: transparent;
  border-top: 0; }

/* couleur arriere plan boutton filtre sur IE*/
/*.navbar-UICategoryOptionsBar .navbar-nav &gt; li &gt; a:hover, .navbar-UICategoryOptionsBar .navbar-nav &gt; li &gt; a:focus
{
    background-color:#0071c2;
}*/
.my3dcore-my3DCatalog .breadcrumb {
  display: none; }

.my3dcore-my3DCatalog .breadcrumb {
  list-style: none; }

.my3dcore-my3DCatalog .breadcrumb &gt; li {
  display: inline-block; }

.my3dcore-my3DCatalog .breadcrumb .is-hidden {
  display: none; }

.my3dcore-my3DCatalog .breadcrumb-dropdown {
  display: inline-block; }

.my3dcore-my3DCatalog .breadcrumb &gt; li.breadcrumb-ellipsis.is-hidden + li:before {
  display: none; }

.my3dcore-my3DCatalog .breadcrumb &gt; li:before {
  display: none; }

.my3dcore-my3DCatalog .breadcrumb-ellipsis {
  display: none; }

.my3dcore-my3DCatalog .content.container {
  padding: 0px; }

.yamm ul.nav li.dropdown.CatalogMenu:hover &gt; ul.dropdown-menu.level1 {
  display: none; }

.yamm ul.nav li.dropdown.CatalogMenu.open &gt; ul.dropdown-menu.level1 {
  display: block;
  background: transparent; }

/* IE &amp; Edge  */
@media screen and (-ms-high-contrast: none) {
  .my3dCatalogAssemblyMediaContent .planks {
    height: 62px; }
  #media2D {
    height: calc(100% - 86px); } }

@supports (-ms-ime-align: auto) and (-webkit-text-stroke: initial) {
  .my3dCatalogAssemblyMediaContent .planks {
    height: 62px; }
  #media2D {
    height: calc(100% - 86px); } }

.ie .dropdown-menu.level1 .dropdown-submenu ul {
  left: 100%;
  margin-top: 40px;
  top: -100%; }
  .ie .dropdown-menu.level1 .dropdown-submenu ul .my3d-core-menu-container {
    background: transparent;
    height: 100%;
    width: 100%;
    box-shadow: -1px 1px 0px 1px rgba(232, 232, 232, 0.1) inset;
    padding: 10px; }

.CatalogMenu {
  position: inherit; }
  .CatalogMenu.open {
    background: #1a1a1a;
    color: #cccccc; }
    .CatalogMenu.open &gt; a {
      transform: translateY(10px);
      color: #cccccc;
      transition: all 0.1s linear; }
      .CatalogMenu.open &gt; a:before {
        opacity: 0; }
      .CatalogMenu.open &gt; a:after {
        top: 5px;
        left: 3px;
        background: #1a1a1a;
        opacity: 1;
        transform: scale(1);
        content: "";
        position: absolute;
        z-index: 1;
        display: block;
        transform-origin: center center;
        height: 100%;
        width: 100%;
        border-radius: 5px;
        transition: all 0.1s linear; }
  .CatalogMenu .dropdown-menu {
    padding: 0;
    width: 100%;
    left: 0;
    background: #1a1a1a;
    animation: scaleDown 0.1s linear ease-in-out 0.2s; }
    .CatalogMenu .dropdown-menu .menuBar {
      display: block;
      width: 100%;
      height: 60px;
      border-bottom: 1px solid #666666;
      padding: 10px 0;
      margin: 0 10px;
      transform-origin: left center;
      z-index: 2000;
      position: relative; }
      .CatalogMenu .dropdown-menu .menuBar .button-bar {
        text-align: right;
        line-height: 32px;
        padding: 0 10px 0 0;
        position: relative;
        z-index: 2; }
        .CatalogMenu .dropdown-menu .menuBar .button-bar a {
          background: transparent;
          border: 0;
          text-transform: initial;
          font-size: 16px;
          color: white;
          margin-left: 4px;
          display: inline-block;
          font-weight: 700;
          position: relative;
          z-index: 2;
          padding-right: 14px;
          line-height: 40px;
          padding-left: 0;
          animation: scaleUpDown 0.3s ease both;
          padding-top: 0;
          padding-bottom: 0; }
          .CatalogMenu .dropdown-menu .menuBar .button-bar a.close-btn {
            background: transparent;
            border: 0;
            padding: 0; }
          .CatalogMenu .dropdown-menu .menuBar .button-bar a:before {
            content: "";
            position: absolute;
            z-index: 1;
            display: block;
            transform-origin: center center;
            height: 100%;
            top: 0;
            width: 100%;
            left: 0;
            opacity: 0;
            background-color: rgba(255, 255, 255, 0.2);
            transform: scale(0.8);
            border-radius: 5px;
            transition: all 0.1s linear; }
          .CatalogMenu .dropdown-menu .menuBar .button-bar a:hover, .CatalogMenu .dropdown-menu .menuBar .button-bar a:focus {
            color: white; }
            .CatalogMenu .dropdown-menu .menuBar .button-bar a:hover:before, .CatalogMenu .dropdown-menu .menuBar .button-bar a:focus:before {
              opacity: 1;
              transform: scale(1); }
        .CatalogMenu .dropdown-menu .menuBar .button-bar span {
          vertical-align: middle;
          padding: 0 7px; }
      .CatalogMenu .dropdown-menu .menuBar .HierarchyTitle {
        float: left;
        font-size: 20px;
        text-transform: uppercase;
        position: relative;
        width: 25%;
        padding-top: 6px; }
        .CatalogMenu .dropdown-menu .menuBar .HierarchyTitle:after {
          content: "";
          position: absolute;
          bottom: -12px;
          left: 0px;
          width: 100%;
          height: 5px;
          background: #f0f0f0; }
    .CatalogMenu .dropdown-menu.level1 {
      float: none;
      position: fixed;
      height: 100%;
      top: auto;
      z-index: 2001; }
      .CatalogMenu .dropdown-menu.level1 .my3d-core-menu-container {
        background: transparent;
        height: 100%;
        width: 25%;
        padding: 10px;
        animation: translateLine 0.3s ease both; }
      .CatalogMenu .dropdown-menu.level1 li a {
        height: 100%;
        width: 100%;
        display: inline-block;
        border: 0;
        padding: 10px;
        color: white;
        transition: opacity 0.2s linear;
        position: relative;
        z-index: 2; }
        .CatalogMenu .dropdown-menu.level1 li a:before {
          content: "";
          position: absolute;
          z-index: 1;
          display: block;
          transform-origin: center center;
          height: 100%;
          top: 0;
          width: 100%;
          left: 0;
          opacity: 0;
          background-color: rgba(255, 255, 255, 0.2);
          transform: scale(0.8);
          border-radius: 5px;
          transition: all 0.1s linear; }
        .CatalogMenu .dropdown-menu.level1 li a:hover:before, .CatalogMenu .dropdown-menu.level1 li a:focus:before {
          opacity: 1;
          transform: scale(1); }
        .CatalogMenu .dropdown-menu.level1 li a span.title {
          vertical-align: middle;
          font-weight: 400;
          font-size: 16px;
          text-transform: initial;
          line-height: 1.35;
          opacity: 0.7;
          position: relative;
          z-index: 2;
          display: inline-block;
          width: 50%; }
        .CatalogMenu .dropdown-menu.level1 li a img {
          height: 120px;
          width: 120px;
          margin-right: 15px;
          position: relative;
          z-index: 2; }
        .CatalogMenu .dropdown-menu.level1 li a:after {
          display: none; }
        .CatalogMenu .dropdown-menu.level1 li a span.icon_32 {
          display: inline-block;
          vertical-align: middle;
          font-size: 32px;
          opacity: 0.7;
          transition: transform 0.05s ease-out, opacity 0.05s linear; }
      .CatalogMenu .dropdown-menu.level1 li:hover span, .CatalogMenu .dropdown-menu.level1 li:focus span {
        opacity: 1;
        color: white; }
        .CatalogMenu .dropdown-menu.level1 li:hover span.icon_32, .CatalogMenu .dropdown-menu.level1 li:focus span.icon_32 {
          transform: translate(8px); }
  .CatalogMenu .dropdown-menu.level1 .dropdown-submenu {
    width: 100%;
    height: auto; }
  .CatalogMenu .dropdown-submenu {
    position: initial;
    box-shadow: none;
    border: none;
    width: 100%;
    height: auto; }
  .CatalogMenu .dropdown-submenu .dropdown-menu {
    top: 0;
    left: 25%;
    margin-top: 0px;
    padding-top: 70px;
    box-shadow: none;
    border: none;
    position: absolute;
    float: none;
    background: transparent;
    height: 100%; }

/* Kendo override */
#horizontalNavigationView .k-treeview .k-group.k-treeview-lines &gt; .k-first &gt; .k-group &gt; .k-item &gt; .k-mid,
#horizontalNavigationView .k-treeview .k-group.k-treeview-lines &gt; .k-first &gt; .k-group &gt; .k-item &gt; .k-top,
#horizontalNavigationView .k-treeview .k-group.k-treeview-lines &gt; .k-first &gt; .k-group &gt; .k-item &gt; .k-bot {
  background-color: transparent; }

/* Home page */
.featured .staticPicture {
  background: white;
  height: 72px;
  position: relative; }
  .featured .staticPicture .featured-content {
    background-color: #fff;
    left: 4px;
    padding-left: 20px;
    padding-right: 20px;
    position: absolute;
    top: 0;
    transition: 0.4s transform ease;
    width: 98%; }
    .featured .staticPicture .featured-content h4, .featured .staticPicture .featured-content .h4 {
      text-transform: uppercase;
      text-align: center;
      line-height: 29px;
      font-weight: 300;
      font-size: 18px;
      display: inline-block;
      vertical-align: middle; }
    .featured .staticPicture .featured-content span {
      vertical-align: middle;
      display: inline-block;
      padding: 10px; }
    .featured .staticPicture .featured-content:hover, .featured .staticPicture .featured-content:focus {
      -ms-transform: translateY(-100%);
      transform: translateY(-100%); }

/* CSP context */
#top-pane.MosaicAss #my3dcatalogView #mosaicView .my3dcore_assembly_link .my3dcore_mosaic_assembly_block.backUrlToCSP {
  margin-top: 0px; }

#middle-pane.backUrlToCSP {
  margin-top: 90px;
  /*#media, #nomenclature{
       height:46vh;
       }*/ }
  #middle-pane.backUrlToCSP .AssemblyCase.k-tabstrip-items {
    margin-left: 198px; }
  #middle-pane.backUrlToCSP #containerHierarchyTree {
    height: 56vh; }

/* equipements page*/
.my3dshp-machinePerimeter .content.container {
  padding-top: 0px;
  padding-bottom: 0px; }

.my3dshp-machinePerimeter .ClientAssemblyForm .button-medium {
  top: 0px;
  right: 2px; }

.my3dshp-machinePerimeter .ClientAssemblyForm .input-group {
  width: 100%; }

.my3dcatalogClientView-search-block {
  padding: 30px; }
  .my3dcatalogClientView-search-block .navbar-btn {
    margin-top: 30px;
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .my3dcatalogClientView-search-block .navbar-btn .btn-submit {
      margin-left: auto; }

.my3dcatalogClientView-search-result {
  padding: 30px;
  margin-bottom: 20px; }

.my3dcore_client_assembly_list .my3dcore_client_assembly_block {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-content: space-between;
  margin-top: 15px;
  width: 100%; }
  .my3dcore_client_assembly_list .my3dcore_client_assembly_block:not(:first-child) {
    border-top: 1px solid #cccccc;
    padding-top: 15px; }
  .my3dcore_client_assembly_list .my3dcore_client_assembly_block .assembly_thumbnail {
    width: 200px;
    height: 200px;
    overflow: hidden;
    margin-right: 20px;
    display: flex;
    align-items: center; }
    .my3dcore_client_assembly_list .my3dcore_client_assembly_block .assembly_thumbnail a img {
      height: 100%;
      transition: transform 0.2s ease-out, opacity 0.2s linear; }
  .my3dcore_client_assembly_list .my3dcore_client_assembly_block .navbar-btn {
    margin: 0;
    justify-content: flex-start; }
    .my3dcore_client_assembly_list .my3dcore_client_assembly_block .navbar-btn a.btn {
      padding-left: 10px;
      margin: 5px; }
  .my3dcore_client_assembly_list .my3dcore_client_assembly_block .description_assembly_block {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: auto; }
    .my3dcore_client_assembly_list .my3dcore_client_assembly_block .description_assembly_block .TitleBlock {
      font-size: .9rem;
      color: #212529;
      padding: 10px; }
    .my3dcore_client_assembly_list .my3dcore_client_assembly_block .description_assembly_block a.link {
      font-size: 1.175rem; }
    .my3dcore_client_assembly_list .my3dcore_client_assembly_block .description_assembly_block p {
      display: -webkit-box;
      height: 20px;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis;
      line-height: 1.625; }

.my3dcatalogClientView {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row; }

/**/
.my3dcore_assembly_link .TitleBlock {
  padding: 5px 20px 20px;
  float: left;
  text-align: center;
  width: 100%; }

.my3dcore_assembly_link h1, .my3dcore_assembly_link .h1 {
  flex: 1 100%;
  -webkit-flex: 1 100%;
  padding: 60px 20px 0; }

.my3dcore_assembly_link h2, .my3dcore_assembly_link .h2 {
  width: 100%;
  font-size: 28px;
  margin-bottom: 15px;
  font-weight: 300;
  margin-top: 30px;
  padding: 0 16px; }
  .my3dcore_assembly_link h2 span, .my3dcore_assembly_link .h2 span {
    display: inline-block;
    border-bottom: 10px solid #e0e0e0;
    padding: 0 20px 10px 0; }

.my3dcore_assembly_link h4, .my3dcore_assembly_link .h4 {
  border-top: 1px solid #ccc;
  padding-top: 10px;
  font-size: 16px;
  float: left;
  font-weight: 700;
  width: 100%;
  margin-bottom: 0px; }

#verticalSplitterView {
  background: transparent;
  position: relative; }

#my3dCatalogTrees {
  animation: translateLineX 0.3s ease both;
  transform-origin: right right;
  height: 100%; }
  #my3dCatalogTrees.HiddenTree {
    visibility: hidden;
    width: 0;
    padding: 0;
    display: none; }

.ToggleTreeSep {
  height: 100%;
  float: left;
  width: 12px;
  border-radius: 3px;
  margin-left: 5px; }
  .ToggleTreeSep a {
    top: 50%;
    position: relative;
    left: -10px; }

#my3dcatalogView {
  background: transparent;
  position: relative; }
  #my3dcatalogView #horizontalSplitterView {
    border: none; }
  #my3dcatalogView #my3dCatalogTrees .k-header {
    margin: 0 0 20px;
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    padding: 0;
    text-transform: uppercase;
    background-color: white; }
    #my3dcatalogView #my3dCatalogTrees .k-header:before {
      content: "";
      position: absolute;
      width: 40px;
      height: 3px;
      background: #B5ACA2;
      top: 25px;
      left: 2px; }
  #my3dcatalogView #my3dCatalogTrees.HiddenTree {
    visibility: hidden;
    width: 0;
    padding: 0; }
  #my3dcatalogView #documentsPart {
    background: transparent; }

#verticalMosaicSplitterView {
  background-color: transparent;
  display: block; }

#mosaicView {
  overflow: hidden;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  padding: 0px 30px;
  margin-bottom: 20px; }
  #mosaicView .my3dcore_mosaic_assembly_div {
    display: flex;
    flex-wrap: wrap;
    flex: 1; }
  #mosaicView .TitleBlock {
    padding: 10px 20px 20px;
    float: left; }
  #mosaicView h1, #mosaicView .h1 {
    -webkit-flex: 1 100%;
    flex: 1 100%;
    padding: 10px 20px 0;
    margin-top: 30px; }
  #mosaicView h2, #mosaicView .h2 {
    width: 100%;
    font-size: 1.5rem;
    margin-bottom: 10px;
    font-weight: 300;
    margin-top: 20px;
    margin-left: 15px; }
    #mosaicView h2 span, #mosaicView .h2 span {
      display: inline-block; }
  #mosaicView h4, #mosaicView .h4 {
    border-top: 1px solid #ccc;
    margin-top: 10px;
    padding-top: 15px;
    font-size: 16px;
    float: left;
    font-weight: 700;
    width: 100%;
    margin-bottom: 0px; }
  #mosaicView .my3dcore_hierarchy_link {
    margin-left: 15px; }
    #mosaicView .my3dcore_hierarchy_link .my3dcore_mosaic_hierarchy_block {
      overflow: hidden;
      height: 260px;
      width: 260px;
      padding: 0;
      position: relative;
      margin-top: 0px;
      margin-bottom: 15px;
      margin-left: 0;
      animation: fadeInFromNone 0.2s;
      border-radius: 15px;
      display: flex;
      flex-direction: column;
      min-width: 0;
      word-wrap: break-word;
      background-clip: border-box;
      border: 0;
      background-color: transparent; }
      #mosaicView .my3dcore_hierarchy_link .my3dcore_mosaic_hierarchy_block .thumbnailContainer:after {
        content: "";
        position: absolute;
        width: 100%;
        height: 30%;
        left: 0;
        bottom: 0;
        z-index: 1;
        background: rgba(62, 69, 81, 0.6); }
      #mosaicView .my3dcore_hierarchy_link .my3dcore_mosaic_hierarchy_block img {
        background-color: transparent;
        border: none;
        transition: transform 0.3s ease-out, opacity 0.3s linear; }
      #mosaicView .my3dcore_hierarchy_link .my3dcore_mosaic_hierarchy_block h2, #mosaicView .my3dcore_hierarchy_link .my3dcore_mosaic_hierarchy_block .h2 {
        position: absolute;
        width: 100%;
        right: 0;
        bottom: 20px;
        z-index: 1;
        font-weight: 700;
        font-size: 1.25rem;
        text-align: left;
        padding: 0;
        left: 10px;
        margin: 0; }
        #mosaicView .my3dcore_hierarchy_link .my3dcore_mosaic_hierarchy_block h2 span, #mosaicView .my3dcore_hierarchy_link .my3dcore_mosaic_hierarchy_block .h2 span {
          z-index: 2;
          transition: transform 0.3s ease-out, opacity 0.3s linear;
          color: #fff;
          position: relative;
          vertical-align: middle;
          display: inline-block;
          width: 100%;
          line-height: 1.2;
          border: 0;
          margin: 0; }
    #mosaicView .my3dcore_hierarchy_link:hover, #mosaicView .my3dcore_hierarchy_link:focus {
      opacity: 1;
      outline: 0;
      border: 0; }
      #mosaicView .my3dcore_hierarchy_link:hover .my3dcore_mosaic_hierarchy_block img, #mosaicView .my3dcore_hierarchy_link:focus .my3dcore_mosaic_hierarchy_block img {
        -webkit-transform: scale(1.04);
        transform: scale(1.04);
        transition: transform 0.15s ease-out, opacity 0.15s linear; }
      #mosaicView .my3dcore_hierarchy_link:hover .my3dcore_mosaic_hierarchy_block h2:after, #mosaicView .my3dcore_hierarchy_link:hover .my3dcore_mosaic_hierarchy_block .h2:after, #mosaicView .my3dcore_hierarchy_link:focus .my3dcore_mosaic_hierarchy_block h2:after, #mosaicView .my3dcore_hierarchy_link:focus .my3dcore_mosaic_hierarchy_block .h2:after {
        opacity: 0.7;
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
        transition: transform 0.2s ease-out, opacity 0.2s linear; }
      #mosaicView .my3dcore_hierarchy_link:hover .my3dcore_mosaic_hierarchy_block h2 span, #mosaicView .my3dcore_hierarchy_link:hover .my3dcore_mosaic_hierarchy_block .h2 span, #mosaicView .my3dcore_hierarchy_link:focus .my3dcore_mosaic_hierarchy_block h2 span, #mosaicView .my3dcore_hierarchy_link:focus .my3dcore_mosaic_hierarchy_block .h2 span {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
        transition: transform 0.2s ease-out, opacity 0.2s linear;
        opacity: 1; }

.my3dcore_assembly_link {
  position: relative;
  float: left;
  width: 50%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  max-width: 280px;
  position: relative;
  display: inline-flex;
  padding: 20px; }
  @media (min-width: 768px) {
    .my3dcore_assembly_link {
      float: left;
      width: 50%; } }
  @media (min-width: 768px) {
    .my3dcore_assembly_link {
      float: left;
      width: 33.33333%; } }
  @media (min-width: 1200px) {
    .my3dcore_assembly_link {
      float: left;
      width: 22.22222%; } }
  .my3dcore_assembly_link .my3dcore_mosaic_assembly_block {
    width: 100%;
    text-align: center;
    height: auto;
    overflow: hidden;
    padding: 0;
    margin: 0;
    line-height: 1.42857;
    background-color: #fff;
    border-radius: 0;
    border: 0; }
    .my3dcore_assembly_link .my3dcore_mosaic_assembly_block .assembly_thumbnail {
      height: 240px;
      overflow: hidden;
      align-items: center;
      display: flex;
      justify-content: center; }
      .my3dcore_assembly_link .my3dcore_mosaic_assembly_block .assembly_thumbnail img {
        background-color: transparent;
        border: none;
        width: auto;
        max-height: 240px;
        transition: transform 0.3s ease-out, opacity 0.3s linear; }
    .my3dcore_assembly_link .my3dcore_mosaic_assembly_block h3, .my3dcore_assembly_link .my3dcore_mosaic_assembly_block .h3 {
      font-weight: 600;
      font-size: 1rem;
      margin-bottom: 0;
      position: relative;
      line-height: 22px;
      text-align: center;
      min-height: 22px;
      margin-top: 4px; }
      .my3dcore_assembly_link .my3dcore_mosaic_assembly_block h3 span, .my3dcore_assembly_link .my3dcore_mosaic_assembly_block .h3 span {
        transition: transform 0.3s ease-out, opacity 0.3s linear;
        color: #212529;
        position: relative;
        vertical-align: middle;
        font-weight: 300; }
    .my3dcore_assembly_link .my3dcore_mosaic_assembly_block p {
      text-align: left;
      display: block;
      float: left;
      padding: 0 4px; }
  .my3dcore_assembly_link:hover, .my3dcore_assembly_link:focus {
    opacity: 1;
    outline: 0;
    border: 0; }
    .my3dcore_assembly_link:hover .my3dcore_mosaic_assembly_block img, .my3dcore_assembly_link:focus .my3dcore_mosaic_assembly_block img {
      -webkit-transform: scale(1.04);
      transform: scale(1.04);
      transition: transform 0.15s ease-out, opacity 0.15s linear; }

a {
  cursor: pointer; }

#verticalAssemblySplitterView {
  border: 0; }

.k-splitbar-vertical {
  height: 5px; }

#my3dCatalogAssembly {
  box-shadow: none; }

/*  Kendo UI */
.k-splitbar {
  display: none; }

div.k-grid-header,
div.k-grid-footer {
  border: none;
  padding-right: 0; }

@media screen and (max-width: 1280px) {
  #verticalSplitterView #top-pane.MosaicAss .expand label, #verticalSplitterView #top-pane.MosaicAss .expand button.requestfullscreen label {
    display: none; }
  .fullscreen #top-pane.MosaicAss .expand label {
    display: none; }
  .fullscreen #top-pane.MosaicAss .expand button.requestfullscreen {
    padding: 0px; }
  .fullscreen #horizontalSplitterView #documentsPart #verticalAssemblySplitterView #tabstripAssembly {
    top: 50px; }
    .fullscreen #horizontalSplitterView #documentsPart #verticalAssemblySplitterView #tabstripAssembly .k-rtl {
      right: 40px; }
    .fullscreen #horizontalSplitterView #documentsPart #verticalAssemblySplitterView #tabstripAssembly .k-tabstrip-items {
      display: none; }
  #mosaicView .my3dcore_assembly_link .my3dcore_mosaic_assembly_block .description_assembly_block {
    width: 75%; }
    #mosaicView .my3dcore_assembly_link .my3dcore_mosaic_assembly_block .description_assembly_block h1, #mosaicView .my3dcore_assembly_link .my3dcore_mosaic_assembly_block .description_assembly_block .h1 {
      text-align: left;
      line-height: 32px;
      font-size: 1rem !important;
      margin-bottom: 0px; }
    #mosaicView .my3dcore_assembly_link .my3dcore_mosaic_assembly_block .description_assembly_block .product-reference {
      padding-left: 0;
      line-height: 14px;
      margin-top: 0px;
      font-size: .875rem; }
    #mosaicView .my3dcore_assembly_link .my3dcore_mosaic_assembly_block .description_assembly_block span {
      float: none; }
      #mosaicView .my3dcore_assembly_link .my3dcore_mosaic_assembly_block .description_assembly_block span.product-reference {
        font-size: .8rem; }
        #mosaicView .my3dcore_assembly_link .my3dcore_mosaic_assembly_block .description_assembly_block span.product-reference span {
          font-size: .8rem !important; }
  #mosaicView .my3dcore_assembly_link .my3dcore_mosaic_assembly_block p {
    padding: 0;
    font-size: .9rem; }
  body.fullscreen .container.content #verticalSplitterView #top-pane {
    left: 50px; }
  body.fullscreen .container.content #top-pane #my3dcatalogView .my3dcore_assembly_link .my3dcore_mosaic_assembly_block span {
    font-size: 1rem; } }

#grid {
  width: 100%;
  animation: translateLine 0.3s ease both;
  transform-origin: right center;
  height: calc(100% - 56px); }
  #grid table {
    border-collapse: separate;
    border-spacing: 0 6px;
    table-layout: auto;
    margin-left: 10px;
    width: 95%; }
    #grid table th.k-header {
      background: transparent;
      border: medium none;
      font-size: 18px;
      font-weight: bold;
      padding: 10px 8px;
      text-align: left;
      line-height: 14px;
      border-bottom: 5px solid #bfbfbf;
      margin-bottom: 2px; }
      #grid table th.k-header a {
        color: #212529;
        text-transform: initial; }
      #grid table th.k-header:before {
        opacity: 0; }
      #grid table th.k-header.quantity {
        text-align: center;
        margin: 0 auto; }
    #grid table tr.k-state-selected td {
      background-color: rgba(181, 172, 162, 0.2);
      -moz-transition: background 0.25s ease-in-out;
      -webkit-transition: background 0.25s ease-in-out;
      transition: all 0.05s linear; }
    #grid table tr.k-state-selected:hover td, #grid table tr.k-state-selected:focus td {
      background-color: rgba(181, 172, 162, 0.2); }
    #grid table tr td {
      background: transparent;
      width: 100%;
      cursor: pointer;
      transform-origin: center center;
      transition: all 0.1s linear;
      transition: background 0.25s ease-in-out;
      -moz-transition: background 0.25s ease-in-out;
      -webkit-transition: background 0.25s ease-in-out;
      border-radius: 5px; }
    #grid table tr:hover td, #grid table tr:focus td {
      -moz-transition: background 0.25s ease-in-out;
      -webkit-transition: background 0.25s ease-in-out;
      transition: all 0.05s linear;
      background-color: rgba(230, 230, 230, 0.6); }
    #grid table tr td {
      border: none;
      background: transparent;
      padding: 10px;
      color: #212529;
      white-space: inherit;
      line-height: 20px;
      z-index: 2; }
      #grid table tr td.descAssemblyCol {
        max-width: 80px; }
        #grid table tr td.descAssemblyCol.large {
          width: auto;
          max-width: 100%; }
        #grid table tr td.descAssemblyCol span.AssemblyLabel {
          display: block;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis; }
      #grid table tr td.refAssemblyCol {
        font-size: 18px;
        font-weight: 700;
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
        width: 5px; }
      #grid table tr td.basketAssemblyCol {
        padding-left: 0px;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px; }
      #grid table tr td input[type="text"] {
        font-size: 14px;
        height: 30px;
        min-height: 30px;
        line-height: 28px;
        width: 50px;
        margin: 0 10px;
        text-align: right;
        padding: 0 5px; }

.nomenclatures-large .k-grid table.k-selectable,
.nomenclatures-large .k-grid table.k-selectable tr:after {
  width: 98%; }

.k-selectable hr,
.table hr {
  border-color: #cccccc; }

.k-selectable a.btnAddToBasket,
.table a.btnAddToBasket {
  background-image: none;
  text-align: center;
  float: right;
  font-weight: normal;
  transition: background 0.1s ease-in-out;
  -moz-transition: background 0.1s ease-in-out;
  -webkit-transition: background 0.1s ease-in-out; }
  .k-selectable a.btnAddToBasket:before,
  .table a.btnAddToBasket:before {
    content: "\e905";
    position: relative;
    display: inline-block;
    font-family: "icomoon";
    font-weight: normal;
    font-size: 24px;
    vertical-align: middle;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 22px; }
  .k-selectable a.btnAddToBasket.checked,
  .table a.btnAddToBasket.checked {
    font-size: 22px;
    border-color: transparent; }
    .k-selectable a.btnAddToBasket.checked:before,
    .table a.btnAddToBasket.checked:before {
      content: "\e934";
      position: relative;
      display: inline-block;
      font-family: "icomoon";
      font-weight: normal;
      font-size: 24px;
      vertical-align: middle;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-size: 22px;
      z-index: 5; }
    .k-selectable a.btnAddToBasket.checked:hover, .k-selectable a.btnAddToBasket.checked:focus,
    .table a.btnAddToBasket.checked:hover,
    .table a.btnAddToBasket.checked:focus {
      background-color: transparent; }
      .k-selectable a.btnAddToBasket.checked:hover:before, .k-selectable a.btnAddToBasket.checked:focus:before,
      .table a.btnAddToBasket.checked:hover:before,
      .table a.btnAddToBasket.checked:focus:before {
        background-color: transparent; }
  .k-selectable a.btnAddToBasket.quotation:before,
  .table a.btnAddToBasket.quotation:before {
    content: "\e99d";
    transform: rotate(0.03deg);
    position: relative;
    display: inline-block;
    font-family: "icomoon";
    font-weight: normal;
    font-size: 24px;
    vertical-align: middle;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 24px; }

#horizontalNavigationView .k-treeview {
  overflow-x: hidden;
  height: calc(100vh - 380px); }
  #horizontalNavigationView .k-treeview i.icon_24_arrow-full-right {
    float: right;
    opacity: 0;
    vertical-align: middle;
    right: 0px;
    top: 0px;
    position: relative;
    z-index: 3;
    line-height: 28px;
    -webkit-transform: translateX(-5px) scale(0.8);
    transform: translateX(-5px) scale(0.8);
    transform-origin: left center;
    transition: opacity 0.2s linear, transform 0.4s ease-out; }
  #horizontalNavigationView .k-treeview .k-group.k-treeview-lines .k-icon {
    position: absolute;
    right: 0; }
  #horizontalNavigationView .k-treeview .k-group.k-treeview-lines .k-item {
    position: relative; }
    #horizontalNavigationView .k-treeview .k-group.k-treeview-lines .k-item.k-first {
      padding: 0; }
    #horizontalNavigationView .k-treeview .k-group.k-treeview-lines .k-item.k-lastitem {
      margin-left: 8px; }
    #horizontalNavigationView .k-treeview .k-group.k-treeview-lines .k-item .k-in {
      background-color: transparent;
      border-radius: 0;
      vertical-align: top;
      cursor: pointer;
      border: none;
      width: 95%; }
      #horizontalNavigationView .k-treeview .k-group.k-treeview-lines .k-item .k-in.k-assemblyItem {
        width: 95%; }
      #horizontalNavigationView .k-treeview .k-group.k-treeview-lines .k-item .k-in:before {
        background: #D5DDFF;
        width: 100%;
        height: 100%;
        left: 0px;
        top: 0px;
        content: "";
        position: absolute;
        z-index: 0;
        display: block;
        transform-origin: center center;
        opacity: 0;
        border-radius: 5px; }
      #horizontalNavigationView .k-treeview .k-group.k-treeview-lines .k-item .k-in.k-state-selected {
        border: none;
        background-image: none; }
        #horizontalNavigationView .k-treeview .k-group.k-treeview-lines .k-item .k-in.k-state-selected p {
          font-weight: 700; }
      #horizontalNavigationView .k-treeview .k-group.k-treeview-lines .k-item .k-in.k-state-hover:before, #horizontalNavigationView .k-treeview .k-group.k-treeview-lines .k-item .k-in.selected:before {
        opacity: 1;
        transform: scale(1);
        -webkit-transform: scale(1);
        width: 98%;
        height: 100%;
        left: 0px;
        top: 0px; }
      #horizontalNavigationView .k-treeview .k-group.k-treeview-lines .k-item .k-in p {
        font-size: .875rem;
        color: #212529;
        display: flex;
        font-weight: 700;
        padding: 0;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        max-width: 96%;
        line-height: .8rem;
        text-transform: uppercase;
        height: 26px;
        z-index: 0;
        align-items: center;
        align-content: center; }
        #horizontalNavigationView .k-treeview .k-group.k-treeview-lines .k-item .k-in p:before {
          position: relative;
          display: inline-block;
          font-family: "icomoon";
          font-weight: normal;
          font-size: 24px;
          vertical-align: middle;
          line-height: 1;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          content: "\e923";
          font-size: 22px;
          color: #212529;
          float: left;
          line-height: 22px;
          width: 28px;
          z-index: 0;
          margin-right: 5px; }
        #horizontalNavigationView .k-treeview .k-group.k-treeview-lines .k-item .k-in p:hover, #horizontalNavigationView .k-treeview .k-group.k-treeview-lines .k-item .k-in p:hover:before {
          color: #B5ACA2; }
      #horizontalNavigationView .k-treeview .k-group.k-treeview-lines .k-item .k-in:hover p {
        color: #B5ACA2; }
        #horizontalNavigationView .k-treeview .k-group.k-treeview-lines .k-item .k-in:hover p:before {
          color: #B5ACA2; }
      #horizontalNavigationView .k-treeview .k-group.k-treeview-lines .k-item .k-in.selected, #horizontalNavigationView .k-treeview .k-group.k-treeview-lines .k-item .k-in.k-state-hover, #horizontalNavigationView .k-treeview .k-group.k-treeview-lines .k-item .k-in:hover, #horizontalNavigationView .k-treeview .k-group.k-treeview-lines .k-item .k-in:focus {
        color: #B5ACA2; }
        #horizontalNavigationView .k-treeview .k-group.k-treeview-lines .k-item .k-in.selected:before, #horizontalNavigationView .k-treeview .k-group.k-treeview-lines .k-item .k-in.k-state-hover:before, #horizontalNavigationView .k-treeview .k-group.k-treeview-lines .k-item .k-in:hover:before, #horizontalNavigationView .k-treeview .k-group.k-treeview-lines .k-item .k-in:focus:before {
          opacity: 1;
          transform: scale(1);
          -webkit-transform: scale(1);
          z-index: 0; }
    #horizontalNavigationView .k-treeview .k-group.k-treeview-lines .k-item .k-icon {
      display: none; }
  #horizontalNavigationView .k-treeview .k-group.k-treeview-lines .k-item .k-in.k-assemblyItem.selected:before {
    opacity: 1;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    -webkit-transform: scale(1);
    transform: scale(1);
    transition: all 0.05s linear;
    border-radius: 5px; }
  #horizontalNavigationView .k-treeview .k-group.k-treeview-lines &gt; .k-first .k-group &gt; .k-item {
    height: auto;
    box-sizing: border-box;
    padding: 0px 0px 0px 0px;
    margin: 2px 0; }
    #horizontalNavigationView .k-treeview .k-group.k-treeview-lines &gt; .k-first .k-group &gt; .k-item &gt; .k-mid, #horizontalNavigationView .k-treeview .k-group.k-treeview-lines &gt; .k-first .k-group &gt; .k-item &gt; .k-top, #horizontalNavigationView .k-treeview .k-group.k-treeview-lines &gt; .k-first .k-group &gt; .k-item &gt; .k-bot {
      background-color: transparent;
      line-height: 26px; }
      #horizontalNavigationView .k-treeview .k-group.k-treeview-lines &gt; .k-first .k-group &gt; .k-item &gt; .k-mid .emptycircle, #horizontalNavigationView .k-treeview .k-group.k-treeview-lines &gt; .k-first .k-group &gt; .k-item &gt; .k-top .emptycircle, #horizontalNavigationView .k-treeview .k-group.k-treeview-lines &gt; .k-first .k-group &gt; .k-item &gt; .k-bot .emptycircle {
        display: none; }
      #horizontalNavigationView .k-treeview .k-group.k-treeview-lines &gt; .k-first .k-group &gt; .k-item &gt; .k-mid .k-in:before, #horizontalNavigationView .k-treeview .k-group.k-treeview-lines &gt; .k-first .k-group &gt; .k-item &gt; .k-top .k-in:before, #horizontalNavigationView .k-treeview .k-group.k-treeview-lines &gt; .k-first .k-group &gt; .k-item &gt; .k-bot .k-in:before {
        background: #D5DDFF;
        content: "";
        position: absolute;
        z-index: 1;
        display: block;
        transform-origin: center center;
        width: 100%;
        height: 100%;
        left: 0px;
        top: 0px;
        opacity: 0;
        border-radius: 5px;
        transition: all 0.1s linear;
        transform: scale(0.8);
        -webkit-transform: scale(0.8); }
      #horizontalNavigationView .k-treeview .k-group.k-treeview-lines &gt; .k-first .k-group &gt; .k-item &gt; .k-mid .k-in i, #horizontalNavigationView .k-treeview .k-group.k-treeview-lines &gt; .k-first .k-group &gt; .k-item &gt; .k-top .k-in i, #horizontalNavigationView .k-treeview .k-group.k-treeview-lines &gt; .k-first .k-group &gt; .k-item &gt; .k-bot .k-in i {
        display: none; }
      #horizontalNavigationView .k-treeview .k-group.k-treeview-lines &gt; .k-first .k-group &gt; .k-item &gt; .k-mid .k-in p, #horizontalNavigationView .k-treeview .k-group.k-treeview-lines &gt; .k-first .k-group &gt; .k-item &gt; .k-top .k-in p, #horizontalNavigationView .k-treeview .k-group.k-treeview-lines &gt; .k-first .k-group &gt; .k-item &gt; .k-bot .k-in p {
        font-weight: 400;
        font-size: .8rem;
        overflow: visible;
        white-space: normal;
        line-height: 16px;
        padding: 4px 6px; }
      #horizontalNavigationView .k-treeview .k-group.k-treeview-lines &gt; .k-first .k-group &gt; .k-item &gt; .k-mid .k-in.k-state-hover:before, #horizontalNavigationView .k-treeview .k-group.k-treeview-lines &gt; .k-first .k-group &gt; .k-item &gt; .k-top .k-in.k-state-hover:before, #horizontalNavigationView .k-treeview .k-group.k-treeview-lines &gt; .k-first .k-group &gt; .k-item &gt; .k-bot .k-in.k-state-hover:before {
        opacity: 1;
        width: 100%;
        height: 100%;
        left: 0px;
        top: 0px;
        -webkit-transform: scale(1);
        transform: scale(1);
        transition: all 0.05s linear; }
      #horizontalNavigationView .k-treeview .k-group.k-treeview-lines &gt; .k-first .k-group &gt; .k-item &gt; .k-mid .k-in.k-state-hover p, #horizontalNavigationView .k-treeview .k-group.k-treeview-lines &gt; .k-first .k-group &gt; .k-item &gt; .k-top .k-in.k-state-hover p, #horizontalNavigationView .k-treeview .k-group.k-treeview-lines &gt; .k-first .k-group &gt; .k-item &gt; .k-bot .k-in.k-state-hover p {
        color: #B5ACA2; }
      #horizontalNavigationView .k-treeview .k-group.k-treeview-lines &gt; .k-first .k-group &gt; .k-item &gt; .k-mid .k-in.selected:before, #horizontalNavigationView .k-treeview .k-group.k-treeview-lines &gt; .k-first .k-group &gt; .k-item &gt; .k-top .k-in.selected:before, #horizontalNavigationView .k-treeview .k-group.k-treeview-lines &gt; .k-first .k-group &gt; .k-item &gt; .k-bot .k-in.selected:before {
        opacity: 1;
        width: 100%;
        height: 100%;
        left: 0px;
        top: 0px;
        -webkit-transform: scale(1);
        transform: scale(1);
        transition: all 0.05s linear; }
      #horizontalNavigationView .k-treeview .k-group.k-treeview-lines &gt; .k-first .k-group &gt; .k-item &gt; .k-mid .k-in.selected p,
      #horizontalNavigationView .k-treeview .k-group.k-treeview-lines &gt; .k-first .k-group &gt; .k-item &gt; .k-mid .k-in.selected .k-icon, #horizontalNavigationView .k-treeview .k-group.k-treeview-lines &gt; .k-first .k-group &gt; .k-item &gt; .k-top .k-in.selected p,
      #horizontalNavigationView .k-treeview .k-group.k-treeview-lines &gt; .k-first .k-group &gt; .k-item &gt; .k-top .k-in.selected .k-icon, #horizontalNavigationView .k-treeview .k-group.k-treeview-lines &gt; .k-first .k-group &gt; .k-item &gt; .k-bot .k-in.selected p,
      #horizontalNavigationView .k-treeview .k-group.k-treeview-lines &gt; .k-first .k-group &gt; .k-item &gt; .k-bot .k-in.selected .k-icon {
        color: white; }
  #horizontalNavigationView .k-treeview .k-group:not(.k-treeview-lines) {
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
    opacity: 0;
    -webkit-transform-origin: left top;
    animation: tree-expand-anim 0.2s ease-out forwards;
    -webkit-animation: tree-expand-anim 0.2s ease-out forwards; }
    #horizontalNavigationView .k-treeview .k-group:not(.k-treeview-lines) .k-item {
      padding: 0 0 0 12px; }
      #horizontalNavigationView .k-treeview .k-group:not(.k-treeview-lines) .k-item .k-icon {
        display: inline-block;
        position: absolute;
        width: 16px;
        text-align: left;
        left: 0;
        top: 6px; }
      #horizontalNavigationView .k-treeview .k-group:not(.k-treeview-lines) .k-item .k-top p,
      #horizontalNavigationView .k-treeview .k-group:not(.k-treeview-lines) .k-item .k-mid p,
      #horizontalNavigationView .k-treeview .k-group:not(.k-treeview-lines) .k-item .k-bot p {
        padding-top: 0; }
        #horizontalNavigationView .k-treeview .k-group:not(.k-treeview-lines) .k-item .k-top p:before,
        #horizontalNavigationView .k-treeview .k-group:not(.k-treeview-lines) .k-item .k-mid p:before,
        #horizontalNavigationView .k-treeview .k-group:not(.k-treeview-lines) .k-item .k-bot p:before {
          opacity: 0;
          width: 0;
          line-height: 0;
          height: 0; }
      #horizontalNavigationView .k-treeview .k-group:not(.k-treeview-lines) .k-item .k-in {
        background-color: transparent;
        position: relative;
        line-height: 1.35;
        padding: 4px;
        margin: 0;
        display: block; }
        #horizontalNavigationView .k-treeview .k-group:not(.k-treeview-lines) .k-item .k-in.selected p {
          color: white; }
          #horizontalNavigationView .k-treeview .k-group:not(.k-treeview-lines) .k-item .k-in.selected p:before {
            color: white; }
        #horizontalNavigationView .k-treeview .k-group:not(.k-treeview-lines) .k-item .k-in.selected .k-icon.k-minus {
          color: white; }
        #horizontalNavigationView .k-treeview .k-group:not(.k-treeview-lines) .k-item .k-in.selected:before {
          opacity: 1;
          -webkit-transform: scale(1);
          transform: scale(1);
          transition: all 0.05s linear;
          display: block;
          z-index: 1;
          color: white; }
      #horizontalNavigationView .k-treeview .k-group:not(.k-treeview-lines) .k-item.k-first {
        padding: 0; }
      #horizontalNavigationView .k-treeview .k-group:not(.k-treeview-lines) .k-item .k-in {
        background-color: transparent;
        position: relative;
        display: flex;
        align-items: center; }
        #horizontalNavigationView .k-treeview .k-group:not(.k-treeview-lines) .k-item .k-in:before {
          background: #f2f2f2;
          width: 100%;
          height: 100%;
          left: 0;
          top: 2px;
          content: "";
          position: absolute;
          z-index: 1;
          display: block;
          transform-origin: center center;
          opacity: 0;
          border-radius: 5px;
          transition: all 0.1s linear;
          transform: scale(0.8);
          -webkit-transform: scale(0.8); }
        #horizontalNavigationView .k-treeview .k-group:not(.k-treeview-lines) .k-item .k-in p {
          font-size: .8rem;
          position: relative;
          text-transform: initial;
          overflow: visible;
          white-space: normal;
          max-width: 100%;
          width: auto;
          line-height: 1.2;
          height: auto;
          z-index: 2; }
          #horizontalNavigationView .k-treeview .k-group:not(.k-treeview-lines) .k-item .k-in p .icon_24_arrow-full-right {
            opacity: 0;
            vertical-align: middle;
            right: 0px;
            top: 0px;
            z-index: 3;
            position: relative; }
        #horizontalNavigationView .k-treeview .k-group:not(.k-treeview-lines) .k-item .k-in.k-state-hover p, #horizontalNavigationView .k-treeview .k-group:not(.k-treeview-lines) .k-item .k-in:hover p, #horizontalNavigationView .k-treeview .k-group:not(.k-treeview-lines) .k-item .k-in:focus p {
          position: relative;
          z-index: 2; }
        #horizontalNavigationView .k-treeview .k-group:not(.k-treeview-lines) .k-item .k-in.k-state-hover:before, #horizontalNavigationView .k-treeview .k-group:not(.k-treeview-lines) .k-item .k-in:hover:before, #horizontalNavigationView .k-treeview .k-group:not(.k-treeview-lines) .k-item .k-in:focus:before {
          opacity: 1;
          transform: scale(1);
          -webkit-transform: scale(1);
          width: calc(100% - 4px);
          height: calc(100% - 4px);
          left: 2px;
          top: 2px;
          transition: all 0.05s linear; }
        #horizontalNavigationView .k-treeview .k-group:not(.k-treeview-lines) .k-item .k-in.k-state-hover .icon_24_arrow-full-right, #horizontalNavigationView .k-treeview .k-group:not(.k-treeview-lines) .k-item .k-in:hover .icon_24_arrow-full-right, #horizontalNavigationView .k-treeview .k-group:not(.k-treeview-lines) .k-item .k-in:focus .icon_24_arrow-full-right {
          display: inline-block;
          opacity: 1;
          float: right;
          -webkit-transform: translateX(0) scale(1);
          transform: translateX(0) scale(1);
          transition: opacity 0.1s linear, transform 0.2s ease-in; }
      #horizontalNavigationView .k-treeview .k-group:not(.k-treeview-lines) .k-item.k-lastitem .k-in.selected:before {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
        background-color: #0071c2; }
      #horizontalNavigationView .k-treeview .k-group:not(.k-treeview-lines) .k-item.k-lastitem .k-in.selected p {
        color: white; }
      #horizontalNavigationView .k-treeview .k-group:not(.k-treeview-lines) .k-item.k-lastitem .k-in.selected.LastChild:after {
        display: inline-block;
        color: white; }
      #horizontalNavigationView .k-treeview .k-group:not(.k-treeview-lines) .k-item.k-lastitem .k-in.selected .icon_24_arrow-full-right {
        display: inline-block;
        float: right;
        color: white;
        opacity: 1;
        transform: translateX(0) scale(1);
        -webkit-transform: translateX(0) scale(1);
        transition: opacity 0.1s linear, transform 0.2s ease-in; }
    #horizontalNavigationView .k-treeview .k-group:not(.k-treeview-lines) .k-icon {
      display: block; }
    #horizontalNavigationView .k-treeview .k-group:not(.k-treeview-lines) + .k-top,
    #horizontalNavigationView .k-treeview .k-group:not(.k-treeview-lines) + .k-mid {
      background-color: #dee2e2;
      color: #666;
      border: none;
      background-image: none; }
    #horizontalNavigationView .k-treeview .k-group:not(.k-treeview-lines) + .k-group {
      background: #fff;
      -webkit-box-shadow: 1px 3px 1px rgba(50, 50, 50, 0.1);
      -moz-box-shadow: 1px 3px 1px rgba(50, 50, 50, 0.1);
      box-shadow: 1px 3px 1px rgba(50, 50, 50, 0.1);
      box-sizing: border-box;
      margin-bottom: 10px; }
    #horizontalNavigationView .k-treeview .k-group.k-state-selected:not(.k-treeview-lines) {
      background-color: #dee2e2;
      color: #666;
      border: none;
      background-image: none; }
  #horizontalNavigationView .k-treeview .k-group {
    padding: 5px 6px 5px 0px;
    margin-left: 5px; }
    #horizontalNavigationView .k-treeview .k-group .k-group .k-group {
      margin-left: 10px; }
      #horizontalNavigationView .k-treeview .k-group .k-group .k-group p.LastChild {
        width: calc(100% - 20px);
        display: inline-block;
        margin-left: 6px; }

.k-header,
.k-grid-header-wrap,
.k-grid .k-grouping-header,
.k-grid-header,
.k-pager-wrap,
.k-pager-wrap .k-textbox,
.k-pager-wrap .k-link,
.k-grouping-header .k-group-indicator {
  background: transparent;
  border: none; }

.k-widget {
  border: 0; }

#verticalSplitterDocument {
  background: transparent; }

@media (min-width: 962px) {
  #horizontalNavigationView .col-lg-8 {
    width: 66.666666667%;
    flex: 0 0 66.666666667%; }
  #horizontalNavigationView .col-lg-4 {
    width: 32.666666667%;
    flex: 0 0 32.666666667%; } }

#horizontalNavigationView {
  background: transparent; }
  #horizontalNavigationView .row-flex {
    height: calc(100vh - 360px);
    flex-wrap: nowrap;
    align-items: flex-start;
    margin: 0 15px; }
  #horizontalNavigationView .col-lg-2,
  #horizontalNavigationView .col-lg-10,
  #horizontalNavigationView .col-lg-12 {
    padding: 0; }
  #horizontalNavigationView .col-lg-2 {
    width: 17%;
    flex: 0 0 17%; }
  #horizontalNavigationView .col-lg-10 {
    width: 82%;
    flex: 0 0 82%; }
  #horizontalNavigationView .col-lg-8 {
    padding: 0; }
  #horizontalNavigationView .col-lg-4 {
    padding: 0;
    background: transparent; }
  #horizontalNavigationView .nomenclatures-large {
    background-color: white; }
  #horizontalNavigationView ul .k-icon {
    position: relative;
    display: inline-block;
    font-family: "icomoon";
    font-weight: normal;
    font-size: 24px;
    vertical-align: middle;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 16px;
    background: none;
    width: 18px;
    height: 20px;
    line-height: 18px;
    position: relative;
    margin-left: 0px;
    float: left;
    z-index: 3;
    padding: 0;
    margin-top: 0; }
    #horizontalNavigationView ul .k-icon.k-minus {
      animation: tree-menu-anim 0.1s linear;
      transform: rotate(90deg);
      -webkit-transform: rotate(90deg); }
    #horizontalNavigationView ul .k-icon.k-minus:before, #horizontalNavigationView ul .k-icon.k-plus:before {
      content: "\e910"; }

/* Historique des devis */
#grid_quotations th.k-header:nth-last-child(2),
#grid_quotations td:nth-last-child(2) {
  text-align: center; }

#grid_quotations .k-textbox,
#details_grid .k-textbox {
  width: 36px; }

#grid_quotations table .k-grid-header,
#details_grid table .k-grid-header {
  border: none; }
  #grid_quotations table .k-grid-header th.k-header,
  #details_grid table .k-grid-header th.k-header {
    padding: 6px;
    background: white; }
    #grid_quotations table .k-grid-header th.k-header .k-link,
    #details_grid table .k-grid-header th.k-header .k-link {
      background-color: transparent;
      color: #4c4c4c;
      border: none;
      vertical-align: middle;
      padding: 10px; }
    #grid_quotations table .k-grid-header th.k-header .k-i-arrow-s,
    #grid_quotations table .k-grid-header th.k-header .k-i-arrow-n,
    #details_grid table .k-grid-header th.k-header .k-i-arrow-s,
    #details_grid table .k-grid-header th.k-header .k-i-arrow-n {
      background-image: none;
      font-size: 24px;
      width: auto;
      height: auto; }
    #grid_quotations table .k-grid-header th.k-header .k-i-arrow-n,
    #details_grid table .k-grid-header th.k-header .k-i-arrow-n {
      transform: rotate(180deg); }
    #grid_quotations table .k-grid-header th.k-header:last-child,
    #details_grid table .k-grid-header th.k-header:last-child {
      text-align: right; }

#grid_quotations table tr,
#details_grid table tr {
  background-color: #f2f2f2; }
  #grid_quotations table tr:hover, #grid_quotations table tr:focus,
  #details_grid table tr:hover,
  #details_grid table tr:focus {
    transition: all 0.05s linear; }
    #grid_quotations table tr:hover td, #grid_quotations table tr:focus td,
    #details_grid table tr:hover td,
    #details_grid table tr:focus td {
      background-color: rgba(0, 126, 217, 0.15);
      transition: all 0.05s linear;
      cursor: pointer; }
  #grid_quotations table tr td a:not(.btn),
  #details_grid table tr td a:not(.btn) {
    color: #212529; }
  #grid_quotations table tr td:first-child a:not(.btn),
  #details_grid table tr td:first-child a:not(.btn) {
    color: #007bc2;
    font-weight: 500; }
    #grid_quotations table tr td:first-child a:not(.btn):hover, #grid_quotations table tr td:first-child a:not(.btn):focus,
    #details_grid table tr td:first-child a:not(.btn):hover,
    #details_grid table tr td:first-child a:not(.btn):focus {
      border-bottom: 1px dotted #007bc2; }
  #grid_quotations table tr.k-alt,
  #details_grid table tr.k-alt {
    background-color: #fff; }
  #grid_quotations table tr td,
  #grid_quotations table tr th,
  #details_grid table tr td,
  #details_grid table tr th {
    border: none;
    padding: 10px;
    color: #212529;
    line-height: 2em;
    font-size: .9rem; }
  #grid_quotations table tr td:last-child,
  #details_grid table tr td:last-child {
    text-align: right; }

#grid_quotations table .k-footer-template,
#details_grid table .k-footer-template {
  background: #fff;
  border-top: 2px solid #f2f2f2; }
  #grid_quotations table .k-footer-template td,
  #details_grid table .k-footer-template td {
    background: #fff;
    height: 40px;
    padding: 10px 0 0 0; }
  #grid_quotations table .k-footer-template:hover, #grid_quotations table .k-footer-template:focus,
  #details_grid table .k-footer-template:hover,
  #details_grid table .k-footer-template:focus {
    background: #fff; }
    #grid_quotations table .k-footer-template:hover td, #grid_quotations table .k-footer-template:focus td,
    #details_grid table .k-footer-template:hover td,
    #details_grid table .k-footer-template:focus td {
      background: #fff; }

#grid_quotations .k-pager-wrap,
#details_grid .k-pager-wrap {
  float: right;
  margin: 10px 0 25px; }
  #grid_quotations .k-pager-wrap .k-pager-numbers li,
  #details_grid .k-pager-wrap .k-pager-numbers li {
    text-align: right;
    margin-left: 2px;
    line-height: 40px; }
    #grid_quotations .k-pager-wrap .k-pager-numbers li .k-link,
    #details_grid .k-pager-wrap .k-pager-numbers li .k-link {
      border: none;
      background: none;
      width: 30px;
      font-weight: 300;
      margin: 0;
      color: #4c4c4c;
      line-height: 30px;
      position: relative;
      opacity: 1;
      z-index: 2; }
      #grid_quotations .k-pager-wrap .k-pager-numbers li .k-link:before,
      #details_grid .k-pager-wrap .k-pager-numbers li .k-link:before {
        content: "";
        position: absolute;
        z-index: 1;
        display: block;
        transform-origin: center center;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        opacity: 0;
        border-radius: 50%;
        transform: scale(0.8);
        transition: all 0.1s linear;
        background-color: transparent; }
      #grid_quotations .k-pager-wrap .k-pager-numbers li .k-link:hover, #grid_quotations .k-pager-wrap .k-pager-numbers li .k-link:focus,
      #details_grid .k-pager-wrap .k-pager-numbers li .k-link:hover,
      #details_grid .k-pager-wrap .k-pager-numbers li .k-link:focus {
        color: #B5ACA2;
        background-color: #D5DDFF; }
        #grid_quotations .k-pager-wrap .k-pager-numbers li .k-link:hover:before, #grid_quotations .k-pager-wrap .k-pager-numbers li .k-link:focus:before,
        #details_grid .k-pager-wrap .k-pager-numbers li .k-link:hover:before,
        #details_grid .k-pager-wrap .k-pager-numbers li .k-link:focus:before {
          opacity: 1;
          transform: scale(1);
          transition: all 0.05s linear; }
    #grid_quotations .k-pager-wrap .k-pager-numbers li .k-state-selected,
    #details_grid .k-pager-wrap .k-pager-numbers li .k-state-selected {
      border: none;
      border-radius: 50%;
      cursor: not-allowed;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      width: 30px;
      line-height: 30px;
      background: #B5ACA2; }
  #grid_quotations .k-pager-wrap .k-link.k-pager-nav,
  #details_grid .k-pager-wrap .k-link.k-pager-nav {
    cursor: pointer;
    opacity: 1;
    font-size: 14px;
    margin-left: 2px;
    width: 30px;
    line-height: 30px;
    font-weight: 700;
    color: #212529;
    text-align: center;
    padding: 0;
    float: left; }
    #grid_quotations .k-pager-wrap .k-link.k-pager-nav.pager-first:after,
    #details_grid .k-pager-wrap .k-link.k-pager-nav.pager-first:after {
      content: "";
      display: block;
      height: 13px;
      width: 2px;
      background-color: #4d4d4d;
      position: absolute;
      z-index: 3;
      left: 14px;
      top: 14px; }
    #grid_quotations .k-pager-wrap .k-link.k-pager-nav.pager-last:after,
    #details_grid .k-pager-wrap .k-link.k-pager-nav.pager-last:after {
      content: "";
      display: block;
      height: 13px;
      width: 2px;
      background-color: #4d4d4d;
      position: absolute;
      z-index: 3;
      right: 14px;
      top: 14px; }
    #grid_quotations .k-pager-wrap .k-link.k-pager-nav i,
    #details_grid .k-pager-wrap .k-link.k-pager-nav i {
      line-height: 40px; }
    #grid_quotations .k-pager-wrap .k-link.k-pager-nav.k-state-disabled, #grid_quotations .k-pager-wrap .k-link.k-pager-nav.k-state-disabled .k-icon,
    #details_grid .k-pager-wrap .k-link.k-pager-nav.k-state-disabled,
    #details_grid .k-pager-wrap .k-link.k-pager-nav.k-state-disabled .k-icon {
      cursor: not-allowed; }
  #grid_quotations .k-pager-wrap .k-pager-input,
  #grid_quotations .k-pager-wrap .k-pager-sizes,
  #details_grid .k-pager-wrap .k-pager-input,
  #details_grid .k-pager-wrap .k-pager-sizes {
    font-weight: 600;
    color: #212529;
    font-size: 18px; }
  #grid_quotations .k-pager-wrap .k-pager-info,
  #details_grid .k-pager-wrap .k-pager-info {
    display: none; }

#grid_quotations .k-textbox,
#details_grid .k-textbox {
  border: none;
  border-bottom: 2px solid #cccccc;
  border-radius: 0;
  font-weight: 400; }

#grid_quotations .k-icon,
#details_grid .k-icon {
  opacity: 1;
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: "Glyphicons Halflings";
  font-weight: 400;
  font-size: 14px;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 14px;
  width: 14px;
  top: 0px; }
  #grid_quotations .k-icon.k-i-arrow-w,
  #details_grid .k-icon.k-i-arrow-w {
    background-image: none; }
    #grid_quotations .k-icon.k-i-arrow-w:before,
    #details_grid .k-icon.k-i-arrow-w:before {
      content: "\e251"; }
  #grid_quotations .k-icon.k-i-seek-w,
  #details_grid .k-icon.k-i-seek-w {
    background-image: none; }
    #grid_quotations .k-icon.k-i-seek-w:before,
    #details_grid .k-icon.k-i-seek-w:before {
      content: "\e069"; }
  #grid_quotations .k-icon.k-i-arrow-e,
  #details_grid .k-icon.k-i-arrow-e {
    background-image: none; }
    #grid_quotations .k-icon.k-i-arrow-e:before,
    #details_grid .k-icon.k-i-arrow-e:before {
      content: "\e250"; }
  #grid_quotations .k-icon.k-i-seek-e,
  #details_grid .k-icon.k-i-seek-e {
    background-image: none; }
    #grid_quotations .k-icon.k-i-seek-e:before,
    #details_grid .k-icon.k-i-seek-e:before {
      content: "\e077"; }

#grid_quotations table .k-grid-header th.k-header .k-link {
  font-weight: 700; }

#verticalSplitterTreesMenu {
  font-weight: normal;
  height: 98%;
  border-radius: 15px;
  box-shadow: none;
  background: white; }
  #verticalSplitterTreesMenu .k-grid-header {
    display: none; }
  #verticalSplitterTreesMenu .k-splitbar {
    display: none; }

.k-tabstrip .k-content {
  border: 0; }

.k-tabstrip .k-scrollable {
  /*overflow: hidden;*/ }

.k-tabstrip .k-rtl {
  text-align: left; }

.k-tabstrip ul.k-tabstrip-items .k-state-default, .k-tabstrip ul.k-ie7 .k-tabstrip-items .k-state-default .k-loading {
  border: none;
  background: none;
  box-shadow: none;
  border-width: 0px; }
  .k-tabstrip ul.k-tabstrip-items .k-state-default a.k-link, .k-tabstrip ul.k-ie7 .k-tabstrip-items .k-state-default .k-loading a.k-link {
    color: #212529;
    font-size: .9rem;
    font-weight: 400;
    text-align: center;
    padding: 0 16px;
    width: auto;
    z-index: 2;
    position: relative;
    border-radius: 4px; }
  .k-tabstrip ul.k-tabstrip-items .k-state-default:before, .k-tabstrip ul.k-ie7 .k-tabstrip-items .k-state-default .k-loading:before {
    content: "";
    position: absolute;
    z-index: 1;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform-origin: center bottom;
    opacity: 1;
    border-radius: 4px;
    background: #eeeff8;
    transition: all 0.1s linear; }

.k-tabstrip ul.AssemblyCase.k-tabstrip-items {
  width: 100%;
  box-shadow: 0px 1px 0px -2px rgba(0, 0, 0, 0.1), 0px 1px 1px 0px rgba(0, 0, 0, 0.1), 0px 1px 2px 0px rgba(0, 0, 0, 0.1); }
  .k-tabstrip ul.AssemblyCase.k-tabstrip-items .k-item {
    margin: 5px 2px; }
  .k-tabstrip ul.AssemblyCase.k-tabstrip-items .k-state {
    margin: 5px; }
  .k-tabstrip ul.AssemblyCase.k-tabstrip-items .k-state-default a.k-link, .k-tabstrip ul.AssemblyCase.k-tabstrip-items.k-ie7 .k-tabstrip-items .k-state-default .k-loading a.k-link {
    background: transparent;
    padding: .625rem 1.5rem .5rem;
    font-size: .875rem;
    line-height: 1.5; }
  .k-tabstrip ul.AssemblyCase.k-tabstrip-items .k-state-active {
    border: none; }
    .k-tabstrip ul.AssemblyCase.k-tabstrip-items .k-state-active a.k-link {
      border-bottom: none;
      font-weight: 500;
      color: white; }
    .k-tabstrip ul.AssemblyCase.k-tabstrip-items .k-state-active:before {
      background: #B5ACA2;
      opacity: 1;
      -webkit-transform: scale(1);
      transform: scale(1); }

.k-tabstrip ul.k-tabstrip-items .k-state-active .k-loading:before,
.k-tabstrip ul .k-tabstrip-items .k-state-hover:before, .k-tabstrip ul.k-tabstrip-items .k-state-hover:hover:before {
  opacity: 0.5;
  transform: scale(1);
  -webkit-transform: scale(1); }

.k-tabstrip ul.k-tabstrip-items .k-loading.k-complete {
  display: none; }

.k-tabstrip ul.k-tabstrip .k-content.k-state-active {
  border: none; }

.k-tabstrip .k-tabstrip-items .k-state-active,
.k-tabstrip .k-ie7 .k-tabstrip-items .k-state-active .k-loading,
.k-tabstrip .k-state-active,
.k-tabstrip .k-state-active:hover,
.k-tabstrip .k-active-filter,
.k-tabstrip .k-tabstrip .k-state-active {
  border-color: #eee; }

.AssemblyTab {
  position: relative;
  animation: translateLine 0.3s ease both; }

.expand {
  display: none; }

.k-button:hover,
.k-button:focus,
.k-button.k-state-focused,
.k-textbox:hover,
.k-pager-wrap .k-link:hover,
.k-other-month.k-state-hover .k-link,
div.k-imagebrowser-dropzone em,
.k-draghandle:hover {
  background-color: transparent;
  background-image: none;
  opacity: 0.5; }

div.k-treeview {
  white-space: normal; }
  div.k-treeview ul#treeviewJson {
    overflow: visible;
    overflow-x: hidden;
    height: auto;
    background: transparent;
    box-sizing: border-box;
    margin-bottom: 10px; }
  div.k-treeview:after {
    height: 100%;
    display: block;
    width: 0px;
    background: #b2b2b2;
    border-right: 0px solid #b2b2b2;
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    overflow: hidden; }

#treeviewJson_tv_active:not(.k-first) {
  background: none;
  position: relative; }
  #treeviewJson_tv_active:not(.k-first):after {
    height: 100%;
    display: block;
    width: 0px;
    background: #fff;
    border-right: 0px solid #fff;
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1; }
  #treeviewJson_tv_active:not(.k-first) .k-in {
    border-radius: 0; }
    #treeviewJson_tv_active:not(.k-first) .k-in.k-state-selected:before {
      opacity: 1; }

.k-in {
  position: relative; }
  .k-in p {
    position: relative;
    z-index: 2;
    padding: 8px 0 0 0;
    max-width: 70px; }
  .k-in.k-state-hover {
    color: #212529;
    /*background-color:$pre-color;
        border-color:$pre-color;*/
    background-image: none; }
    .k-in.k-state-hover p {
      padding: 0;
      margin: 0; }
  .k-in.k-state-focused {
    box-shadow: none; }
  .k-in p.selected:before {
    opacity: 1;
    content: "";
    position: absolute;
    z-index: 1;
    display: block;
    transform-origin: center center;
    transform: scale(1);
    -webkit-transform: scale(1);
    border-radius: 5px;
    transition: transform 0.4s ease-out, opacity 0.1s linear;
    background-color: #D5DDFF;
    height: 94%;
    width: 84%;
    top: 0px; }

.k-tabstrip .k-content.k-state-active {
  margin: 0 10px;
  padding: 0px;
  height: calc( 100vh - 418px) !important;
  border-radius: 15px; }

.k-block,
.k-widget {
  background-color: transparent; }

/* End Kendo UI*/
.my3dcore-quotationHistory .breadcrumb,
#top-pane .breadcrumb {
  color: #212529;
  margin-top: 0px;
  margin-left: -10px;
  align-items: center;
  font-size: .85rem;
  display: -webkit-flex;
  -webkit-flex: 1 100%;
  flex: 1 100%;
  position: absolute;
  align-content: center; }
  .my3dcore-quotationHistory .breadcrumb .breadcrumb-dropdown, .my3dcore-quotationHistory .breadcrumb .breadcrumb-ellipsis,
  #top-pane .breadcrumb .breadcrumb-dropdown,
  #top-pane .breadcrumb .breadcrumb-ellipsis {
    display: none; }
  .my3dcore-quotationHistory .breadcrumb &gt; li,
  #top-pane .breadcrumb &gt; li {
    display: flex;
    align-items: center;
    font-weight: 500; }
  .my3dcore-quotationHistory .breadcrumb span,
  #top-pane .breadcrumb span {
    z-index: 2;
    position: relative;
    color: #212529;
    font-weight: 500; }
    .my3dcore-quotationHistory .breadcrumb span:before,
    #top-pane .breadcrumb span:before {
      display: none; }
  .my3dcore-quotationHistory .breadcrumb a span,
  #top-pane .breadcrumb a span {
    font-weight: 300;
    color: rgba(0, 0, 0, 0.5); }
  .my3dcore-quotationHistory .breadcrumb .icon_24_arrow-thin-right,
  #top-pane .breadcrumb .icon_24_arrow-thin-right {
    vertical-align: middle;
    font-size: 20px; }
  .my3dcore-quotationHistory .breadcrumb h3, .my3dcore-quotationHistory .breadcrumb .h3,
  #top-pane .breadcrumb h3,
  #top-pane .breadcrumb .h3 {
    font-size: 12px;
    font-weight: 300;
    margin: 0; }
  .my3dcore-quotationHistory .breadcrumb .my3dcore_hierarchy_back_link span,
  .my3dcore-quotationHistory .breadcrumb .my3dcore_hierarchy_back_link .spanBack,
  #top-pane .breadcrumb .my3dcore_hierarchy_back_link span,
  #top-pane .breadcrumb .my3dcore_hierarchy_back_link .spanBack {
    font-weight: 300;
    color: rgba(0, 0, 0, 0.5);
    z-index: 2;
    position: relative;
    vertical-align: middle;
    display: inline-block; }

.my3dcore-quotationHistory .My3dquotationDetails,
#top-pane .My3dquotationDetails {
  padding-top: 30px; }
  .my3dcore-quotationHistory .My3dquotationDetails h1, .my3dcore-quotationHistory .My3dquotationDetails .h1,
  #top-pane .My3dquotationDetails h1,
  #top-pane .My3dquotationDetails .h1 {
    margin-left: -15px; }
  .my3dcore-quotationHistory .My3dquotationDetails .product-reference,
  #top-pane .My3dquotationDetails .product-reference {
    font-size: 1.2rem;
    font-weight: 400;
    width: 100%;
    display: block; }
  .my3dcore-quotationHistory .My3dquotationDetails table.tabTable,
  #top-pane .My3dquotationDetails table.tabTable {
    margin-bottom: 10px; }
    .my3dcore-quotationHistory .My3dquotationDetails table.tabTable tr.sdsTableHeadingRow th:last-child,
    #top-pane .My3dquotationDetails table.tabTable tr.sdsTableHeadingRow th:last-child {
      text-align: right; }

.my3dcore-quotationHistory .breadcrumb {
  margin-left: -30px;
  margin-top: -15px; }

#top-pane {
  background-color: transparent;
  min-height: 400px;
  padding-bottom: 10px; }
  #top-pane .divBack {
    list-style: none;
    margin-left: 0;
    -webkit-flex: 1 100%;
    flex: 1 100%;
    padding: 15px 20px; }
    #top-pane .divBack h1, #top-pane .divBack .h1 {
      padding: 0;
      margin-bottom: 0px; }
    #top-pane .divBack h3, #top-pane .divBack .h3 {
      font-weight: 300;
      font-size: 30px; }
  #top-pane .navbar .requestfullscreen.unfixed {
    margin-top: 5px;
    float: right;
    margin-right: 45px;
    padding: 0 15px 0 10px;
    line-height: 38px; }
    #top-pane .navbar .requestfullscreen.unfixed label {
      display: none; }
    #top-pane .navbar .requestfullscreen.unfixed i:before {
      padding-right: 0; }
  #top-pane button.requestfullscreen {
    z-index: 1000; }
    #top-pane button.requestfullscreen i {
      padding: 0 10px;
      height: 50px;
      line-height: 50px;
      display: inline-block;
      vertical-align: top;
      position: relative;
      z-index: 2; }
      #top-pane button.requestfullscreen i:before {
        padding: 0; }
    #top-pane button.requestfullscreen label {
      display: inline-block; }
  #top-pane.MosaicAss {
    position: absolute;
    width: 100%;
    top: 0;
    height: auto; }
    #top-pane.MosaicAss .my3dcore_hierarchy_link {
      display: none; }
    #top-pane.MosaicAss #my3dcatalogView {
      margin-top: 0px; }
      #top-pane.MosaicAss #my3dcatalogView #mosaicView {
        width: 100%; }
        #top-pane.MosaicAss #my3dcatalogView #mosaicView h1, #top-pane.MosaicAss #my3dcatalogView #mosaicView .h1,
        #top-pane.MosaicAss #my3dcatalogView #mosaicView h2,
        #top-pane.MosaicAss #my3dcatalogView #mosaicView .h2,
        #top-pane.MosaicAss #my3dcatalogView #mosaicView h4,
        #top-pane.MosaicAss #my3dcatalogView #mosaicView .h4 {
          display: none; }
        #top-pane.MosaicAss #my3dcatalogView #mosaicView .TitleBlock {
          padding: 2px 0; }
        #top-pane.MosaicAss #my3dcatalogView #mosaicView .my3dcore_assembly_link {
          width: 100%;
          padding: 0;
          border: 0;
          overflow: hidden;
          min-width: 100%; }
          #top-pane.MosaicAss #my3dcatalogView #mosaicView .my3dcore_assembly_link:hover .my3dcore_mosaic_assembly_block, #top-pane.MosaicAss #my3dcatalogView #mosaicView .my3dcore_assembly_link:focus .my3dcore_mosaic_assembly_block {
            border: none;
            transform: none; }
          #top-pane.MosaicAss #my3dcatalogView #mosaicView .my3dcore_assembly_link:hover:before, #top-pane.MosaicAss #my3dcatalogView #mosaicView .my3dcore_assembly_link:focus:before {
            opacity: 0; }
          #top-pane.MosaicAss #my3dcatalogView #mosaicView .my3dcore_assembly_link:hover img, #top-pane.MosaicAss #my3dcatalogView #mosaicView .my3dcore_assembly_link:focus img {
            transform: scale(1);
            -webkit-transform: scale(1); }
          #top-pane.MosaicAss #my3dcatalogView #mosaicView .my3dcore_assembly_link .my3dcore_mosaic_assembly_block {
            background: transparent;
            box-shadow: none;
            height: 100%;
            width: 100%;
            padding: 0px 20px;
            margin: 30px 0;
            border: 0;
            display: flex;
            max-height: 140px; }
            #top-pane.MosaicAss #my3dcatalogView #mosaicView .my3dcore_assembly_link .my3dcore_mosaic_assembly_block img {
              display: inline-block;
              float: left;
              width: auto;
              max-height: 120px;
              margin-right: 10px;
              align-self: center;
              max-width: 120px;
              height: auto; }
            #top-pane.MosaicAss #my3dcatalogView #mosaicView .my3dcore_assembly_link .my3dcore_mosaic_assembly_block:after {
              display: none; }
            #top-pane.MosaicAss #my3dcatalogView #mosaicView .my3dcore_assembly_link .my3dcore_mosaic_assembly_block .description_assembly_block {
              display: inline-block;
              float: left;
              width: 80%;
              text-align: left; }
              #top-pane.MosaicAss #my3dcatalogView #mosaicView .my3dcore_assembly_link .my3dcore_mosaic_assembly_block .description_assembly_block h1, #top-pane.MosaicAss #my3dcatalogView #mosaicView .my3dcore_assembly_link .my3dcore_mosaic_assembly_block .description_assembly_block .h1 {
                color: #212529;
                font-size: 1.5rem;
                font-weight: 700;
                line-height: 26px;
                margin-top: 0;
                margin-left: 15px;
                margin-bottom: 0;
                padding-top: 15px;
                padding-bottom: 10px; }
                #top-pane.MosaicAss #my3dcatalogView #mosaicView .my3dcore_assembly_link .my3dcore_mosaic_assembly_block .description_assembly_block h1 span:before, #top-pane.MosaicAss #my3dcatalogView #mosaicView .my3dcore_assembly_link .my3dcore_mosaic_assembly_block .description_assembly_block .h1 span:before {
                  opacity: 0; }
                #top-pane.MosaicAss #my3dcatalogView #mosaicView .my3dcore_assembly_link .my3dcore_mosaic_assembly_block .description_assembly_block h1 span:after, #top-pane.MosaicAss #my3dcatalogView #mosaicView .my3dcore_assembly_link .my3dcore_mosaic_assembly_block .description_assembly_block .h1 span:after {
                  opacity: 0; }
              #top-pane.MosaicAss #my3dcatalogView #mosaicView .my3dcore_assembly_link .my3dcore_mosaic_assembly_block .description_assembly_block .product-reference {
                display: inline-block;
                width: auto;
                border: none;
                vertical-align: bottom;
                margin-top: 0;
                margin-bottom: 0px;
                line-height: 14px;
                font-size: .875rem;
                font-weight: 400; }
              #top-pane.MosaicAss #my3dcatalogView #mosaicView .my3dcore_assembly_link .my3dcore_mosaic_assembly_block .description_assembly_block p {
                width: 100%;
                margin-left: 10px;
                padding: 0px 25px 0;
                font-weight: 300; }
    #top-pane.MosaicAss .expand {
      display: block;
      float: right;
      margin: 30px 0;
      border-right: 0;
      position: absolute;
      right: 45px;
      /*z-index: 2000;*/
      top: 0;
      padding: 10px; }
      #top-pane.MosaicAss .expand label {
        font-weight: 700;
        margin-bottom: 0;
        vertical-align: top; }

#documentsBlock .nomenclatureDiv {
  min-width: 340px;
  padding: 0;
  display: flex;
  flex-direction: row;
  align-content: center; }
  #documentsBlock .nomenclatureDiv .nomenclature-thumbnail {
    padding-right: 6px; }
  #documentsBlock .nomenclatureDiv .nomenclatures-title-wrapper {
    display: flex;
    align-items: baseline;
    flex-direction: column;
    padding-top: 10px;
    margin-bottom: 10px; }
    #documentsBlock .nomenclatureDiv .nomenclatures-title-wrapper &gt; * {
      padding: 2px 0; }
  #documentsBlock .nomenclatureDiv .nomenclatures-wrapper {
    display: flex;
    align-content: center;
    flex-direction: column;
    flex: 1; }
  #documentsBlock .nomenclatureDiv .btnAddToBasket {
    background-image: none;
    background-color: transparent;
    padding: 10px 6px;
    border-radius: 20px; }
    #documentsBlock .nomenclatureDiv .btnAddToBasket::before {
      content: "\e905";
      transform: rotate(0.03deg);
      position: relative;
      display: inline-block;
      font-family: "icomoon";
      font-weight: normal;
      font-size: 24px;
      vertical-align: middle;
      background: transparent; }
    #documentsBlock .nomenclatureDiv .btnAddToBasket.quotation::before {
      content: "\e99d"; }
  #documentsBlock .nomenclatureDiv .qteAssemblyCol input {
    font-size: 14px;
    height: 30px;
    min-height: 30px;
    line-height: 28px;
    width: 50px;
    margin: 0 10px;
    text-align: right;
    padding: 0 5px; }

#middle-pane {
  margin-top: 108px;
  padding: 15px 0 0px;
  position: relative;
  width: 100%;
  z-index: 200;
  margin-right: 15px;
  margin-left: 15px; }
  #middle-pane #treeViewAssemblyContaine {
    padding: 0 10px; }
  #middle-pane #firstLevelAssemblyDescription {
    padding: 15px 30px; }
    #middle-pane #firstLevelAssemblyDescription p {
      float: left;
      max-width: 800px;
      line-height: 1.6;
      text-align: justify;
      white-space: pre-wrap; }
    #middle-pane #firstLevelAssemblyDescription .clientAssemblyInfo {
      line-height: 1.6; }
      #middle-pane #firstLevelAssemblyDescription .clientAssemblyInfo:before {
        content: "";
        border-right: 1px solid #e0e0e0;
        width: 1px;
        min-height: 160px;
        display: inline-block;
        vertical-align: top;
        margin-right: 15px; }
    #middle-pane #firstLevelAssemblyDescription .clientAssemblyDescription {
      display: inline-block;
      max-width: 95%; }
  #middle-pane #horizontalSplitterView {
    background: transparent;
    padding-right: 15px; }
    #middle-pane #horizontalSplitterView #documentsPart {
      background: transparent;
      width: 100%; }
      #middle-pane #horizontalSplitterView #documentsPart #verticalAssemblySplitterView {
        background: transparent; }
        #middle-pane #horizontalSplitterView #documentsPart #verticalAssemblySplitterView #tabstripAssembly {
          margin: 0;
          padding: 0;
          width: 100%;
          position: relative; }
          #middle-pane #horizontalSplitterView #documentsPart #verticalAssemblySplitterView #tabstripAssembly .k-tabstrip-items {
            padding: 0 0 0 200px;
            position: relative;
            float: left; }
          #middle-pane #horizontalSplitterView #documentsPart #verticalAssemblySplitterView #tabstripAssembly .AssemblyTab {
            padding: 0;
            margin: 0;
            border: 0;
            width: 100%;
            float: left; }
            #middle-pane #horizontalSplitterView #documentsPart #verticalAssemblySplitterView #tabstripAssembly .AssemblyTab .product-big-picture {
              float: left;
              width: 300px;
              height: 300px;
              flex: 0 0 300px; }
              #middle-pane #horizontalSplitterView #documentsPart #verticalAssemblySplitterView #tabstripAssembly .AssemblyTab .product-big-picture img {
                max-width: 300px;
                max-height: 300px;
                width: auto;
                height: auto; }
            #middle-pane #horizontalSplitterView #documentsPart #verticalAssemblySplitterView #tabstripAssembly .AssemblyTab.k-state-active {
              background: transparent;
              padding: 10px 0px 5px;
              margin-top: 10px; }
            #middle-pane #horizontalSplitterView #documentsPart #verticalAssemblySplitterView #tabstripAssembly .AssemblyTab.NomenclatureTab {
              border-top: 0;
              margin-top: 0px;
              background-color: #eeeff8;
              padding-bottom: 10px; }
          #middle-pane #horizontalSplitterView #documentsPart #verticalAssemblySplitterView #tabstripAssembly div.nomenclatureTabs {
            float: none;
            padding: 5px 5px 5px 10px;
            background: white;
            margin: 0px 10px 10px 10px;
            min-height: 32px;
            display: flex;
            justify-content: flex-end;
            justify-content: space-between;
            align-items: center;
            border-radius: 15px;
            box-shadow: none;
            flex-wrap: wrap; }
            #middle-pane #horizontalSplitterView #documentsPart #verticalAssemblySplitterView #tabstripAssembly div.nomenclatureTabs #my3dCatalogAssembly .my3dCatalogAssemblyLabel {
              margin-left: 10px;
              display: flex;
              align-items: baseline; }
            #middle-pane #horizontalSplitterView #documentsPart #verticalAssemblySplitterView #tabstripAssembly div.nomenclatureTabs ul {
              display: flex;
              justify-content: flex-end;
              list-style-type: none;
              margin-right: 5px;
              align-items: center;
              box-shadow: none;
              padding: 0;
              margin-left: auto; }
              #middle-pane #horizontalSplitterView #documentsPart #verticalAssemblySplitterView #tabstripAssembly div.nomenclatureTabs ul #divFavoritesAction {
                display: flex;
                justify-content: center;
                align-items: center; }
                #middle-pane #horizontalSplitterView #documentsPart #verticalAssemblySplitterView #tabstripAssembly div.nomenclatureTabs ul #divFavoritesAction a {
                  width: 32px;
                  height: 32px;
                  flex: 1;
                  display: flex;
                  justify-content: center;
                  align-content: center;
                  align-items: center; }
                  #middle-pane #horizontalSplitterView #documentsPart #verticalAssemblySplitterView #tabstripAssembly div.nomenclatureTabs ul #divFavoritesAction a span.color-white i {
                    color: white; }
              #middle-pane #horizontalSplitterView #documentsPart #verticalAssemblySplitterView #tabstripAssembly div.nomenclatureTabs ul li {
                height: 32px;
                line-height: 32px;
                padding-left: 0;
                border: none;
                background-color: transparent; }
                #middle-pane #horizontalSplitterView #documentsPart #verticalAssemblySplitterView #tabstripAssembly div.nomenclatureTabs ul li:before {
                  display: none; }
                #middle-pane #horizontalSplitterView #documentsPart #verticalAssemblySplitterView #tabstripAssembly div.nomenclatureTabs ul li.k-state-active a.k-link:before, #middle-pane #horizontalSplitterView #documentsPart #verticalAssemblySplitterView #tabstripAssembly div.nomenclatureTabs ul li.k-state-hover a.k-link:before {
                  opacity: 1;
                  transform: scale(1);
                  -webkit-transform: scale(1);
                  transition: all 0.05s linear; }
                #middle-pane #horizontalSplitterView #documentsPart #verticalAssemblySplitterView #tabstripAssembly div.nomenclatureTabs ul li a.k-link, #middle-pane #horizontalSplitterView #documentsPart #verticalAssemblySplitterView #tabstripAssembly div.nomenclatureTabs ul li .printPDF {
                  border-bottom: 0;
                  padding: 4px 18px 4px 8px;
                  width: auto;
                  height: 24px;
                  font-size: .8rem;
                  font-weight: 400;
                  line-height: 24px;
                  text-transform: initial;
                  position: relative;
                  z-index: 2;
                  animation: scaleUpDown 0.3s ease both;
                  color: #B5ACA2; }
                  #middle-pane #horizontalSplitterView #documentsPart #verticalAssemblySplitterView #tabstripAssembly div.nomenclatureTabs ul li a.k-link span.icomoon, #middle-pane #horizontalSplitterView #documentsPart #verticalAssemblySplitterView #tabstripAssembly div.nomenclatureTabs ul li .printPDF span.icomoon {
                    font-size: 20px;
                    vertical-align: bottom;
                    display: inline-block;
                    padding: 0 4px 0px 8px; }

#documentsBlock {
  display: flex; }
  #documentsBlock &gt; * + * {
    margin-left: 1em; }
  #documentsBlock #documentsJson,
  #documentsBlock #documentsAssemblyJson,
  #documentsBlock #documentsArticleJson,
  #documentsBlock #documentsErpJson,
  #documentsBlock #mosaicDocuments {
    height: auto; }
    #documentsBlock #documentsJson .my-new-list,
    #documentsBlock #documentsAssemblyJson .my-new-list,
    #documentsBlock #documentsArticleJson .my-new-list,
    #documentsBlock #documentsErpJson .my-new-list,
    #documentsBlock #mosaicDocuments .my-new-list {
      list-style-type: none;
      padding: 10px 0; }

/* Content tabs part */
.documentTab ul {
  list-style-type: none;
  padding: 10px; }
  .documentTab ul li.my3dcore_document {
    text-align: center;
    list-style-type: none;
    background-image: url("../iso_icons/my3dcore_doc-default.svg");
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 60px 60px;
    width: 150px;
    float: left;
    position: relative;
    padding: 15px;
    margin: 15px 0; }
    .documentTab ul li.my3dcore_document:hover, .documentTab ul li.my3dcore_document:focus {
      cursor: pointer; }
      .documentTab ul li.my3dcore_document:hover::before, .documentTab ul li.my3dcore_document:focus::before {
        background-color: rgba(0, 0, 0, 0.12);
        opacity: 0.6;
        transform: scale(1);
        -webkit-transform: scale(1); }
    .documentTab ul li.my3dcore_document:before {
      content: "";
      position: absolute;
      z-index: 1;
      display: block;
      transform-origin: center center;
      width: 100%;
      height: 100%;
      top: -15px;
      left: 0;
      transform: scale(0.8);
      -webkit-transform: scale(0.8);
      border-radius: 5px;
      transition: all 0.1s linear; }
    .documentTab ul li.my3dcore_document a {
      color: #212529;
      position: relative;
      z-index: 2;
      padding-bottom: 15px;
      display: flex;
      font-size: .9rem;
      min-height: 130px;
      flex-direction: column; }
      .documentTab ul li.my3dcore_document a span {
        line-height: 1.2;
        margin-bottom: 0;
        word-break: break-all;
        display: -webkit-box;
        max-width: 100%;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        margin-top: auto; }
    .documentTab ul li.my3dcore_document .doc-type {
      font-size: 14px;
      line-height: 1.2;
      padding: 5px 5px 7px;
      border-radius: 16px;
      font-weight: 400;
      margin: 7px 2px 2px;
      background-color: rgba(0, 0, 0, 0.075);
      height: 18px; }
    .documentTab ul li.my3dcore_document.pdf {
      text-align: center;
      background-image: url("../iso_icons/my3dcore_doc-pdf.svg"); }
      .documentTab ul li.my3dcore_document.pdf:hover, .documentTab ul li.my3dcore_document.pdf:focus {
        cursor: pointer; }
        .documentTab ul li.my3dcore_document.pdf:hover::before, .documentTab ul li.my3dcore_document.pdf:focus::before {
          background-color: rgba(209, 0, 59, 0.15);
          opacity: 0.6;
          transform: scale(1);
          -webkit-transform: scale(1); }
    .documentTab ul li.my3dcore_document.video {
      text-align: center;
      background-image: url("../iso_icons/my3dcore_video.png");
      background-size: 75px 56px; }
      .documentTab ul li.my3dcore_document.video:hover, .documentTab ul li.my3dcore_document.video:focus {
        cursor: pointer; }
        .documentTab ul li.my3dcore_document.video:hover::before, .documentTab ul li.my3dcore_document.video:focus::before {
          background-color: rgba(224, 127, 0, 0.2);
          opacity: 0.6;
          transform: scale(1);
          -webkit-transform: scale(1); }
    .documentTab ul li.my3dcore_document.docx, .documentTab ul li.my3dcore_document.doc {
      text-align: center;
      background-image: url("../iso_icons/my3dcore_doc-word.svg"); }
      .documentTab ul li.my3dcore_document.docx:hover, .documentTab ul li.my3dcore_document.docx:focus, .documentTab ul li.my3dcore_document.doc:hover, .documentTab ul li.my3dcore_document.doc:focus {
        cursor: pointer; }
        .documentTab ul li.my3dcore_document.docx:hover::before, .documentTab ul li.my3dcore_document.docx:focus::before, .documentTab ul li.my3dcore_document.doc:hover::before, .documentTab ul li.my3dcore_document.doc:focus::before {
          background-color: rgba(0, 113, 194, 0.15);
          opacity: 0.6;
          transform: scale(1);
          -webkit-transform: scale(1); }
    .documentTab ul li.my3dcore_document.png, .documentTab ul li.my3dcore_document.jpg, .documentTab ul li.my3dcore_document.jpeg, .documentTab ul li.my3dcore_document.gif {
      text-align: center;
      background-image: url("../iso_icons/my3dcore_doc-img.png"); }
      .documentTab ul li.my3dcore_document.png:hover, .documentTab ul li.my3dcore_document.png:focus, .documentTab ul li.my3dcore_document.jpg:hover, .documentTab ul li.my3dcore_document.jpg:focus, .documentTab ul li.my3dcore_document.jpeg:hover, .documentTab ul li.my3dcore_document.jpeg:focus, .documentTab ul li.my3dcore_document.gif:hover, .documentTab ul li.my3dcore_document.gif:focus {
        cursor: pointer; }
        .documentTab ul li.my3dcore_document.png:hover::before, .documentTab ul li.my3dcore_document.png:focus::before, .documentTab ul li.my3dcore_document.jpg:hover::before, .documentTab ul li.my3dcore_document.jpg:focus::before, .documentTab ul li.my3dcore_document.jpeg:hover::before, .documentTab ul li.my3dcore_document.jpeg:focus::before, .documentTab ul li.my3dcore_document.gif:hover::before, .documentTab ul li.my3dcore_document.gif:focus::before {
          background-color: rgba(113, 166, 204, 0.15);
          opacity: 0.6;
          transform: scale(1);
          -webkit-transform: scale(1); }
    .documentTab ul li.my3dcore_document.xlsx, .documentTab ul li.my3dcore_document.xlsx {
      text-align: center;
      background-image: url("../iso_icons/my3dcore_doc-excel.svg"); }
      .documentTab ul li.my3dcore_document.xlsx:hover, .documentTab ul li.my3dcore_document.xlsx:focus, .documentTab ul li.my3dcore_document.xlsx:hover, .documentTab ul li.my3dcore_document.xlsx:focus {
        cursor: pointer; }
        .documentTab ul li.my3dcore_document.xlsx:hover::before, .documentTab ul li.my3dcore_document.xlsx:focus::before, .documentTab ul li.my3dcore_document.xlsx:hover::before, .documentTab ul li.my3dcore_document.xlsx:focus::before {
          background-color: rgba(104, 179, 0, 0.15);
          opacity: 0.6;
          transform: scale(1);
          -webkit-transform: scale(1); }
    .documentTab ul li.my3dcore_document.ppt, .documentTab ul li.my3dcore_document.pptx {
      text-align: center;
      background-image: url("../iso_icons/my3dcore_doc-powerpoint.svg"); }
      .documentTab ul li.my3dcore_document.ppt:hover, .documentTab ul li.my3dcore_document.ppt:focus, .documentTab ul li.my3dcore_document.pptx:hover, .documentTab ul li.my3dcore_document.pptx:focus {
        cursor: pointer; }
        .documentTab ul li.my3dcore_document.ppt:hover::before, .documentTab ul li.my3dcore_document.ppt:focus::before, .documentTab ul li.my3dcore_document.pptx:hover::before, .documentTab ul li.my3dcore_document.pptx:focus::before {
          background-color: rgba(224, 127, 0, 0.2);
          opacity: 0.6;
          transform: scale(1);
          -webkit-transform: scale(1); }
    .documentTab ul li.my3dcore_document.img {
      background-image: none;
      background-repeat: no-repeat;
      margin: 0; }
      .documentTab ul li.my3dcore_document.img:hover::before, .documentTab ul li.my3dcore_document.img:focus::before {
        display: none; }
      .documentTab ul li.my3dcore_document.img:hover img, .documentTab ul li.my3dcore_document.img:focus img {
        transform: scale(1.04);
        -webkit-transform: scale(1.04);
        transition: transform 0.15s ease-out, opacity 0.15s linear; }
      .documentTab ul li.my3dcore_document.img img {
        max-height: 160px;
        border: 1px solid #cccccc; }

#my3dCatalogAssembly .documentTab {
  padding: 10px;
  border-radius: 5px;
  background: #fff;
  margin: 0px 10px 7px 0px;
  overflow: auto;
  height: 94%; }

#my3dCatalogAssembly .my3dCatalogAssemblyLabel {
  font-size: 1rem;
  display: flex; }

#my3dCatalogAssembly .my3dCatalogAccountCode {
  opacity: 0.6;
  font-weight: 300;
  padding-left: 6px;
  font-size: .85rem; }

#my3dCatalogAssembly .k-tabstrip .k-content.k-state-active {
  border-radius: .25rem; }

.scrollNomenclature {
  -webkit-animation: sdb04 2s infinite;
  animation: sdb04 2s infinite;
  box-sizing: border-box;
  display: none;
  position: absolute;
  z-index: 100;
  right: 16px;
  bottom: 5px;
  padding: 0 8px;
  font-size: 12px;
  line-height: 30px;
  height: 30px; }
  .scrollNomenclature i {
    vertical-align: middle;
    top: 0px; }

@-webkit-keyframes sdb04 {
  0% {
    -webkit-transform: translate(0, 0); }
  20% {
    -webkit-transform: translate(0, 10px); }
  40% {
    -webkit-transform: translate(0, 0); } }

@keyframes sdb04 {
  0% {
    transform: translate(0, 0); }
  20% {
    transform: translate(0, 10px); }
  40% {
    transform: translate(0, 0); } }

.k-tabstrip .k-content {
  animation: none; }

/* Media Show */
#media {
  background: white;
  animation: scaleDown 0.1s linear ease-in-out 0.2s;
  height: calc(100vh - 420px);
  margin-right: 0px;
  overflow: hidden;
  border-radius: 15px;
  /* thumbnails */ }
  #media #toolbar3D,
  #media #toolbar2D {
    float: left;
    position: absolute; }
  #media #idTooltip {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.2;
    padding: 5px 10px;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.6);
    border-radius: 3px;
    vertical-align: bottom; }
    #media #idTooltip .hidden {
      display: none; }
  #media .sub-assembly-flat-navigation-template {
    display: flex;
    flex-wrap: wrap;
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 100%; }
  #media .my3dcore_assembly_link {
    width: 200px; }
    #media .my3dcore_assembly_link .assembly_thumbnail {
      height: 200px;
      overflow: hidden; }
      #media .my3dcore_assembly_link .assembly_thumbnail img {
        width: 200px;
        height: 100%; }
    #media .my3dcore_assembly_link .TitleBlock {
      padding: 10px 10px 20px;
      width: 180px; }
    #media .my3dcore_assembly_link h3, #media .my3dcore_assembly_link .h3 {
      font-size: 16px;
      line-height: 18px; }
      #media .my3dcore_assembly_link h3 span, #media .my3dcore_assembly_link .h3 span {
        font-weight: 400; }
    #media .my3dcore_assembly_link h4, #media .my3dcore_assembly_link .h4 {
      display: none; }
  #media a {
    /*@include icon-icomoon();   
        color: $text-color;
        font-size:18px;   
        vertical-align:middle;  
         &amp;.zoomIn{
               img{
                 display:none;
             }
               &amp;:before{
                    content: "\e92e";
               }
          }
         &amp;.zoomOut{
               img{
                 display:none;
             }
                &amp;:before{
                     content: "\e92f";
               }
            }*/
    /*&amp;.panUp{
               img{
                 display:none;
             }
                &amp;:before{
                    content: "\e903";
               }
            }
         &amp;.panLeft{
               img{
                 display:none;
             }
                &amp;:before{
                    content: "\e902";
               }
            }
          &amp;.panDown{
               img{
                 display:none;
             }
                &amp;:before{
                    content: "\e900";
               }
            }  
           &amp;.panRight{
               img{
                 display:none;
             }
                &amp;:before{
                    content: "\e901";
               }
            } 
           
                &amp;:before{
                 content: "\e91b";
                 font-size:13px;
               }
            } 
            &amp;.Show23d{
               img{
                 display:none;
             }
                &amp;:before{
                  content: "\e91a";
               }
            } 
         &amp;.fullPan{
                   vertical-align: top;
                   padding: 0 5px;
                   display:none;
              }*/ }
    #media a.fullPaneText {
      font-family: "SourceSansPro";
      font-size: 10px; }
    #media a span.Show23dText {
      font-family: "SourceSansPro";
      font-size: 10px;
      vertical-align: top;
      padding: 5px 0; }

@keyframes mark-as-favorite-bg {
  0% {
    opacity: 0.15; }
  10% {
    transform: scale(0.8); }
  100% {
    opacity: 0.85;
    transform: scale(1); } }

.marked-as-favorite:before {
  animation: mark-as-favorite-bg 0.2s ease-out forwards; }

#divPrint {
  /*display: inline-block;
    float: right;
    position: absolute;
    right: 20px;
    top: 20px;*/
  font-size: 16px; }
  #divPrint a {
    position: relative;
    z-index: 2;
    width: 32px;
    height: 32px;
    font-size: 24px;
    line-height: 24px; }
    #divPrint a:before {
      content: "";
      position: absolute;
      z-index: 1;
      display: block;
      transform-origin: center center;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      opacity: 0;
      transform: scale(0.8);
      -webkit-transform: scale(0.8);
      border-radius: 5px; }
    #divPrint a i.printMedia {
      position: relative;
      display: inline-block;
      font-family: "icomoon";
      font-weight: normal;
      font-size: 24px;
      vertical-align: middle;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      z-index: 2;
      line-height: 14px; }
    #divPrint a i.icon_24_star {
      position: relative;
      display: inline-block;
      font-family: "icomoon";
      font-weight: normal;
      font-size: 24px;
      vertical-align: middle;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      z-index: 2;
      /*^padding:0 10px;*/ }
    #divPrint a.printPDF {
      padding: 8px 8px 8px 10px;
      height: 20px;
      font-weight: 700;
      line-height: 20px;
      font-size: 14px;
      text-transform: initial;
      position: relative;
      z-index: 2;
      animation: scaleUpDown 0.3s ease both; }
      #divPrint a.printPDF:hover:before, #divPrint a.printPDF:focus:before {
        opacity: 1;
        background-color: rgba(0, 113, 194, 0.15);
        transition: all 0.05s linear;
        transform: scale(1);
        -webkit-transform: scale(1);
        width: 100%;
        height: 100%;
        top: 0px;
        left: 4px; }
    #divPrint a.favoris.icon_24_star:hover {
      color: #fff;
      z-index: 2; }
    #divPrint a.favoris:hover:before {
      opacity: 1;
      background-color: rgba(224, 127, 0, 0.1);
      transition: all 0.05s linear;
      transform: scale(1);
      -webkit-transform: scale(1);
      width: 32px;
      height: 32px;
      top: 3px;
      left: -3px; }
  #divPrint .favoris {
    margin-left: 10px; }
    #divPrint .favoris.bg-blue {
      color: white; }
    #divPrint .favoris.on {
      color: white; }
      #divPrint .favoris.on .button-tooltip span:first-child {
        display: none; }
      #divPrint .favoris.on .button-tooltip span:nth-child(2) {
        display: block; }
      #divPrint .favoris.on:before {
        animation: mark-as-favorite-bg 0.2s ease-out forwards;
        background-color: #ff7b00;
        width: 32px;
        left: -3px;
        top: 3px;
        height: 32px; }
      #divPrint .favoris.on:hover:before {
        background-color: #ff7b00; }
      #divPrint .favoris.on:hover .icon_24_star {
        color: #fff; }
      #divPrint .favoris.on .icon_24_star {
        color: #fff; }
    #divPrint .favoris:hover .button-tooltip {
      opacity: 1; }
    #divPrint .favoris .button-tooltip {
      position: absolute;
      bottom: -40px;
      right: 0;
      white-space: nowrap;
      display: inline-block;
      font-weight: 400;
      line-height: 1.2;
      padding: 5px 10px;
      color: #fff;
      background-color: rgba(0, 0, 0, 0.6);
      border-radius: 3px;
      opacity: 0;
      pointer-events: none;
      transform-origin: center top;
      transform: translateY(-10px);
      transition: opacity 0.1s linear 0.1s, transform 0.1s ease-out 0.1s; }
      #divPrint .favoris .button-tooltip span:first-child {
        display: block; }
      #divPrint .favoris .button-tooltip span:nth-child(2) {
        display: none; }

/* nomenclatures */
#nomenclature {
  height: calc(100vh - 420px); }
  #nomenclature .searchFormContent .form-control {
    width: 85%; }

/* Full screen mode */
/* animation remove fullscreen*/
.top-fadeout {
  opacity: 0;
  transform: translateY(-20px); }

.navbar-premenu {
  transition: transform 0.2s ease-out 0.2s, opacity 0.2s linear 0.2s; }

.principal-nav {
  transition: transform 0.2s ease-out 0.1s, opacity 0.2s linear 0.1s; }

#top-pane .breadcrumb {
  transition: transform 0.2s ease-out 0.2s, opacity 0.2s linear 0.2s; }

.main-expanded-2 {
  transform-origin: center center;
  animation: main-expand 0.5s ease-in-out forwards; }

.main-expanded {
  transform-origin: center center;
  animation: main-expand 0.5s ease-in-out 0.2s forwards; }

body.fullscreen {
  overflow: hidden !important;
  position: inherit !important; }
  body.fullscreen .ToggleTreeSep {
    height: 100%; }
  body.fullscreen .header {
    height: 60px;
    width: 50%;
    border: 0;
    box-shadow: none;
    padding: 10px 8px;
    position: absolute;
    z-index: 1040; }
    body.fullscreen .header .navbar-premenu {
      position: absolute;
      min-height: auto;
      width: 50%;
      padding: 0;
      border: 0;
      box-shadow: none;
      background: transparent;
      transition: none;
      height: auto; }
      body.fullscreen .header .navbar-premenu .container {
        padding: 0 15px; }
    body.fullscreen .header .container {
      padding: 0px;
      display: flex;
      justify-content: flex-start; }
    body.fullscreen .header .principal-nav .container {
      padding: 0 15px;
      align-items: baseline; }
    body.fullscreen .header .quotationShortcut i:before {
      font-size: 12px; }
    body.fullscreen .header #quick-launcher-btn {
      margin-left: 0;
      margin-top: -5px;
      width: 0px; }
      body.fullscreen .header #quick-launcher-btn span {
        color: #212529; }
      body.fullscreen .header #quick-launcher-btn.navbar-brandLogo {
        margin-left: 0; }
    body.fullscreen .header .apps-menu:before {
      left: 64px; }
    body.fullscreen .header #apps-menu-container {
      z-index: 2020; }
    body.fullscreen .header .ql-dark-overlay {
      width: 100vw;
      height: 100vh;
      top: 69px; }
    body.fullscreen .header .navbar-shortcuts .header-right {
      display: none; }
    body.fullscreen .header .navbar-header {
      /*margin-left: 52px;*/
      border-left: 1px solid #b3b3b3;
      padding-left: 15px;
      height: 40px; }
    body.fullscreen .header .navbar-brand img {
      width: auto;
      height: 30px;
      padding: 0;
      margin: 0; }
      body.fullscreen .header .navbar-brand img.logoInPreMenu {
        display: none; }
      body.fullscreen .header .navbar-brand img.logoInResponsive {
        display: block; }
    body.fullscreen .header .brand-name {
      display: none; }
    body.fullscreen .header .navbar-right .navbar-header {
      display: none; }
    body.fullscreen .header .principal-nav {
      background: transparent;
      border-top: none;
      box-shadow: none;
      display: flex;
      align-items: center; }
      body.fullscreen .header .principal-nav .navbar-collapse {
        background: #F6F2F1;
        position: fixed;
        z-index: 2000;
        float: left;
        width: 100vw;
        top: 60px;
        left: 0px;
        padding-left: 15px; }
        body.fullscreen .header .principal-nav .navbar-collapse:not(.in) {
          display: none !important; }
      body.fullscreen .header .principal-nav button.navbar-toggle {
        border-color: transparent;
        display: block !important;
        position: relative;
        margin: 0 10px;
        float: left;
        z-index: 2000;
        text-align: center;
        background: transparent;
        padding: 5px 8px; }
        body.fullscreen .header .principal-nav button.navbar-toggle:before {
          content: "";
          position: absolute;
          z-index: 1;
          display: block;
          transform-origin: center center;
          width: 100%;
          height: 100%;
          opacity: 0;
          transform: scale(0.6);
          -webkit-transform: scale(0.6);
          border-radius: 5px;
          transition: all 0.1s linear;
          background: #e0e0e0;
          top: 0;
          left: 0; }
        body.fullscreen .header .principal-nav button.navbar-toggle:hover:before, body.fullscreen .header .principal-nav button.navbar-toggle:focus:before {
          opacity: 1;
          transform: scale(1);
          -webkit-transform: scale(1);
          transition: all 0.05s linear; }
        body.fullscreen .header .principal-nav button.navbar-toggle .icon-bar {
          position: relative;
          z-index: 2;
          background-color: #212529;
          height: 4px;
          font-size: 24px;
          width: 24px;
          display: flex;
          flex-direction: column;
          margin: 4px 0; }
  body.fullscreen .footer {
    display: none; }
  body.fullscreen #top-pane .breadcrumb {
    display: none;
    transition: transform 0.2s ease-out 0.2s, opacity 0.2s linear 0.2s; }
  body.fullscreen .principal-nav .navbar-collapse.collapse {
    display: none !important; }
  body.fullscreen .principal-nav .navbar-collapse.collapse.in, body.fullscreen .principal-nav .navbar-collapse.collapse.show {
    display: block !important;
    opacity: 1;
    transform: none; }
  body.fullscreen .navbar-premenu .navbar-shortcuts .nav-user {
    display: none; }
  body.fullscreen #horizontalNavigationView .row-flex {
    height: 88vh; }
  body.fullscreen #verticalSplitterTreesMenu {
    height: 99%; }
  body.fullscreen .k-tabstrip .k-content.k-state-active {
    margin: 0 10px;
    padding: 0px;
    height: calc( 100% - 60px) !important; }
  body.fullscreen .dropdown-shopping,
  body.fullscreen .dropdown-shoppingB2B {
    background: transparent;
    border: none;
    min-width: 180px;
    right: 0px;
    box-shadow: none; }
    body.fullscreen .dropdown-shopping .navbar-collapse,
    body.fullscreen .dropdown-shoppingB2B .navbar-collapse {
      padding: 10px 15px;
      background: white;
      box-shadow: 0 1px 10px rgba(0, 0, 0, 0.3);
      position: relative; }
    body.fullscreen .dropdown-shopping .navbar-collapse,
    body.fullscreen .dropdown-shoppingB2B .navbar-collapse {
      /*border-radius:5px;*/ }
      body.fullscreen .dropdown-shopping .navbar-collapse:before,
      body.fullscreen .dropdown-shoppingB2B .navbar-collapse:before {
        left: 50%;
        right: auto; }
      body.fullscreen .dropdown-shopping .navbar-collapse li,
      body.fullscreen .dropdown-shoppingB2B .navbar-collapse li {
        font-weight: 600; }
    body.fullscreen .dropdown-shopping span,
    body.fullscreen .dropdown-shoppingB2B span {
      display: inline-block;
      vertical-align: middle;
      padding: 5px; }
    body.fullscreen .dropdown-shopping:before,
    body.fullscreen .dropdown-shoppingB2B:before {
      content: "";
      position: absolute;
      left: auto;
      right: 5px;
      display: block;
      width: 16px;
      height: 16px;
      top: -3px;
      background-color: white;
      transform: translateX(-8px) rotate(45deg);
      -webkit-transform: translateX(-8px) rotate(45deg);
      box-shadow: -5px -5px 5px rgba(0, 0, 0, 0.1);
      z-index: 5; }
  body.fullscreen .dropdown-shopping .navbar-collapse {
    padding: 5px 10px; }
  body.fullscreen .dropdown-shopping:before {
    display: none; }
  body.fullscreen .container {
    width: 100%;
    height: 100%;
    padding: 0 15px; }
    body.fullscreen .container.content {
      margin-top: 0;
      box-shadow: none;
      background-color: white;
      position: absolute;
      top: 0;
      right: 0;
      width: 100%;
      padding: 0; }
      body.fullscreen .container.content .breadcrumb {
        display: none; }
      body.fullscreen .container.content .my3dcore_hierarchy_link {
        display: none; }
      body.fullscreen .container.content #verticalAssemblySplitterView {
        background: transparent; }
      body.fullscreen .container.content #top-pane {
        width: auto;
        background: transparent;
        margin-top: 0;
        box-shadow: none;
        padding: 10px;
        height: 60px;
        top: 0;
        left: 0;
        min-height: auto;
        z-index: 2000;
        margin-left: 8% !important;
        position: absolute; }
        body.fullscreen .container.content #top-pane #my3dcatalogView {
          margin-top: 0;
          background: transparent;
          position: relative;
          width: auto;
          float: left; }
          body.fullscreen .container.content #top-pane #my3dcatalogView #mosaicView {
            display: block; }
          body.fullscreen .container.content #top-pane #my3dcatalogView h3, body.fullscreen .container.content #top-pane #my3dcatalogView .h3 {
            float: left;
            display: inline-block;
            margin-left: 0; }
          body.fullscreen .container.content #top-pane #my3dcatalogView h4, body.fullscreen .container.content #top-pane #my3dcatalogView .h4 {
            font-size: .875rem;
            color: rgba(0, 0, 0, 0.4);
            font-weight: 400; }
          body.fullscreen .container.content #top-pane #my3dcatalogView p {
            display: none; }
          body.fullscreen .container.content #top-pane #my3dcatalogView h2, body.fullscreen .container.content #top-pane #my3dcatalogView .h2 {
            display: none; }
          body.fullscreen .container.content #top-pane #my3dcatalogView .TitleBlock {
            padding: 0; }
          body.fullscreen .container.content #top-pane #my3dcatalogView .my3dcore_assembly_link {
            padding: 0;
            max-width: inherit; }
            body.fullscreen .container.content #top-pane #my3dcatalogView .my3dcore_assembly_link .my3dcore_mosaic_assembly_block {
              box-shadow: none;
              height: auto;
              padding: 0;
              line-height: 25px;
              text-align: left;
              background: transparent;
              border: 0;
              margin: 0;
              display: flex; }
              body.fullscreen .container.content #top-pane #my3dcatalogView .my3dcore_assembly_link .my3dcore_mosaic_assembly_block img {
                display: none; }
              body.fullscreen .container.content #top-pane #my3dcatalogView .my3dcore_assembly_link .my3dcore_mosaic_assembly_block span {
                font-size: 1.25rem;
                line-height: 40px;
                margin: 0; }
                body.fullscreen .container.content #top-pane #my3dcatalogView .my3dcore_assembly_link .my3dcore_mosaic_assembly_block span.product-reference {
                  font-size: 1rem;
                  line-height: 1rem; }
              body.fullscreen .container.content #top-pane #my3dcatalogView .my3dcore_assembly_link .my3dcore_mosaic_assembly_block:after {
                display: none; }
              body.fullscreen .container.content #top-pane #my3dcatalogView .my3dcore_assembly_link .my3dcore_mosaic_assembly_block h1, body.fullscreen .container.content #top-pane #my3dcatalogView .my3dcore_assembly_link .my3dcore_mosaic_assembly_block .h1 {
                padding: 0;
                width: auto;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                float: left;
                margin-left: 0;
                line-height: 0px;
                display: block;
                margin-top: 0;
                align-items: center; }
                body.fullscreen .container.content #top-pane #my3dcatalogView .my3dcore_assembly_link .my3dcore_mosaic_assembly_block h1 .product-reference, body.fullscreen .container.content #top-pane #my3dcatalogView .my3dcore_assembly_link .my3dcore_mosaic_assembly_block .h1 .product-reference, body.fullscreen .container.content #top-pane #my3dcatalogView .my3dcore_assembly_link .my3dcore_mosaic_assembly_block h1 .product-reference span, body.fullscreen .container.content #top-pane #my3dcatalogView .my3dcore_assembly_link .my3dcore_mosaic_assembly_block .h1 .product-reference span {
                  line-height: 1rem;
                  font-weight: 400;
                  font-size: 1rem; }
              body.fullscreen .container.content #top-pane #my3dcatalogView .my3dcore_assembly_link .my3dcore_mosaic_assembly_block h4, body.fullscreen .container.content #top-pane #my3dcatalogView .my3dcore_assembly_link .my3dcore_mosaic_assembly_block .h4 {
                font-size: 24px;
                line-height: 40px;
                max-width: 300px;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis; }
              body.fullscreen .container.content #top-pane #my3dcatalogView .my3dcore_assembly_link .my3dcore_mosaic_assembly_block .description_assembly_block .k-link {
                margin-top: 0;
                line-height: 40px; }
                body.fullscreen .container.content #top-pane #my3dcatalogView .my3dcore_assembly_link .my3dcore_mosaic_assembly_block .description_assembly_block .k-link .icon_24_arrow-thin-right {
                  font-size: 32px;
                  line-height: 30px; }
                  body.fullscreen .container.content #top-pane #my3dcatalogView .my3dcore_assembly_link .my3dcore_mosaic_assembly_block .description_assembly_block .k-link .icon_24_arrow-thin-right:before {
                    font-size: 32px;
                    height: 30px;
                    line-height: 30px; }
        body.fullscreen .container.content #top-pane #mosaicView {
          margin-left: 0px;
          padding: 0; }
          body.fullscreen .container.content #top-pane #mosaicView h1, body.fullscreen .container.content #top-pane #mosaicView .h1 {
            display: none; }
      body.fullscreen .container.content #middle-pane {
        margin-top: 0;
        position: absolute;
        width: 100vw;
        padding: 0;
        top: 20px;
        height: calc(100vh - 20px);
        margin-right: 0;
        margin-left: 0; }
        body.fullscreen .container.content #middle-pane .quotationShortcut {
          float: right;
          margin-right: 0px;
          display: flex;
          position: absolute;
          right: 180px;
          top: 0px;
          z-index: 2000;
          height: 25px; }
          body.fullscreen .container.content #middle-pane .quotationShortcut.basketShortcut {
            right: 25px; }
          body.fullscreen .container.content #middle-pane .quotationShortcut .baskeInfos .text-truncate {
            max-width: 50px; }
          body.fullscreen .container.content #middle-pane .quotationShortcut a.quotation-cart, body.fullscreen .container.content #middle-pane .quotationShortcut .active-cart-name .BasketIcon {
            padding: 0px; }
            body.fullscreen .container.content #middle-pane .quotationShortcut a.quotation-cart:hover, body.fullscreen .container.content #middle-pane .quotationShortcut a.quotation-cart:focus, body.fullscreen .container.content #middle-pane .quotationShortcut .active-cart-name .BasketIcon:hover, body.fullscreen .container.content #middle-pane .quotationShortcut .active-cart-name .BasketIcon:focus {
              background: transparent; }
          body.fullscreen .container.content #middle-pane .quotationShortcut .active-cart-name a:not(.BasketIcon) {
            font-weight: normal; }
            body.fullscreen .container.content #middle-pane .quotationShortcut .active-cart-name a:not(.BasketIcon):before {
              display: none; }
          body.fullscreen .container.content #middle-pane .quotationShortcut .active-cart-tr .active-cart-name a {
            font-weight: bold; }
        body.fullscreen .container.content #middle-pane .dropdown-basket-shopping {
          right: -24px; }
          body.fullscreen .container.content #middle-pane .dropdown-basket-shopping .navbar-collapse:before {
            right: 2%; }
        body.fullscreen .container.content #middle-pane #horizontalNomenclatureView, body.fullscreen .container.content #middle-pane #horizontalNavigationView .col-lg-4 {
          background: transparent; }
        body.fullscreen .container.content #middle-pane .expand {
          display: block;
          float: right;
          padding: 0 5px;
          z-index: 2000;
          position: absolute;
          right: 210px;
          top: -10px;
          margin: 0; }
          body.fullscreen .container.content #middle-pane .expand button {
            padding: 0;
            line-height: 40px;
            font-size: 24px;
            width: 40px;
            height: 40px; }
        body.fullscreen .container.content #middle-pane .AssemblyTab .product-big-picture {
          margin-left: 15px; }
        body.fullscreen .container.content #middle-pane #documentsPart {
          background: transparent;
          position: absolute;
          height: 100%; }
          body.fullscreen .container.content #middle-pane #documentsPart #tabstripAssembly {
            z-index: 2000;
            height: 100%; }
            body.fullscreen .container.content #middle-pane #documentsPart #tabstripAssembly .k-rtl {
              width: 100%;
              text-align: left;
              padding-left: 360px !important;
              margin-bottom: 0px;
              display: flex;
              justify-content: center;
              visibility: hidden; }
        body.fullscreen .container.content #middle-pane #my3dCatalogTrees, body.fullscreen .container.content #middle-pane #treeViewAssemblyContainer, body.fullscreen .container.content #middle-pane #my3dCatalogAssembly, body.fullscreen .container.content #middle-pane .my3dCatalogAssemblyMediaContent, body.fullscreen .container.content #middle-pane .k-scrollable {
          height: 100%; }
        body.fullscreen .container.content #middle-pane #verticalSplitterDocument {
          height: 100vh; }
  body.fullscreen .my3dcore_assembly_link {
    width: 100%; }
    body.fullscreen .my3dcore_assembly_link span {
      font-size: 18px;
      text-align: left; }
  body.fullscreen .my3dcore_hierarchy_link {
    display: none; }
  body.fullscreen .navbar-premenu div.navbar-header {
    position: relative;
    float: left;
    width: 33.33333%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px; }
  body.fullscreen .navbar-premenu div.navbar-collapse {
    display: inline-block;
    position: absolute;
    right: 20px;
    z-index: 2000; }
    body.fullscreen .navbar-premenu div.navbar-collapse .dropdown-menu {
      border-top: 2px solid #B5ACA2;
      padding: 0px 15px;
      box-shadow: 2px 0px 10px 0px #cfcfcf; }
    body.fullscreen .navbar-premenu div.navbar-collapse .navbar-form {
      padding: 2px 10px;
      position: absolute;
      left: 17%;
      top: 10px;
      font-size: 26px;
      width: 500px;
      display: none; }
      body.fullscreen .navbar-premenu div.navbar-collapse .navbar-form .input-group-addon {
        padding: 0px;
        border: none; }
        body.fullscreen .navbar-premenu div.navbar-collapse .navbar-form .input-group-addon .glyphicon {
          color: black; }
      body.fullscreen .navbar-premenu div.navbar-collapse .navbar-form .input-group {
        top: 65%; }
        body.fullscreen .navbar-premenu div.navbar-collapse .navbar-form .input-group.dropdown-menu {
          width: 100%;
          right: auto;
          padding: 0;
          left: 0; }
          body.fullscreen .navbar-premenu div.navbar-collapse .navbar-form .input-group.dropdown-menu .form-control {
            width: 100%;
            float: left; }
          body.fullscreen .navbar-premenu div.navbar-collapse .navbar-form .input-group.dropdown-menu .input-group-addon {
            width: 5%; }
        body.fullscreen .navbar-premenu div.navbar-collapse .navbar-form .input-group .glyphicon-search {
          font-size: 20px; }
    body.fullscreen .navbar-premenu div.navbar-collapse .navbar-nav &gt; .open &gt; a,
    body.fullscreen .navbar-premenu div.navbar-collapse .navbar-premenu .navbar-nav &gt; .open &gt; a:hover,
    body.fullscreen .navbar-premenu div.navbar-collapse .navbar-premenu .navbar-nav &gt; .open &gt; a:focus {
      background-color: transparent; }
    body.fullscreen .navbar-premenu div.navbar-collapse .open .dropdown-menu {
      position: absolute;
      background: white; }
    body.fullscreen .navbar-premenu div.navbar-collapse .search-icon .glyphicon-search {
      position: relative;
      display: inline-block;
      font-family: "icomoon";
      font-weight: normal;
      font-size: 24px;
      vertical-align: middle;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; }
      body.fullscreen .navbar-premenu div.navbar-collapse .search-icon .glyphicon-search:before {
        content: "\e911"; }
    body.fullscreen .navbar-premenu div.navbar-collapse .input-group {
      position: absolute;
      display: none; }
  body.fullscreen #horizontalSplitterView,
  body.fullscreen #media,
  body.fullscreen #nomenclature,
  body.fullscreen .documentTab {
    height: 78vh; }
    body.fullscreen #horizontalSplitterView object,
    body.fullscreen #media object,
    body.fullscreen #nomenclature object,
    body.fullscreen .documentTab object {
      max-height: calc(100% - 10px);
      border: none;
      outline: none; }
      body.fullscreen #horizontalSplitterView object param,
      body.fullscreen #media object param,
      body.fullscreen #nomenclature object param,
      body.fullscreen .documentTab object param {
        border: none;
        outline: none; }
  body.fullscreen #middle-pane.backUrlToCSP #containerHierarchyTree,
  body.fullscreen #middle-pane #containerHierarchyTree {
    height: 86vh;
    padding-bottom: 20px; }
  body.fullscreen #horizontalNavigationView {
    height: 100%;
    width: 100%; }

/* Favorite assemblies*/
.list-favorites-assemblies {
  display: flex;
  flex-wrap: wrap; }
  .list-favorites-assemblies .my3dcore_assembly_link .my3dcore_mosaic_assembly_block {
    position: relative;
    float: left;
    min-height: 1px;
    width: 280px;
    padding: 0; }
    .list-favorites-assemblies .my3dcore_assembly_link .my3dcore_mosaic_assembly_block .TitleBlock {
      float: none;
      /*min-height: 150px;*/
      padding-right: 40px; }
      .list-favorites-assemblies .my3dcore_assembly_link .my3dcore_mosaic_assembly_block .TitleBlock .machineTitle span {
        font-weight: 300;
        font-size: .9rem; }
    .list-favorites-assemblies .my3dcore_assembly_link .my3dcore_mosaic_assembly_block .codeBlock {
      margin-top: 0px;
      margin-bottom: 20px; }
    .list-favorites-assemblies .my3dcore_assembly_link .my3dcore_mosaic_assembly_block .favorite-remove-button {
      position: absolute;
      right: 2px;
      top: 2px; }
      .list-favorites-assemblies .my3dcore_assembly_link .my3dcore_mosaic_assembly_block .favorite-remove-button:before {
        content: "";
        background-color: rgba(235, 0, 59, 0.15);
        transform: scale(0.8);
        border-radius: 5px;
        transition: all 0.1s linear;
        left: 1.5px; }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  body.fullscreen #horizontalSplitterView,
  body.fullscreen #media,
  body.fullscreen #nomenclature,
  body.fullscreen .documentTab {
    height: 82vh; } }

#media2D embed {
  height: 90%;
  width: 100%; }

/* Responsive My3dCatalog */
.rmm {
  width: 100%;
  max-width: 600px;
  position: static;
  height: auto; }

@media (max-width: 1200px) {
  /*.k-splitter .k-pane{
    overflow:auto;
}

#mosaicView{
      overflow:hidden;
    .my3dcore_hierarchy_link, .my3dcore_assembly_link {
        .my3dcore_mosaic_hierarchy_block, .my3dcore_mosaic_assembly_block{
          padding:15px;

          img{
                height: auto;
                width: 100%;
                background-color:transparent;
                padding:10px;
                border:none;
                float:left;
          }
           span{
                font-weight: 400;
                font-size: 18px;
                margin: 10px 0;
                text-transform: initial;
                color:$text-color;
                float:left;
                width:100%;
                text-align:center;
            }
                
        }          
         }
        
      } 


.k-tabstrip{

    ul.k-tabstrip-items .k-state-default, &amp;.k-ie7 .k-tabstrip-items .k-state-default .k-loading {
            a.k-link{
                font-size: 12px;
                padding: 0 20px;
                width: auto;
                height: 33px;
                line-height: 34px;
            }
    }
}
     .my3dcore_mosaic_assembly_block{
            img{
                width: 150px;
                height: 108px;
            }
            span{
                font-size:18px;
            }
        }

    #middle-pane{
       margin-top: 130px;
    }

body.fullscreen{
    #documentsPart, #tabstripAssembly, #my3dCatalogTrees, #my3dCatalogAssembly, #treeViewAssemblyContainer, #nomenclature{
        height:100%;
    }
    .header{
        .navbar-brand{
            width: 60%;
             height: 50px;
        }
         .search-icon{
            display:none;
        }
    .principal-nav{

        .navbar-toggle{
            display:none;
        }
       
      } 
    } 
    .k-tabstrip ul.k-tabstrip-items .k-state-default a.k-link, .k-tabstrip.k-ie7 .k-tabstrip-items .k-state-default .k-loading a.k-link{
        padding:0 10px;
    }

    .container.content{
        #top-pane{
            padding-left:0;
            .expand{
                padding:16px;
            }
        }
         #middle-pane #documentsPart #tabstripAssembly .k-rtl{
             padding-right: 18%;
        }
    } 
  }*/
  #middle-pane #horizontalSplitterView #documentsPart #verticalAssemblySplitterView #tabstripAssembly .AssemblyTab .product-big-picture {
    width: 150px;
    height: 150px;
    flex: 0 0 150px; }
    #middle-pane #horizontalSplitterView #documentsPart #verticalAssemblySplitterView #tabstripAssembly .AssemblyTab .product-big-picture img {
      max-width: 150px;
      max-height: 150px;
      width: auto;
      height: auto; } }

/* equipments page*/
@media (max-width: 960px) {
  .my3dcatalogClientView {
    flex-direction: column; }
    .my3dcatalogClientView .my3dcatalogClientView-search-block {
      width: 100%;
      padding: 30px; }
    .my3dcatalogClientView .my3dcatalogClientView-search-result {
      width: 100%;
      padding: 30px;
      margin-top: 10px; }
      .my3dcatalogClientView .my3dcatalogClientView-search-result .my3dcore_client_assembly_list .my3dcore_client_assembly_block .assembly_thumbnail {
        width: 200px;
        height: 200px;
        margin-right: 20px; }
        .my3dcatalogClientView .my3dcatalogClientView-search-result .my3dcore_client_assembly_list .my3dcore_client_assembly_block .assembly_thumbnail .navbar-btn a.btn {
          padding-left: 10px;
          margin-right: 10px; }
  #middle-pane #horizontalSplitterView #documentsPart #verticalAssemblySplitterView #tabstripAssembly div.nomenclatureTabs .my3dCatalogAssemblyLabel {
    font-size: .75rem; }
  .scrollNomenclature {
    display: block; }
  body.fullscreen .container.content #top-pane #my3dcatalogView .my3dcore_assembly_link .my3dcore_mosaic_assembly_block h3, body.fullscreen .container.content #top-pane #my3dcatalogView .my3dcore_assembly_link .my3dcore_mosaic_assembly_block .h3 {
    max-width: 240px; }
  body.fullscreen .container.content #top-pane #my3dcatalogView .my3dcore_assembly_link .my3dcore_mosaic_assembly_block h4, body.fullscreen .container.content #top-pane #my3dcatalogView .my3dcore_assembly_link .my3dcore_mosaic_assembly_block .h4 {
    font-size: 12px;
    max-width: 240px; }
    body.fullscreen .container.content #top-pane #my3dcatalogView .my3dcore_assembly_link .my3dcore_mosaic_assembly_block h4 span, body.fullscreen .container.content #top-pane #my3dcatalogView .my3dcore_assembly_link .my3dcore_mosaic_assembly_block .h4 span {
      font-size: 20px; }
  body.fullscreen .container.content #middle-pane .expand {
    right: 120px; } }

@media (max-width: 767px) {
  .k-rtl {
    width: 100%;
    text-align: left;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around; }
    .k-rtl .k-state-default,
    .k-rtl .k-state-default .k-loading {
      border: none;
      background: none;
      box-shadow: none;
      border-width: 0px;
      padding-left: 5px; }
      .k-rtl .k-state-default a.k-link,
      .k-rtl .k-state-default .k-loading a.k-link {
        padding: 0 8px;
        font-size: 12px;
        height: 34px;
        line-height: 34px; }
  #horizontalNavigationView .k-splitbar {
    border-color: transparent;
    background: transparent;
    display: block; }
    #horizontalNavigationView .k-splitbar .k-expand-prev {
      position: relative;
      top: 15px;
      left: 300px;
      width: 20px;
      background: none;
      color: black;
      z-index: 2000; }
      #horizontalNavigationView .k-splitbar .k-expand-prev:before {
        position: relative;
        display: inline-block;
        font-family: "icomoon";
        font-weight: normal;
        font-size: 24px;
        vertical-align: middle;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\e90e"; }
  #horizontalNavigationView #horizontalAssemblySplitterView .k-splitbar {
    border-color: #e7e7e7;
    background: #e7e7e7;
    display: none; }
  .my3dcore_hierarchy_back_link {
    font-size: 11px; }
  #my3dCatalogAssembly {
    padding: 0; }
  /* Navigation à plat*/
  #verticalSplitterTreesMenu {
    background: white; }
  .my3dcore_mosaic_hierarchy_block,
  .my3dcore_mosaic_assembly_block {
    height: 100%; }
    .my3dcore_mosaic_hierarchy_block img,
    .my3dcore_mosaic_assembly_block img {
      height: 100%;
      max-height: 140px; }
    .my3dcore_mosaic_hierarchy_block span,
    .my3dcore_mosaic_assembly_block span {
      font-size: 14px; }
  #top-pane .breadcrumb {
    padding: 10px;
    width: 100%; }
    #top-pane .breadcrumb h3, #top-pane .breadcrumb .h3 {
      font-size: 13px; }
    #top-pane .breadcrumb .my3dcore_hierarchy_back_link span {
      font-size: 11px; }
    #top-pane .breadcrumb .spanBack {
      font-size: 11px; }
      #top-pane .breadcrumb .spanBack:before {
        padding: 6px;
        font-size: 8px; }
  #top-pane.MosaicAss .expand {
    position: absolute;
    right: 0;
    z-index: 2000; }
    #top-pane.MosaicAss .expand label {
      font-size: 0; }
  #top-pane.MosaicAss .breadcrumb {
    padding: 10px 0; }
  #top-pane.MosaicAss #my3dcatalogView {
    margin-top: 0px;
    height: 140px; }
    #top-pane.MosaicAss #my3dcatalogView #mosaicView h1, #top-pane.MosaicAss #my3dcatalogView #mosaicView .h1 {
      display: none; }
    #top-pane.MosaicAss #my3dcatalogView #mosaicView .my3dcore_assembly_link {
      padding: 0; }
      #top-pane.MosaicAss #my3dcatalogView #mosaicView .my3dcore_assembly_link .my3dcore_mosaic_assembly_block {
        background: transparent;
        box-shadow: none;
        height: 100%;
        padding: 0;
        margin: 0; }
        #top-pane.MosaicAss #my3dcatalogView #mosaicView .my3dcore_assembly_link .my3dcore_mosaic_assembly_block img {
          display: inline-block;
          vertical-align: middle;
          width: 60px;
          height: 60px; }
        #top-pane.MosaicAss #my3dcatalogView #mosaicView .my3dcore_assembly_link .my3dcore_mosaic_assembly_block span {
          font-size: 18px;
          font-weight: 500; }
  #middle-pane {
    margin-top: 100px;
    padding: 0 10px; }
    #middle-pane #horizontalSplitterView {
      background: transparent; }
      #middle-pane #horizontalSplitterView #documentsPart {
        background: transparent; }
        #middle-pane #horizontalSplitterView #documentsPart #verticalAssemblySplitterView {
          background: transparent; }
          #middle-pane #horizontalSplitterView #documentsPart #verticalAssemblySplitterView #tabstripAssembly {
            margin: 0;
            padding: 0; }
            #middle-pane #horizontalSplitterView #documentsPart #verticalAssemblySplitterView #tabstripAssembly .k-tabstrip-items {
              padding: 0; }
              #middle-pane #horizontalSplitterView #documentsPart #verticalAssemblySplitterView #tabstripAssembly .k-tabstrip-items li.k-item {
                padding-left: 0px;
                padding-right: 0px;
                text-align: left; }
                #middle-pane #horizontalSplitterView #documentsPart #verticalAssemblySplitterView #tabstripAssembly .k-tabstrip-items li.k-item a.k-link {
                  font-size: 11px;
                  padding: 0px 15px;
                  padding-right: 0px;
                  height: 34px;
                  line-height: 34px; }
            #middle-pane #horizontalSplitterView #documentsPart #verticalAssemblySplitterView #tabstripAssembly ul.AssemblyCase.k-tabstrip-items {
              margin-left: 0; }
              #middle-pane #horizontalSplitterView #documentsPart #verticalAssemblySplitterView #tabstripAssembly ul.AssemblyCase.k-tabstrip-items li.k-item a.k-link {
                padding-right: 18px;
                padding-left: 18px;
                line-height: 28px;
                height: 28px; }
              #middle-pane #horizontalSplitterView #documentsPart #verticalAssemblySplitterView #tabstripAssembly ul.AssemblyCase.k-tabstrip-items a {
                z-index: 2; }
                #middle-pane #horizontalSplitterView #documentsPart #verticalAssemblySplitterView #tabstripAssembly ul.AssemblyCase.k-tabstrip-items a:before {
                  content: "";
                  position: absolute;
                  z-index: 1;
                  display: block;
                  transform-origin: center center;
                  width: 100%;
                  height: 100%;
                  top: 0;
                  left: 0;
                  transform: scale(0) rotate(45deg);
                  -webkit-transform: scale(0) rotate(45deg);
                  opacity: 0;
                  border-radius: 5px;
                  background-color: #fff;
                  transition: transform 0.4s ease-out, opacity 0.1s linear; }
            #middle-pane #horizontalSplitterView #documentsPart #verticalAssemblySplitterView #tabstripAssembly .AssemblyTab {
              padding: 0;
              margin: 0;
              border: 0; }
              #middle-pane #horizontalSplitterView #documentsPart #verticalAssemblySplitterView #tabstripAssembly .AssemblyTab .k-tabstrip-items {
                padding: 0; }
                #middle-pane #horizontalSplitterView #documentsPart #verticalAssemblySplitterView #tabstripAssembly .AssemblyTab .k-tabstrip-items li.k-item a.k-link {
                  font-size: 11px; }
                #middle-pane #horizontalSplitterView #documentsPart #verticalAssemblySplitterView #tabstripAssembly .AssemblyTab .k-tabstrip-items li.k-item span.icomoon {
                  font-size: 11px; }
            #middle-pane #horizontalSplitterView #documentsPart #verticalAssemblySplitterView #tabstripAssembly div.nomenclatureTabs {
              width: 98%; }
            #middle-pane #horizontalSplitterView #documentsPart #verticalAssemblySplitterView #tabstripAssembly #divPrint {
              display: none; }
  .k-tabstrip-item {
    padding-left: 0px;
    padding-right: 0px; }
  .k-icon.k-collapse-prev {
    display: none; }
  div.k-treeview:after {
    width: 0px;
    border-right: none; }
  div.k-treeview .k-group .k-item .k-in p {
    font-size: 12px;
    text-transform: initial;
    font-weight: 500; }
  div.k-treeview .k-group .k-item .k-in.k-state-selected:after {
    content: ""; }
  div.k-treeview #treeviewJson_tv_active:not(.k-first) {
    border-bottom: 1px solid white; }
  body.fullscreen .header {
    display: none; }
  body.fullscreen #quick-launcher-btn {
    margin-left: 44px;
    margin-top: -5px; }
    body.fullscreen #quick-launcher-btn .btn:hover:before,
    body.fullscreen #quick-launcher-btn .btn:focus:before {
      transform: scale(0.8); }
  body.fullscreen #documentsPart,
  body.fullscreen #tabstripAssembly,
  body.fullscreen #my3dCatalogTrees,
  body.fullscreen #my3dCatalogAssembly,
  body.fullscreen #treeViewAssemblyContainer,
  body.fullscreen #nomenclature {
    width: 100%; }
  body.fullscreen .container.content #top-pane {
    margin-top: 0px;
    width: 100%;
    padding-left: 0;
    margin-left: 0; }
    body.fullscreen .container.content #top-pane #my3dcatalogView {
      width: auto; }
      body.fullscreen .container.content #top-pane #my3dcatalogView .my3dcore_hierarchy_link,
      body.fullscreen .container.content #top-pane #my3dcatalogView #mosaicView .my3dcore_assembly_link {
        padding-left: 24px;
        display: block;
        padding-top: 0;
        margin: 0;
        width: 100%; }
        body.fullscreen .container.content #top-pane #my3dcatalogView .my3dcore_hierarchy_link .my3dcore_mosaic_assembly_block,
        body.fullscreen .container.content #top-pane #my3dcatalogView #mosaicView .my3dcore_assembly_link .my3dcore_mosaic_assembly_block {
          margin: 0; }
          body.fullscreen .container.content #top-pane #my3dcatalogView .my3dcore_hierarchy_link .my3dcore_mosaic_assembly_block span,
          body.fullscreen .container.content #top-pane #my3dcatalogView #mosaicView .my3dcore_assembly_link .my3dcore_mosaic_assembly_block span {
            text-align: left;
            padding: 10px;
            font-size: 12px; }
  body.fullscreen .container.content #middle-pane {
    margin-top: 5px; }
  body.fullscreen #tabstripAssembly::after {
    float: right;
    display: block;
    padding: 1em; }
  body.fullscreen #tabstripAssembly {
    clear: both;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out; }
  body.fullscreen .js #tabstripAssembly {
    overflow: hidden;
    max-height: 0; }
  body.fullscreen #tabstripAssembly .active {
    max-height: 15em; }
  body.fullscreen .container.content #middle-pane #documentsPart #tabstripAssembly .AssemblyTab {
    top: 30px; }
  body.fullscreen .container.content #middle-pane #documentsPart #tabstripAssembly .AssemblyCase {
    position: absolute;
    background: white;
    z-index: 500000;
    border-bottom: 0;
    float: left;
    padding-left: 0;
    padding-right: 0; }
    body.fullscreen .container.content #middle-pane #documentsPart #tabstripAssembly .AssemblyCase.show {
      height: 100%;
      background: rgba(0, 0, 0, 0.5); }
      body.fullscreen .container.content #middle-pane #documentsPart #tabstripAssembly .AssemblyCase.show li {
        display: block;
        top: 30px;
        background: white; }
    body.fullscreen .container.content #middle-pane #documentsPart #tabstripAssembly .AssemblyCase li {
      float: left;
      width: 100%;
      position: relative;
      display: none; }
      body.fullscreen .container.content #middle-pane #documentsPart #tabstripAssembly .AssemblyCase li a {
        display: block;
        text-align: left;
        border-bottom: 1px solid #808080;
        padding: 0;
        width: 100%;
        margin: 0;
        float: left;
        height: 30px;
        line-height: 30px;
        font-size: 11px;
        padding-left: 18px; }
      body.fullscreen .container.content #middle-pane #documentsPart #tabstripAssembly .AssemblyCase li.k-state-active {
        display: block;
        position: absolute;
        top: 0; }
        body.fullscreen .container.content #middle-pane #documentsPart #tabstripAssembly .AssemblyCase li.k-state-active a {
          display: block;
          text-align: left;
          border-bottom: 1px solid #808080;
          padding: 0;
          width: 100%;
          margin: 0;
          float: left; }
          body.fullscreen .container.content #middle-pane #documentsPart #tabstripAssembly .AssemblyCase li.k-state-active a:after {
            position: relative;
            top: 1px;
            display: inline-block;
            font-family: "Glyphicons Halflings";
            font-weight: 400;
            font-size: 14px;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            content: "\e252";
            font-size: 10px;
            padding: 5px; } }

/* SEARCH */
.sdss-search .breadcrumb {
  display: none; }

.sdss-search .sdsSearchPage .sdsSearchForm .sdsButtonBar {
  padding: 30px 20px;
  display: flex;
  justify-content: flex-end;
  margin: 0; }
  .sdss-search .sdsSearchPage .sdsSearchForm .sdsButtonBar .sdsSubmitButton {
    width: 100%; }

.sdss-search .sdsSearchPage .FilterBar {
  width: 100%;
  position: relative;
  margin-bottom: 15px; }

.sdss-search .sdsSearchPage .my3dSearchSection {
  position: relative; }
  .sdss-search .sdsSearchPage .my3dSearchSection #FilterSearchBloc {
    padding: 10px 0px 15px; }
    .sdss-search .sdsSearchPage .my3dSearchSection #FilterSearchBloc span {
      display: inline-block;
      float: left;
      padding-right: 15px; }
  .sdss-search .sdsSearchPage .my3dSearchSection .btn {
    float: right;
    white-space: nowrap; }
  .sdss-search .sdsSearchPage .my3dSearchSection .sdsSearchCountPara {
    position: absolute;
    top: 10px;
    width: 100%; }
    .sdss-search .sdsSearchPage .my3dSearchSection .sdsSearchCountPara h3, .sdss-search .sdsSearchPage .my3dSearchSection .sdsSearchCountPara .h3 {
      font-size: 26px;
      font-weight: 300; }
  .sdss-search .sdsSearchPage .my3dSearchSection p.useCaseIcon {
    margin-bottom: 0px; }
  .sdss-search .sdsSearchPage .my3dSearchSection tr.toogleUsecase {
    display: none; }
    .sdss-search .sdsSearchPage .my3dSearchSection tr.toogleUsecase:hover td, .sdss-search .sdsSearchPage .my3dSearchSection tr.toogleUsecase:focus td {
      background: #fff; }
    .sdss-search .sdsSearchPage .my3dSearchSection tr.toogleUsecase td {
      background: #fff;
      text-align: left;
      padding: 0;
      overflow: hidden; }
      .sdss-search .sdsSearchPage .my3dSearchSection tr.toogleUsecase td a {
        color: #212529; }
      .sdss-search .sdsSearchPage .my3dSearchSection tr.toogleUsecase td p {
        position: relative;
        font-size: 18px; }
        .sdss-search .sdsSearchPage .my3dSearchSection tr.toogleUsecase td p.useCaseTitle {
          font-weight: bold;
          font-size: 1rem;
          padding: 5px 10px 0;
          margin: 0;
          text-overflow: ellipsis;
          white-space: nowrap;
          overflow: hidden;
          order: 1; }
        .sdss-search .sdsSearchPage .my3dSearchSection tr.toogleUsecase td p.useCasePath {
          padding: 5px 10px;
          margin: 0;
          font-weight: 300;
          text-overflow: ellipsis;
          white-space: nowrap;
          overflow: hidden; }
      .sdss-search .sdsSearchPage .my3dSearchSection tr.toogleUsecase td .row-bottom {
        margin: 5px;
        float: left;
        width: 100%;
        padding: 0 15px;
        display: flex;
        align-items: flex-end;
        justify-content: space-between;
        order: 2; }
        .sdss-search .sdsSearchPage .my3dSearchSection tr.toogleUsecase td .row-bottom p {
          padding: 0px;
          padding-top: 4px;
          margin: 0px;
          font-size: 14px; }
        .sdss-search .sdsSearchPage .my3dSearchSection tr.toogleUsecase td .row-bottom .basketAssemblyRow {
          display: flex;
          justify-content: space-between; }
        .sdss-search .sdsSearchPage .my3dSearchSection tr.toogleUsecase td .row-bottom .qteAssemblyCol {
          max-width: 80px;
          padding: 0 5px; }
        .sdss-search .sdsSearchPage .my3dSearchSection tr.toogleUsecase td .row-bottom .pull-left,
        .sdss-search .sdsSearchPage .my3dSearchSection tr.toogleUsecase td .row-bottom .pull-right {
          flex: 1; }
        .sdss-search .sdsSearchPage .my3dSearchSection tr.toogleUsecase td .row-bottom a.btnAddToBasket {
          width: 40px;
          height: 40px;
          line-height: 38px; }
      .sdss-search .sdsSearchPage .my3dSearchSection tr.toogleUsecase td .useCasebloc {
        width: 260px;
        float: left;
        animation: translateLine 0.3s ease both;
        margin: 20px 15px;
        color: #4d4d4d;
        position: relative;
        overflow: hidden;
        display: flex;
        flex-direction: column; }
        .sdss-search .sdsSearchPage .my3dSearchSection tr.toogleUsecase td .useCasebloc .useCaseImg {
          height: 230px;
          overflow: hidden; }
          .sdss-search .sdsSearchPage .my3dSearchSection tr.toogleUsecase td .useCasebloc .useCaseImg img {
            height: 100%; }
        .sdss-search .sdsSearchPage .my3dSearchSection tr.toogleUsecase td .useCasebloc:hover:after, .sdss-search .sdsSearchPage .my3dSearchSection tr.toogleUsecase td .useCasebloc:focus:after {
          transform: scaleY(1.2);
          -webkit-transform: scaleY(1.2);
          transition: transform 0.15s ease-out, opacity 0.15s linear;
          opacity: 1; }
        .sdss-search .sdsSearchPage .my3dSearchSection tr.toogleUsecase td .useCasebloc:hover img, .sdss-search .sdsSearchPage .my3dSearchSection tr.toogleUsecase td .useCasebloc:focus img {
          transform: scale(1.04);
          -webkit-transform: scale(1.04);
          transition: transform 0.15s ease-out, opacity 0.15s linear; }
      .sdss-search .sdsSearchPage .my3dSearchSection tr.toogleUsecase td .my3dAssemblyThumbnail {
        width: 100%;
        height: auto;
        opacity: 1;
        background: white; }
  .sdss-search .sdsSearchPage .my3dSearchSection .table-striped &gt; tbody &gt; tr.searchLigne:nth-child(4n-1) td {
    background-color: #fff; }
  .sdss-search .sdsSearchPage .my3dSearchSection table tr .sdsLimits &gt; .label {
    font-size: 100%;
    font-weight: 600; }
  .sdss-search .sdsSearchPage .my3dSearchSection table tr &gt; th span.navigationBar {
    display: block;
    width: 100%;
    padding-left: 0;
    margin: 20px 0;
    color: #337ab7;
    background-color: transparent; }
  .sdss-search .sdsSearchPage .my3dSearchSection table tr &gt; th div.sdsSelectAll {
    text-align: left; }
  .sdss-search .sdsSearchPage .my3dSearchSection .my3dSearchProductList {
    background: white;
    float: left;
    border-top: 1px solid #f2f2f2;
    width: 100%;
    padding: 20px 0; }
  .sdss-search .sdsSearchPage .my3dSearchSection div.sdsSelectAll {
    text-align: left; }
  .sdss-search .sdsSearchPage .my3dSearchSection .my3dSdsSearchNavigationBar {
    position: relative;
    float: right; }
    .sdss-search .sdsSearchPage .my3dSearchSection .my3dSdsSearchNavigationBar .navigationBarCurrentPage {
      margin-bottom: 15px; }
  .sdss-search .sdsSearchPage .my3dSearchSection span.navigationBar {
    text-align: right;
    font-size: 16px; }
    .sdss-search .sdsSearchPage .my3dSearchSection span.navigationBar a:link {
      float: left; }
    .sdss-search .sdsSearchPage .my3dSearchSection span.navigationBar .navigationBarFirstPage,
    .sdss-search .sdsSearchPage .my3dSearchSection span.navigationBar a:first-child,
    .sdss-search .sdsSearchPage .my3dSearchSection span.navigationBar a:last-child,
    .sdss-search .sdsSearchPage .my3dSearchSection span.navigationBar .navigationBarLastPage,
    .sdss-search .sdsSearchPage .my3dSearchSection span.navigationBar .navigationBarPreviousPage,
    .sdss-search .sdsSearchPage .my3dSearchSection span.navigationBar .navigationBarNextPage,
    .sdss-search .sdsSearchPage .my3dSearchSection span.navigationBar a:nth-child(2),
    .sdss-search .sdsSearchPage .my3dSearchSection span.navigationBar a:nth-last-child(2) {
      float: left; }
    .sdss-search .sdsSearchPage .my3dSearchSection span.navigationBar span.navigationBarCurrentPage {
      float: left; }

.sdss-search .sdsSearchPage .my3dSdsSearchBottomNavigationBar {
  float: left;
  width: 100%;
  margin-bottom: 60px;
  border-top: 5px solid #e0e0e0;
  padding: 15px 0; }

/* Responsive */
/* responsive Menu desactivate*/
/* mobile menu list */
/*.rmm-mobile{width: 100%;}
.rmm-mobile .rmm-dropdown:hover ~ ul, .rmm-mobile .rmm-dropdown:hover &gt; ul ,.rmm-mobile .rmm-dropdown:hover + ul {display: none;}
.rmm-mobile ul{width: 100%; position: inherit;}
.rmm-mobile li{width: 100%; }

 mobile menu js action 
.k-treeview .k-group.k-treeview-lines .k-item .k-icon{
	  display:inline-block;
}
.rmm-dropdown{display: inline-block;width:100%;border-bottom: none;padding:0;
              .k-icon{
              
                                @include icon-icomoon();
                                float:right;
                                font-size:18px;
                                height:14px;
                                &amp;:before{
                                     content: "\e917";
                                }
              }
              .k-in{
                    background-color:#f6f6f6;
                    width:94%;
                   p{
                     
                      margin-left:0;
                     
                  }
                   &amp;:after{
                                content: "\e917";
                                @include icon-icomoon();
                                float:right;
                      }
                  &amp;:before{
                      width:0;
                      visibility:hidden;
                  }

              }
             
}
.rmm-mobile .rmm-subview{display: block; width: 100%;}
.rmm-mobile .rmm-subover-hidden{display: none;}
.rmm-mobile .rmm-subover-visible{display: block;}
.rmm-mobile .rmm-subover-header{display: none; padding: 0; margin: 0;}

 mobile menu content 
.rmm-mobile .rmm-submenu{position: relative; left: 0px;}

.k-treeview .k-group.k-treeview-lines&gt;.k-first&gt;.k-group&gt;.k-item&gt;.k-mid, .k-treeview .k-group.k-treeview-lines&gt;.k-first&gt;.k-group&gt;.k-item&gt;.k-top, .k-treeview .k-group.k-treeview-lines&gt;.k-first&gt;.k-group&gt;.k-item&gt;.k-bot
{
	 background-color: #f6f6f6 ;
	margin-left:0;
}
.k-treeview .k-group.k-treeview-lines&gt;.k-first&gt;.k-group&gt;.k-item.rmm-back&gt;.k-mid, .k-treevi
    ew .k-group.k-treeview-lines&gt;.k-first&gt;.k-group&gt;.k-item.rmm-back&gt;.k-top, .k-treeview .k-group.k-treeview-lines&gt;.k-first&gt;.k-group&gt;.k-item.rmm-back&gt;.k-bot
{
	background-color:$brand-primary;
}


.rmm-mobile .rmm-submenu li{  
    

    .k-in{
width:90%;
                            
 p{
 width:100%;
 margin-left:0px;

    }

    }
a{
 margin-left:5px;
 }
 }

.rmm .rmm-mobile li:hover &gt; ul {display: none;}

.rmm.style {text-align: left; font-family: Tahoma;}
.rmm.style ul {box-shadow: none; background:#fff; text-transform: uppercase; display: inline-table; text-align:left;}
.rmm.style ul li {text-align:left;}
.rmm.style ul li:hover {background: #fff;}
.rmm.style ul ul {display: none; margin:0; background: #5f6975; border-radius: 0px; padding: 0; position: absolute;}
.rmm.style ul li a {color: #fff; font-weight:600; display: block; padding: 15px 35px; text-decoration: none; font-size:12px;width:90%; }
.rmm.style ul ul li {border-bottom: 1px solid #dee2e2; border-top: 1px solid #fff;}
.rmm.style ul ul li a {padding: 12px 35px; color: #fff; &amp;:after{
                                 content: "\e917";
                                @include icon-icomoon();
                                float:right;
                      }

}
.rmm.style ul ul li a:hover {background: #e7e7e7;}

.rmm.style ul li &gt; a:not(:only-child):after {
	font-family: 'icomoon';
	speak: none;
	-webkit-font-smoothing: antialiased;
	content: "\e000";
	position: relative;
	display: inline-block;
	-webkit-transform: rotate(210deg);
	transform: rotate(210deg);
	top: -4px;
	left: 1px;
	font-size: 10px;
}

.rmm.style ul ul li &gt; a:not(:only-child):after {-webkit-transform: rotate(120deg); transform: rotate(120deg); top: 2px; font-size: 14px; float: right; margin-right: -20px;}

 mobile style 
.rmm.style .rmm-mobile li &gt; a:not(:only-child):after {-webkit-transform: rotate(120deg); transform: rotate(120deg); top: 4px; font-size: 14px; float: right; margin-right: -20px;}
.rmm.style .rmm-mobile li{background: #f6f6f6; border-top: 0;padding:0; margin:0;box-shadow:none;
&amp;.rmm-back{
	background: $brand-primary;
}


}

.rmm-mobile .rmm-back a:after{display: none;}*/
/* multiple planks */
#my3dCatalogAssemblyDocuments {
  flex: 100%;
  display: flex;
  flex-wrap: wrap;
  border-radius: .25rem;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  height: 100%; }

#tabstrip #assemblyVideos {
  border-radius: 15px;
  box-shadow: nonz; }

.my3dCatalogAssemblyMediaContent {
  flex: 100%;
  display: flex;
  flex-wrap: wrap;
  border-radius: 15px;
  box-shadow: none;
  height: 100%; }
  .my3dCatalogAssemblyMediaContent .planks {
    position: absolute;
    bottom: 40px;
    display: flex;
    flex-direction: row;
    flex: 1 100%; }
  .my3dCatalogAssemblyMediaContent .plank {
    width: 60px;
    height: 60px;
    border: 1px solid #cccccc;
    outline: 3px solid transparent;
    transition: all 0.1s linear;
    cursor: pointer;
    overflow: hidden;
    background: #fff;
    position: relative;
    margin-left: 10px; }
    .my3dCatalogAssemblyMediaContent .plank.active {
      border-color: #B5ACA2;
      outline-color: #B5ACA2; }
    .my3dCatalogAssemblyMediaContent .plank img {
      width: 100%;
      transition: transform 0.2s ease-out;
      display: block; }
    .my3dCatalogAssemblyMediaContent .plank:hover img {
      transform: scale(1.2); }
    .my3dCatalogAssemblyMediaContent .plank.marked:after {
      position: absolute;
      content: "";
      display: block;
      width: 10px;
      height: 10px;
      border-radius: 50%;
      bottom: 5px;
      right: 5px;
      background-color: #B5ACA2; }

#nomenclature .k-selectable tr:after {
  position: absolute;
  content: "";
  left: 10px;
  border-top: 1px solid #cccccc;
  width: 94%;
  height: 1px;
  margin-top: -3px; }

#nomenclature .k-selectable tr:first-child:after {
  border-width: 0px; }

#nomenclature .k-selectable tr .btnAddToBasket {
  height: 100%;
  padding: 8px;
  border-radius: 20px; }

#nomenclature .k-selectable tr.k-state-selected .full-circle {
  color: #B5ACA2;
  background-color: white;
  border-color: transparent; }

#nomenclature .k-selectable tr.k-state-selected .btnAddToBasket:before {
  background: transparent; }

#nomenclature .k-selectable tr .nomenclature-error {
  padding: 5px 10px 8px;
  font-size: 13px;
  line-height: 1.2;
  margin: 0 -10px; }

#nomenclature .k-selectable tr .btnAddToBasket.disabled {
  opacity: 0.5;
  pointer-events: none;
  background-color: #ededed; }
  #nomenclature .k-selectable tr .btnAddToBasket.disabled i {
    color: #4d4d4d; }

#nomenclature .refAssemblyCol {
  display: inline-block; }
  #nomenclature .refAssemblyCol span {
    min-width: 26px;
    height: 26px;
    line-height: 26px;
    border-radius: 6px;
    font-weight: bold;
    border: 1px solid transparent;
    margin-right: 10px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    border-color: #cccccc;
    background-color: #fff;
    color: gray;
    padding: 0 2px; }
    #nomenclature .refAssemblyCol span.full-circle {
      color: #fff;
      background-color: #B5ACA2;
      border-color: white;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      max-width: 100px; }

#nomenclature .AssemblyCode {
  font-size: 16px;
  font-weight: 700; }

#nomenclature .descAssemblyCol {
  margin: 2px 0;
  font-size: .8rem;
  font-weight: 400; }

#nomenclature .nomenclature-quantity-info {
  font-size: .8rem;
  font-weight: 400; }

#nomenclature .basketAssemblyRow {
  display: flex;
  width: 100%;
  justify-content: flex-end;
  align-items: center;
  margin: 8px 0 0 0; }
  #nomenclature .basketAssemblyRow .btn-outline span.material-icons-outlined {
    font-size: 16px; }
  #nomenclature .basketAssemblyRow .qteAssemblyCol {
    display: flex;
    width: 100%;
    justify-content: flex-end;
    align-items: center;
    flex: 1; }
    #nomenclature .basketAssemblyRow .qteAssemblyCol label {
      font-weight: 700;
      margin: 0; }
  #nomenclature .basketAssemblyRow .btn {
    width: auto;
    line-height: 12px; }
    #nomenclature .basketAssemblyRow .btn span {
      display: block; }
    #nomenclature .basketAssemblyRow .btn i:before {
      color: white;
      background: transparent; }
    #nomenclature .basketAssemblyRow .btn label {
      padding-left: 5px;
      margin-bottom: 0; }

#nomenclature .nomenclature-order-info {
  margin: 5px 0 0 0;
  font-weight: 700; }
  #nomenclature .nomenclature-order-info .nomenclature-suggested-price {
    padding: 5px 0;
    font-weight: 600; }
    #nomenclature .nomenclature-order-info .nomenclature-suggested-price span {
      color: #888888; }
  #nomenclature .nomenclature-order-info .gshp-shop-price {
    margin-bottom: 5px; }
  #nomenclature .nomenclature-order-info .nomenclature-stock-info {
    font-size: 13px;
    margin-left: -2px;
    line-height: 1.2;
    display: flex;
    align-items: flex-start;
    transition: all 0.1s linear;
    font-weight: 700; }
    #nomenclature .nomenclature-order-info .nomenclature-stock-info:before {
      content: "";
      display: block;
      margin-right: 5px;
      border: 2px solid #fff;
      width: 12px;
      height: 12px;
      border-radius: 50%; }

#horizontalNomenclatureView {
  background-color: white; }

/* responsive  $screen-md-min  */
/* Tree &amp; media view */
@media (max-width: 1024px) {
  /* Equipement search */
  #toolbar3D img,
  #toolbar2D img {
    width: 34px;
    padding: 8px; }
  .my3dcatalogClientView-search-block {
    width: 280px;
    padding: 20px; }
  .my3dcatalogClientView-search-result {
    width: calc(100% - 280px);
    padding: 20px; }
    .my3dcatalogClientView-search-result .my3dcore_client_assembly_list .my3dcore_client_assembly_block .assembly_thumbnail {
      width: 150px;
      height: 150px;
      margin-right: 10px; }
      .my3dcatalogClientView-search-result .my3dcore_client_assembly_list .my3dcore_client_assembly_block .assembly_thumbnail .navbar-btn a.btn {
        padding-left: 5px;
        margin-right: 5px; }
  .my3dcore-quotationHistory .breadcrumb:before,
  #top-pane .breadcrumb:before {
    left: 30px; }
  #horizontalNavigationView #my3dCatalogTrees {
    width: 260px;
    vertical-align: top;
    display: inline-block; }
  #my3dCatalogAssembly.col-lg-10 {
    position: relative;
    display: inline-block;
    width: calc(100% - 280px);
    box-shadow: none;
    flex: auto; }
    #my3dCatalogAssembly.col-lg-10 .col-md-12 {
      width: 100%;
      min-height: auto; }
  .my3dCatalogAssemblyMediaContent {
    height: inherit;
    overflow-y: auto;
    /*display: flex;
             flex-direction: column;*/ }
  #nomenclature {
    height: 100%;
    padding-bottom: 60px;
    order: 1; }
  #verticalSplitterView #top-pane.MosaicAss .expand label {
    display: none; }
  #verticalSplitterView #top-pane.MosaicAss #my3dcatalogView #mosaicView .my3dcore_assembly_link .my3dcore_mosaic_assembly_block .description_assembly_block {
    width: 75%; }
    #verticalSplitterView #top-pane.MosaicAss #my3dcatalogView #mosaicView .my3dcore_assembly_link .my3dcore_mosaic_assembly_block .description_assembly_block h1, #verticalSplitterView #top-pane.MosaicAss #my3dcatalogView #mosaicView .my3dcore_assembly_link .my3dcore_mosaic_assembly_block .description_assembly_block .h1 {
      text-align: left;
      line-height: 32px;
      font-size: 1rem;
      margin-bottom: 0px;
      margin-left: 5px;
      padding-top: 10px;
      padding-bottom: 5px; }
    #verticalSplitterView #top-pane.MosaicAss #my3dcatalogView #mosaicView .my3dcore_assembly_link .my3dcore_mosaic_assembly_block .description_assembly_block .product-reference {
      padding-left: 0;
      line-height: 14px;
      margin-top: 0px;
      font-size: .85rem; }
    #verticalSplitterView #top-pane.MosaicAss #my3dcatalogView #mosaicView .my3dcore_assembly_link .my3dcore_mosaic_assembly_block .description_assembly_block span {
      float: none;
      font-size: 1rem;
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap;
      max-width: 100%; }
    #verticalSplitterView #top-pane.MosaicAss #my3dcatalogView #mosaicView .my3dcore_assembly_link .my3dcore_mosaic_assembly_block .description_assembly_block .product-reference {
      font-size: .8rem; }
  #verticalSplitterView #top-pane.MosaicAss #my3dcatalogView #mosaicView .my3dcore_assembly_link .my3dcore_mosaic_assembly_block p {
    padding: 0px 18px 0;
    font-size: .9rem; }
  .my3dcore-my3DCatalog .content.container {
    padding: 0;
    margin-bottom: 0px; }
  #middle-pane {
    margin-top: 90px; }
    #middle-pane li#divPrint a {
      font-size: 0px; }
      #middle-pane li#divPrint a span:not(.icomoon) {
        font-size: 0px; }
      #middle-pane li#divPrint a:hover:before, #middle-pane li#divPrint a:focus:before, #middle-pane li#divPrint a:before {
        background: transparent;
        opacity: 0; }
    #middle-pane #horizontalSplitterView #documentsPart #verticalAssemblySplitterView #tabstripAssembly .k-tabstrip-items {
      padding: 0 0 0 170px; }
    #middle-pane #horizontalSplitterView #documentsPart #verticalAssemblySplitterView #tabstripAssembly .AssemblyTab .product-big-picture {
      width: 150px;
      height: 150px; }
    #middle-pane #horizontalSplitterView #documentsPart #verticalAssemblySplitterView #tabstripAssembly .AssemblyTab #firstLevelAssemblyDescription .first-level-description-div {
      width: calc(100% - 350px);
      display: inline-block;
      white-space: pre-wrap; }
  body.fullscreen .header .navbar-brand img.logoInResponsive {
    max-width: 35px; }
  body.fullscreen .container.content #top-pane {
    margin-left: 120px; }
    body.fullscreen .container.content #top-pane #my3dcatalogView .my3dcore_assembly_link .my3dcore_mosaic_assembly_block span {
      display: inline-block;
      float: none;
      width: auto;
      font-size: 1rem;
      max-width: calc(100vw - 500px);
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
  body.fullscreen .container.content #middle-pane .quotationShortcut {
    margin-right: 0px; }
  body.fullscreen .container.content #middle-pane .expand {
    right: 210px; }
  body.fullscreen .container.content #middle-pane #horizontalSplitterView #documentsPart #verticalAssemblySplitterView #tabstripAssembly {
    top: 50px; }
    body.fullscreen .container.content #middle-pane #horizontalSplitterView #documentsPart #verticalAssemblySplitterView #tabstripAssembly .k-rtl {
      right: 40px; }
    body.fullscreen .container.content #middle-pane #horizontalSplitterView #documentsPart #verticalAssemblySplitterView #tabstripAssembly .k-tabstrip-items {
      display: none; }
  body.fullscreen .container.content #middle-pane #top-pane #my3dcatalogView .my3dcore_assembly_link .my3dcore_mosaic_assembly_block h3, body.fullscreen .container.content #middle-pane #top-pane #my3dcatalogView .my3dcore_assembly_link .my3dcore_mosaic_assembly_block .h3 {
    max-width: 300px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  body.fullscreen .my3dCatalogAssemblyMediaContent {
    height: 76vh; }
  body.fullscreen #nomenclature {
    height: 100%; }
  #horizontalNavigationView #my3dCatalogTrees.HiddenTree {
    width: 0px;
    flex: 0; }
  .descrition-tabs-block .gshpGridBlockForm .product-grid-summary .product-order-row .product-order-tooltip-td .gshp-shop-price, .descrition-tabs-block .gshpGridBlockForm .product-grid-summary .product-order-row .product-order-tooltip-td span {
    font-size: .8rem; }
    .descrition-tabs-block .gshpGridBlockForm .product-grid-summary .product-order-row .product-order-tooltip-td .gshp-shop-price span, .descrition-tabs-block .gshpGridBlockForm .product-grid-summary .product-order-row .product-order-tooltip-td span span {
      font-size: .8rem; }
  .gshp-product-form .product-grid-summary .product-label-price-td {
    font-size: .8rem; }
    .gshp-product-form .product-grid-summary .product-label-price-td .gshp-shop-price, .gshp-product-form .product-grid-summary .product-label-price-td span, .gshp-product-form .product-grid-summary .product-label-price-td .product-grid-price-block {
      font-size: .8rem; }
      .gshp-product-form .product-grid-summary .product-label-price-td .gshp-shop-price span, .gshp-product-form .product-grid-summary .product-label-price-td .gshp-shop-price .product-grid-price-block, .gshp-product-form .product-grid-summary .product-label-price-td span span, .gshp-product-form .product-grid-summary .product-label-price-td span .product-grid-price-block, .gshp-product-form .product-grid-summary .product-label-price-td .product-grid-price-block span, .gshp-product-form .product-grid-summary .product-label-price-td .product-grid-price-block .product-grid-price-block {
        font-size: .8rem; }
  .gshp-product-form .product-grid-summary .product-order-total-td span, .gshp-product-form .product-grid-summary .product-order-total-td .product-grid-price-block {
    font-size: .8rem; } }

/*stock levels*/
input[type="text"]:hover, input[type="text"]:focus,
input[type="password"]:hover,
input[type="password"]:focus,
keygen:hover,
keygen:focus,
select:hover,
select:focus {
  box-shadow: none; }

.gshpCell input {
  border-width: 2px; }

.gridCell:focus, .gridCell:active {
  border: 0px; }

div.NotOrderable input {
  border-color: #797A8D;
  border-style: dotted;
  border-width: 1px; }
  div.NotOrderable input:focus {
    outline: 1px dotted #797A8D; }

div.GoodStockReorderable input {
  border-color: #85B039; }
  div.GoodStockReorderable input:focus {
    outline: 2px solid #85B039;
    border-color: #85B039; }

div.GoodStockNotReorderable input {
  border-color: #85B039; }
  div.GoodStockNotReorderable input:focus {
    outline: 2px solid #85B039;
    border-color: #85B039; }

div.WarningStockReorderable input {
  border-color: #F0803A; }
  div.WarningStockReorderable input:focus {
    outline: 2px solid #F0803A;
    border-color: #F0803A; }

div.WarningStockNotReorderable input {
  border-color: #F0803A; }
  div.WarningStockNotReorderable input:focus {
    outline: 2px solid #F0803A;
    border-color: #F0803A; }

div.WarningPotentialStock input {
  border-color: #85B039; }
  div.WarningPotentialStock input:focus {
    outline: 2px solid #85B039;
    border-color: #85B039; }
  div.WarningPotentialStock input.disabled {
    background-image: none; }
  div.WarningPotentialStock input.no-clock {
    background-image: none; }

div.WarningPotentialStock i.icon_24_time.disabled {
  display: block; }

div.WarningPotentialStock i.icon_24_time.no-clock {
  display: none; }

div.CriticalStockReorderable input {
  border-color: #eb003b; }
  div.CriticalStockReorderable input:focus {
    outline: 2px solid #eb003b;
    border-color: #eb003b; }
  div.CriticalStockReorderable input.disabled {
    background-image: none; }
  div.CriticalStockReorderable input.no-clock {
    background-image: none; }

div.CriticalStockReorderable i.icon_24_time.disabled {
  display: block; }

div.CriticalStockReorderable i.icon_24_time.no-clock {
  display: none; }

div.CriticalStockNotReorderable input {
  border-color: #eb003b; }
  div.CriticalStockNotReorderable input:focus {
    outline: 2px solid #eb003b;
    border-color: #eb003b; }
  div.CriticalStockNotReorderable input.disabled {
    border-color: #eb003b;
    background-image: none; }
  div.CriticalStockNotReorderable input.no-clock {
    background-image: none; }

div.CriticalStockNotReorderable i.icon_24_time.disabled {
  display: block; }

div.CriticalStockNotReorderable i.icon_24_time.no-clock {
  display: none; }
</pre></body></html>