:root {
    --color-brand-primary: #365B6D;
    --color-brand-primary-light: #47788e;
    --color-brand-primary-dark: #2D414C;
    --color-brand-secondary: #FF9800;
}

.bg-brand-primary {
    background-color: var(--color-brand-primary-dark);
}

.navbar-brand, .navbar {
    padding-top: 0;
    padding-bottom: 0;
}

.loader {
    display: none;
}

/* https://mdbootstrap.com/docs/standard/extended/dropdown-multilevel/ */
.dropdown-menu li {
    position: relative;
}

.dropdown-menu .dropdown-submenu {
    display: none;
    position: absolute;
    left: 100%;
    top: -7px;
}

.dropdown-menu .dropdown-submenu-left {
    right: 100%;
    left: auto;
}

.dropdown-menu > li:hover > .dropdown-submenu {
    display: block;
}

.submenu-toggle::after {
    content: "▸";
    margin-left: 1rem;
}
.dropdown-menu > li:hover > .submenu-toggle::after {
    content: "▾";
}

.dt-head-center .dt-column-header {
    text-align: center !important;
}

.no-chevron {
  appearance: none;         /* Remove default styling (cross-browser) */
  -webkit-appearance: none; /* Safari */
  -moz-appearance: none;    /* Firefox */
  background-image: none !important;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}

.view-product-on-website {
    cursor: pointer;
}