@charset "UTF-8";
/* stylelint-disable */
/*
1. CSS custom properties level
This layer defines the main colors of the application.
Should be defined on a brand book level.
It's just a palette which will be mapped to exact semantic colors
and used in the application.
:root {
--color-foreground: #000;
--color-background: #fff;
--color-main: #777700;
--color-alt: #077;
--color-alt_1: #099;
--color-alt_2: #0bb;
--color-alt_3: #0ee;
--color-error: #e00;
}
2. Abstract color palette layer
It's just for DX - easier to use for coding.
Here CSS colors should be mapped to abstract colors
$color-main: var(--color-main);
$color-alt: var(--color-alt);
$color-text: var(--color-foreground);
$color-text--dimmed: var(--color-foreground);
$color-text-inversed: var(--color-background);
$color-text-inversed--dimmed: var(--color-background);
$color-background: var(--color-background);
$color-error: var(--color-alt);
3. Semantic colors layer
This layer maps abstract colors to semantic colors.
It's needed because even main abstract text color may be changed
depending on the context.
For example, the main text color may be used in the footer,
// # Header component
$color-header-text: var(--color-foreground);
// # Footer component
$color-footer-background: $color-alt;
$color-footer-text: $color-text-inversed;
// # Forms
// ## Input
$color-input-text: $color-text;
$color-input-border: $color-alt_1;
$color-input-background: $color-text-inversed;
$color-input-placeholder: $color-alt_2;
$color-input-focus-border: $color-alt_3;
$color-input-focus-background: $color-text-inversed;
*/
/*
---
name: Color Palette
tag: color-palette
category: Basic
---
```html
```
*/
/*
---
name: Fonts
tag: fonts
category: Basic
---
```html
BrandonGrotesque Bold
BrandonGrotesque Medium
BrandonGrotesque Regular
BrandonGrotesque Light
```
*/
.tickle-mickle {
color: green;
}
.content_page-article.m-expandable .content_page-subtitle::before, .account_navigation-title::before, .navigation-link_icon::before, .dashboard_loyalty-link_icon::before, .content_page-article.m-expandable .content_page-subtitle::after, .account_navigation-title::after, .navigation-link_icon::after, .dashboard_loyalty-link_icon::after {
position: absolute;
top: 50%;
right: 20px;
background-color: #076795;
content: "";
height: 2px;
-webkit-transition: -webkit-transform 0.2s ease 0s;
transition: -webkit-transform 0.2s ease 0s;
transition: transform 0.2s ease 0s;
transition: transform 0.2s ease 0s, -webkit-transform 0.2s ease 0s;
width: 16px;
}
.content_page-article.m-expandable .content_page-subtitle::before, .account_navigation-title::before, .navigation-link_icon::before, .dashboard_loyalty-link_icon::before {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.psp, .single_column-main, .app-view .plp:not(.delayed_rec_orders-plp) .plp-inner, .content_page, .billpay_payment-summary, .billpay_open_items, .billpay_account-card, .billpay-main, .dashboard-block, .payment_info-agreement, .checkout-order_summary .order_summary, .checkout-content_inner, .delayed_rec_orders-content, .backorder-wrapper .order_details, .account_registration, .plp-wrapper, .product-slider-wrapper, .category-slot-container,
.content-slot-container,
.product-slot-container, .partner_selection-section, .reset_password-page, .forgot_password-page {
background-color: #ffffff;
border-radius: 3px;
}
.wheel,
.umbrella,
.color {
content: "";
position: absolute;
border-radius: 50%;
left: calc(50% - 9px);
top: calc(50% - 9px);
width: 18px;
height: 18px;
}
.color::after {
content: "";
position: absolute;
border-radius: 50%;
left: calc(50% - 9px);
top: calc(50% - 9px);
width: 18px;
height: 18px;
}
.wheel {
overflow: hidden;
width: 18px;
height: 18px;
position: static;
display: inline-block;
margin-right: 5px;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.umbrella {
position: relative;
-webkit-transform: scale(1.35);
}
.blue.color {
-webkit-clip-path: polygon(50% 100%, 0 75%, 50% 50%, 100% 75%);
clip-path: polygon(50% 100%, 0 75%, 50% 50%, 100% 75%);
}
.blue.color::after {
background-color: #2a68e1;
z-index: 3;
}
.red.color {
-webkit-clip-path: polygon(0 0, 0 75%, 50% 50%, 50% 0);
clip-path: polygon(0 0, 0 75%, 50% 50%, 50% 0);
}
.red.color::after {
background-color: #f0531e;
z-index: 2;
}
.green.color {
-webkit-clip-path: polygon(100% 0, 100% 75%, 50% 50%, 50% 0);
clip-path: polygon(100% 0, 100% 75%, 50% 50%, 50% 0);
}
.green.color::after {
background-color: #49b53d;
z-index: 1;
}
/*! jQuery UI - v1.11.2 - 2015-01-02
* http://jqueryui.com
* Includes: core.css, draggable.css, resizable.css, selectable.css, sortable.css, accordion.css, autocomplete.css, button.css, datepicker.css, dialog.css, menu.css, progressbar.css, selectmenu.css, slider.css, spinner.css, tabs.css, tooltip.css
* Copyright 2015 jQuery Foundation and other contributors; Licensed MIT */
.ui-helper-hidden {
display: none;
}
.ui-helper-hidden-accessible {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.ui-helper-reset {
margin: 0;
padding: 0;
border: 0;
outline: 0;
line-height: 1.3;
text-decoration: none;
font-size: 100%;
list-style: none;
}
.ui-helper-clearfix:before, .ui-helper-clearfix:after {
content: "";
display: table;
border-collapse: collapse;
}
.ui-helper-clearfix:after {
clear: both;
}
.ui-helper-clearfix {
min-height: 0;
}
.ui-helper-zfix {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
opacity: 0;
filter: Alpha(Opacity=0);
}
.ui-front {
z-index: 100;
}
.ui-state-disabled {
cursor: default !important;
}
.ui-icon {
display: block;
text-indent: -99999px;
overflow: hidden;
background-repeat: no-repeat;
}
.ui-widget-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.ui-draggable-handle {
-ms-touch-action: none;
touch-action: none;
}
.ui-resizable {
position: relative;
}
.ui-resizable-handle {
position: absolute;
font-size: 0.1px;
display: block;
-ms-touch-action: none;
touch-action: none;
}
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle {
display: none;
}
.ui-resizable-n {
cursor: n-resize;
height: 7px;
width: 100%;
top: -5px;
left: 0;
}
.ui-resizable-s {
cursor: s-resize;
height: 7px;
width: 100%;
bottom: -5px;
left: 0;
}
.ui-resizable-e {
cursor: e-resize;
width: 7px;
right: -5px;
top: 0;
height: 100%;
}
.ui-resizable-w {
cursor: w-resize;
width: 7px;
left: -5px;
top: 0;
height: 100%;
}
.ui-resizable-se {
cursor: se-resize;
width: 12px;
height: 12px;
right: 1px;
bottom: 1px;
}
.ui-resizable-sw {
cursor: sw-resize;
width: 9px;
height: 9px;
left: -5px;
bottom: -5px;
}
.ui-resizable-nw {
cursor: nw-resize;
width: 9px;
height: 9px;
left: -5px;
top: -5px;
}
.ui-resizable-ne {
cursor: ne-resize;
width: 9px;
height: 9px;
right: -5px;
top: -5px;
}
.ui-selectable {
-ms-touch-action: none;
touch-action: none;
}
.ui-selectable-helper {
position: absolute;
z-index: 100;
border: 1px dotted black;
}
.ui-sortable-handle {
-ms-touch-action: none;
touch-action: none;
}
.ui-accordion .ui-accordion-header {
display: block;
cursor: pointer;
position: relative;
margin: 2px 0 0 0;
padding: 0.5em 0.5em 0.5em 0.7em;
min-height: 0;
font-size: 100%;
}
.ui-accordion .ui-accordion-icons {
padding-left: 2.2em;
}
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
padding-left: 2.2em;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
position: absolute;
left: 0.5em;
top: 50%;
margin-top: -8px;
}
.ui-accordion .ui-accordion-content {
padding: 1em 2.2em;
border-top: 0;
overflow: auto;
}
.ui-autocomplete {
position: absolute;
top: 0;
left: 0;
cursor: default;
}
.ui-button {
display: inline-block;
position: relative;
padding: 0;
line-height: normal;
margin-right: 0.1em;
cursor: pointer;
vertical-align: middle;
text-align: center;
overflow: visible;
}
.ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active {
text-decoration: none;
}
.ui-button-icon-only {
width: 2.2em;
}
button.ui-button-icon-only {
width: 2.4em;
}
.ui-button-icons-only {
width: 3.4em;
}
button.ui-button-icons-only {
width: 3.7em;
}
.ui-button .ui-button-text {
display: block;
line-height: normal;
}
.ui-button-text-only .ui-button-text {
padding: 0.4em 1em;
}
.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text {
padding: 0.4em;
text-indent: -9999999px;
}
.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text {
padding: 0.4em 1em 0.4em 2.1em;
}
.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text {
padding: 0.4em 2.1em 0.4em 1em;
}
.ui-button-text-icons .ui-button-text {
padding-left: 2.1em;
padding-right: 2.1em;
}
input.ui-button {
padding: 0.4em 1em;
}
.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon {
position: absolute;
top: 50%;
margin-top: -8px;
}
.ui-button-icon-only .ui-icon {
left: 50%;
margin-left: -8px;
}
.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary {
left: 0.5em;
}
.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary {
right: 0.5em;
}
.ui-buttonset {
margin-right: 7px;
}
.ui-buttonset .ui-button {
margin-left: 0;
margin-right: -0.3em;
}
input.ui-button::-moz-focus-inner, button.ui-button::-moz-focus-inner {
border: 0;
padding: 0;
}
.ui-datepicker {
width: 17em;
padding: 0.2em 0.2em 0;
display: none;
}
.ui-datepicker .ui-datepicker-header {
position: relative;
padding: 0.2em 0;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
position: absolute;
top: 2px;
width: 1.8em;
height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
left: 2px;
}
.ui-datepicker .ui-datepicker-next {
right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
right: 1px;
}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
display: block;
position: absolute;
left: 50%;
margin-left: -8px;
top: 50%;
margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
margin: 0 2.3em;
line-height: 1.8em;
text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
font-size: 1em;
margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
width: 45%;
}
.ui-datepicker table {
width: 100%;
font-size: 0.9em;
border-collapse: collapse;
margin: 0 0 0.4em;
}
.ui-datepicker th {
padding: 0.7em 0.3em;
text-align: center;
font-weight: bold;
border: 0;
}
.ui-datepicker td {
border: 0;
padding: 1px;
}
.ui-datepicker td span, .ui-datepicker td a {
display: block;
padding: 0.2em;
text-align: right;
text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
background-image: none;
margin: 0.7em 0 0 0;
padding: 0 0.2em;
border-left: 0;
border-right: 0;
border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
float: right;
margin: 0.5em 0.2em 0.4em;
cursor: pointer;
padding: 0.2em 0.6em 0.3em 0.6em;
width: auto;
overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
float: left;
}
.ui-datepicker.ui-datepicker-multi {
width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
width: 95%;
margin: 0 auto 0.4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
clear: left;
}
.ui-datepicker-row-break {
clear: both;
width: 100%;
font-size: 0;
}
.ui-datepicker-rtl {
direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
right: 2px;
left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
left: 2px;
right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
right: 1px;
left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
left: 1px;
right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group {
float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
border-right-width: 0;
border-left-width: 1px;
}
.ui-dialog {
overflow: hidden;
position: absolute;
top: 0;
left: 0;
padding: 0.2em;
outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
padding: 0.4em 1em;
position: relative;
}
.ui-dialog .ui-dialog-title {
float: left;
margin: 0.1em 0;
white-space: nowrap;
width: 90%;
overflow: hidden;
text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
position: absolute;
right: 0.3em;
top: 50%;
width: 20px;
margin: -10px 0 0 0;
padding: 1px;
height: 20px;
}
.ui-dialog .ui-dialog-content {
position: relative;
border: 0;
padding: 0.5em 1em;
background: none;
overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
text-align: left;
border-width: 1px 0 0 0;
background-image: none;
margin-top: 0.5em;
padding: 0.3em 1em 0.5em 0.4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
margin: 0.5em 0.4em 0.5em 0;
cursor: pointer;
}
.ui-dialog .ui-resizable-se {
width: 12px;
height: 12px;
right: -5px;
bottom: -5px;
background-position: 16px 16px;
}
.ui-draggable .ui-dialog-titlebar {
cursor: move;
}
.ui-menu {
list-style: none;
padding: 0;
margin: 0;
display: block;
outline: none;
}
.ui-menu .ui-menu {
position: absolute;
}
.ui-menu .ui-menu-item {
position: relative;
margin: 0;
padding: 3px 1em 3px 0.4em;
cursor: pointer;
min-height: 0;
list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}
.ui-menu .ui-menu-divider {
margin: 5px 0;
height: 0;
font-size: 0;
line-height: 0;
border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus, .ui-menu .ui-state-active {
margin: -1px;
}
.ui-menu-icons {
position: relative;
}
.ui-menu-icons .ui-menu-item {
padding-left: 2em;
}
.ui-menu .ui-icon {
position: absolute;
top: 0;
bottom: 0;
left: 0.2em;
margin: auto 0;
}
.ui-menu .ui-menu-icon {
left: auto;
right: 0;
}
.ui-progressbar {
height: 2em;
text-align: left;
overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
margin: -1px;
height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
height: 100%;
filter: alpha(opacity=25);
opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
background-image: none;
}
.ui-selectmenu-menu {
padding: 0;
margin: 0;
position: absolute;
top: 0;
left: 0;
display: none;
}
.ui-selectmenu-menu .ui-menu {
overflow: auto;
overflow-x: hidden;
padding-bottom: 1px;
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
font-size: 1em;
font-weight: bold;
line-height: 1.5;
padding: 2px 0.4em;
margin: 0.5em 0 0 0;
height: auto;
border: 0;
}
.ui-selectmenu-open {
display: block;
}
.ui-selectmenu-button {
display: inline-block;
overflow: hidden;
position: relative;
text-decoration: none;
cursor: pointer;
}
.ui-selectmenu-button span.ui-icon {
right: 0.5em;
left: auto;
margin-top: -8px;
position: absolute;
top: 50%;
}
.ui-selectmenu-button span.ui-selectmenu-text {
text-align: left;
padding: 0.4em 2.1em 0.4em 1em;
display: block;
line-height: 1.4;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.ui-slider {
position: relative;
text-align: left;
}
.ui-slider .ui-slider-handle {
position: absolute;
z-index: 2;
width: 1.2em;
height: 1.2em;
cursor: default;
-ms-touch-action: none;
touch-action: none;
}
.ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
font-size: 0.7em;
display: block;
border: 0;
background-position: 0 0;
}
.ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range {
-webkit-filter: inherit;
filter: inherit;
}
.ui-slider-horizontal {
height: 0.8em;
}
.ui-slider-horizontal .ui-slider-handle {
top: -0.3em;
margin-left: -0.6em;
}
.ui-slider-horizontal .ui-slider-range {
top: 0;
height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
right: 0;
}
.ui-slider-vertical {
width: 0.8em;
height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
left: -0.3em;
margin-left: 0;
margin-bottom: -0.6em;
}
.ui-slider-vertical .ui-slider-range {
left: 0;
width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
top: 0;
}
.ui-spinner {
position: relative;
display: inline-block;
overflow: hidden;
padding: 0;
vertical-align: middle;
}
.ui-spinner-input {
border: none;
background: none;
color: inherit;
padding: 0;
margin: 0.2em 0;
vertical-align: middle;
margin-left: 0.4em;
margin-right: 22px;
}
.ui-spinner-button {
width: 16px;
height: 50%;
font-size: 0.5em;
padding: 0;
margin: 0;
text-align: center;
position: absolute;
cursor: default;
display: block;
overflow: hidden;
right: 0;
}
.ui-spinner a.ui-spinner-button {
border-top: none;
border-bottom: none;
border-right: none;
}
.ui-spinner .ui-icon {
position: absolute;
margin-top: -8px;
top: 50%;
left: 0;
}
.ui-spinner-up {
top: 0;
}
.ui-spinner-down {
bottom: 0;
}
.ui-spinner .ui-icon-triangle-1-s {
background-position: -65px -16px;
}
.ui-tabs {
position: relative;
padding: 0.2em;
}
.ui-tabs .ui-tabs-nav {
margin: 0;
padding: 0.2em 0.2em 0;
}
.ui-tabs .ui-tabs-nav li {
list-style: none;
float: left;
position: relative;
top: 0;
margin: 1px 0.2em 0 0;
border-bottom-width: 0;
padding: 0;
white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
float: left;
padding: 0.5em 1em;
text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
margin-bottom: -1px;
padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
display: block;
border-width: 0;
padding: 1em 1.4em;
background: none;
}
.ui-tooltip {
padding: 8px;
position: absolute;
z-index: 9999;
max-width: 300px;
-webkit-box-shadow: 0 0 5px #aaa;
box-shadow: 0 0 5px #aaa;
}
body .ui-tooltip {
border-width: 2px;
}
/* Slider */
.slick-slider {
position: relative;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
left: 0;
top: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before, .slick-track:after {
content: "";
display: table;
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
float: left;
height: 100%;
min-height: 1px;
}
[dir=rtl] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
@font-face {
font-family: "iconfont";
src: url("../fonts/iconfont.woff2") format("woff2"), url("../fonts/iconfont.woff") format("woff"), url("../fonts/iconfont.ttf") format("truetype");
}
/*
---
name: Icons
tag: icons
category: Basic
---
```html
```
*/
.icon-account:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f120";
}
.icon-account_settings:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f121";
}
.icon-account_tier:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f122";
}
.icon-alert:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f123";
}
.icon-app_arrow:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f124";
}
.icon-arrow:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f125";
}
.icon-arrow_back:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f126";
}
.icon-attach:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f127";
}
.icon-basket:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f128";
}
.icon-calendar:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f129";
}
.icon-call:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f12a";
}
.icon-call_us:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f12b";
}
.icon-cart:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f12c";
}
.icon-cart_no_available:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f12d";
}
.icon-channel:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f12e";
}
.icon-chat:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f12f";
}
.icon-close:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f130";
}
.icon-compact:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f131";
}
.icon-contact_us:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f132";
}
.icon-coupon_check:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f133";
}
.icon-credit_card:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f134";
}
.icon-credit_card_2:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f135";
}
.icon-cross:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f136";
}
.icon-date:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f137";
}
.icon-delete:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f138";
}
.icon-direct-access:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f139";
}
.icon-dots:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f13a";
}
.icon-download:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f13b";
}
.icon-edit:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f13c";
}
.icon-edit_2:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f13d";
}
.icon-email:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f13e";
}
.icon-email_2:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f13f";
}
.icon-eye:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f140";
}
.icon-eye_hide:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f141";
}
.icon-favourite:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f142";
}
.icon-favourite_chosen:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f143";
}
.icon-favourites:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f144";
}
.icon-fax:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f145";
}
.icon-filters:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f146";
}
.icon-folders:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f147";
}
.icon-grid:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f148";
}
.icon-info:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f149";
}
.icon-list:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f14a";
}
.icon-location:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f14b";
}
.icon-manage_users:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f14c";
}
.icon-minicart:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f14d";
}
.icon-notifications:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f14e";
}
.icon-orders:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f14f";
}
.icon-pdf:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f150";
}
.icon-pdf_2:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f151";
}
.icon-percent:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f152";
}
.icon-print:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f153";
}
.icon-printer:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f154";
}
.icon-psp_inventory:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f155";
}
.icon-quick_order:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f156";
}
.icon-rec_orders:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f157";
}
.icon-recommendation:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f158";
}
.icon-recommendations:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f159";
}
.icon-remove_from_order:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f15a";
}
.icon-reorder:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f15b";
}
.icon-search:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f15c";
}
.icon-selected:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f15d";
}
.icon-self_registration_check:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f15e";
}
.icon-self_registration_permissions:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f15f";
}
.icon-self_registration_user:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f160";
}
.icon-self_registration_verification:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f161";
}
.icon-share:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f162";
}
.icon-smartphone:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f163";
}
.icon-staff_order:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f164";
}
.icon-tick:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f165";
}
.icon-time:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f166";
}
.icon-todays_order:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f167";
}
.icon-tooltip:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f168";
}
.icon-tooltip_2:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f169";
}
.icon-tracking_number:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f16a";
}
.icon-tracking_order:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f16b";
}
.icon-update:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f16c";
}
.icon-user:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f16d";
}
.icon-user_sticky:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f16e";
}
.icon-video_play:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f16f";
}
.icon-view:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f170";
}
.icon-view_pricing:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f171";
}
.icon-wallet:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f172";
}
.icon-warning:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f173";
}
.icon-xls-file:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f174";
}
.icon-xls_text:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f175";
}
.icon-zoom-reduce_arrows:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f176";
}
.icon-zoom_arrows:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f177";
}
/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*
Styles for basic PhotoSwipe functionality (sliding area, open/close transitions)
*/
/* pswp = photoswipe */
.pswp {
display: none;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
overflow: hidden;
-ms-touch-action: none;
touch-action: none;
z-index: 1500;
-webkit-text-size-adjust: 100%;
/* create separate layer, to avoid paint on window.onscroll in webkit/blink */
-webkit-backface-visibility: hidden;
outline: none;
}
.pswp * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.pswp img {
max-width: none;
}
/* style is added when JS option showHideOpacity is set to true */
.pswp--animate_opacity {
/* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */
opacity: 0.001;
will-change: opacity;
/* for open/close transition */
-webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}
.pswp--open {
display: block;
}
.pswp--zoom-allowed .pswp__img {
/* autoprefixer: off */
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in;
}
.pswp--zoomed-in .pswp__img {
/* autoprefixer: off */
cursor: -webkit-grab;
cursor: -moz-grab;
cursor: grab;
}
.pswp--dragging .pswp__img {
/* autoprefixer: off */
cursor: -webkit-grabbing;
cursor: -moz-grabbing;
cursor: grabbing;
}
/*
Background is added as a separate element.
As animating opacity is much faster than animating rgba() background-color.
*/
.pswp__bg {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #000;
opacity: 0;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
will-change: opacity;
}
.pswp__scroll-wrap {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: hidden;
}
.pswp__container,
.pswp__zoom-wrap {
-ms-touch-action: none;
touch-action: none;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
/* Prevent selection and tap highlights */
.pswp__container,
.pswp__img {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-touch-callout: none;
}
.pswp__zoom-wrap {
position: absolute;
width: 100%;
-webkit-transform-origin: left top;
transform-origin: left top;
/* for open/close transition */
-webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1), -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
}
.pswp__bg {
will-change: opacity;
/* for open/close transition */
-webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}
.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
-webkit-transition: none;
transition: none;
}
.pswp__container,
.pswp__zoom-wrap {
-webkit-backface-visibility: hidden;
}
.pswp__item {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
overflow: hidden;
}
.pswp__img {
position: absolute;
width: auto;
height: auto;
top: 0;
left: 0;
}
/*
stretched thumbnail or div placeholder element (see below)
style is added to avoid flickering in webkit/blink when layers overlap
*/
.pswp__img--placeholder {
-webkit-backface-visibility: hidden;
}
/*
div element that matches size of large image
large image loads on top of it
*/
.pswp__img--placeholder--blank {
background: #222;
}
.pswp--ie .pswp__img {
width: 100% !important;
height: auto !important;
left: 0;
top: 0;
}
/*
Error message appears when image is not loaded
(JS option errorMsg controls markup)
*/
.pswp__error-msg {
position: absolute;
left: 0;
top: 50%;
width: 100%;
text-align: center;
font-size: 14px;
line-height: 16px;
margin-top: -8px;
color: #CCC;
}
.pswp__error-msg a {
color: #CCC;
text-decoration: underline;
}
/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT licensess */
/*
Contents:
1. Buttons
2. Share modal and links
3. Index indicator ("1 of X" counter)
4. Caption
5. Loading indicator
6. Additional styles (root element, top bar, idle state, hidden state, etc.)
*/
/*
1. Buttons
*/
/* css reset */
.pswp__button {
width: 44px;
height: 44px;
position: relative;
background: none;
cursor: pointer;
overflow: visible;
-webkit-appearance: none;
display: block;
border: 0;
padding: 0;
margin: 0;
float: right;
opacity: 0.75;
-webkit-transition: opacity 0.2s;
transition: opacity 0.2s;
-webkit-box-shadow: none;
box-shadow: none;
}
.pswp__button:focus, .pswp__button:hover {
opacity: 1;
}
.pswp__button:active {
outline: none;
opacity: 0.9;
}
.pswp__button::-moz-focus-inner {
padding: 0;
border: 0;
}
/* pswp__ui--over-close class it added when mouse is over element that should close gallery */
.pswp__ui--over-close .pswp__button--close {
opacity: 1;
}
.pswp__button,
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
background: url(default-skin.png) 0 0 no-repeat;
background-size: 264px 88px;
width: 44px;
height: 44px;
}
@media (-webkit-min-device-pixel-ratio: 1.1), (-webkit-min-device-pixel-ratio: 1.09375), (min-resolution: 105dpi), (min-resolution: 1.1dppx) {
/* Serve SVG sprite if browser supports SVG and resolution is more than 105dpi */
.pswp--svg .pswp__button,
.pswp--svg .pswp__button--arrow--left:before,
.pswp--svg .pswp__button--arrow--right:before {
background-image: url(default-skin.svg);
}
.pswp--svg .pswp__button--arrow--left,
.pswp--svg .pswp__button--arrow--right {
background: none;
}
}
.pswp__button--close {
background-position: 0 -44px;
}
.pswp__button--share {
background-position: -44px -44px;
}
.pswp__button--fs {
display: none;
}
.pswp--supports-fs .pswp__button--fs {
display: block;
}
.pswp--fs .pswp__button--fs {
background-position: -44px 0;
}
.pswp__button--zoom {
display: none;
background-position: -88px 0;
}
.pswp--zoom-allowed .pswp__button--zoom {
display: block;
}
.pswp--zoomed-in .pswp__button--zoom {
background-position: -132px 0;
}
/* no arrows on touch screens */
.pswp--touch .pswp__button--arrow--left,
.pswp--touch .pswp__button--arrow--right {
visibility: hidden;
}
/*
Arrow buttons hit area
(icon is added to :before pseudo-element)
*/
.pswp__button--arrow--left,
.pswp__button--arrow--right {
background: none;
top: 50%;
margin-top: -50px;
width: 70px;
height: 100px;
position: absolute;
}
.pswp__button--arrow--left {
left: 0;
}
.pswp__button--arrow--right {
right: 0;
}
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
content: "";
top: 35px;
background-color: rgba(0, 0, 0, 0.3);
height: 30px;
width: 32px;
position: absolute;
}
.pswp__button--arrow--left:before {
left: 6px;
background-position: -138px -44px;
}
.pswp__button--arrow--right:before {
right: 6px;
background-position: -94px -44px;
}
/*
2. Share modal/popup and links
*/
.pswp__counter,
.pswp__share-modal {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.pswp__share-modal {
display: block;
background: rgba(0, 0, 0, 0.5);
width: 100%;
height: 100%;
top: 0;
left: 0;
padding: 10px;
position: absolute;
z-index: 1600;
opacity: 0;
-webkit-transition: opacity 0.25s ease-out;
transition: opacity 0.25s ease-out;
-webkit-backface-visibility: hidden;
will-change: opacity;
}
.pswp__share-modal--hidden {
display: none;
}
.pswp__share-tooltip {
z-index: 1620;
position: absolute;
background: #FFF;
top: 56px;
border-radius: 2px;
display: block;
width: auto;
right: 44px;
-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
-webkit-transform: translateY(6px);
transform: translateY(6px);
-webkit-transition: -webkit-transform 0.25s;
transition: -webkit-transform 0.25s;
transition: transform 0.25s;
transition: transform 0.25s, -webkit-transform 0.25s;
-webkit-backface-visibility: hidden;
will-change: transform;
}
.pswp__share-tooltip a {
display: block;
padding: 8px 12px;
color: #000;
text-decoration: none;
font-size: 14px;
line-height: 18px;
}
.pswp__share-tooltip a:hover {
text-decoration: none;
color: #000;
}
.pswp__share-tooltip a:first-child {
/* round corners on the first/last list item */
border-radius: 2px 2px 0 0;
}
.pswp__share-tooltip a:last-child {
border-radius: 0 0 2px 2px;
}
.pswp__share-modal--fade-in {
opacity: 1;
}
.pswp__share-modal--fade-in .pswp__share-tooltip {
-webkit-transform: translateY(0);
transform: translateY(0);
}
/* increase size of share links on touch devices */
.pswp--touch .pswp__share-tooltip a {
padding: 16px 12px;
}
a.pswp__share--facebook:before {
content: "";
display: block;
width: 0;
height: 0;
position: absolute;
top: -12px;
right: 15px;
border: 6px solid rgba(0, 0, 0, 0);
border-bottom-color: #FFF;
-webkit-pointer-events: none;
-moz-pointer-events: none;
pointer-events: none;
}
a.pswp__share--facebook:hover {
background: #3E5C9A;
color: #FFF;
}
a.pswp__share--facebook:hover:before {
border-bottom-color: #3E5C9A;
}
a.pswp__share--twitter:hover {
background: #55ACEE;
color: #FFF;
}
a.pswp__share--pinterest:hover {
background: #CCC;
color: #CE272D;
}
a.pswp__share--download:hover {
background: #DDD;
}
/*
3. Index indicator ("1 of X" counter)
*/
.pswp__counter {
position: absolute;
left: 0;
top: 0;
height: 44px;
font-size: 13px;
line-height: 44px;
color: #FFF;
opacity: 0.75;
padding: 0 10px;
}
/*
4. Caption
*/
.pswp__caption {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
min-height: 44px;
}
.pswp__caption small {
font-size: 11px;
color: #BBB;
}
.pswp__caption__center {
text-align: left;
max-width: 420px;
margin: 0 auto;
font-size: 13px;
padding: 10px;
line-height: 20px;
color: #CCC;
}
.pswp__caption--empty {
display: none;
}
/* Fake caption element, used to calculate height of next/prev image */
.pswp__caption--fake {
visibility: hidden;
}
/*
5. Loading indicator (preloader)
You can play with it here - http://codepen.io/dimsemenov/pen/yyBWoR
*/
.pswp__preloader {
width: 44px;
height: 44px;
position: absolute;
top: 0;
left: 50%;
margin-left: -22px;
opacity: 0;
-webkit-transition: opacity 0.25s ease-out;
transition: opacity 0.25s ease-out;
will-change: opacity;
direction: ltr;
z-index: -1;
}
.pswp__preloader__icn {
width: 20px;
height: 20px;
margin: 12px;
}
.pswp__preloader--active {
opacity: 1;
z-index: 1;
}
.pswp__preloader--active .pswp__preloader__icn {
/* We use .gif in browsers that don't support CSS animation */
background: url(preloader.gif) 0 0 no-repeat;
}
.pswp--css_animation .pswp__preloader--active {
opacity: 1;
z-index: 1;
}
.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
-webkit-animation: clockwise 500ms linear infinite;
animation: clockwise 500ms linear infinite;
}
.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
-webkit-animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
}
.pswp--css_animation .pswp__preloader__icn {
background: none;
opacity: 0.75;
width: 14px;
height: 14px;
position: absolute;
left: 15px;
top: 15px;
margin: 0;
}
.pswp--css_animation .pswp__preloader__cut {
/*
The idea of animating inner circle is based on Polymer ("material") loading indicator
by Keanu Lee https://blog.keanulee.com/2014/10/20/the-tale-of-three-spinners.html
*/
position: relative;
width: 7px;
height: 14px;
overflow: hidden;
}
.pswp--css_animation .pswp__preloader__donut {
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 14px;
height: 14px;
border: 2px solid #FFF;
border-radius: 50%;
border-left-color: transparent;
border-bottom-color: transparent;
position: absolute;
top: 0;
left: 0;
background: none;
margin: 0;
}
@media screen and (max-width: 1024px) {
.pswp__preloader {
position: relative;
left: auto;
top: auto;
margin: 0;
float: right;
}
}
@-webkit-keyframes clockwise {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes clockwise {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes donut-rotate {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
50% {
-webkit-transform: rotate(-140deg);
transform: rotate(-140deg);
}
100% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
}
@keyframes donut-rotate {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
50% {
-webkit-transform: rotate(-140deg);
transform: rotate(-140deg);
}
100% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
}
/*
6. Additional styles
*/
/* root element of UI */
.pswp__ui {
-webkit-font-smoothing: auto;
visibility: visible;
opacity: 1;
z-index: 1550;
}
/* top black bar with buttons and "1 of X" indicator */
.pswp__top-bar {
position: absolute;
left: 0;
top: 0;
height: 44px;
width: 100%;
}
.pswp__caption,
.pswp__top-bar,
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
-webkit-backface-visibility: hidden;
will-change: opacity;
-webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}
/* pswp--has_mouse class is added only when two subsequent mousemove events occur */
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
visibility: visible;
}
.pswp__top-bar,
.pswp__caption {
background-color: rgba(0, 0, 0, 0.5);
}
/* pswp__ui--fit class is added when main image "fits" between top bar and bottom bar (caption) */
.pswp__ui--fit .pswp__top-bar,
.pswp__ui--fit .pswp__caption {
background-color: rgba(0, 0, 0, 0.3);
}
/* pswp__ui--idle class is added when mouse isn't moving for several seconds (JS option timeToIdle) */
.pswp__ui--idle .pswp__top-bar {
opacity: 0;
}
.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right {
opacity: 0;
}
/*
pswp__ui--hidden class is added when controls are hidden
e.g. when user taps to toggle visibility of controls
*/
.pswp__ui--hidden .pswp__top-bar,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right {
/* Force paint & create composition layer for controls. */
opacity: 0.001;
}
/* pswp__ui--one-slide class is added when there is just one item in gallery */
.pswp__ui--one-slide .pswp__button--arrow--left,
.pswp__ui--one-slide .pswp__button--arrow--right,
.pswp__ui--one-slide .pswp__counter {
display: none;
}
.pswp__element--disabled {
display: none !important;
}
.pswp--minimal--dark .pswp__top-bar {
background: none;
}
@-webkit-keyframes plyr-progress {
to {
background-position: 25px 0;
}
}
@keyframes plyr-progress {
to {
background-position: 25px 0;
}
}
@-webkit-keyframes plyr-popup {
0% {
opacity: 0.5;
-webkit-transform: translateY(10px);
transform: translateY(10px);
}
to {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes plyr-popup {
0% {
opacity: 0.5;
-webkit-transform: translateY(10px);
transform: translateY(10px);
}
to {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@-webkit-keyframes plyr-fade-in {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes plyr-fade-in {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.plyr {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
direction: ltr;
font-family: Avenir, "Avenir Next", "Helvetica Neue", "Segoe UI", Helvetica, Arial, sans-serif;
font-variant-numeric: tabular-nums;
font-weight: 500;
line-height: 1.7;
max-width: 100%;
min-width: 200px;
position: relative;
text-shadow: none;
-webkit-transition: -webkit-box-shadow 0.3s ease;
transition: -webkit-box-shadow 0.3s ease;
transition: box-shadow 0.3s ease;
transition: box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease;
}
.plyr video,
.plyr audio {
border-radius: inherit;
height: auto;
vertical-align: middle;
width: 100%;
}
.plyr button {
font: inherit;
line-height: inherit;
width: auto;
}
.plyr:focus {
outline: 0;
}
.plyr--full-ui {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.plyr--full-ui *,
.plyr--full-ui *::after,
.plyr--full-ui *::before {
-webkit-box-sizing: inherit;
box-sizing: inherit;
}
.plyr--full-ui a,
.plyr--full-ui button,
.plyr--full-ui input,
.plyr--full-ui label {
-ms-touch-action: manipulation;
touch-action: manipulation;
}
.plyr__badge {
background: #4f5b5f;
border-radius: 2px;
color: #fff;
font-size: 9px;
line-height: 1;
padding: 3px 4px;
}
.plyr--full-ui ::-webkit-media-text-track-container {
display: none;
}
.plyr__captions {
-webkit-animation: plyr-fade-in 0.3s ease;
animation: plyr-fade-in 0.3s ease;
bottom: 0;
color: #fff;
display: none;
font-size: 14px;
left: 0;
padding: 10px;
position: absolute;
text-align: center;
-webkit-transform: translateY(-40px);
transform: translateY(-40px);
-webkit-transition: -webkit-transform 0.4s ease-in-out;
transition: -webkit-transform 0.4s ease-in-out;
transition: transform 0.4s ease-in-out;
transition: transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
width: 100%;
}
.plyr__captions .plyr__caption {
background: rgba(0, 0, 0, 0.8);
border-radius: 2px;
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
line-height: 185%;
padding: 0.2em 0.5em;
white-space: pre-wrap;
}
.plyr__captions .plyr__caption div {
display: inline;
}
.plyr__captions span:empty {
display: none;
}
@media (min-width: 480px) {
.plyr__captions {
font-size: 16px;
padding: 20px;
}
}
@media (min-width: 768px) {
.plyr__captions {
font-size: 18px;
}
}
.plyr--captions-active .plyr__captions {
display: block;
}
.plyr--hide-controls .plyr__captions {
-webkit-transform: translateY(-15px);
transform: translateY(-15px);
}
.plyr__control {
background: transparent;
border: 0;
border-radius: 3px;
color: inherit;
cursor: pointer;
-ms-flex-negative: 0;
flex-shrink: 0;
overflow: visible;
padding: 7px;
position: relative;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.plyr__control svg {
display: block;
fill: currentColor;
height: 18px;
pointer-events: none;
width: 18px;
}
.plyr__control:focus {
outline: 0;
}
.plyr__control.plyr__tab-focus {
-webkit-box-shadow: 0 0 0 3px rgba(26, 175, 255, 0.35);
box-shadow: 0 0 0 3px rgba(26, 175, 255, 0.35);
outline: 0;
}
.plyr__control:not(.plyr__control--pressed) .icon--pressed,
.plyr__control.plyr__control--pressed .icon--not-pressed,
.plyr__control:not(.plyr__control--pressed) .label--pressed,
.plyr__control.plyr__control--pressed .label--not-pressed {
display: none;
}
.plyr--audio .plyr__control.plyr__tab-focus, .plyr--audio .plyr__control:hover, .plyr--audio .plyr__control[aria-expanded=true] {
background: #1aafff;
color: #fff;
}
.plyr__control--overlaid {
background: rgba(26, 175, 255, 0.8);
border: 0;
border-radius: 100%;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
color: #fff;
display: none;
left: 50%;
padding: 15px;
position: absolute;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 2;
}
.plyr__control--overlaid svg {
height: 20px;
left: 2px;
position: relative;
width: 20px;
}
.plyr__control--overlaid:hover, .plyr__control--overlaid:focus {
background: #1aafff;
}
.plyr--playing .plyr__control--overlaid {
opacity: 0;
visibility: hidden;
}
.plyr--full-ui.plyr--video .plyr__control--overlaid {
display: block;
}
.plyr--full-ui ::-webkit-media-controls {
display: none;
}
.plyr__controls {
-ms-flex-align: center;
align-items: center;
display: -ms-flexbox;
display: flex;
text-align: center;
}
.plyr__controls > .plyr__control,
.plyr__controls .plyr__progress,
.plyr__controls .plyr__time,
.plyr__controls .plyr__menu {
margin-left: 5px;
}
.plyr__controls > .plyr__control:first-child, .plyr__controls > .plyr__control:first-child + [data-plyr=pause],
.plyr__controls .plyr__progress:first-child,
.plyr__controls .plyr__progress:first-child + [data-plyr=pause],
.plyr__controls .plyr__time:first-child,
.plyr__controls .plyr__time:first-child + [data-plyr=pause],
.plyr__controls .plyr__menu:first-child,
.plyr__controls .plyr__menu:first-child + [data-plyr=pause] {
margin-left: 0;
}
.plyr__controls .plyr__volume {
margin-left: 5px;
}
@media (min-width: 480px) {
.plyr__controls > .plyr__control,
.plyr__controls .plyr__progress,
.plyr__controls .plyr__time,
.plyr__controls .plyr__menu {
margin-left: 10px;
}
.plyr__controls > .plyr__control + .plyr__control,
.plyr__controls .plyr__menu + .plyr__control,
.plyr__controls > .plyr__control + .plyr__menu {
margin-left: 5px;
}
}
.plyr--video .plyr__controls {
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.7)));
background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7));
border-bottom-left-radius: inherit;
border-bottom-right-radius: inherit;
bottom: 0;
color: #fff;
left: 0;
padding: 35px 10px 10px;
position: absolute;
right: 0;
-webkit-transition: opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
transition: opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
z-index: 2;
}
.plyr--video .plyr__controls .plyr__control svg {
-webkit-filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.15));
filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.15));
}
.plyr--video .plyr__controls .plyr__control.plyr__tab-focus, .plyr--video .plyr__controls .plyr__control:hover, .plyr--video .plyr__controls .plyr__control[aria-expanded=true] {
background: #1aafff;
color: #fff;
}
.plyr--audio .plyr__controls {
background: #fff;
border-radius: inherit;
color: #4f5b5f;
padding: 10px;
}
.plyr--video.plyr--hide-controls .plyr__controls {
opacity: 0;
pointer-events: none;
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
.plyr [data-plyr=captions],
.plyr [data-plyr=pip],
.plyr [data-plyr=airplay],
.plyr [data-plyr=fullscreen] {
display: none;
}
.plyr--captions-enabled [data-plyr=captions],
.plyr--pip-supported [data-plyr=pip],
.plyr--airplay-supported [data-plyr=airplay],
.plyr--fullscreen-enabled [data-plyr=fullscreen] {
display: inline-block;
}
.plyr__video-embed {
height: 0;
padding-bottom: 56.25%;
position: relative;
}
.plyr__video-embed iframe {
border: 0;
height: 100%;
left: 0;
position: absolute;
top: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
width: 100%;
}
.plyr--full-ui .plyr__video-embed > .plyr__video-embed__container {
padding-bottom: 240%;
position: relative;
-webkit-transform: translateY(-38.28125%);
transform: translateY(-38.28125%);
}
.plyr__menu {
display: -ms-flexbox;
display: flex;
position: relative;
}
.plyr__menu .plyr__control svg {
-webkit-transition: -webkit-transform 0.3s ease;
transition: -webkit-transform 0.3s ease;
transition: transform 0.3s ease;
transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.plyr__menu .plyr__control[aria-expanded=true] svg {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip {
display: none;
}
.plyr__menu__container {
-webkit-animation: plyr-popup 0.2s ease;
animation: plyr-popup 0.2s ease;
background: rgba(255, 255, 255, 0.9);
border-radius: 4px;
bottom: 100%;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
color: #4f5b5f;
font-size: 16px;
margin-bottom: 10px;
position: absolute;
right: -3px;
text-align: left;
white-space: nowrap;
z-index: 3;
}
.plyr__menu__container > div {
overflow: hidden;
-webkit-transition: height 0.35s cubic-bezier(0.4, 0, 0.2, 1), width 0.35s cubic-bezier(0.4, 0, 0.2, 1);
transition: height 0.35s cubic-bezier(0.4, 0, 0.2, 1), width 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}
.plyr__menu__container::after {
border: 4px solid transparent;
border-top-color: rgba(255, 255, 255, 0.9);
content: "";
height: 0;
position: absolute;
right: 15px;
top: 100%;
width: 0;
}
.plyr__menu__container ul {
list-style: none;
margin: 0;
overflow: hidden;
padding: 7px;
}
.plyr__menu__container ul li {
margin-top: 2px;
}
.plyr__menu__container ul li:first-child {
margin-top: 0;
}
.plyr__menu__container .plyr__control {
-ms-flex-align: center;
align-items: center;
color: #4f5b5f;
display: -ms-flexbox;
display: flex;
font-size: 14px;
padding: 4px 14px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
width: 100%;
}
.plyr__menu__container .plyr__control::after {
border: 4px solid transparent;
content: "";
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.plyr__menu__container .plyr__control--forward {
padding-right: 28px;
}
.plyr__menu__container .plyr__control--forward::after {
border-left-color: rgba(79, 91, 95, 0.8);
right: 5px;
}
.plyr__menu__container .plyr__control--forward.plyr__tab-focus::after, .plyr__menu__container .plyr__control--forward:hover::after {
border-left-color: currentColor;
}
.plyr__menu__container .plyr__control--back {
font-weight: 500;
margin: 7px;
margin-bottom: 3px;
padding-left: 28px;
position: relative;
width: calc(100% - 14px);
}
.plyr__menu__container .plyr__control--back::after {
border-right-color: rgba(79, 91, 95, 0.8);
left: 7px;
}
.plyr__menu__container .plyr__control--back::before {
background: #b7c5cd;
-webkit-box-shadow: 0 1px 0 #fff;
box-shadow: 0 1px 0 #fff;
content: "";
height: 1px;
left: 0;
margin-top: 4px;
overflow: hidden;
position: absolute;
right: 0;
top: 100%;
}
.plyr__menu__container .plyr__control--back.plyr__tab-focus::after, .plyr__menu__container .plyr__control--back:hover::after {
border-right-color: currentColor;
}
.plyr__menu__container label.plyr__control {
padding-left: 7px;
}
.plyr__menu__container label.plyr__control input[type=radio] + span {
background: rgba(0, 0, 0, 0.1);
border-radius: 100%;
display: block;
-ms-flex-negative: 0;
flex-shrink: 0;
height: 16px;
margin-right: 10px;
position: relative;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
width: 16px;
}
.plyr__menu__container label.plyr__control input[type=radio] + span::after {
background: #fff;
border-radius: 100%;
content: "";
height: 6px;
left: 5px;
opacity: 0;
position: absolute;
top: 5px;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
transition: transform 0.3s ease, opacity 0.3s ease;
transition: transform 0.3s ease, opacity 0.3s ease, -webkit-transform 0.3s ease;
width: 6px;
}
.plyr__menu__container label.plyr__control input[type=radio]:checked + span {
background: #1aafff;
}
.plyr__menu__container label.plyr__control input[type=radio]:checked + span::after {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.plyr__menu__container label.plyr__control input[type=radio]:focus + span {
-webkit-box-shadow: 0 0 0 3px rgba(26, 175, 255, 0.35);
box-shadow: 0 0 0 3px rgba(26, 175, 255, 0.35);
outline: 0;
}
.plyr__menu__container label.plyr__control.plyr__tab-focus input[type=radio] + span, .plyr__menu__container label.plyr__control:hover input[type=radio] + span {
background: rgba(0, 0, 0, 0.1);
}
.plyr__menu__container .plyr__menu__value {
-ms-flex-align: center;
align-items: center;
display: -ms-flexbox;
display: flex;
margin-left: auto;
margin-right: -7px;
overflow: hidden;
padding-left: 25px;
pointer-events: none;
}
.plyr--full-ui input[type=range] {
-webkit-appearance: none; /* stylelint-disable-line */
background: transparent;
border: 0;
border-radius: 28px;
color: #1aafff;
display: block;
height: 20px;
margin: 0;
padding: 0;
-webkit-transition: -webkit-box-shadow 0.3s ease;
transition: -webkit-box-shadow 0.3s ease;
transition: box-shadow 0.3s ease;
transition: box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease;
width: 100%;
}
.plyr--full-ui input[type=range]::-webkit-slider-runnable-track {
background: transparent;
border: 0;
border-radius: 3px;
height: 6px;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
-webkit-user-select: none;
user-select: none;
background-image: -webkit-gradient(linear, left top, right top, from(currentColor), to(transparent));
background-image: linear-gradient(to right, currentColor var(--value, 0%), transparent var(--value, 0%));
}
.plyr--full-ui input[type=range]::-webkit-slider-thumb {
background: #fff;
border: 0;
border-radius: 100%;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2);
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: 14px;
position: relative;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
width: 14px;
-webkit-appearance: none; /* stylelint-disable-line */
margin-top: -4px;
}
.plyr--full-ui input[type=range]::-moz-range-track {
background: transparent;
border: 0;
border-radius: 3px;
height: 6px;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
-moz-user-select: none;
user-select: none;
}
.plyr--full-ui input[type=range]::-moz-range-thumb {
background: #fff;
border: 0;
border-radius: 100%;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2);
box-sizing: border-box;
height: 14px;
position: relative;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
width: 14px;
}
.plyr--full-ui input[type=range]::-moz-range-progress {
background: currentColor;
border-radius: 3px;
height: 6px;
}
.plyr--full-ui input[type=range]::-ms-track {
background: transparent;
border: 0;
border-radius: 3px;
height: 6px;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
-ms-user-select: none;
user-select: none;
color: transparent;
}
.plyr--full-ui input[type=range]::-ms-fill-upper {
background: transparent;
border: 0;
border-radius: 3px;
height: 6px;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
-ms-user-select: none;
user-select: none;
}
.plyr--full-ui input[type=range]::-ms-fill-lower {
background: transparent;
border: 0;
border-radius: 3px;
height: 6px;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
-ms-user-select: none;
user-select: none;
background: currentColor;
}
.plyr--full-ui input[type=range]::-ms-thumb {
background: #fff;
border: 0;
border-radius: 100%;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2);
box-sizing: border-box;
height: 14px;
position: relative;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
width: 14px;
margin-top: 0;
}
.plyr--full-ui input[type=range]::-ms-tooltip {
display: none;
}
.plyr--full-ui input[type=range]:focus {
outline: 0;
}
.plyr--full-ui input[type=range]::-moz-focus-outer {
border: 0;
}
.plyr--full-ui input[type=range].plyr__tab-focus::-webkit-slider-runnable-track {
-webkit-box-shadow: 0 0 0 3px rgba(26, 175, 255, 0.35);
box-shadow: 0 0 0 3px rgba(26, 175, 255, 0.35);
outline: 0;
}
.plyr--full-ui input[type=range].plyr__tab-focus::-moz-range-track {
box-shadow: 0 0 0 3px rgba(26, 175, 255, 0.35);
outline: 0;
}
.plyr--full-ui input[type=range].plyr__tab-focus::-ms-track {
box-shadow: 0 0 0 3px rgba(26, 175, 255, 0.35);
outline: 0;
}
.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track {
background-color: rgba(255, 255, 255, 0.25);
}
.plyr--full-ui.plyr--video input[type=range]::-moz-range-track {
background-color: rgba(255, 255, 255, 0.25);
}
.plyr--full-ui.plyr--video input[type=range]::-ms-track {
background-color: rgba(255, 255, 255, 0.25);
}
.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb {
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5);
}
.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb {
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5);
}
.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb {
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5);
}
.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track {
background-color: rgba(183, 197, 205, 0.66);
}
.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track {
background-color: rgba(183, 197, 205, 0.66);
}
.plyr--full-ui.plyr--audio input[type=range]::-ms-track {
background-color: rgba(183, 197, 205, 0.66);
}
.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb {
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2), 0 0 0 3px rgba(0, 0, 0, 0.1);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2), 0 0 0 3px rgba(0, 0, 0, 0.1);
}
.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb {
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2), 0 0 0 3px rgba(0, 0, 0, 0.1);
}
.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb {
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2), 0 0 0 3px rgba(0, 0, 0, 0.1);
}
.plyr__poster {
background-color: #000;
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: contain;
height: 100%;
left: 0;
opacity: 0;
position: absolute;
top: 0;
-webkit-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
width: 100%;
z-index: 1;
}
.plyr--stopped.plyr__poster-enabled .plyr__poster {
opacity: 1;
pointer-events: none;
}
.plyr__time {
font-size: 14px;
}
.plyr__time + .plyr__time::before {
content: "\2044";
margin-right: 10px;
}
@media (max-width: 767px) {
.plyr__time + .plyr__time {
display: none;
}
}
.plyr--video .plyr__time {
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
}
.plyr__tooltip {
background: rgba(255, 255, 255, 0.9);
border-radius: 3px;
bottom: 100%;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
color: #4f5b5f;
font-size: 14px;
font-weight: 500;
line-height: 1.3;
margin-bottom: 10px;
opacity: 0;
padding: 5px 7.5px;
pointer-events: none;
position: absolute;
-webkit-transform: translate(-50%, 10px) scale(0.8);
transform: translate(-50%, 10px) scale(0.8);
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
-webkit-transition: opacity 0.2s 0.1s ease, -webkit-transform 0.2s 0.1s ease;
transition: opacity 0.2s 0.1s ease, -webkit-transform 0.2s 0.1s ease;
transition: transform 0.2s 0.1s ease, opacity 0.2s 0.1s ease;
transition: transform 0.2s 0.1s ease, opacity 0.2s 0.1s ease, -webkit-transform 0.2s 0.1s ease;
white-space: nowrap;
z-index: 2;
}
.plyr__tooltip::before {
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 4px solid rgba(255, 255, 255, 0.9);
bottom: -4px;
content: "";
height: 0;
left: 50%;
position: absolute;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: 0;
z-index: 2;
}
.plyr .plyr__control:hover .plyr__tooltip,
.plyr .plyr__control.plyr__tab-focus .plyr__tooltip,
.plyr__tooltip--visible {
opacity: 1;
-webkit-transform: translate(-50%, 0) scale(1);
transform: translate(-50%, 0) scale(1);
}
.plyr .plyr__control:hover .plyr__tooltip {
z-index: 3;
}
.plyr__controls > .plyr__control:first-child .plyr__tooltip,
.plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip {
left: 0;
-webkit-transform: translate(0, 10px) scale(0.8);
transform: translate(0, 10px) scale(0.8);
-webkit-transform-origin: 0 100%;
transform-origin: 0 100%;
}
.plyr__controls > .plyr__control:first-child .plyr__tooltip::before,
.plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip::before {
left: 16px;
}
.plyr__controls > .plyr__control:last-child .plyr__tooltip {
right: 0;
-webkit-transform: translate(0, 10px) scale(0.8);
transform: translate(0, 10px) scale(0.8);
-webkit-transform-origin: 100% 100%;
transform-origin: 100% 100%;
}
.plyr__controls > .plyr__control:last-child .plyr__tooltip::before {
left: auto;
right: 16px;
-webkit-transform: translateX(50%);
transform: translateX(50%);
}
.plyr__controls > .plyr__control:first-child:hover .plyr__tooltip, .plyr__controls > .plyr__control:first-child.plyr__tab-focus .plyr__tooltip,
.plyr__controls > .plyr__control:first-child .plyr__tooltip--visible,
.plyr__controls > .plyr__control:first-child + .plyr__control:hover .plyr__tooltip,
.plyr__controls > .plyr__control:first-child + .plyr__control.plyr__tab-focus .plyr__tooltip,
.plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip--visible,
.plyr__controls > .plyr__control:last-child:hover .plyr__tooltip,
.plyr__controls > .plyr__control:last-child.plyr__tab-focus .plyr__tooltip,
.plyr__controls > .plyr__control:last-child .plyr__tooltip--visible {
-webkit-transform: translate(0, 0) scale(1);
transform: translate(0, 0) scale(1);
}
.plyr--video {
overflow: hidden;
}
.plyr--video.plyr--menu-open {
overflow: visible;
}
.plyr__video-wrapper {
background: #000;
border-radius: inherit;
overflow: hidden;
position: relative;
z-index: 0;
}
.plyr__progress {
display: -ms-flexbox;
display: flex;
-ms-flex: 1;
flex: 1;
left: 7px;
margin-right: 14px;
position: relative;
}
.plyr__progress input[type=range], .plyr__progress__buffer {
margin-left: -7px;
margin-right: -7px;
width: calc(100% + 14px);
}
.plyr__progress input[type=range] {
position: relative;
z-index: 2;
}
.plyr__progress .plyr__tooltip {
font-size: 14px;
left: 0;
}
.plyr__progress__buffer {
-webkit-appearance: none; /* stylelint-disable-line */
background: transparent;
border: 0;
border-radius: 100px;
height: 6px;
left: 0;
margin-top: -3px;
padding: 0;
position: absolute;
top: 50%;
}
.plyr__progress__buffer::-webkit-progress-bar {
background: transparent;
-webkit-transition: width 0.2s ease;
transition: width 0.2s ease;
}
.plyr__progress__buffer::-webkit-progress-value {
background: currentColor;
border-radius: 100px;
min-width: 6px;
}
.plyr__progress__buffer::-moz-progress-bar {
background: currentColor;
border-radius: 100px;
min-width: 6px;
-webkit-transition: width 0.2s ease;
transition: width 0.2s ease;
}
.plyr__progress__buffer::-ms-fill {
border-radius: 100px;
-webkit-transition: width 0.2s ease;
transition: width 0.2s ease;
}
.plyr--video .plyr__progress__buffer {
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
color: rgba(255, 255, 255, 0.25);
}
.plyr--audio .plyr__progress__buffer {
color: rgba(183, 197, 205, 0.66);
}
.plyr--loading .plyr__progress__buffer {
-webkit-animation: plyr-progress 1s linear infinite;
animation: plyr-progress 1s linear infinite;
background-image: linear-gradient(-45deg, rgba(47, 52, 61, 0.6) 25%, transparent 25%, transparent 50%, rgba(47, 52, 61, 0.6) 50%, rgba(47, 52, 61, 0.6) 75%, transparent 75%, transparent);
background-repeat: repeat-x;
background-size: 25px 25px;
color: transparent;
}
.plyr--video.plyr--loading .plyr__progress__buffer {
background-color: rgba(255, 255, 255, 0.25);
}
.plyr--audio.plyr--loading .plyr__progress__buffer {
background-color: rgba(183, 197, 205, 0.66);
}
.plyr__volume {
-ms-flex: 1;
flex: 1;
position: relative;
}
.plyr__volume input[type=range] {
position: relative;
z-index: 2;
}
@media (min-width: 480px) {
.plyr__volume {
max-width: 50px;
}
}
@media (min-width: 768px) {
.plyr__volume {
max-width: 80px;
}
}
.plyr--is-ios .plyr__volume {
display: none !important;
}
.plyr--is-ios.plyr--vimeo [data-plyr=mute] {
display: none !important;
}
.plyr:-webkit-full-screen {
background: #000;
border-radius: 0 !important;
height: 100%;
margin: 0;
width: 100%;
}
.plyr:-ms-fullscreen {
background: #000;
border-radius: 0 !important;
height: 100%;
margin: 0;
width: 100%;
}
.plyr:fullscreen {
background: #000;
border-radius: 0 !important;
height: 100%;
margin: 0;
width: 100%;
}
.plyr:-webkit-full-screen video {
height: 100%;
}
.plyr:-ms-fullscreen video {
height: 100%;
}
.plyr:fullscreen video {
height: 100%;
}
.plyr:-webkit-full-screen .plyr__video-wrapper {
height: 100%;
width: 100%;
}
.plyr:-ms-fullscreen .plyr__video-wrapper {
height: 100%;
width: 100%;
}
.plyr:fullscreen .plyr__video-wrapper {
height: 100%;
width: 100%;
}
.plyr:-webkit-full-screen .plyr__video-embed {
overflow: visible;
}
.plyr:-ms-fullscreen .plyr__video-embed {
overflow: visible;
}
.plyr:fullscreen .plyr__video-embed {
overflow: visible;
}
.plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper {
height: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper {
height: 0;
top: 50%;
transform: translateY(-50%);
}
.plyr:fullscreen.plyr--vimeo .plyr__video-wrapper {
height: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen {
display: block;
}
.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen {
display: block;
}
.plyr:fullscreen .plyr__control .icon--exit-fullscreen {
display: block;
}
.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen + svg {
display: none;
}
.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen + svg {
display: none;
}
.plyr:fullscreen .plyr__control .icon--exit-fullscreen + svg {
display: none;
}
.plyr:-webkit-full-screen.plyr--hide-controls {
cursor: none;
}
.plyr:-ms-fullscreen.plyr--hide-controls {
cursor: none;
}
.plyr:fullscreen.plyr--hide-controls {
cursor: none;
}
@media (min-width: 1024px) {
.plyr:-webkit-full-screen .plyr__captions {
font-size: 21px;
}
.plyr:-ms-fullscreen .plyr__captions {
font-size: 21px;
}
.plyr:fullscreen .plyr__captions {
font-size: 21px;
}
}
/* stylelint-disable-next-line */
.plyr:-webkit-full-screen {
background: #000;
border-radius: 0 !important;
height: 100%;
margin: 0;
width: 100%;
}
.plyr:-webkit-full-screen video {
height: 100%;
}
.plyr:-webkit-full-screen .plyr__video-wrapper {
height: 100%;
width: 100%;
}
.plyr:-webkit-full-screen .plyr__video-embed {
overflow: visible;
}
.plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper {
height: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen {
display: block;
}
.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen + svg {
display: none;
}
.plyr:-webkit-full-screen.plyr--hide-controls {
cursor: none;
}
@media (min-width: 1024px) {
.plyr:-webkit-full-screen .plyr__captions {
font-size: 21px;
}
}
/* stylelint-disable-next-line */
.plyr:-moz-full-screen {
background: #000;
border-radius: 0 !important;
height: 100%;
margin: 0;
width: 100%;
}
.plyr:-moz-full-screen video {
height: 100%;
}
.plyr:-moz-full-screen .plyr__video-wrapper {
height: 100%;
width: 100%;
}
.plyr:-moz-full-screen .plyr__video-embed {
overflow: visible;
}
.plyr:-moz-full-screen.plyr--vimeo .plyr__video-wrapper {
height: 0;
top: 50%;
transform: translateY(-50%);
}
.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen {
display: block;
}
.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen + svg {
display: none;
}
.plyr:-moz-full-screen.plyr--hide-controls {
cursor: none;
}
@media (min-width: 1024px) {
.plyr:-moz-full-screen .plyr__captions {
font-size: 21px;
}
}
/* stylelint-disable-next-line */
.plyr:-ms-fullscreen {
background: #000;
border-radius: 0 !important;
height: 100%;
margin: 0;
width: 100%;
}
.plyr:-ms-fullscreen video {
height: 100%;
}
.plyr:-ms-fullscreen .plyr__video-wrapper {
height: 100%;
width: 100%;
}
.plyr:-ms-fullscreen .plyr__video-embed {
overflow: visible;
}
.plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper {
height: 0;
top: 50%;
transform: translateY(-50%);
}
.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen {
display: block;
}
.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen + svg {
display: none;
}
.plyr:-ms-fullscreen.plyr--hide-controls {
cursor: none;
}
@media (min-width: 1024px) {
.plyr:-ms-fullscreen .plyr__captions {
font-size: 21px;
}
}
.plyr--fullscreen-fallback {
background: #000;
border-radius: 0 !important;
height: 100%;
margin: 0;
width: 100%;
}
.plyr--fullscreen-fallback video {
height: 100%;
}
.plyr--fullscreen-fallback .plyr__video-wrapper {
height: 100%;
width: 100%;
}
.plyr--fullscreen-fallback .plyr__video-embed {
overflow: visible;
}
.plyr--fullscreen-fallback.plyr--vimeo .plyr__video-wrapper {
height: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen {
display: block;
}
.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen + svg {
display: none;
}
.plyr--fullscreen-fallback.plyr--hide-controls {
cursor: none;
}
@media (min-width: 1024px) {
.plyr--fullscreen-fallback .plyr__captions {
font-size: 21px;
}
}
.plyr--fullscreen-fallback {
bottom: 0;
left: 0;
position: fixed;
right: 0;
top: 0;
z-index: 10000000;
}
.plyr__ads {
border-radius: inherit;
bottom: 0;
cursor: pointer;
left: 0;
overflow: hidden;
position: absolute;
right: 0;
top: 0;
z-index: -1;
}
.plyr__ads > div,
.plyr__ads > div iframe {
height: 100%;
position: absolute;
width: 100%;
}
.plyr__ads::after {
background: rgba(47, 52, 61, 0.8);
border-radius: 2px;
bottom: 10px;
color: #fff;
content: attr(data-badge-text);
font-size: 11px;
padding: 2px 6px;
pointer-events: none;
position: absolute;
right: 10px;
z-index: 3;
}
.plyr__ads::after:empty {
display: none;
}
.plyr__cues {
background: currentColor;
display: block;
height: 6px;
left: 0;
margin: -3px 0 0;
opacity: 0.8;
position: absolute;
top: 50%;
width: 3px;
z-index: 3;
}
.plyr--no-transition {
-webkit-transition: none !important;
transition: none !important;
}
.plyr__sr-only {
clip: rect(1px, 1px, 1px, 1px);
overflow: hidden;
border: 0 !important;
height: 1px !important;
padding: 0 !important;
position: absolute !important;
width: 1px !important;
}
/*!
* Datepicker for Bootstrap v1.8.0 (https://github.com/uxsolutions/bootstrap-datepicker)
*
* Licensed under the Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0)
*/
.datepicker {
padding: 4px;
border-radius: 4px;
direction: ltr;
}
.datepicker-inline {
width: 220px;
}
.datepicker-rtl {
direction: rtl;
}
.datepicker-rtl.dropdown-menu {
left: auto;
}
.datepicker-rtl table tr td span {
float: right;
}
.datepicker-dropdown {
top: 0;
left: 0;
}
.datepicker-dropdown:before {
content: "";
display: inline-block;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-bottom: 7px solid #999;
border-top: 0;
border-bottom-color: rgba(0, 0, 0, 0.2);
position: absolute;
}
.datepicker-dropdown:after {
content: "";
display: inline-block;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 6px solid #fff;
border-top: 0;
position: absolute;
}
.datepicker-dropdown.datepicker-orient-left:before {
left: 6px;
}
.datepicker-dropdown.datepicker-orient-left:after {
left: 7px;
}
.datepicker-dropdown.datepicker-orient-right:before {
right: 6px;
}
.datepicker-dropdown.datepicker-orient-right:after {
right: 7px;
}
.datepicker-dropdown.datepicker-orient-bottom:before {
top: -7px;
}
.datepicker-dropdown.datepicker-orient-bottom:after {
top: -6px;
}
.datepicker-dropdown.datepicker-orient-top:before {
bottom: -7px;
border-bottom: 0;
border-top: 7px solid #999;
}
.datepicker-dropdown.datepicker-orient-top:after {
bottom: -6px;
border-bottom: 0;
border-top: 6px solid #fff;
}
.datepicker table {
margin: 0;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.datepicker td,
.datepicker th {
text-align: center;
width: 20px;
height: 20px;
border-radius: 4px;
border: none;
}
.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
background-color: transparent;
}
.datepicker table tr td.day:hover,
.datepicker table tr td.day.focused {
background: #eee;
cursor: pointer;
}
.datepicker table tr td.old,
.datepicker table tr td.new {
color: #999;
}
.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
background: none;
color: #999;
cursor: default;
}
.datepicker table tr td.highlighted {
background: #d9edf7;
border-radius: 0;
}
.datepicker table tr td.today,
.datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover {
background-color: #fde19a;
background-image: -webkit-gradient(linear, left top, left bottom, from(#fdd49a), to(#fdf59a));
background-image: linear-gradient(to bottom, #fdd49a, #fdf59a);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fdd49a", endColorstr="#fdf59a", GradientType=0);
border-color: #fdf59a #fdf59a #fbed50;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
color: #000;
}
.datepicker table tr td.today:hover,
.datepicker table tr td.today:hover:hover,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today.disabled:hover:hover,
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today:hover.disabled,
.datepicker table tr td.today.disabled.disabled,
.datepicker table tr td.today.disabled:hover.disabled,
.datepicker table tr td.today[disabled],
.datepicker table tr td.today:hover[disabled],
.datepicker table tr td.today.disabled[disabled],
.datepicker table tr td.today.disabled:hover[disabled] {
background-color: #fdf59a;
}
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active {
background-color: #fbf069 \9 ;
}
.datepicker table tr td.today:hover:hover {
color: #000;
}
.datepicker table tr td.today.active:hover {
color: #fff;
}
.datepicker table tr td.range,
.datepicker table tr td.range:hover,
.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:hover {
background: #eee;
border-radius: 0;
}
.datepicker table tr td.range.today,
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled:hover {
background-color: #f3d17a;
background-image: -webkit-gradient(linear, left top, left bottom, from(#f3c17a), to(#f3e97a));
background-image: linear-gradient(to bottom, #f3c17a, #f3e97a);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f3c17a", endColorstr="#f3e97a", GradientType=0);
border-color: #f3e97a #f3e97a #edde34;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
border-radius: 0;
}
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today:hover:hover,
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today.disabled:hover:hover,
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today:hover.disabled,
.datepicker table tr td.range.today.disabled.disabled,
.datepicker table tr td.range.today.disabled:hover.disabled,
.datepicker table tr td.range.today[disabled],
.datepicker table tr td.range.today:hover[disabled],
.datepicker table tr td.range.today.disabled[disabled],
.datepicker table tr td.range.today.disabled:hover[disabled] {
background-color: #f3e97a;
}
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active {
background-color: #efe24b \9 ;
}
.datepicker table tr td.selected,
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected.disabled:hover {
background-color: #9e9e9e;
background-image: -webkit-gradient(linear, left top, left bottom, from(#b3b3b3), to(#808080));
background-image: linear-gradient(to bottom, #b3b3b3, #808080);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#b3b3b3", endColorstr="#808080", GradientType=0);
border-color: #808080 #808080 #595959;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
color: #fff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected:hover:hover,
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.disabled:hover:hover,
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected:hover.disabled,
.datepicker table tr td.selected.disabled.disabled,
.datepicker table tr td.selected.disabled:hover.disabled,
.datepicker table tr td.selected[disabled],
.datepicker table tr td.selected:hover[disabled],
.datepicker table tr td.selected.disabled[disabled],
.datepicker table tr td.selected.disabled:hover[disabled] {
background-color: #808080;
}
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active {
background-color: #666666 \9 ;
}
.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover {
background-color: #006dcc;
background-image: -webkit-gradient(linear, left top, left bottom, from(#08c), to(#0044cc));
background-image: linear-gradient(to bottom, #08c, #0044cc);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#08c", endColorstr="#0044cc", GradientType=0);
border-color: #0044cc #0044cc #002a80;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
color: #fff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active:hover.disabled,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active[disabled],
.datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active.disabled:hover[disabled] {
background-color: #0044cc;
}
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active {
background-color: #003399 \9 ;
}
.datepicker table tr td span {
display: block;
width: 23%;
height: 54px;
line-height: 54px;
float: left;
margin: 1%;
cursor: pointer;
border-radius: 4px;
}
.datepicker table tr td span:hover,
.datepicker table tr td span.focused {
background: #eee;
}
.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover {
background: none;
color: #999;
cursor: default;
}
.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover {
background-color: #006dcc;
background-image: -webkit-gradient(linear, left top, left bottom, from(#08c), to(#0044cc));
background-image: linear-gradient(to bottom, #08c, #0044cc);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#08c", endColorstr="#0044cc", GradientType=0);
border-color: #0044cc #0044cc #002a80;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
color: #fff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active:hover.disabled,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled:hover.disabled,
.datepicker table tr td span.active[disabled],
.datepicker table tr td span.active:hover[disabled],
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active.disabled:hover[disabled] {
background-color: #0044cc;
}
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active {
background-color: #003399 \9 ;
}
.datepicker table tr td span.old,
.datepicker table tr td span.new {
color: #999;
}
.datepicker .datepicker-switch {
width: 145px;
}
.datepicker .datepicker-switch,
.datepicker .prev,
.datepicker .next,
.datepicker tfoot tr th {
cursor: pointer;
}
.datepicker .datepicker-switch:hover,
.datepicker .prev:hover,
.datepicker .next:hover,
.datepicker tfoot tr th:hover {
background: #eee;
}
.datepicker .prev.disabled,
.datepicker .next.disabled {
visibility: hidden;
}
.datepicker .cw {
font-size: 10px;
width: 12px;
padding: 0 2px 0 5px;
vertical-align: middle;
}
.input-append.date .add-on,
.input-prepend.date .add-on {
cursor: pointer;
}
.input-append.date .add-on i,
.input-prepend.date .add-on i {
margin-top: 3px;
}
.input-daterange input {
text-align: center;
}
.input-daterange input:first-child {
border-radius: 3px 0 0 3px;
}
.input-daterange input:last-child {
border-radius: 0 3px 3px 0;
}
.input-daterange .add-on {
display: inline-block;
width: auto;
min-width: 16px;
height: 20px;
padding: 4px 5px;
font-weight: normal;
line-height: 20px;
text-align: center;
text-shadow: 0 1px 0 #fff;
vertical-align: middle;
background-color: #eee;
border: 1px solid #ccc;
margin-left: -5px;
margin-right: -5px;
}
.datepicker.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
float: left;
display: none;
min-width: 160px;
list-style: none;
background-color: #fff;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, 0.2);
background-clip: padding-box;
color: #333333;
font-size: 13px;
line-height: 20px;
}
.datepicker.dropdown-menu th,
.datepicker.datepicker-inline th,
.datepicker.dropdown-menu td,
.datepicker.datepicker-inline td {
padding: 4px 5px;
}
.date-picker, .date-picker-wrapper {
font-size: 12px;
font-family: Arial, sans-serif;
}
.date-picker {
width: 170px;
height: 25px;
padding: 0 0 0 10px;
border: 0;
line-height: 25px;
font-weight: 700;
cursor: pointer;
color: #303030;
position: relative;
z-index: 2;
}
.date-picker-wrapper {
position: absolute;
z-index: 1;
border: 1px solid #bfbfbf;
background-color: #efefef;
padding: 5px 12px;
line-height: 20px;
color: #aaa;
-webkit-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.5);
box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.5);
-webkit-box-sizing: initial;
box-sizing: initial;
}
.date-picker-wrapper.inline-wrapper {
position: relative;
-webkit-box-shadow: none;
box-shadow: none;
display: inline-block;
}
.date-picker-wrapper .drp_top-bar .error-top, .date-picker-wrapper .drp_top-bar .normal-top, .date-picker-wrapper .month-wrapper table .day.lastMonth, .date-picker-wrapper .month-wrapper table .day.nextMonth, .date-picker-wrapper .selected-days {
display: none;
}
.date-picker-wrapper.single-date {
width: auto;
}
.date-picker-wrapper.no-shortcuts {
padding-bottom: 12px;
}
.date-picker-wrapper.no-topbar {
padding-top: 12px;
}
.date-picker-wrapper .footer {
font-size: 11px;
padding-top: 3px;
}
.date-picker-wrapper b {
color: #666;
font-weight: 700;
}
.date-picker-wrapper a {
color: #6bb4d6;
text-decoration: underline;
}
.date-picker-wrapper .month-name {
text-transform: uppercase;
}
.date-picker-wrapper .month-wrapper {
border: 1px solid #bfbfbf;
border-radius: 3px;
background-color: #fff;
padding: 5px;
cursor: default;
position: relative;
}
.date-picker-wrapper .month-wrapper table, .date-picker-wrapper .month-wrapper table.month2 {
width: 190px;
display: block;
float: left;
}
.date-picker-wrapper .month-wrapper table td, .date-picker-wrapper .month-wrapper table th {
vertical-align: middle;
text-align: center;
line-height: 14px;
margin: 0;
padding: 0;
}
.date-picker-wrapper .month-wrapper table .day {
padding: 5px 0;
line-height: 1;
font-size: 12px;
margin-bottom: 1px;
color: #ccc;
cursor: default;
}
.date-picker-wrapper .month-wrapper table div.day.lastMonth, .date-picker-wrapper .month-wrapper table div.day.nextMonth {
color: #999;
cursor: default;
}
.date-picker-wrapper .month-wrapper table .day.checked {
background-color: #9cdbf7;
}
.date-picker-wrapper .month-wrapper table .week-name {
height: 20px;
line-height: 20px;
font-weight: 100;
text-transform: uppercase;
}
.date-picker-wrapper .month-wrapper table .day.has-tooltip {
cursor: help !important;
}
.date-picker-wrapper .time label {
white-space: nowrap;
}
.date-picker-wrapper .month-wrapper table .day.toMonth.valid {
color: #333;
cursor: pointer;
}
.date-picker-wrapper .month-wrapper table .day.toMonth.hovering {
background-color: #cdecfa;
}
.date-picker-wrapper .month-wrapper table .day.real-today {
background-color: #ffe684;
}
.date-picker-wrapper .month-wrapper table .day.real-today.checked, .date-picker-wrapper .month-wrapper table .day.real-today.hovering {
background-color: #70ccd5;
}
.date-picker-wrapper table .caption {
height: 40px;
}
.date-picker-wrapper table .caption .next, .date-picker-wrapper table .caption .prev {
padding: 0 5px;
cursor: pointer;
}
.date-picker-wrapper table .caption .next:hover, .date-picker-wrapper table .caption .prev:hover {
background-color: #ccc;
color: #fff;
}
.date-picker-wrapper .gap {
position: relative;
z-index: 1;
width: 15px;
background-color: red;
font-size: 0;
line-height: 0;
float: left;
top: -5px;
margin: 0 10px -10px;
visibility: hidden;
height: 0;
}
.date-picker-wrapper .gap .gap-lines {
height: 100%;
overflow: hidden;
}
.date-picker-wrapper .gap .gap-line {
height: 15px;
width: 15px;
position: relative;
}
.date-picker-wrapper .gap .gap-line .gap-1 {
z-index: 1;
height: 0;
border-left: 8px solid #fff;
border-top: 8px solid #eee;
border-bottom: 8px solid #eee;
}
.date-picker-wrapper .gap .gap-line .gap-2 {
position: absolute;
right: 0;
top: 0;
z-index: 2;
height: 0;
border-left: 8px solid transparent;
border-top: 8px solid #fff;
}
.date-picker-wrapper .gap .gap-line .gap-3 {
position: absolute;
right: 0;
top: 8px;
z-index: 2;
height: 0;
border-left: 8px solid transparent;
border-bottom: 8px solid #fff;
}
.date-picker-wrapper .gap .gap-top-mask {
width: 6px;
height: 1px;
position: absolute;
top: -1px;
left: 1px;
background-color: #eee;
z-index: 3;
}
.date-picker-wrapper .gap .gap-bottom-mask {
width: 6px;
height: 1px;
position: absolute;
bottom: -1px;
left: 7px;
background-color: #eee;
z-index: 3;
}
.date-picker-wrapper .drp_top-bar {
line-height: 1.4;
position: relative;
padding: 10px 40px 10px 0;
}
.date-picker-wrapper .drp_top-bar .default-top {
display: block;
}
.date-picker-wrapper .drp_top-bar.error .default-top {
display: none;
}
.date-picker-wrapper .drp_top-bar.error .error-top {
display: block;
color: red;
}
.date-picker-wrapper .drp_top-bar.normal .default-top {
display: none;
}
.date-picker-wrapper .drp_top-bar.normal .normal-top, .date-picker-wrapper.single-month .time {
display: block;
}
.date-picker-wrapper .drp_top-bar .apply-btn {
position: absolute;
right: 0;
top: 6px;
padding: 3px 5px;
margin: 0;
font-size: 12px;
border-radius: 4px;
cursor: pointer;
border: 1px solid #0076a3;
background: #0095cd;
background: -moz-linear-gradient(top, #00adee, #0078a5);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00adee", endColorstr="#0078a5");
color: #fff;
line-height: initial;
}
.date-picker-wrapper .drp_top-bar .apply-btn.disabled {
cursor: pointer;
color: #606060;
border: 1px solid #b7b7b7;
background: #fff;
background: -moz-linear-gradient(top, #fff, #ededed);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#ededed");
}
.date-picker-wrapper .time {
position: relative;
}
.date-picker-wrapper .hide, .date-picker-wrapper.two-months.no-gap .month1 .next, .date-picker-wrapper.two-months.no-gap .month2 .prev {
display: none;
}
.date-picker-wrapper .time input[type=range] {
vertical-align: middle;
width: 129px;
padding: 0;
margin: 0;
height: 20px;
}
.date-picker-wrapper .time1, .time2 {
width: 180px;
padding: 0 5px;
text-align: center;
}
.date-picker-wrapper .time1 {
float: left;
}
.date-picker-wrapper .time2 {
float: right;
}
.date-picker-wrapper .hour, .minute {
text-align: right;
}
.date-picker-wrapper .first-date-selected, .date-picker-wrapper .last-date-selected {
background-color: #49e !important;
color: #fff !important;
}
.date-picker-wrapper .date-range-length-tip {
position: absolute;
margin-top: -4px;
margin-left: -8px;
-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
display: none;
background-color: #ff0;
padding: 0 6px;
border-radius: 2px;
font-size: 12px;
line-height: 16px;
-webkit-filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.3));
-moz-filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.3));
-ms-filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.3));
-o-filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.3));
filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.3));
}
.date-picker-wrapper .date-range-length-tip:after {
content: "";
position: absolute;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 4px solid #ff0;
left: 50%;
margin-left: -4px;
bottom: -4px;
}
.date-picker-wrapper .week-number {
padding: 5px 0;
line-height: 1;
font-size: 12px;
margin-bottom: 1px;
color: #999;
cursor: pointer;
}
.date-picker-wrapper .week-number.week-number-selected {
color: #49E;
font-weight: 700;
}
.product-slot-container {
position: relative;
padding: 50px 0;
margin: 0 auto;
}
.product-slot-container a {
outline: none;
}
.slider .slick-arrow:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f125";
}
.slider .slick-arrow {
position: absolute;
top: 50%;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
background: #d7e7ef;
color: #076795;
font-size: 0;
height: 45px;
overflow: hidden;
text-align: center;
-webkit-transform: all 0.2s ease 0s;
transform: all 0.2s ease 0s;
white-space: nowrap;
width: 45px;
z-index: 2;
border-radius: 50%;
}
.slider .slick-arrow:hover {
background-color: #076795;
color: #d7e7ef;
}
.slider .slick-arrow::before {
font-size: 1.2857142857rem;
width: 45px;
}
.slider .slick-prev {
left: 0;
}
.slider .slick-prev::before {
-webkit-transform: rotate(-180deg) translateX(2px);
transform: rotate(-180deg) translateX(2px);
}
.slider .slick-next {
right: 0;
}
.slider .slick-arrow.slick-disabled {
visibility: hidden;
}
.slider .slick-dots {
position: absolute;
top: auto;
bottom: -40px;
left: 50%;
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
}
.slider .slick-dots button {
background-color: #c5c5c5;
border-radius: 100%;
font-size: 0;
height: 8px;
margin: 0 3px;
width: 8px;
}
.slider .slick-dots .slick-active button {
background-color: #646464;
}
.slider {
opacity: 0;
-webkit-transition: opacity 0.5s;
transition: opacity 0.5s;
}
.slider > div:nth-child(n+2) {
display: none;
}
.slider.slick-initialized {
opacity: 1;
}
.slider.slick-initialized > div {
display: block;
}
.slider.pdp_slider {
margin-bottom: 60px;
cursor: pointer;
}
.slider.pdp_slider[data-has-hires=false][data-is-carousel=false] {
cursor: default;
}
@media only screen and (min-width: 1025px) {
.slider.pdp_slider {
margin-bottom: 30px;
}
}
.slider.pdp_slider .slick-slide {
display: inline-block;
float: none;
vertical-align: middle;
-ms-flex-item-align: stretch;
align-self: stretch;
}
.slider.pdp_slider .slick-slide .ai_slider {
height: 100%;
}
.slider.pdp_slider .slick-slide .product-image {
display: inline-block;
}
.slider.pdp_slider .pdp_slider-item {
position: relative;
text-align: center;
height: 100%;
}
.slider.pdp_slider .pdp_slider-item .pdp_video-preview_image {
opacity: 0.5;
}
.slider.pdp_slider .pdp_slider-item .pdp_video-preview_wrapper {
height: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
.slider.pdp_slider .slick-dots {
bottom: -30px;
}
@media only screen and (min-width: 1025px) {
.slider.pdp_slider .slick-dots {
bottom: -40px;
}
}
@media only screen and (max-width: 767px) {
.ai_slider .product-slider {
margin: 0 10px;
}
}
.product-slider .slick-track {
display: -ms-flexbox;
display: flex;
}
.product-slider .slick-list {
margin: 0 auto;
width: calc(100% - 40px);
overflow-y: initial;
}
@media only screen and (min-width: 1025px) {
.product-slider .slick-list {
width: 85%;
}
}
.product-slider .slick-slide {
padding: 0 10px;
}
.product-slider .slick-prev {
left: 10px;
}
.product-slider .slick-next {
right: 10px;
}
.product-slider .product_tile {
display: -ms-flexbox !important;
display: flex !important;
margin-bottom: 0;
}
.product-slider .product_tile .product_tile-description {
padding: 0 15px;
}
.product-slider .quantity_combobox .select2-container:not(.select2) {
top: 45px !important;
left: 0 !important;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
.product-slider .quantity_combobox .select2-container:not(.select2) .select2-dropdown {
z-index: 1;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
.zoom-modal .pdp_slider {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
cursor: default;
margin: 0;
padding: 0;
width: 100%;
}
.zoom-modal .pdp_slider .slick-dots {
bottom: 40px;
margin: 0;
}
.slick-slide > div {
display: -ms-flexbox;
display: flex;
width: 100%;
}
.slick-initialized .slick-slide {
display: -ms-flexbox;
display: flex;
height: auto;
}
.pswp__bg {
background-color: #ffffff;
}
.pswp__button--close {
border: 1px solid transparent;
cursor: pointer;
display: inline-block;
font: 1rem / 1 brandongrotesque-medium, Arial, Helvetica, sans-serif;
text-align: center;
text-transform: uppercase;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.pswp__button--close { /* stylelint-disable-line */
background-color: #076795;
border-color: #076795;
color: #ffffff;
}
.pswp__button--close:active {
background-color: #3399cc;
border-color: #3399cc;
color: #ffffff;
}
@media only screen and (min-width: 1025px) {
.pswp__button--close:hover {
background-color: #d7e7ef;
border-color: #d7e7ef;
color: #076795;
}
}
.pswp__button--close {
padding: 10px;
}
.pswp__button--close:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f176";
}
.pswp__button--close {
position: absolute;
top: 0;
right: 0;
background-image: none !important;
height: 40px;
width: 40px;
opacity: 1;
z-index: 3;
}
.pswp--touch .pswp__button--arrow--left,
.pswp--touch .pswp__button--arrow--right {
visibility: visible;
}
/*
Arrow buttons hit area
(icon is added to :before pseudo-element)
*/
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f125";
}
.pswp__button--arrow--left,
.pswp__button--arrow--right {
position: absolute;
top: 50%;
background-color: #d7e7ef !important;
color: #076795;
font-size: 0;
height: 45px;
width: 45px;
margin: 0;
overflow: hidden;
text-align: center;
-webkit-transform: all 0.2s ease 0s translateY(-50%);
transform: all 0.2s ease 0s translateY(-50%);
white-space: nowrap;
z-index: 2;
border-radius: 50%;
}
.pswp__button--arrow--left:hover,
.pswp__button--arrow--right:hover {
background-color: #076795 !important;
color: #d7e7ef;
}
.pswp__button--arrow--left::before,
.pswp__button--arrow--right::before {
background: none !important;
font-size: 1.2857142857rem;
}
.pswp__button--arrow--left {
left: 5px;
}
.pswp__button--arrow--left::before {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.pswp__button--arrow--right {
right: 5px;
}
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
position: absolute;
top: 50%;
left: 50%;
width: 18px;
height: 18px;
margin-top: -9px;
margin-left: -9px;
}
.pswp--css_animation .pswp__preloader {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
margin: 0;
float: none;
z-index: -1;
}
.pswp--css_animation .pswp__preloader--active {
z-index: 1;
}
.pswp--css_animation .pswp__preloader__icn {
width: 42px;
height: 42px;
left: 0;
top: 0;
}
.pswp--css_animation .pswp__preloader__cut {
width: 21px;
height: 42px;
}
.pswp--css_animation .pswp__preloader__donut {
width: 42px;
height: 42px;
}
/* top black bar with buttons and "1 of X" indicator */
.pswp__top-bar {
height: auto;
}
.pswp__top-bar,
.pswp__caption {
background-color: transparent;
}
.pswp__zoom-wrap {
-ms-flex-align: center;
align-items: center;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
}
.plyr--video .plyr__controls {
background-color: rgba(7, 103, 149, 0.7);
padding: 5px;
}
@media only screen and (min-width: 768px) {
.plyr--video .plyr__controls {
padding: 10px;
}
}
.plyr__control--overlaid {
background-color: rgba(7, 103, 149, 0.7);
}
.plyr__control--overlaid:hover, .plyr__control--overlaid:focus {
background-color: #076795;
}
@media only screen and (min-width: 1025px) {
.plyr__control--overlaid {
padding: 30px;
}
}
.plyr--full-ui input[type=range] {
color: #076795;
}
.plyr--video .plyr__controls .plyr__control.plyr__tab-focus,
.plyr--video .plyr__controls .plyr__control:hover,
.plyr--video .plyr__controls .plyr__control[aria-expanded=true] {
background-color: #076795;
}
.datepicker.dropdown-menu {
min-width: 300px;
padding: 0;
font-size: 1rem;
z-index: 4 !important;
-webkit-box-shadow: 0 5px 38px rgba(0, 0, 0, 0.1);
box-shadow: 0 5px 38px rgba(0, 0, 0, 0.1);
border-radius: 3px;
}
.modal-backdrop.show ~ .datepicker.dropdown-menu {
z-index: 9999 !important;
}
.datepicker.dropdown-menu td {
color: #646464;
}
.datepicker.dropdown-menu td,
.datepicker.dropdown-menu th {
padding: 10px;
border-radius: 0;
}
.datepicker.dropdown-menu th:nth-child(6),
.datepicker.dropdown-menu th:nth-child(7) {
color: #c5c5c5;
}
[locale*=_US] .datepicker.dropdown-menu th:nth-child(6), [locale*=_CA] .datepicker.dropdown-menu th:nth-child(6), [locale*=_PR] .datepicker.dropdown-menu th:nth-child(6), [locale*=_BR] .datepicker.dropdown-menu th:nth-child(6), [locale*=_JP] .datepicker.dropdown-menu th:nth-child(6) {
color: #000000;
}
[locale*=_US] .datepicker.dropdown-menu th:nth-child(1), [locale*=_CA] .datepicker.dropdown-menu th:nth-child(1), [locale*=_PR] .datepicker.dropdown-menu th:nth-child(1), [locale*=_BR] .datepicker.dropdown-menu th:nth-child(1), [locale*=_JP] .datepicker.dropdown-menu th:nth-child(1) {
color: #c5c5c5;
}
.datepicker.dropdown-menu .prev {
border-radius: 3px 0 0 0;
}
.datepicker.dropdown-menu .next {
border-radius: 0 3px 0 0;
}
.datepicker .prev::before {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.datepicker .prev:before,
.datepicker .next:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f125";
}
.datepicker .prev,
.datepicker .next {
background-color: #076795;
color: #ffffff;
margin: 0;
position: relative;
width: 40px;
opacity: 0.7;
overflow: hidden;
}
.datepicker .prev::before,
.datepicker .next::before {
position: absolute;
top: 0;
left: 0;
-ms-flex-align: center;
align-items: center;
background: #076795;
display: -ms-flexbox;
display: flex;
height: 100%;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
color: #ffffff;
}
.datepicker .prev:active,
.datepicker .next:active {
opacity: 1;
}
@media only screen and (min-width: 1025px) {
.datepicker .prev:hover,
.datepicker .next:hover {
opacity: 1;
}
}
.table-condensed {
width: 100%;
padding: 0 0 30px 0;
border-spacing: 0;
}
.table-condensed .clear,
.table-condensed .datepicker-switch {
font: 1.1428571429rem / 1.1428571429rem brandongrotesque-medium, Arial, Helvetica, sans-serif;
color: #076795 !important;
height: 40px;
padding: 0 40px;
}
.datepicker table tr td.day:hover,
.datepicker table tr td.day.focused,
.datepicker table tr td span:hover,
.datepicker table tr td span.focused {
background: #f5f5f5;
}
.datepicker table tr td.active.active,
.datepicker table tr td span.active.active {
background: #076795;
}
.datepicker table tr td.active.active:hover,
.datepicker table tr td span.active.active:hover {
background: #076795;
}
.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
color: #c5c5c5;
background: none;
}
.datepicker .datepicker-switch:hover {
background: none;
text-decoration: underline;
}
.datepicker-dropdown.datepicker-orient-left::before {
left: 50px;
}
.datepicker-dropdown.datepicker-orient-left::after {
left: 51px;
}
.datepicker-dropdown.datepicker-orient-right::before {
right: 50px;
}
.datepicker-dropdown.datepicker-orient-right::after {
right: 51px;
}
.date-range-picker-global {
position: relative;
}
.date-picker-wrapper {
display: none;
padding: 0;
background-color: #ffffff;
-webkit-box-shadow: 0 5px 38px rgba(0, 0, 0, 0.1);
box-shadow: 0 5px 38px rgba(0, 0, 0, 0.1);
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 3px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font: 1rem brandongrotesque-regular, Arial, Helvetica, sans-serif;
z-index: 4;
}
.date-picker-wrapper.no-topbar, .date-picker-wrapper.no-shortcuts {
padding: 0;
}
.modal-backdrop.show ~ .date-picker-wrapper {
z-index: 9999 !important;
}
.date-picker-wrapper::after {
border: 7px solid transparent;
border-bottom-color: #ffffff;
border-top-width: 0;
position: absolute;
top: -6px;
left: 50px;
content: "";
}
.date-picker-wrapper::before {
border: 8px solid transparent;
border-bottom-color: rgba(0, 0, 0, 0.1);
border-top-width: 0;
position: absolute;
top: -7px;
left: 49px;
content: "";
}
.date-picker-wrapper.show {
display: block !important;
padding: 0 0 10px;
}
.date-picker-wrapper .month-wrapper::after {
content: "";
display: table;
clear: both;
}
.date-picker-wrapper .month-wrapper {
width: 300px !important;
padding: 0;
border: 0;
}
@media only screen and (min-width: 1025px) {
.date-picker-wrapper .month-wrapper {
width: auto !important;
display: -ms-flexbox;
display: flex;
}
}
.date-picker-wrapper .month-wrapper .month1,
.date-picker-wrapper .month-wrapper .month2 {
width: 100% !important;
padding: 0 10px;
display: table !important;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
}
@media only screen and (min-width: 1025px) {
.date-picker-wrapper .month-wrapper .month1,
.date-picker-wrapper .month-wrapper .month2 {
width: 50% !important;
}
}
.date-picker-wrapper .month-wrapper .month1 {
margin-bottom: 20px;
}
@media only screen and (min-width: 1025px) {
.date-picker-wrapper .month-wrapper .month1 {
margin-bottom: 0;
}
}
.date-picker-wrapper .month-wrapper .gap {
display: none;
}
.date-picker-wrapper .month-wrapper table td:first-child .hovering, .date-picker-wrapper .month-wrapper table td:first-child .checked {
border-left: 1px solid #c5c5c5;
border-radius: 3px 0 0 3px;
}
.date-picker-wrapper .month-wrapper table td:first-child .hovering.last-date-selected, .date-picker-wrapper .month-wrapper table td:first-child .checked.last-date-selected {
border-radius: 3px;
}
.date-picker-wrapper .month-wrapper table td:last-child .hovering, .date-picker-wrapper .month-wrapper table td:last-child .checked {
border-right: 1px solid #c5c5c5;
border-radius: 0 3px 3px 0;
}
.date-picker-wrapper .month-wrapper table td:last-child .hovering.first-date-selected, .date-picker-wrapper .month-wrapper table td:last-child .checked.first-date-selected {
border-radius: 3px;
}
.date-picker-wrapper .month-wrapper table .day {
padding: 8px 5px;
margin: 5px 0 0;
border-top: 1px solid transparent;
border-bottom: 1px solid transparent;
}
.date-picker-wrapper .month-wrapper table .day:hover {
background-color: #efefef;
}
.date-picker-wrapper .month-wrapper table .day.invalid:hover {
background-color: transparent;
color: #c5c5c5;
}
.date-picker-wrapper .month-wrapper table .day.toMonth.hovering {
border-color: #c5c5c5;
background-color: #efefef;
}
.date-picker-wrapper .month-wrapper table .day.invalid.real-today, .date-picker-wrapper .month-wrapper table .day.real-today {
background-color: rgba(7, 103, 149, 0.7);
color: #ffffff !important;
}
.date-picker-wrapper .month-wrapper table .day.invalid.real-today.hovering, .date-picker-wrapper .month-wrapper table .day.real-today.hovering {
color: #646464 !important;
}
.date-picker-wrapper .month-wrapper table .day.checked, .date-picker-wrapper .month-wrapper table .day.real-today.checked {
background-color: #efefef;
border-color: #c5c5c5;
color: #646464 !important;
}
.date-picker-wrapper .month-wrapper table .day.first-date-selected {
border-left: 1px solid;
border-radius: 3px 0 0 3px;
}
.date-picker-wrapper .month-wrapper table .day.last-date-selected {
border-right: 1px solid;
border-radius: 0 3px 3px 0;
}
.date-picker-wrapper .month-wrapper table .day.first-date-selected, .date-picker-wrapper .month-wrapper table .day.last-date-selected {
background-color: #c5c5c5 !important;
border-color: #c5c5c5;
}
.date-picker-wrapper .month-wrapper table .day.toMonth.valid {
color: #646464;
}
.date-picker-wrapper .caption th:first-child,
.date-picker-wrapper .caption th:last-child {
padding: 0;
}
.date-picker-wrapper .caption th:first-child span:before,
.date-picker-wrapper .caption th:last-child span:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f125";
}
.date-picker-wrapper .caption th:first-child span,
.date-picker-wrapper .caption th:last-child span {
background-color: #076795;
color: #ffffff;
padding: 0;
display: inline-block;
width: 40px;
height: 40px;
opacity: 0.7;
-webkit-transition: opacity 0.2s ease 0s;
transition: opacity 0.2s ease 0s;
}
.date-picker-wrapper .caption th:first-child span::before,
.date-picker-wrapper .caption th:last-child span::before {
position: absolute;
top: 0;
left: 0;
-ms-flex-align: center;
align-items: center;
background: #076795;
display: -ms-flexbox;
display: flex;
height: 100%;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
color: #ffffff;
}
.date-picker-wrapper .caption th:first-child span:active,
.date-picker-wrapper .caption th:last-child span:active {
opacity: 1;
}
@media only screen and (min-width: 1025px) {
.date-picker-wrapper .caption th:first-child span:hover,
.date-picker-wrapper .caption th:last-child span:hover {
opacity: 1;
}
}
.date-picker-wrapper .caption .prev,
.date-picker-wrapper .caption .next {
position: absolute;
top: 0;
}
.date-picker-wrapper .caption .prev {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
border-radius: 3px 0 0 0;
left: 0;
}
.date-picker-wrapper .caption .next {
border-radius: 0 3px 0 0;
right: 0;
}
.date-picker-wrapper .caption .month {
text-transform: capitalize;
}
@media only screen and (min-width: 1025px) {
.date-picker-wrapper .month1 .next {
right: 1px;
}
.date-picker-wrapper .month2 .prev {
left: 1px;
}
}
.date-picker-wrapper .month-name {
font: 1.1428571429rem brandongrotesque-medium, Arial, Helvetica, sans-serif;
color: #076795;
text-transform: capitalize;
white-space: nowrap;
}
.date-picker-wrapper .select-wrapper {
font-size: 0;
display: inline-block;
}
.date-picker-wrapper .select-wrapper .month,
.date-picker-wrapper .select-wrapper .year {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='255px' height='255px' fill='%23000000'%3E%3Cpolygon points='0,63.75 127.5,191.25 255,63.75 '/%3E%3C/svg%3E");
background-color: #ffffff;
background-repeat: no-repeat;
background-size: 10px;
background-position: calc(100% - 10px);
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding: 0 25px 0 10px;
cursor: pointer;
color: inherit;
}
.date-picker-wrapper .select-wrapper .month::-ms-expand,
.date-picker-wrapper .select-wrapper .year::-ms-expand {
display: none;
}
.date-picker-wrapper .select-wrapper .month:focus,
.date-picker-wrapper .select-wrapper .year:focus {
border-color: #213858;
}
.date-picker-wrapper .select-wrapper .month:disabled,
.date-picker-wrapper .select-wrapper .year:disabled {
color: rgba(0, 0, 0, 0.6);
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='255px' height='255px' fill='rgba(0, 0, 0, 0.3)'%3E%3Cpolygon points='0,63.75 127.5,191.25 255,63.75 '/%3E%3C/svg%3E");
background-color: #e7e7e7;
opacity: 1;
}
@media not all and (min-resolution: 0.001dpcm) {
@supports (-webkit-appearance: none) and (stroke-color: transparent) {
.date-picker-wrapper .select-wrapper .month:disabled,
.date-picker-wrapper .select-wrapper .year:disabled {
background-color: rgba(231, 231, 231, 0.4);
color: rgba(0, 0, 0, 0.15);
border-color: rgba(231, 231, 231, 0.5);
}
}
}
.date-picker-wrapper .select-wrapper .month:disabled::-ms-value,
.date-picker-wrapper .select-wrapper .year:disabled::-ms-value {
color: rgba(0, 0, 0, 0.3);
}
.date-picker-wrapper .select-wrapper .month option, .date-picker-wrapper .select-wrapper .month-option,
.date-picker-wrapper .select-wrapper .year option,
.date-picker-wrapper .select-wrapper .year-option {
font: 1.1428571429rem / 1.2857142857rem brandongrotesque-regular, Arial, Helvetica, sans-serif;
color: #000000;
}
.date-picker-wrapper .select-wrapper .month:focus::-ms-value,
.date-picker-wrapper .select-wrapper .year:focus::-ms-value {
background-color: transparent;
color: inherit;
}
.date-picker-wrapper .select-wrapper .month,
.date-picker-wrapper .select-wrapper .year {
font-size: 1rem;
min-height: 30px;
border-radius: 3px;
max-width: 100px;
}
.date-picker-wrapper .select-wrapper .month {
margin-right: 2px;
}
.date-picker-wrapper .month-element {
display: inline-block;
margin-right: 5px;
}
.date-picker-wrapper table .week-name th {
padding: 10px;
color: #000000;
text-transform: capitalize;
}
.date-picker-wrapper table .week-name th.weekend {
color: #c5c5c5;
}
html[locale^=pt] .date-picker-wrapper table .week-name th {
padding: 10px 5px;
}
.date-picker-wrapper .date-range-length-tip {
background-color: #ffefae;
border-radius: 5px;
border: 1px solid #213858;
-webkit-box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.4);
box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.4);
font: 0.8571428571rem / 1rem brandongrotesque-regular, Arial, Helvetica, sans-serif;
color: #000000;
padding: 5px 10px;
margin-top: -16px;
}
.date-picker-wrapper .date-range-length-tip::before, .date-picker-wrapper .date-range-length-tip::after {
position: absolute;
left: 50%;
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
content: "";
}
.date-picker-wrapper .date-range-length-tip::before {
border: 6px solid transparent;
border-top-color: #213858;
border-bottom-width: 0;
bottom: -6px;
}
.date-picker-wrapper .date-range-length-tip::after {
border: 5px solid transparent;
border-top-color: #ffefae;
border-bottom-width: 0;
bottom: -5px;
margin-left: 0;
}
.date-picker-wrapper .time {
display: none;
}
.date-picker-wrapper .date-picker-clear {
margin-top: 10px;
text-align: center;
}
.date-picker-wrapper .date-picker-clear-link {
display: inline-block;
padding: 10px;
font: 1.1428571429rem / 1.1428571429rem brandongrotesque-medium, Arial, Helvetica, sans-serif;
color: #076795;
text-decoration: none;
}
.date-picker-wrapper .date-picker-clear-link:hover {
text-decoration: underline;
}
.date-picker-wrapper .footer {
padding-top: 0;
}
.link,
.pdp-recommendation-link {
padding: 0;
border: 0;
background: none;
background-color: transparent;
background-image: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.link::-ms-expand,
.pdp-recommendation-link::-ms-expand {
display: none;
}
.link.link-disabled,
.link-disabled.pdp-recommendation-link,
.link.link-disabled:hover,
.link.link-disabled:focus,
.link.link-disabled:active,
.link[disabled],
[disabled].pdp-recommendation-link,
.link[disabled]:hover,
.link[disabled]:focus,
.link[disabled]:active {
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.link,
.pdp-recommendation-link {
display: inline-block;
cursor: pointer;
color: #076795;
}
.link:hover,
.pdp-recommendation-link:hover,
.link:active,
.pdp-recommendation-link:active {
text-decoration: underline;
}
.link-reverse {
text-decoration: none;
}
.link-reverse:hover {
text-decoration: underline;
}
.link-primary {
font-size: 1.2857142857rem;
}
.link-secondary {
font: 0.8571428571rem opensans-regular, Arial, Helvetica, sans-serif;
}
.link-additional {
font: 1rem opensans-semibold, Arial, Helvetica, sans-serif;
}
.link-light {
color: #ffffff;
font: 1.1428571429rem brandongrotesque-medium, Arial, Helvetica, sans-serif;
text-decoration: underline;
}
.link-light:hover,
.link-light:active {
text-decoration: none;
}
.link-uppercase {
font: 0.8571428571rem brandongrotesque-medium, Arial, Helvetica, sans-serif;
text-transform: uppercase;
}
[class*=list] {
list-style: none;
margin: 0;
padding: 0;
text-align: left;
}
.list-disc {
list-style-type: disc;
padding-left: 20px;
}
.list-decimal {
list-style-type: decimal;
padding-left: 20px;
}
.list-styleguide {
line-height: 1.25;
}
.list-styleguide > li {
position: relative;
padding-left: 19px;
margin-bottom: 0.75em;
}
.list-styleguide > li::before {
position: absolute;
top: 5px;
left: 0;
width: 5px;
height: 5px;
content: "";
border-radius: 50%;
background-color: #076795;
}
[class*=list].m-mb-10 > li {
margin-bottom: 10px;
}
[class*=list].m-ib {
display: inline-block;
}
/*
---
category: Buttons
name: Buttons
tag: buttons
---
```html
Button
Button Disabled
Button
Button Disabled
```
*/
.product_tile .product_tile-related-link, button,
input[type=button],
input[type=submit],
input[type=cancel],
.button {
border: 1px solid transparent;
cursor: pointer;
display: inline-block;
font: 1rem / 1 brandongrotesque-medium, Arial, Helvetica, sans-serif;
text-align: center;
text-transform: uppercase;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.button-dark {
border-radius: 3px;
padding: 14.5px 20px;
width: 100%;
}
.button-dark.button-disabled,
.sales_rep_promo-upload:not(.active) .button-dark.sales_rep_promo-upload-label,
.button-dark.button-disabled:hover,
.button-dark.button-disabled:focus,
.button-dark.button-disabled:active,
.button-dark[disabled],
.button-dark[disabled]:hover,
.button-dark[disabled]:focus,
.button-dark[disabled]:active {
background-color: #e7e7e7;
border-color: #e7e7e7;
-webkit-box-shadow: none;
box-shadow: none;
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.button-dark { /* stylelint-disable-line */
background-color: #076795;
border-color: #076795;
color: #ffffff;
}
.button-dark:active {
background-color: #d7e7ef;
border-color: #d7e7ef;
color: #076795;
}
@media only screen and (min-width: 1025px) {
.button-dark:hover {
background-color: #d7e7ef;
border-color: #d7e7ef;
color: #076795;
}
}
.button-dark:active {
-webkit-box-shadow: inset 0 3px 2px rgba(0, 0, 0, 0.12);
box-shadow: inset 0 3px 2px rgba(0, 0, 0, 0.12);
}
.button-light,
.product_tile .product_tile-related-link {
border-radius: 3px;
padding: 14.5px 20px;
width: 100%;
}
.button-light.button-disabled,
.sales_rep_promo-upload:not(.active) .button-light.sales_rep_promo-upload-label,
.product_tile .button-disabled.product_tile-related-link,
.product_tile .sales_rep_promo-upload:not(.active) .product_tile-related-link.sales_rep_promo-upload-label,
.sales_rep_promo-upload:not(.active) .product_tile .product_tile-related-link.sales_rep_promo-upload-label,
.button-light.button-disabled:hover,
.button-light.button-disabled:focus,
.button-light.button-disabled:active,
.button-light[disabled],
.product_tile [disabled].product_tile-related-link,
.button-light[disabled]:hover,
.button-light[disabled]:focus,
.button-light[disabled]:active {
background-color: #e7e7e7;
border-color: #e7e7e7;
-webkit-box-shadow: none;
box-shadow: none;
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.button-light,
.product_tile .product_tile-related-link { /* stylelint-disable-line */
background-color: #ffffff;
border-color: #076795;
color: #076795;
}
.button-light:active,
.product_tile .product_tile-related-link:active {
background-color: rgba(7, 103, 149, 0.1);
border-color: #076795;
color: #076795;
}
@media only screen and (min-width: 1025px) {
.button-light:hover,
.product_tile .product_tile-related-link:hover {
background-color: rgba(7, 103, 149, 0.1);
border-color: #076795;
color: #076795;
}
}
.button-light:active,
.product_tile .product_tile-related-link:active {
-webkit-box-shadow: inset 0 4px 2px rgba(0, 0, 0, 0.12);
box-shadow: inset 0 4px 2px rgba(0, 0, 0, 0.12);
}
.button-icon { /* stylelint-disable-line */
background-color: #076795;
border-color: #076795;
color: #ffffff;
}
.button-icon:active {
background-color: #3399cc;
border-color: #3399cc;
color: #ffffff;
}
@media only screen and (min-width: 1025px) {
.button-icon:hover {
background-color: #d7e7ef;
border-color: #d7e7ef;
color: #076795;
}
}
.button-icon {
padding: 10px;
}
.button-radio {
font: 0/0 a;
color: transparent;
letter-spacing: 0;
text-shadow: none;
background-color: transparent;
border: 0;
position: relative;
z-index: 1;
}
.button-radio::before {
width: 21px;
height: 21px;
content: "";
display: inline-block;
background-color: #ffffff;
border: 1px solid #076795;
border-radius: 3px;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
}
.button-radio::after {
position: absolute;
top: 50%;
left: 50%;
width: 11px;
height: 11px;
margin-top: -5.5px;
margin-left: -5.5px;
content: "";
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
background: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill='%23076795' x='0px' y='0px' viewBox='0 0 31 31' style='enable-background:new 0 0 31 31;' xml:space='preserve'%3E%3Cpath class='st0' d='M23,2'/%3E%3Cpath class='st0' d='M7,2'/%3E%3Cg%3E%3Cg id='chevron-right'%3E%3Cpolygon points='31,7.9 27.4,4.3 12.1,19.6 3.5,11 0,14.6 12.2,26.7'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat center;
}
@media only screen and (min-width: 1025px) {
.button-radio:hover::before {
background-color: #f7f9f9;
border-width: 2px;
}
}
.button-radio.is-white {
color: #ffffff;
font-size: 1rem;
margin: 20px 10px 0 0;
}
.button-radio.is-white::after {
background: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill='%23ffffff' x='0px' y='0px' viewBox='0 0 31 31' style='enable-background:new 0 0 31 31;' xml:space='preserve'%3E%3Cpath class='st0' d='M23,2'/%3E%3Cpath class='st0' d='M7,2'/%3E%3Cg%3E%3Cg id='chevron-right'%3E%3Cpolygon points='31,7.9 27.4,4.3 12.1,19.6 3.5,11 0,14.6 12.2,26.7'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat center;
}
.button-radio.is-white::before {
border-color: #ffffff;
background-color: rgba(255, 255, 255, 0.1);
}
@media only screen and (min-width: 768px) {
.button-radio.is-white::before {
background-color: #4d4d4d;
}
}
.m-selected .button-radio::before {
border-width: 2px;
}
.m-selected .button-radio::after {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.button-radio:disabled + label {
color: #888888;
pointer-events: none;
}
.button-radio:disabled + label::before {
background-color: #e7e7e7;
border-color: #e7e7e7;
}
.button-radio:disabled + label:hover::before {
-webkit-box-shadow: none;
box-shadow: none;
}
.button-radio:checked:disabled + label::after {
background: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill='%23c5c5c5' x='0px' y='0px' viewBox='0 0 31 31' style='enable-background:new 0 0 31 31;' xml:space='preserve'%3E%3Cpath class='st0' d='M23,2'/%3E%3Cpath class='st0' d='M7,2'/%3E%3Cg%3E%3Cg id='chevron-right'%3E%3Cpolygon points='31,7.9 27.4,4.3 12.1,19.6 3.5,11 0,14.6 12.2,26.7'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat center;
}
.button-radio::before,
.button-radio::after {
border-radius: 50%;
}
.button-radio::after {
background-color: #076795;
}
.button-transparent-white {
border-radius: 3px;
padding: 14.5px 20px;
width: 100%;
}
.button-transparent-white.button-disabled,
.sales_rep_promo-upload:not(.active) .button-transparent-white.sales_rep_promo-upload-label,
.button-transparent-white.button-disabled:hover,
.button-transparent-white.button-disabled:focus,
.button-transparent-white.button-disabled:active,
.button-transparent-white[disabled],
.button-transparent-white[disabled]:hover,
.button-transparent-white[disabled]:focus,
.button-transparent-white[disabled]:active {
background-color: #e7e7e7;
border-color: #e7e7e7;
-webkit-box-shadow: none;
box-shadow: none;
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.button-transparent-white { /* stylelint-disable-line */
border-color: #ffffff;
color: #ffffff;
}
.button-transparent-white:active {
background-color: rgba(255, 255, 255, 0.1);
border-color: #ffffff;
color: #ffffff;
}
@media only screen and (min-width: 1025px) {
.button-transparent-white:hover {
background-color: rgba(255, 255, 255, 0.1);
border-color: #ffffff;
color: #ffffff;
}
}
.button-transparent {
border-radius: 3px;
padding: 14.5px 20px;
width: 100%;
}
.button-transparent.button-disabled,
.sales_rep_promo-upload:not(.active) .button-transparent.sales_rep_promo-upload-label,
.button-transparent.button-disabled:hover,
.button-transparent.button-disabled:focus,
.button-transparent.button-disabled:active,
.button-transparent[disabled],
.button-transparent[disabled]:hover,
.button-transparent[disabled]:focus,
.button-transparent[disabled]:active {
background-color: #e7e7e7;
border-color: #e7e7e7;
-webkit-box-shadow: none;
box-shadow: none;
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.button-transparent { /* stylelint-disable-line */
background-color: rgba(255, 255, 255, 0.2);
border-color: transparent;
color: #ffffff;
}
.button-transparent:active {
background-color: transparent;
border-color: #ffffff;
color: #ffffff;
}
@media only screen and (min-width: 1025px) {
.button-transparent:hover {
background-color: transparent;
border-color: #ffffff;
color: #ffffff;
}
}
.button-white {
border-radius: 3px;
padding: 14.5px 20px;
width: 100%;
}
.button-white.button-disabled,
.sales_rep_promo-upload:not(.active) .button-white.sales_rep_promo-upload-label,
.button-white.button-disabled:hover,
.button-white.button-disabled:focus,
.button-white.button-disabled:active,
.button-white[disabled],
.button-white[disabled]:hover,
.button-white[disabled]:focus,
.button-white[disabled]:active {
background-color: #e7e7e7;
border-color: #e7e7e7;
-webkit-box-shadow: none;
box-shadow: none;
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.button-white { /* stylelint-disable-line */
background-color: #ffffff;
border-color: #ffffff;
color: #213858;
}
.button-white:active {
background-color: transparent;
border-color: #ffffff;
color: #ffffff;
}
@media only screen and (min-width: 1025px) {
.button-white:hover {
background-color: transparent;
border-color: #ffffff;
color: #ffffff;
}
}
/*
---
name: Checkbox
category: Form elements
tag:
- input
- checkbox
---
```html
Remember me
Remember me
Remember me
```
*/
[type=checkbox],
[type=radio] {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
border: 0;
}
input[type=checkbox]:not(.custom-switch):not(.custom-switcher):not(.ppp-switcher) + label {
font: 0.8571428571rem opensans-regular, Arial, Helvetica, sans-serif;
padding-left: 34px;
margin-bottom: 5px;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
min-height: 21px;
}
@media only screen and (min-width: 768px) and (-ms-high-contrast: active), (-ms-high-contrast: none) {
input[type=checkbox]:not(.custom-switch):not(.custom-switcher):not(.ppp-switcher) + label {
padding-top: 2px;
}
}
input[type=checkbox]:not(.custom-switch):not(.custom-switcher):not(.ppp-switcher) + label {
position: relative;
z-index: 1;
}
input[type=checkbox]:not(.custom-switch):not(.custom-switcher):not(.ppp-switcher) + label::before {
position: absolute;
top: 0;
left: 0;
height: 21px;
width: 21px;
content: "";
display: inline-block;
background-color: #ffffff;
border: 1px solid #076795;
border-radius: 3px;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
}
input[type=checkbox]:not(.custom-switch):not(.custom-switcher):not(.ppp-switcher) + label::after {
position: absolute;
top: 5px;
left: 5px;
height: 11px;
width: 11px;
content: "";
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
background: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill='%23076795' x='0px' y='0px' viewBox='0 0 31 31' style='enable-background:new 0 0 31 31;' xml:space='preserve'%3E%3Cpath class='st0' d='M23,2'/%3E%3Cpath class='st0' d='M7,2'/%3E%3Cg%3E%3Cg id='chevron-right'%3E%3Cpolygon points='31,7.9 27.4,4.3 12.1,19.6 3.5,11 0,14.6 12.2,26.7'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat center;
}
@media only screen and (min-width: 1025px) {
input[type=checkbox]:not(.custom-switch):not(.custom-switcher):not(.ppp-switcher) + label:hover::before {
background-color: #f7f9f9;
border-width: 2px;
}
}
input[type=checkbox]:not(.custom-switch):not(.custom-switcher):not(.ppp-switcher) + label.is-white {
color: #ffffff;
font-size: 1rem;
margin: 20px 10px 0 0;
}
input[type=checkbox]:not(.custom-switch):not(.custom-switcher):not(.ppp-switcher) + label.is-white::after {
background: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill='%23ffffff' x='0px' y='0px' viewBox='0 0 31 31' style='enable-background:new 0 0 31 31;' xml:space='preserve'%3E%3Cpath class='st0' d='M23,2'/%3E%3Cpath class='st0' d='M7,2'/%3E%3Cg%3E%3Cg id='chevron-right'%3E%3Cpolygon points='31,7.9 27.4,4.3 12.1,19.6 3.5,11 0,14.6 12.2,26.7'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat center;
}
input[type=checkbox]:not(.custom-switch):not(.custom-switcher):not(.ppp-switcher) + label.is-white::before {
border-color: #ffffff;
background-color: rgba(255, 255, 255, 0.1);
}
@media only screen and (min-width: 768px) {
input[type=checkbox]:not(.custom-switch):not(.custom-switcher):not(.ppp-switcher) + label.is-white::before {
background-color: #4d4d4d;
}
}
input[type=checkbox]:not(.custom-switch):not(.custom-switcher):not(.ppp-switcher):checked + label::before {
border-width: 2px;
}
input[type=checkbox]:not(.custom-switch):not(.custom-switcher):not(.ppp-switcher):checked + label::after {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
input[type=checkbox]:not(.custom-switch):not(.custom-switcher):not(.ppp-switcher):disabled + label {
color: #888888;
pointer-events: none;
}
input[type=checkbox]:not(.custom-switch):not(.custom-switcher):not(.ppp-switcher):disabled + label::before {
background-color: #e7e7e7;
border-color: #e7e7e7;
}
input[type=checkbox]:not(.custom-switch):not(.custom-switcher):not(.ppp-switcher):disabled + label:hover::before {
-webkit-box-shadow: none;
box-shadow: none;
}
input[type=checkbox]:not(.custom-switch):not(.custom-switcher):not(.ppp-switcher):checked:disabled + label::after {
background: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill='%23c5c5c5' x='0px' y='0px' viewBox='0 0 31 31' style='enable-background:new 0 0 31 31;' xml:space='preserve'%3E%3Cpath class='st0' d='M23,2'/%3E%3Cpath class='st0' d='M7,2'/%3E%3Cg%3E%3Cg id='chevron-right'%3E%3Cpolygon points='31,7.9 27.4,4.3 12.1,19.6 3.5,11 0,14.6 12.2,26.7'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat center;
}
input[type=checkbox].form-control {
width: auto;
}
/*
---
name: Radio
category: Form elements
tag:
- input
- radio
---
```html
Store 1
Store 2
Store 3
```
*/
input[type=radio] + label {
font: 0.8571428571rem opensans-regular, Arial, Helvetica, sans-serif;
padding-left: 34px;
margin-bottom: 5px;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
min-height: 21px;
}
@media only screen and (min-width: 768px) and (-ms-high-contrast: active), (-ms-high-contrast: none) {
input[type=radio] + label {
padding-top: 2px;
}
}
input[type=radio] + label {
position: relative;
z-index: 1;
}
input[type=radio] + label::before {
position: absolute;
top: 0;
left: 0;
height: 21px;
width: 21px;
content: "";
display: inline-block;
background-color: #ffffff;
border: 1px solid #076795;
border-radius: 3px;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
}
input[type=radio] + label::after {
position: absolute;
top: 5px;
left: 5px;
height: 11px;
width: 11px;
content: "";
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
background: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill='%23076795' x='0px' y='0px' viewBox='0 0 31 31' style='enable-background:new 0 0 31 31;' xml:space='preserve'%3E%3Cpath class='st0' d='M23,2'/%3E%3Cpath class='st0' d='M7,2'/%3E%3Cg%3E%3Cg id='chevron-right'%3E%3Cpolygon points='31,7.9 27.4,4.3 12.1,19.6 3.5,11 0,14.6 12.2,26.7'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat center;
}
@media only screen and (min-width: 1025px) {
input[type=radio] + label:hover::before {
background-color: #f7f9f9;
border-width: 2px;
}
}
input[type=radio] + label.is-white {
color: #ffffff;
font-size: 1rem;
margin: 20px 10px 0 0;
}
input[type=radio] + label.is-white::after {
background: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill='%23ffffff' x='0px' y='0px' viewBox='0 0 31 31' style='enable-background:new 0 0 31 31;' xml:space='preserve'%3E%3Cpath class='st0' d='M23,2'/%3E%3Cpath class='st0' d='M7,2'/%3E%3Cg%3E%3Cg id='chevron-right'%3E%3Cpolygon points='31,7.9 27.4,4.3 12.1,19.6 3.5,11 0,14.6 12.2,26.7'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat center;
}
input[type=radio] + label.is-white::before {
border-color: #ffffff;
background-color: rgba(255, 255, 255, 0.1);
}
@media only screen and (min-width: 768px) {
input[type=radio] + label.is-white::before {
background-color: #4d4d4d;
}
}
input[type=radio]:checked + label::before {
border-width: 2px;
}
input[type=radio]:checked + label::after {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
input[type=radio]:disabled + label {
color: #888888;
pointer-events: none;
}
input[type=radio]:disabled + label::before {
background-color: #e7e7e7;
border-color: #e7e7e7;
}
input[type=radio]:disabled + label:hover::before {
-webkit-box-shadow: none;
box-shadow: none;
}
input[type=radio]:checked:disabled + label::after {
background: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill='%23c5c5c5' x='0px' y='0px' viewBox='0 0 31 31' style='enable-background:new 0 0 31 31;' xml:space='preserve'%3E%3Cpath class='st0' d='M23,2'/%3E%3Cpath class='st0' d='M7,2'/%3E%3Cg%3E%3Cg id='chevron-right'%3E%3Cpolygon points='31,7.9 27.4,4.3 12.1,19.6 3.5,11 0,14.6 12.2,26.7'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat center;
}
input[type=radio] + label::before,
input[type=radio] + label::after {
border-radius: 50%;
}
input[type=radio] + label::after {
background-color: #076795;
}
/*
---
name: Select
category: Form elements
tag: select
---
```html
English (United Kingdom)
English (USA)
Deutsch (Deutschland)
English (United Kingdom)
English (USA)
Deutsch (Deutschland)
```
*/
/*
---
name: Input
category: Form elements
tag: input
---
```html
Purchase order
Do not enter full patient name
Purchase order
Do not enter full patient name
Purchase order
Do not enter full patient name
```
*/
/*
---
name: Switch
category: Form elements
tag: switcher
---
```html
Purchase order
```
*/
select.form-control,
.select.form-control {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='255px' height='255px' fill='%23000000'%3E%3Cpolygon points='0,63.75 127.5,191.25 255,63.75 '/%3E%3C/svg%3E");
background-color: #ffffff;
background-repeat: no-repeat;
background-size: 10px;
background-position: calc(100% - 10px);
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding: 0 25px 0 10px;
cursor: pointer;
color: inherit;
}
select.form-control::-ms-expand,
.select.form-control::-ms-expand {
display: none;
}
select.form-control:focus,
.select.form-control:focus {
border-color: #213858;
}
select.form-control:disabled,
.select.form-control:disabled {
color: rgba(0, 0, 0, 0.6);
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='255px' height='255px' fill='rgba(0, 0, 0, 0.3)'%3E%3Cpolygon points='0,63.75 127.5,191.25 255,63.75 '/%3E%3C/svg%3E");
background-color: #e7e7e7;
opacity: 1;
}
@media not all and (min-resolution: 0.001dpcm) {
@supports (-webkit-appearance: none) and (stroke-color: transparent) {
select.form-control:disabled,
.select.form-control:disabled {
background-color: rgba(231, 231, 231, 0.4);
color: rgba(0, 0, 0, 0.15);
border-color: rgba(231, 231, 231, 0.5);
}
}
}
select.form-control:disabled::-ms-value,
.select.form-control:disabled::-ms-value {
color: rgba(0, 0, 0, 0.3);
}
select.form-control option, select.form-control-option,
.select.form-control option,
.select.form-control-option {
font: 1.1428571429rem / 1.2857142857rem brandongrotesque-regular, Arial, Helvetica, sans-serif;
color: #000000;
}
select.form-control:focus::-ms-value,
.select.form-control:focus::-ms-value {
background-color: transparent;
color: inherit;
}
.form-message {
color: #646464;
font: 0.7857142857rem / 1rem opensans-regular, Arial, Helvetica, sans-serif;
margin-top: 8px;
}
.form-control {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
background-color: #ffffff;
border: 1px solid #c5c5c5;
border-radius: 3px;
display: block;
font: 1rem opensans-regular, Arial, Helvetica, sans-serif;
height: 45px;
padding: 0 5px 0 10px;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
width: 100%;
}
[locale=ja_JP] .form-control {
line-height: 43px;
}
.form-control::-ms-clear {
display: none;
}
.form-control:focus {
color: #000000;
border-color: #213858;
-webkit-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.15);
box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.15);
}
.form-control:not(::-webkit-input-placeholder) {
color: #000000;
}
.form-control:not(:-ms-input-placeholder), .form-control:not(::-ms-input-placeholder) {
color: #000000;
}
.form-control:not(:-ms-input-placeholder), .form-control:not(::placeholder) {
color: #000000;
}
.form-control::-webkit-input-placeholder {
color: #c5c5c5;
}
.form-control:-ms-input-placeholder, .form-control::-ms-input-placeholder {
color: #c5c5c5;
}
.form-control:-ms-input-placeholder, .form-control::placeholder {
color: #c5c5c5;
}
.form-control.m-datepicker {
padding-left: 37px;
background: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' id='Layer_3' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' fill='rgba(7, 103, 149, 0.5)' viewBox='0 0 22 21' style='enable-background:new 0 0 22 21;' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M19,2h-2V0h-2v2H7V0H5v2H3C1.3,2,0,3.4,0,5v13c0,1.7,1.3,3,3,3h16c1.7,0,3-1.3,3-3V5C22,3.4,20.7,2,19,2z M3,4h2v1h2V4h8v1h2V4h2c0.6,0,1,0.4,1,1v2H2V5C2,4.5,2.4,4,3,4z M19,19H3c-0.6,0-1-0.4-1-1V9h18v9C20,18.6,19.6,19,19,19z'/%3E%3Crect x='4' y='11' width='2' height='2'/%3E%3Crect x='8' y='11' width='2' height='2'/%3E%3Crect x='12' y='11' width='2' height='2'/%3E%3Crect x='16' y='11' width='2' height='2'/%3E%3Crect x='4' y='15' width='2' height='2'/%3E%3Crect x='8' y='15' width='2' height='2'/%3E%3Crect x='12' y='15' width='2' height='2'/%3E%3Crect x='16' y='15' width='2' height='2'/%3E%3C/g%3E%3C/svg%3E") no-repeat 7px center;
background-size: 18px 18px;
background-color: #ffffff;
background-repeat: no-repeat;
}
.form-control-label {
font: 1.0714285714rem / 1.2857142857rem brandongrotesque-medium, Arial, Helvetica, sans-serif;
color: #213858;
margin-bottom: 6px;
}
.form-control-label.m-tokenEx {
margin-bottom: 4px;
}
.form-control.is-invalid {
background-color: #fff3f3;
border-color: #ff0000;
}
.form-control.is-invalid ~ .invalid-feedback {
color: #646464;
font: 0.7857142857rem / 1rem opensans-regular, Arial, Helvetica, sans-serif;
margin-top: 8px;
color: #ff0000;
}
.form-control.is-invalid ~ .form-message {
display: none;
}
.form-control:disabled {
color: rgba(0, 0, 0, 0.6);
border-color: rgba(197, 197, 197, 0.6);
background-color: #e7e7e7;
pointer-events: none;
}
.form-control:disabled:not(::-webkit-input-placeholder) {
color: rgba(0, 0, 0, 0.6);
}
.form-control:disabled:not(:-ms-input-placeholder), .form-control:disabled:not(::-ms-input-placeholder) {
color: rgba(0, 0, 0, 0.6);
}
.form-control:disabled:not(:-ms-input-placeholder), .form-control:disabled:not(::placeholder) {
color: rgba(0, 0, 0, 0.6);
}
.form-control:disabled::-webkit-input-placeholder {
color: rgba(0, 0, 0, 0.6);
}
.form-control:disabled:-ms-input-placeholder, .form-control:disabled::-ms-input-placeholder {
color: rgba(0, 0, 0, 0.6);
}
.form-control:disabled:-ms-input-placeholder, .form-control:disabled::placeholder {
color: rgba(0, 0, 0, 0.6);
}
.form-group + .form-group {
margin-top: 20px;
}
.form-group.required .form-control-label::after {
display: inline-block;
margin-left: 2px;
content: "*";
color: #ff0000;
}
.custom-switch + label {
display: block;
padding-right: 60px;
position: relative;
}
.custom-switch + label::before, .custom-switch + label::after {
position: absolute;
top: 50%;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
content: "";
display: inline-block;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
}
.custom-switch + label::before {
border: 1px solid #076795;
border-radius: 20px;
height: 24px;
width: 43px;
right: 0;
}
.custom-switch + label::after {
background-color: #076795;
border-radius: 50%;
height: 18px;
width: 18px;
right: 21px;
}
.custom-switch:checked + label::before {
background-color: #076795;
}
.custom-switch:checked + label::after {
background-color: #ffffff;
right: 3px;
}
.custom-switch:disabled + label {
cursor: default;
}
.custom-switch:disabled + label::before {
background-color: #ffffff;
border-color: #e7e7e7;
}
.custom-switch:disabled + label::after {
background-color: #e7e7e7;
}
.custom-switcher + label {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between;
cursor: pointer;
}
.custom-switcher:disabled + label {
cursor: inherit;
}
.custom-switcher:checked ~ .switch {
background-color: blue;
}
.custom-switcher .custom-switcher-box {
display: -ms-flexbox;
display: flex;
-ms-flex-align: stretch;
align-items: stretch;
position: relative;
background-color: #076795;
border-radius: 16px;
height: 24px;
font-size: 0.8571428571rem;
text-transform: uppercase;
color: #ffffff;
}
.custom-switcher:not(:checked) ~ label .custom-switcher-box {
background-color: #888888;
}
.custom-switcher .custom-switcher-left,
.custom-switcher .custom-switcher-right {
color: white;
font-weight: bold;
text-transform: uppercase;
-ms-flex-item-align: center;
align-self: center;
}
.custom-switcher:checked ~ label .custom-switcher-right {
visibility: hidden;
}
.custom-switcher:checked ~ label .custom-switcher-left {
padding: 0 5px 0 9px;
}
.custom-switcher:disabled ~ label .custom-switcher-box {
opacity: 0.4;
}
.custom-switcher:not(:checked) ~ label .custom-switcher-left {
visibility: hidden;
}
.custom-switcher:not(:checked) ~ label .custom-switcher-right {
padding: 0 9px 0 5px;
}
.custom-switcher .custom-switcher-circle {
height: 24px;
width: 24px;
padding: 3px;
position: absolute;
-webkit-transition: all 0.1s linear;
transition: all 0.1s linear;
}
.custom-switcher:checked ~ label .custom-switcher-circle {
left: calc(100% - 23px);
right: 0;
}
.custom-switcher:not(:checked) ~ label .custom-switcher-circle {
left: 0;
right: calc(100% - 23px);
}
.custom-switcher .custom-switcher-circle_inner {
background-color: white;
border-radius: 50%;
display: block;
height: 100%;
width: 100%;
}
.custom-password {
position: relative;
}
.custom-password-icon:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f141";
}
.custom-password-icon {
position: absolute;
top: 10px;
right: 12px;
cursor: pointer;
}
.custom-password-icon:hover::before {
color: #000000;
}
.custom-password-icon::before {
color: rgba(0, 0, 0, 0.5);
font-size: 1.4285714286rem;
-webkit-transition: color 0.2s ease 0s;
transition: color 0.2s ease 0s;
}
.show-password .custom-password-icon::before {
content: "\f140";
}
.custom-password-icon-light:hover::before {
color: #efefef;
}
.custom-password-icon-light::before {
color: #c5c5c5;
}
.custom-password {
z-index: 1;
}
input[type=radio].color-refinement.color-refinement-all + label::before {
content: none;
}
input[type=radio].color-refinement + label {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
padding: 10px;
border: 1px solid #c5c5c5;
border-radius: 3px;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
color: #000000;
font: 0.9285714286rem / 1.0714285714rem opensans-regular, Arial, Helvetica, sans-serif;
margin: 0;
}
input[type=radio].color-refinement + label::before {
width: 18px;
height: 18px;
content: "";
position: static;
margin-right: 5px;
border-radius: 50%;
border: 0;
background: #c5c5c5;
}
input[type=radio].color-refinement + label.green::before {
background-color: #339933;
}
input[type=radio].color-refinement + label.yellow::before {
background-color: #ff9900;
}
input[type=radio].color-refinement + label.blue::before {
background-color: #3399cc;
}
input[type=radio].color-refinement + label.navy::before {
background-color: #0d4fab;
}
input[type=radio].color-refinement + label.red::before {
background-color: #ff0000;
}
input[type=radio].color-refinement + label.purple::before {
background-color: #d800dc;
}
input[type=radio].color-refinement + label.gray::before {
background-color: #646464;
}
input[type=radio].color-refinement + label::after {
content: none;
}
input[type=radio].color-refinement:disabled + label {
color: rgba(0, 0, 0, 0.3);
border-color: rgba(197, 197, 197, 0.3);
}
input[type=radio].color-refinement:disabled + label.green::before {
background-color: rgba(51, 153, 51, 0.3);
}
input[type=radio].color-refinement:disabled + label.yellow::before {
background-color: rgba(255, 153, 0, 0.3);
}
input[type=radio].color-refinement:disabled + label.blue::before {
background-color: rgba(51, 153, 204, 0.3);
}
input[type=radio].color-refinement:disabled + label.navy::before {
background-color: rgba(13, 79, 171, 0.3);
}
input[type=radio].color-refinement:disabled + label.red::before {
background-color: rgba(255, 0, 0, 0.3);
}
input[type=radio].color-refinement:disabled + label.purple::before {
background-color: rgba(216, 0, 220, 0.3);
}
input[type=radio].color-refinement:disabled + label.gray::before {
background-color: rgba(100, 100, 100, 0.3);
}
input[type=radio].color-refinement:checked + label {
border-color: #076795;
-webkit-box-shadow: 0 0 0 1px #076795;
box-shadow: 0 0 0 1px #076795;
}
.quantity_combobox {
height: 45px;
position: relative;
width: 85px;
}
.select_combobox .quantity_combobox {
width: auto;
}
.quantity_combobox-field {
position: absolute;
top: 0;
left: 0;
width: 50px;
padding: 0 7px;
height: 45px;
color: #000000;
}
.select_combobox .quantity_combobox-field {
width: calc(100% - 36px);
}
.quantity_combobox-field.error {
border-color: #ff0000;
background: #fff3f3;
}
.quantity_combobox-label {
margin-bottom: 8px;
color: #646464;
font: 0.8571428571rem / 1rem opensans-regular, Arial, Helvetica, sans-serif;
}
.quantity_combobox-msg_wrap {
margin-top: 10px;
color: #c5c5c5;
font-size: 1rem;
font-family: opensans-regular, Arial, Helvetica, sans-serif;
}
.quantity_combobox-msg_wrap .error {
color: #ff0000;
}
.quantity_combobox-msg_text {
margin-top: 8px;
color: #646464;
}
.quantity_combobox-select {
display: none;
}
.select2-selection__arrow {
position: absolute;
top: 1px;
right: -36px;
background-color: #d7e7ef;
border-radius: 0 5px 5px 0;
height: 37px;
width: 36px;
-webkit-transition: background 0.2s ease 0s;
transition: background 0.2s ease 0s;
}
.select2-selection__arrow b {
position: absolute;
top: 50%;
left: 50%;
content: "";
display: inline-block;
width: 0;
height: 0;
border: 5px solid transparent;
border-top-color: #000000;
margin-left: -5px;
margin-top: -4px;
-webkit-transition: border-color 0.2s ease 0s;
transition: border-color 0.2s ease 0s;
}
.select2-container {
display: inline-block;
position: relative;
}
.select2-container--open .select2-selection {
border-color: #076795;
}
.select2-container--open + .quantity_combobox-field {
color: #000000;
border-color: #213858;
-webkit-box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.15);
}
.select2-container .selection {
position: absolute;
top: 0;
bottom: 0;
margin: auto;
width: 100%;
height: 37px;
}
.select2-container .select2-selection--single {
display: block;
height: 100%;
font-family: brandongrotesque-medium, Arial, Helvetica, sans-serif;
cursor: pointer;
outline: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.select2-container .select2-selection--single:hover .select2-selection__arrow {
background: #076795;
}
.select2-container .select2-selection--single:hover .select2-selection__arrow b {
border-top-color: #ffffff;
}
.quantity_combobox .select2-container {
height: 100%;
width: calc(100% - 36px) !important;
}
.quantity_combobox-qty-wrapper:not(.product_tile-qty-dynamic) .quantity_combobox .select2-container {
/* stylelint-disable */
}
.quantity_combobox-qty-wrapper:not(.product_tile-qty-dynamic) .quantity_combobox .select2-container:not(.select2) {
top: 45px !important;
left: 0 !important;
}
.quantity_combobox-qty-wrapper:not(.product_tile-qty-dynamic) .quantity_combobox .select2-container:not(.select2) .select2-dropdown {
z-index: 1;
}
.slider .quantity_combobox-qty-wrapper:not(.product_tile-qty-dynamic) .quantity_combobox .select2-container:not(.select2) .select2-dropdown {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
@media only screen and (max-width: 1024px) {
.app-view .quantity_combobox-qty-wrapper:not(.product_tile-qty-dynamic) .quantity_combobox .select2-container:not(.select2) .select2-dropdown {
z-index: 2;
}
}
.slider .quantity_combobox-qty-wrapper:not(.product_tile-qty-dynamic) .quantity_combobox .select2-container:not(.select2) {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
.combobox-dropdown .select2-container {
min-width: 50px;
}
.select2-dropdown {
background-color: #ffffff;
display: block;
position: absolute;
border: 1px solid #c5c5c5;
z-index: 6;
}
.modal-open .select2-dropdown {
z-index: 10000;
}
.plp .select2-dropdown, .billpay_open_items .select2-dropdown {
z-index: 2;
}
.select2-search--hide {
display: none;
}
.select2-results__options {
max-height: 160px;
overflow-y: auto;
}
[locale=ja_JP] .select2-results__options {
font-size: 1.1428571429rem;
}
@media only screen and (min-width: 768px) {
.select2-results__options {
max-height: 320px;
}
}
@media only screen and (min-width: 768px) {
.related_products .select2-results__options {
max-height: 120px;
}
}
@media only screen and (min-width: 768px) {
.ai_slider .select2-results__options {
max-height: 220px;
}
}
@media only screen and (max-width: 1024px) {
.ai_slider .select2-results__options {
max-height: 195px;
}
}
.modal-backdrop + .select2-container .select2-results__options {
max-height: 160px;
}
.select2-results__option {
padding: 10px;
}
.select2-results__option[aria-selected=true], .select2-results__option:hover {
background-color: #076795;
color: #ffffff;
}
.select2-selection__rendered {
display: none;
}
select[disabled] + .select2 .select2-selection, select[disabled] + .select2:hover .select2-selection {
color: #c5c5c5;
cursor: default;
}
select[disabled] + .select2 .select2-selection__arrow, select[disabled] + .select2:hover .select2-selection__arrow {
background-color: #e7e7e7;
}
select[disabled] + .select2 .select2-selection__arrow b, select[disabled] + .select2:hover .select2-selection__arrow b {
border-top-color: #c5c5c5;
}
.product-name, .bonus_product-header_title, .validation-title, .cookie-message h5, .modal-header_title, .todays_orders-subtitle, .app-view .plp:not(.delayed_rec_orders-plp) .plp-recent_orders-title, .contact_us-title, .dashboard-status-title, .checkout-step_title, .account_users-list_title, .account-downloads__title, .account_addresses-list_title, .psp-title, .checkout_sales_rep_optimized .checkout-section_title, .checkout-sub_title, .billpay_status-title, .dashboard_loyalty-subtitle, .dashboard-subtitle, .bonus_product-header_subtitle, .product-full_description-info h6, .product-full_description-info h5, .product-full_description-ingredients h5, .account_addresses-title, .clp_additional h3, .reset_password-subtitle, .forgot_password-subtitle, .search-no_results-subtitle, .modal-body .content-asset h6, .single_column-subtitle, .app-view .plp:not(.delayed_rec_orders-plp) .search-no_results-title, .sales_rep_promo-subitem-headline, .billpay-subtitle, .partner_selection-carstock-title, .single_column-title, .sales_rep_promo-list-headline, .content_page-title, .billpay_open_items-title, .billpay-title, .dashboard-title, .pdp_bundle-title, .pdp_set-title, .order_summary-title, .checkout-main_title, .delayed_rec_orders-nav-title, .account_registration-title, .account-title, .clp_additional h2, .product-slider-wrapper h2, .category_navigation-title, .partner_selection-account-list-title, .notification_details-title, .notifications_dashboard-title, .search-no_results-title, .maintenance_page-title, .error_page-title, .order_receipt-subtitle h1, .reset_password-title, .forgot_password-page_title, .login-info-text_title {
font-style: normal;
font-weight: normal;
}
[class*=title] {
font-style: normal;
font-weight: normal;
}
.maintenance_page-title, .error_page-title, .order_receipt-subtitle h1, .reset_password-title, .forgot_password-page_title, .login-info-text_title {
color: #213858;
font: 2.5714285714rem / 2.8571428571rem brandongrotesque-medium, Arial, Helvetica, sans-serif;
}
.title-1 {
color: #213858;
font: 2.5714285714rem / 2.8571428571rem brandongrotesque-medium, Arial, Helvetica, sans-serif;
}
.single_column-title, .sales_rep_promo-list-headline, .content_page-title, .billpay_open_items-title, .billpay-title, .dashboard-title, .pdp_bundle-title, .pdp_set-title, .order_summary-title, .checkout-main_title, .delayed_rec_orders-nav-title, .account_registration-title, .account-title, .clp_additional h2, .product-slider-wrapper h2, .category_navigation-title, .partner_selection-account-list-title, .notification_details-title, .notifications_dashboard-title, .search-no_results-title {
color: #213858;
font: 2.1428571429rem / 2.5714285714rem brandongrotesque-medium, Arial, Helvetica, sans-serif;
}
.title-2 {
color: #213858;
font: 2.1428571429rem / 2.5714285714rem brandongrotesque-medium, Arial, Helvetica, sans-serif;
}
.single_column-subtitle, .app-view .plp:not(.delayed_rec_orders-plp) .search-no_results-title, .sales_rep_promo-subitem-headline, .billpay-subtitle, .partner_selection-carstock-title {
color: #213858;
font: 1.4285714286rem / 2.4285714286rem brandongrotesque-medium, Arial, Helvetica, sans-serif;
}
.title-3 {
color: #213858;
font: 1.4285714286rem / 2.4285714286rem brandongrotesque-medium, Arial, Helvetica, sans-serif;
}
.billpay_status-title, .dashboard_loyalty-subtitle, .dashboard-subtitle, .bonus_product-header_subtitle, .product-full_description-info h6, .product-full_description-info h5, .product-full_description-ingredients h5, .account_addresses-title, .clp_additional h3, .reset_password-subtitle, .forgot_password-subtitle, .search-no_results-subtitle, .modal-body .content-asset h6 {
color: #213858;
font: 1.1428571429rem / 1.4285714286rem brandongrotesque-medium, Arial, Helvetica, sans-serif;
}
.title-subtitle {
color: #213858;
font: 1.1428571429rem / 1.4285714286rem brandongrotesque-medium, Arial, Helvetica, sans-serif;
}
.psp-title, .checkout_sales_rep_optimized .checkout-section_title, .checkout-sub_title {
color: #213858;
font: 1.5714285714rem / 1.8571428571rem brandongrotesque-medium, Arial, Helvetica, sans-serif;
}
.title-subtitle1 {
color: #213858;
font: 1.5714285714rem / 1.8571428571rem brandongrotesque-medium, Arial, Helvetica, sans-serif;
}
.todays_orders-subtitle, .app-view .plp:not(.delayed_rec_orders-plp) .plp-recent_orders-title, .contact_us-title, .dashboard-status-title, .checkout-step_title, .account_users-list_title, .account-downloads__title, .account_addresses-list_title {
color: #213858;
font: 1.2857142857rem / 1.4285714286rem brandongrotesque-medium, Arial, Helvetica, sans-serif;
}
.title-subtitle2 {
color: #213858;
font: 1.2857142857rem / 1.4285714286rem brandongrotesque-medium, Arial, Helvetica, sans-serif;
}
.bonus_product-header_title, .validation-title, .cookie-message h5, .modal-header_title {
color: #213858;
font: 1.4285714286rem / 1.4285714286rem brandongrotesque-medium, Arial, Helvetica, sans-serif;
text-transform: uppercase;
}
.title-modal {
color: #213858;
font: 1.4285714286rem / 1.4285714286rem brandongrotesque-medium, Arial, Helvetica, sans-serif;
text-transform: uppercase;
}
.product-name {
color: #000000;
font-size: 2.1428571429rem;
}
.title-product {
color: #000000;
font-size: 2.1428571429rem;
}
/* stylelint-disable */
.toggle-body {
max-height: 0;
opacity: 0;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
visibility: hidden;
overflow: hidden;
will-change: max-height, opacity, visibility, overflow;
}
.toggle-wrapper.active .toggle-body {
max-height: 1000px;
opacity: 1;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
visibility: visible;
overflow: visible;
}
@media print, only screen and (min-width: 1025px) {
.table_min_tl-wrap {
display: block;
width: 100%;
}
}
.table_min_tl-body_empty:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f15c";
}
.table_min_tl-body_empty {
font: 1rem / 1.1428571429rem opensans-regular, Arial, Helvetica, sans-serif;
color: #646464;
border-top: 0;
text-align: center;
padding: 20px;
}
@media only screen and (min-width: 1025px) {
.table_min_tl-body_empty {
border: 1px solid #e7e7e7;
}
}
.table_min_tl-body_empty::before {
display: block;
margin-bottom: 20px;
line-height: 30px;
font-size: 2.1428571429rem;
color: #c5c5c5;
}
@media only screen and (max-width: 1024px) {
.table_min_tl-body_empty.m-without_icon {
padding: 0 15px 15px;
}
}
.table_min_tl-body_empty.m-without_icon::before {
display: none;
}
.table_min_tl-header_row {
display: none;
}
@media print, only screen and (min-width: 1025px) {
.table_min_tl-header_row {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-direction: row;
flex-direction: row;
background: #213858;
color: #ffffff;
text-transform: uppercase;
border: 1px solid #213858;
border-radius: 5px 5px 0 0;
padding: 0;
}
}
.table_min_tl-body_row {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
position: relative;
padding: 30px 20px;
margin-bottom: 20px;
background: #ffffff;
font-size: 0.9285714286rem;
border: 1px solid #e7e7e7;
border-top-width: 0;
border-radius: 3px;
}
@media print, only screen and (min-width: 1025px) {
.table_min_tl-body_row {
margin: 0;
padding: 0;
background: none;
font-size: 1rem;
border-radius: 0;
-webkit-transition: background 0.2s ease 0s;
transition: background 0.2s ease 0s;
}
.table_min_tl-body_row:hover {
background: #f7f9f9;
}
}
@media only screen and (max-width: 1024px) {
.table_min_tl-body_row {
border-top: 1px solid #e7e7e7;
}
}
@media only screen and (max-width: 1024px) {
.table_min_tl-body_cell-full {
width: 100%;
margin-bottom: 15px;
}
}
@media print, only screen and (min-width: 1025px) {
.table_min_tl-header_cell {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex: 1;
flex: 1; /* stylelint-disable-line */
}
.table_min_tl-header_cell:first-child {
padding-left: 20px;
}
.table_min_tl-header_cell:last-child {
padding-right: 20px;
}
}
@media only screen and (max-width: 1024px) {
.table_min_tl-header_cell {
-ms-flex-align: center;
align-items: center;
}
}
.table_min_tl-header_cell {
-ms-flex-pack: center;
justify-content: center;
padding: 15px 10px 15px 0;
min-height: 60px;
}
.table_min_tl-header_cell .label {
color: #ffffff;
}
@media only screen and (min-width: 1025px) {
[locale=de_CH] .table_min_tl-header_cell .label {
word-break: break-all;
}
}
.table_min_tl-header_cell.m-right {
text-align: right;
}
@media print, only screen and (min-width: 1025px) {
.table_min_tl-body_cell {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex: 1;
flex: 1; /* stylelint-disable-line */
}
.table_min_tl-body_cell:first-child {
padding-left: 20px;
}
.table_min_tl-body_cell:last-child {
padding-right: 20px;
}
}
@media only screen and (max-width: 1024px) {
.table_min_tl-body_cell {
-ms-flex-align: center;
align-items: center;
}
}
.table_min_tl-body_cell {
font-family: opensans-regular, Arial, Helvetica, sans-serif;
word-break: break-word;
}
.table_min_tl-body_cell .label {
color: #646464;
}
.table_min_tl-body_cell .value {
color: #000000;
}
@media print, only screen and (min-width: 1025px) {
.table_min_tl-body_cell {
padding: 20px 10px 20px 0;
}
.table_min_tl-body_cell .label {
display: none;
}
.table_min_tl-body_cell .value {
color: #646464;
}
}
@media print, only screen and (min-width: 1025px) {
.table_min_tl-small_cell {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex: 1;
flex: 1; /* stylelint-disable-line */
}
.table_min_tl-small_cell:first-child {
padding-left: 20px;
}
.table_min_tl-small_cell:last-child {
padding-right: 20px;
}
}
@media only screen and (max-width: 1024px) {
.table_min_tl-small_cell {
-ms-flex-align: center;
align-items: center;
}
}
.table_min_tl-small_cell {
font-family: opensans-regular, Arial, Helvetica, sans-serif;
word-break: break-word;
}
.table_min_tl-small_cell .label {
color: #646464;
}
.table_min_tl-small_cell .value {
color: #000000;
}
@media print, only screen and (min-width: 1025px) {
.table_min_tl-small_cell {
padding: 20px 10px 20px 0;
}
.table_min_tl-small_cell .label {
display: none;
}
.table_min_tl-small_cell .value {
color: #646464;
}
}
@media only screen and (max-width: 1024px) {
.table_min_tl-small_cell {
width: 50%;
margin-bottom: 20px;
}
.table_min_tl-small_cell + .table_min_tl-small_cell {
text-align: right;
}
.table_min_tl-small_cell .value {
display: block;
}
}
.table_min_tl-action_cell {
-ms-flex-pack: center;
justify-content: center;
}
@media only screen and (max-width: 1024px) {
.table_min_tl-action_cell {
position: absolute;
top: 35px;
right: 20px;
}
}
.table_min_tl-icon_cell {
-ms-flex-pack: center;
justify-content: center;
}
@media only screen and (max-width: 1024px) {
.table_min_tl-input_cell {
-ms-flex-align: center;
align-items: center;
}
.table_min_tl-input_cell .label,
.table_min_tl-input_cell .value {
width: 50%;
}
.table_min_tl-input_cell .label {
padding-right: 10px;
}
.table_min_tl-input_cell .value {
max-width: 200px;
}
}
@media only screen and (max-width: 1024px) {
.table_min_tl-side_aligns {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 15px;
}
.table_min_tl-side_aligns:last-child {
margin-bottom: 0;
}
.table_min_tl-side_aligns .value {
text-align: right;
}
}
@media print, only screen and (min-width: 768px) {
.table_min_tm-wrap {
display: block;
width: 100%;
}
}
.table_min_tm-body_empty:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f15c";
}
.table_min_tm-body_empty {
font: 1rem / 1.1428571429rem opensans-regular, Arial, Helvetica, sans-serif;
color: #646464;
border-top: 0;
text-align: center;
padding: 20px;
}
@media only screen and (min-width: 768px) {
.table_min_tm-body_empty {
border: 1px solid #e7e7e7;
}
}
.table_min_tm-body_empty::before {
display: block;
margin-bottom: 20px;
line-height: 30px;
font-size: 2.1428571429rem;
color: #c5c5c5;
}
.table_min_tm-header_row {
display: none;
}
@media print, only screen and (min-width: 768px) {
.table_min_tm-header_row {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-direction: row;
flex-direction: row;
background: #213858;
color: #ffffff;
text-transform: uppercase;
border: 1px solid #213858;
border-radius: 5px 5px 0 0;
padding: 0;
}
}
.table_min_tm-body_row {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
position: relative;
padding: 30px 20px;
margin-bottom: 20px;
background: #ffffff;
font-size: 0.9285714286rem;
border: 1px solid #e7e7e7;
border-top-width: 0;
border-radius: 3px;
}
@media print, only screen and (min-width: 768px) {
.table_min_tm-body_row {
margin: 0;
padding: 0;
background: none;
font-size: 1rem;
border-radius: 0;
-webkit-transition: background 0.2s ease 0s;
transition: background 0.2s ease 0s;
}
.table_min_tm-body_row:hover {
background: #f7f9f9;
}
}
@media only screen and (max-width: 767px) {
.table_min_tm-body_row {
border-top: 1px solid #e7e7e7;
}
}
@media only screen and (max-width: 1024px) {
.table_min_tm-body_cell-full {
width: 100%;
margin-bottom: 15px;
}
}
@media print, only screen and (min-width: 768px) {
.table_min_tm-header_cell {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex: 1;
flex: 1; /* stylelint-disable-line */
}
.table_min_tm-header_cell:first-child {
padding-left: 20px;
}
.table_min_tm-header_cell:last-child {
padding-right: 20px;
}
}
@media only screen and (max-width: 767px) {
.table_min_tm-header_cell {
-ms-flex-align: center;
align-items: center;
}
}
.table_min_tm-header_cell {
-ms-flex-pack: center;
justify-content: center;
padding: 15px 10px 15px 0;
min-height: 60px;
}
.table_min_tm-header_cell .label {
color: #ffffff;
}
@media only screen and (min-width: 768px) {
[locale=de_CH] .table_min_tm-header_cell .label {
word-break: break-all;
}
}
@media print, only screen and (min-width: 768px) {
.table_min_tm-body_cell {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex: 1;
flex: 1; /* stylelint-disable-line */
}
.table_min_tm-body_cell:first-child {
padding-left: 20px;
}
.table_min_tm-body_cell:last-child {
padding-right: 20px;
}
}
@media only screen and (max-width: 767px) {
.table_min_tm-body_cell {
-ms-flex-align: center;
align-items: center;
}
}
.table_min_tm-body_cell {
font-family: opensans-regular, Arial, Helvetica, sans-serif;
word-break: break-word;
}
.table_min_tm-body_cell .label {
color: #646464;
}
.table_min_tm-body_cell .value {
color: #000000;
}
@media print, only screen and (min-width: 768px) {
.table_min_tm-body_cell {
padding: 20px 10px 20px 0;
}
.table_min_tm-body_cell .label {
display: none;
}
.table_min_tm-body_cell .value {
color: #646464;
}
}
@media print, only screen and (min-width: 768px) {
.table_min_tm-small_cell {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex: 1;
flex: 1; /* stylelint-disable-line */
}
.table_min_tm-small_cell:first-child {
padding-left: 20px;
}
.table_min_tm-small_cell:last-child {
padding-right: 20px;
}
}
@media only screen and (max-width: 767px) {
.table_min_tm-small_cell {
-ms-flex-align: center;
align-items: center;
}
}
.table_min_tm-small_cell {
font-family: opensans-regular, Arial, Helvetica, sans-serif;
word-break: break-word;
}
.table_min_tm-small_cell .label {
color: #646464;
}
.table_min_tm-small_cell .value {
color: #000000;
}
@media print, only screen and (min-width: 768px) {
.table_min_tm-small_cell {
padding: 20px 10px 20px 0;
}
.table_min_tm-small_cell .label {
display: none;
}
.table_min_tm-small_cell .value {
color: #646464;
}
}
@media only screen and (max-width: 767px) {
.table_min_tm-small_cell {
width: 50%;
margin-bottom: 20px;
}
.table_min_tm-small_cell + .table_min_tm-small_cell {
text-align: right;
}
.table_min_tm-small_cell .value {
display: block;
}
}
.table_min_tm-action_cell {
-ms-flex-pack: center;
justify-content: center;
}
@media only screen and (max-width: 767px) {
.table_min_tm-action_cell {
position: absolute;
top: 35px;
right: 20px;
}
}
.table_min_tm-icon_cell {
-ms-flex-pack: center;
justify-content: center;
}
@media only screen and (max-width: 767px) {
.table_min_tm-input_cell {
-ms-flex-align: center;
align-items: center;
}
.table_min_tm-input_cell .label,
.table_min_tm-input_cell .value {
width: 50%;
}
.table_min_tm-input_cell .label {
padding-right: 10px;
}
.table_min_tm-input_cell .value {
max-width: 200px;
}
}
@media only screen and (max-width: 767px) {
.table_min_tm-side_aligns {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 15px;
}
.table_min_tm-side_aligns:last-child {
margin-bottom: 0;
}
.table_min_tm-side_aligns .value {
text-align: right;
}
}
@media only screen and (max-width: 767px) {
.slide_flyout-wrapper {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
pointer-events: none;
z-index: 8;
background-color: transparent;
-webkit-transition: background-color 0.5s ease 0s;
transition: background-color 0.5s ease 0s;
}
.m-flyout-opened .slide_flyout-wrapper {
pointer-events: auto;
background-color: rgba(0, 0, 0, 0.7);
}
}
@media only screen and (max-width: 767px) {
.slide_flyout-content {
background: #ffffff;
height: 100%;
width: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: justify;
justify-content: space-between;
overflow: hidden;
position: relative;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-transition: -webkit-transform 0.5s ease 0s;
transition: -webkit-transform 0.5s ease 0s;
transition: transform 0.5s ease 0s;
transition: transform 0.5s ease 0s, -webkit-transform 0.5s ease 0s;
}
}
@media only screen and (max-width: 767px) {
.slide_flyout-content_left {
right: 100%;
}
.m-flyout-opened .slide_flyout-content_left {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@media only screen and (max-width: 767px) {
.slide_flyout-content_right {
left: 100%;
}
.m-flyout-opened .slide_flyout-content_right {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@media only screen and (max-width: 767px) {
.slide_flyout-title:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 30px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f126";
}
.slide_flyout-title {
-ms-flex-align: center;
align-items: center;
border-bottom: 1px solid #e7e7e7;
-webkit-box-shadow: 0 0 10px 2px #efefef;
box-shadow: 0 0 10px 2px #efefef;
color: #000000;
display: -ms-flexbox;
display: flex;
font: 1.1428571429rem brandongrotesque-medium, Arial, Helvetica, sans-serif;
min-height: 60px;
padding: 10px 20px;
text-transform: uppercase;
}
.slide_flyout-title::before {
margin-right: 20px;
opacity: 0.5;
}
}
@media only screen and (max-width: 767px) {
.slide_flyout-body {
height: 100%;
overflow: auto;
}
}
@media only screen and (max-width: 767px) {
.slide_flyout-actions {
position: relative;
padding: 20px;
-webkit-box-shadow: 0 0 10px 2px #efefef;
box-shadow: 0 0 10px 2px #efefef;
z-index: 1;
}
}
.accordion-item {
border-top: 1px solid #e7e7e7;
}
.accordion-item:last-child {
border-bottom: 1px solid #e7e7e7;
}
.accordion-item_title {
cursor: pointer;
position: relative;
text-transform: initial;
-ms-flex-align: center;
align-items: center;
color: #076795;
cursor: pointer;
display: -ms-flexbox;
display: flex;
font-size: 1.1428571429rem;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 15px 0;
}
.accordion-item_title::after {
font-weight: bold;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-transition: -webkit-transform 0.2s ease 0s;
transition: -webkit-transform 0.2s ease 0s;
transition: transform 0.2s ease 0s;
transition: transform 0.2s ease 0s, -webkit-transform 0.2s ease 0s;
}
.accordion-item_title:after {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 14px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f125";
}
.accordion-item_body {
max-height: 0;
opacity: 0;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
visibility: hidden;
will-change: max-height, opacity, visibility;
}
.accordion-item.active .accordion-item_title::after {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.accordion-item.active > .accordion-item_body {
max-height: 1500px;
opacity: 1;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
visibility: visible;
}
/*
ALTERNATIVE ACCORDION WITH + AND -
*/
.accordion_alternative-item {
border: 1px solid #e7e7e7;
}
.accordion_alternative-item + .accordion_alternative-item {
border-top: 0;
}
.accordion_alternative-item_title {
cursor: pointer;
position: relative;
text-transform: initial;
font: 1.2857142857rem / 1.5714285714rem opensans-regular, Arial, Helvetica, sans-serif;
padding: 20px;
color: #213858;
padding-left: 55px;
}
.accordion_alternative-item_title::before, .accordion_alternative-item_title::after {
position: absolute;
top: 50%;
left: 20px;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
content: "";
border: 1px solid #076795;
width: 14px;
-webkit-transition: -webkit-transform 0.2s ease 0s;
transition: -webkit-transform 0.2s ease 0s;
transition: transform 0.2s ease 0s;
transition: transform 0.2s ease 0s, -webkit-transform 0.2s ease 0s;
}
.accordion_alternative-item_title::after {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
margin-top: -1px;
}
.active .accordion_alternative-item_title::after {
-webkit-transform: rotate(0);
transform: rotate(0);
}
.accordion_alternative-item_body {
display: none;
max-height: 28vh;
overflow-x: hidden;
overflow-y: auto;
padding: 0 20px;
position: relative;
}
.accordion_alternative-item.active .accordion_alternative-item_title {
background: #f7f9f9;
}
.accordion_alternative-item.active .accordion_alternative-item_body {
display: block;
padding: 20px;
}
.tooltip-link {
display: inline-block;
position: relative;
cursor: pointer;
line-height: normal;
}
.tooltip-link.tooltip-icon-before:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f168";
}
.tooltip-link.tooltip-icon-before {
padding: 5px;
}
.tooltip-link.tooltip-icon-before::before {
color: #076795;
opacity: 0.5;
-webkit-transition: opacity 0.2s ease 0s;
transition: opacity 0.2s ease 0s;
}
.tooltip-link.tooltip-icon-before:hover::before {
opacity: 1;
}
.tooltip-link.tooltip-icon-before.tooltip-information:after {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f169";
}
.tooltip-link.tooltip-icon-after:after {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f168";
}
.tooltip-link.tooltip-icon-after {
padding: 5px;
}
.tooltip-link.tooltip-icon-after::after {
display: block;
color: #076795;
opacity: 0.5;
-webkit-transition: opacity 0.2s ease 0s;
transition: opacity 0.2s ease 0s;
}
.tooltip-link.tooltip-icon-after:hover::after {
opacity: 1;
}
.tooltip-link.tooltip-icon-after.tooltip-information:after {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f169";
}
.tooltip-link.tooltip-icon-after.tooltip-information::after {
display: block;
}
@media only screen and (max-width: 767px) {
.tooltip-link.tooltip-icon-after.m-new-password .tooltip::after, .tooltip-link.tooltip-icon-after.m-new-password .tooltip::before {
display: none;
}
}
.tooltip {
position: absolute;
background-color: #ffefae;
border-radius: 5px;
border: 1px solid #213858;
-webkit-box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.4);
box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.4);
font: 1rem / 1rem brandongrotesque-regular, Arial, Helvetica, sans-serif;
color: #000000;
padding: 10px;
min-width: 100px;
z-index: 9998;
}
.tooltip[x-placement=bottom] {
top: 10px !important;
}
.tooltip[x-placement=bottom]::before, .tooltip[x-placement=bottom]::after {
position: absolute;
left: 50%;
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
content: "";
}
.tooltip[x-placement=bottom]::before {
border: 6px solid transparent;
border-bottom-color: #213858;
border-top-width: 0;
top: -6px;
}
.tooltip[x-placement=bottom]::after {
border: 5px solid transparent;
border-bottom-color: #ffefae;
border-top-width: 0;
top: -5px;
}
.tooltip[x-placement=top] {
top: -10px !important;
-webkit-box-shadow: 0 -1px 7px 0 rgba(0, 0, 0, 0.4);
box-shadow: 0 -1px 7px 0 rgba(0, 0, 0, 0.4);
}
.tooltip[x-placement=top]::before, .tooltip[x-placement=top]::after {
position: absolute;
left: 50%;
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
content: "";
}
.tooltip[x-placement=top]::before {
border: 6px solid transparent;
border-top-color: #213858;
border-bottom-width: 0;
bottom: -6px;
}
.tooltip[x-placement=top]::after {
border: 5px solid transparent;
border-top-color: #ffefae;
border-bottom-width: 0;
bottom: -5px;
}
.tooltip[x-placement=left] {
left: -10px !important;
}
.tooltip[x-placement=left]::before, .tooltip[x-placement=left]::after {
position: absolute;
top: 50%;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
content: "";
}
.tooltip[x-placement=left]::before {
border: 6px solid transparent;
border-left-color: #213858;
border-right-width: 0;
right: -6px;
}
.tooltip[x-placement=left]::after {
border: 5px solid transparent;
border-left-color: #ffefae;
border-right-width: 0;
right: -5px;
}
.tooltip[x-placement=right] {
left: 10px !important;
}
.tooltip[x-placement=right]::before, .tooltip[x-placement=right]::after {
position: absolute;
top: 50%;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
content: "";
}
.tooltip[x-placement=right]::before {
border: 6px solid transparent;
border-right-color: #213858;
border-left-width: 0;
left: -6px;
}
.tooltip[x-placement=right]::after {
border: 5px solid transparent;
border-right-color: #ffefae;
border-left-width: 0;
left: -5px;
}
.rewards-chart {
display: -ms-flexbox;
display: flex;
-ms-flex-align: end;
align-items: flex-end;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 30px;
}
.rewards-chart-outer {
position: relative;
}
.rewards-chart-inner {
position: relative;
min-width: 195px;
width: 195px;
height: 98px;
overflow: hidden;
}
.rewards-chart-inner::before {
position: absolute;
top: 0;
left: 0;
content: "";
width: inherit;
height: inherit;
border: 30px solid #e7e7e7;
border-bottom: none;
border-top-left-radius: 98px;
border-top-right-radius: 98px;
}
.rewards-chart-progres {
position: absolute;
top: 100%;
left: 0;
width: inherit;
height: inherit;
border: 30px solid;
border-top: none;
border-bottom-left-radius: 98px;
border-bottom-right-radius: 98px;
-webkit-transform-origin: 50% 0;
transform-origin: 50% 0;
z-index: 4;
border-color: #076795;
-webkit-transform: rotate(21.6deg);
transform: rotate(21.6deg);
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.rewards-chart-curent_points {
position: absolute;
right: 0;
bottom: 0;
left: 0;
text-align: center;
font: 2rem / 2.2857142857rem opensans-regular, Arial, Helvetica, sans-serif;
color: #000000;
}
.rewards-chart-min, .rewards-chart-max {
font: 0.7857142857rem / 0.8571428571rem opensans-semibold, Arial, Helvetica, sans-serif;
color: #888888;
width: 50%;
}
.rewards-chart-max {
position: absolute;
right: -17%;
bottom: -15px;
}
.rewards-chart-min {
position: absolute;
bottom: -15px;
left: -17%;
}
.rewards-next, .rewards-current {
min-width: 55px;
}
.rewards-title {
font: 1rem / 1.1428571429rem opensans-semibold, Arial, Helvetica, sans-serif;
color: #888888;
padding-bottom: 15px;
}
.rewards-program_name {
font: 1.1428571429rem / 1.2857142857rem opensans-regular, Arial, Helvetica, sans-serif;
color: #000000;
}
.rewards-download_btn {
padding: 0;
border: 0;
background: none;
background-color: transparent;
background-image: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.rewards-download_btn::-ms-expand {
display: none;
}
.rewards-download_btn.link-disabled, .rewards-download_btn.link-disabled:hover, .rewards-download_btn.link-disabled:focus, .rewards-download_btn.link-disabled:active, .rewards-download_btn[disabled], .rewards-download_btn[disabled]:hover, .rewards-download_btn[disabled]:focus, .rewards-download_btn[disabled]:active {
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.rewards-download_btn {
display: inline-block;
cursor: pointer;
color: #076795;
}
.rewards-download_btn:hover, .rewards-download_btn:active {
text-decoration: underline;
}
.rewards-download_btn {
font: 0.8571428571rem brandongrotesque-medium, Arial, Helvetica, sans-serif;
text-transform: uppercase;
font: 1rem / 1.1428571429rem opensans-semibold, Arial, Helvetica, sans-serif;
}
.rewards-program {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 60px;
}
.rewards-program-item {
-ms-flex: 1;
flex: 1;
}
.rewards-arrow:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f124";
}
.rewards-arrow {
-ms-flex: 0 auto;
flex: 0 auto;
}
.rewards-arrow::before {
font-size: 1.7142857143rem;
color: #076795;
}
.save_changes-message {
padding: 0 30px;
text-align: center;
font: 1.1428571429rem brandongrotesque-medium, Arial, Helvetica, sans-serif;
color: #213858;
}
.save_changes-icon {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
margin: 0 auto 35px;
width: 77px;
height: 77px;
border: 2px solid;
padding: 10px;
border-radius: 50%;
}
.save_changes-success .save_changes-icon:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f165";
}
.save_changes-success .save_changes-icon {
border-color: #83c487;
}
.save_changes-success .save_changes-icon::before {
color: #83c487;
font-size: 36px;
}
.save_changes-error .save_changes-icon:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f136";
}
.save_changes-error .save_changes-icon {
border-color: #ff0000;
}
.save_changes-error .save_changes-icon::before {
color: #ff0000;
font-size: 36px;
}
.save_changes .modal-dialog {
max-width: 400px;
}
.save_changes .modal-footer {
padding-bottom: 0;
}
.expand_details:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f125";
}
.expand_details {
position: absolute;
top: 30px;
right: 0;
height: 45px;
width: 50px;
padding: 10px 0;
background: #d7e7ef;
border-radius: 50% 0 0 50%;
text-align: center;
color: #076795;
}
.expand_details::before {
-webkit-transition: -webkit-transform 0.2s ease 0s;
transition: -webkit-transform 0.2s ease 0s;
transition: transform 0.2s ease 0s;
transition: transform 0.2s ease 0s, -webkit-transform 0.2s ease 0s;
}
.expanded .expand_details::before {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
@media only screen and (max-width: 767px) {
.css_accordion-max-tm.css_accordion:has(*) .css_accordion-header {
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
pointer-events: revert;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
}
.css_accordion-max-tm.css_accordion:has(*) .css_accordion-status {
display: grid;
place-items: center;
width: 1em;
aspect-ratio: 1;
}
.css_accordion-max-tm.css_accordion:has(*) .css_accordion-status::before, .css_accordion-max-tm.css_accordion:has(*) .css_accordion-status::after {
content: "";
display: block;
height: 0.1em;
width: 100%;
background: #000000;
grid-row: 1;
grid-column: 1;
-webkit-transition: -webkit-transform 0.3s ease-in-out;
transition: -webkit-transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.css_accordion-max-tm.css_accordion:has(*) .css_accordion-status::after {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.css_accordion-max-tm.css_accordion:has(*) .css_accordion-status input {
display: none;
}
.css_accordion-max-tm.css_accordion:has(*) .css_accordion-body {
grid-template-rows: 0fr; /* stylelint-disable-line */
display: grid;
-webkit-transition: grid-template-rows 0.3s ease-in-out;
transition: grid-template-rows 0.3s ease-in-out;
transition: grid-template-rows 0.3s ease-in-out, -ms-grid-rows 0.3s ease-in-out;
}
.css_accordion-max-tm.css_accordion:has(*) .css_accordion-body-expander {
overflow: hidden;
}
.css_accordion-max-tm:has(.css_accordion-status input:checked) .css_accordion-status::after, .css_accordion-max-tm:has(.css_accordion-status input:checked) .css_accordion-status::before {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.css_accordion-max-tm:has(.css_accordion-status input:checked) .css_accordion-body {
grid-template-rows: 1fr;
}
}
.css_accordion-max-tm .css_accordion-header {
cursor: revert;
}
.container, .pdp .pdp-breadcrumbs + .list-prices-message, .partner_selection {
margin: 0 auto;
max-width: 1200px;
padding: 0 10px;
width: 100%;
}
@media only screen and (min-width: 768px) {
.container, .pdp .pdp-breadcrumbs + .list-prices-message, .partner_selection {
padding: 0 20px;
}
}
.page {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
min-height: 100%;
}
.reset_password-page_wrapper,
.forgot_password-page_wrapper,
.partner_selection,
.content_page-wrapper,
.error_page-wrapper,
.notifications_dashboard-wrapper,
.checkout-wrapper,
.account-wrapper,
.login_page,
.plp,
.dashboard-page,
.billpay-page,
.backorder-wrapper,
.delayed_rec_orders,
.single_column-page {
-ms-flex: 1 0 auto;
flex: 1 0 auto;
}
.footer,
.header_banner-wrapper,
.reset_password-heading,
.pdp,
.dashboard-page,
.consignment_refill-page {
-ms-flex-negative: 0;
flex-shrink: 0;
}
.spinning_icon {
border: 2px solid transparent;
border-radius: 50%;
}
.spinning_icon::after {
position: absolute;
top: -2px;
left: -2px;
content: "";
height: 65px;
width: 65px;
border-radius: 50%;
border: 2px solid #ffffff;
border-right-color: #d7e7ef;
border-top-color: #d7e7ef;
-webkit-animation: spinningIcon 800ms infinite linear;
animation: spinningIcon 800ms infinite linear;
}
@-webkit-keyframes "spinningIcon" {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes "spinningIcon" {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.spinner {
position: absolute;
top: 50%;
left: 50%;
width: 80px;
height: 80px;
margin-top: -40px;
margin-left: -40px;
font-size: 8px;
border: 8px solid rgba(255, 255, 255, 0.2);
border-left-color: #ffffff;
-webkit-animation: spinner 1.1s infinite linear;
animation: spinner 1.1s infinite linear;
border-radius: 50%;
}
.spinner-wrapper {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 9999;
}
.spinner-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.7);
}
.resize_popup .resize_popup-image::before {
position: absolute;
top: 50%;
left: 50%;
width: 80px;
height: 80px;
margin-top: -40px;
margin-left: -40px;
content: "";
border: 8px solid rgba(33, 56, 88, 0.2);
border-left-color: rgba(33, 56, 88, 0.6);
-webkit-animation: spinner 1.1s infinite linear;
animation: spinner 1.1s infinite linear;
border-radius: 50%;
z-index: -1;
}
@-webkit-keyframes spinner {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes spinner {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.h-color-black01 {
color: #000000;
}
.h-color-black02 {
color: #2d2d2d;
}
.h-color-black03 {
color: #242424;
}
.h-color-gray01 {
color: #646464;
}
.h-color-gray02 {
color: #c5c5c5;
}
.h-color-gray03 {
color: #efefef;
}
.h-color-gray04 {
color: #e7e7e7;
}
.h-color-gray05 {
color: #434343;
}
.h-color-gray06 {
color: #888888;
}
.h-color-gray07 {
color: #a7a7a7;
}
.h-color-gray08 {
color: #e4e5e5;
}
.h-color-gray09 {
color: #4d4d4d;
}
.h-color-gray10 {
color: #686c77;
}
.h-color-gray11 {
color: #5D5D5D;
}
.h-color-gray12 {
color: #E8E8EA;
}
.h-color-white01 {
color: #ffffff;
}
.h-color-white02 {
color: #f7f9f9;
}
.h-color-white03 {
color: #f5f5f5;
}
.h-color-blue01 {
color: #213858;
}
.h-color-blue02 {
color: #2d4c78;
}
.h-color-blue03 {
color: #31333d;
}
.h-color-blue04 {
color: #076795;
}
.h-color-blue05 {
color: #d7e7ef;
}
.h-color-blue06 {
color: #a7bdc8;
}
.h-color-blue07 {
color: #4794b9;
}
.h-color-blue08 {
color: #f0f5f7;
}
.h-color-blue09 {
color: #2a68e1;
}
.h-color-blue10 {
color: #3399cc;
}
.h-color-blue11 {
color: #213858;
}
.h-color-blue12 {
color: #0d4fab;
}
.h-color-blue13 {
color: #004b8b;
}
.h-color-blue14 {
color: #e5ecf3;
}
.h-color-red01 {
color: #ff0000;
}
.h-color-red02 {
color: #fff3f3;
}
.h-color-red03 {
color: #fa585f;
}
.h-color-red04 {
color: #f0531e;
}
.h-color-red05 {
color: #b20000;
}
.h-color-yellow01 {
color: #ffefae;
}
.h-color-yellow02 {
color: #e9d892;
}
.h-color-yellow03 {
color: #ebc71d;
}
.h-color-yellow04 {
color: #fdb823;
}
.h-color-yellow05 {
color: #ffffce;
}
.h-color-yellow06 {
color: #ff9900;
}
.h-color-orange01 {
color: #ec7e52;
}
.h-color-orange02 {
color: #fdc431;
}
.h-color-green01 {
color: #83c487;
}
.h-color-green02 {
color: #f8fcf8;
}
.h-color-green03 {
color: #008900;
}
.h-color-green04 {
color: #59c0a5;
}
.h-color-green05 {
color: #49b53d;
}
.h-color-green06 {
color: #339933;
}
.h-color-green07 {
color: #0d7564;
}
.h-color-green08 {
color: #21A500;
}
.h-color-green09 {
color: #e2eee8;
}
.h-color-purple01 {
color: #d800dc;
}
.h-font-main {
font-family: brandongrotesque-regular, Arial, Helvetica, sans-serif !important;
}
.h-font-main-bold {
font-family: brandongrotesque-bold, Arial, Helvetica, sans-serif !important;
}
.h-font-main-mid {
font-family: brandongrotesque-medium, Arial, Helvetica, sans-serif !important;
}
.h-font-main-light {
font-family: brandongrotesque-light, Arial, Helvetica, sans-serif !important;
}
.h-font-italic {
font-family: brandongrotesque-italic, Arial, Helvetica, sans-serif !important;
}
.h-font-additional {
font-family: opensans-regular, Arial, Helvetica, sans-serif !important;
}
.h-font-additional-semibold {
font-family: opensans-semibold, Arial, Helvetica, sans-serif !important;
}
.h-mt-5 {
margin-top: 5px;
}
@media only screen and (min-width: 375px) {
.h-mt-5-min-ts {
margin-top: 5px;
}
}
@media only screen and (min-width: 768px) {
.h-mt-5-min-tm {
margin-top: 5px;
}
}
@media only screen and (min-width: 1024px) {
.h-mt-5-min-tl-ls {
margin-top: 5px;
}
}
@media only screen and (min-width: 1025px) {
.h-mt-5-min-tl {
margin-top: 5px;
}
}
@media only screen and (min-width: 1200px) {
.h-mt-5-min-d {
margin-top: 5px;
}
}
@media only screen and (min-width: 1440px) {
.h-mt-5-min-ld {
margin-top: 5px;
}
}
@media only screen and (max-width: 374px) {
.h-mt-5-max-ts {
margin-top: 5px;
}
}
@media only screen and (max-width: 767px) {
.h-mt-5-max-tm {
margin-top: 5px;
}
}
@media only screen and (max-width: 1023px) {
.h-mt-5-max-tl-sm {
margin-top: 5px;
}
}
@media only screen and (max-width: 1023px) {
.h-mt-5-max-tm-tl {
margin-top: 5px;
}
}
@media only screen and (max-width: 1024px) {
.h-mt-5-max-tl {
margin-top: 5px;
}
}
@media only screen and (max-width: 1199px) {
.h-mt-5-max-d {
margin-top: 5px;
}
}
@media only screen and (max-width: 1439px) {
.h-mt-5-max-ld {
margin-top: 5px;
}
}
@media only screen and (min-width: 375px) and (max-width: 767px) {
.h-mt-5-ts-tm {
margin-top: 5px;
}
}
@media only screen and (min-width: 375px) and (max-width: 1024px) {
.h-mt-5-ts-tl {
margin-top: 5px;
}
}
@media only screen and (min-width: 375px) and (max-width: 1199px) {
.h-mt-5-ts-d {
margin-top: 5px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.h-mt-5-tm-tl {
margin-top: 5px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.h-mt-5-tm-tl-sm {
margin-top: 5px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
.h-mt-5-tm-d {
margin-top: 5px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1439px) {
.h-mt-5-tm-ld {
margin-top: 5px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.h-mt-5-tl-d {
margin-top: 5px;
}
}
@media only screen and (max-height: 720px) {
.h-mt-5-zoom-d {
margin-top: 5px;
}
}
@media only screen and (max-height: 400px) {
.h-mt-5-zoom-m {
margin-top: 5px;
}
}
.h-mr-5 {
margin-right: 5px;
}
@media only screen and (min-width: 375px) {
.h-mr-5-min-ts {
margin-right: 5px;
}
}
@media only screen and (min-width: 768px) {
.h-mr-5-min-tm {
margin-right: 5px;
}
}
@media only screen and (min-width: 1024px) {
.h-mr-5-min-tl-ls {
margin-right: 5px;
}
}
@media only screen and (min-width: 1025px) {
.h-mr-5-min-tl {
margin-right: 5px;
}
}
@media only screen and (min-width: 1200px) {
.h-mr-5-min-d {
margin-right: 5px;
}
}
@media only screen and (min-width: 1440px) {
.h-mr-5-min-ld {
margin-right: 5px;
}
}
@media only screen and (max-width: 374px) {
.h-mr-5-max-ts {
margin-right: 5px;
}
}
@media only screen and (max-width: 767px) {
.h-mr-5-max-tm {
margin-right: 5px;
}
}
@media only screen and (max-width: 1023px) {
.h-mr-5-max-tl-sm {
margin-right: 5px;
}
}
@media only screen and (max-width: 1023px) {
.h-mr-5-max-tm-tl {
margin-right: 5px;
}
}
@media only screen and (max-width: 1024px) {
.h-mr-5-max-tl {
margin-right: 5px;
}
}
@media only screen and (max-width: 1199px) {
.h-mr-5-max-d {
margin-right: 5px;
}
}
@media only screen and (max-width: 1439px) {
.h-mr-5-max-ld {
margin-right: 5px;
}
}
@media only screen and (min-width: 375px) and (max-width: 767px) {
.h-mr-5-ts-tm {
margin-right: 5px;
}
}
@media only screen and (min-width: 375px) and (max-width: 1024px) {
.h-mr-5-ts-tl {
margin-right: 5px;
}
}
@media only screen and (min-width: 375px) and (max-width: 1199px) {
.h-mr-5-ts-d {
margin-right: 5px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.h-mr-5-tm-tl {
margin-right: 5px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.h-mr-5-tm-tl-sm {
margin-right: 5px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
.h-mr-5-tm-d {
margin-right: 5px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1439px) {
.h-mr-5-tm-ld {
margin-right: 5px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.h-mr-5-tl-d {
margin-right: 5px;
}
}
@media only screen and (max-height: 720px) {
.h-mr-5-zoom-d {
margin-right: 5px;
}
}
@media only screen and (max-height: 400px) {
.h-mr-5-zoom-m {
margin-right: 5px;
}
}
.h-mb-5 {
margin-bottom: 5px;
}
@media only screen and (min-width: 375px) {
.h-mb-5-min-ts {
margin-bottom: 5px;
}
}
@media only screen and (min-width: 768px) {
.h-mb-5-min-tm {
margin-bottom: 5px;
}
}
@media only screen and (min-width: 1024px) {
.h-mb-5-min-tl-ls {
margin-bottom: 5px;
}
}
@media only screen and (min-width: 1025px) {
.h-mb-5-min-tl {
margin-bottom: 5px;
}
}
@media only screen and (min-width: 1200px) {
.h-mb-5-min-d {
margin-bottom: 5px;
}
}
@media only screen and (min-width: 1440px) {
.h-mb-5-min-ld {
margin-bottom: 5px;
}
}
@media only screen and (max-width: 374px) {
.h-mb-5-max-ts {
margin-bottom: 5px;
}
}
@media only screen and (max-width: 767px) {
.h-mb-5-max-tm {
margin-bottom: 5px;
}
}
@media only screen and (max-width: 1023px) {
.h-mb-5-max-tl-sm {
margin-bottom: 5px;
}
}
@media only screen and (max-width: 1023px) {
.h-mb-5-max-tm-tl {
margin-bottom: 5px;
}
}
@media only screen and (max-width: 1024px) {
.h-mb-5-max-tl {
margin-bottom: 5px;
}
}
@media only screen and (max-width: 1199px) {
.h-mb-5-max-d {
margin-bottom: 5px;
}
}
@media only screen and (max-width: 1439px) {
.h-mb-5-max-ld {
margin-bottom: 5px;
}
}
@media only screen and (min-width: 375px) and (max-width: 767px) {
.h-mb-5-ts-tm {
margin-bottom: 5px;
}
}
@media only screen and (min-width: 375px) and (max-width: 1024px) {
.h-mb-5-ts-tl {
margin-bottom: 5px;
}
}
@media only screen and (min-width: 375px) and (max-width: 1199px) {
.h-mb-5-ts-d {
margin-bottom: 5px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.h-mb-5-tm-tl {
margin-bottom: 5px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.h-mb-5-tm-tl-sm {
margin-bottom: 5px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
.h-mb-5-tm-d {
margin-bottom: 5px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1439px) {
.h-mb-5-tm-ld {
margin-bottom: 5px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.h-mb-5-tl-d {
margin-bottom: 5px;
}
}
@media only screen and (max-height: 720px) {
.h-mb-5-zoom-d {
margin-bottom: 5px;
}
}
@media only screen and (max-height: 400px) {
.h-mb-5-zoom-m {
margin-bottom: 5px;
}
}
.h-ml-5 {
margin-left: 5px;
}
@media only screen and (min-width: 375px) {
.h-ml-5-min-ts {
margin-left: 5px;
}
}
@media only screen and (min-width: 768px) {
.h-ml-5-min-tm {
margin-left: 5px;
}
}
@media only screen and (min-width: 1024px) {
.h-ml-5-min-tl-ls {
margin-left: 5px;
}
}
@media only screen and (min-width: 1025px) {
.h-ml-5-min-tl {
margin-left: 5px;
}
}
@media only screen and (min-width: 1200px) {
.h-ml-5-min-d {
margin-left: 5px;
}
}
@media only screen and (min-width: 1440px) {
.h-ml-5-min-ld {
margin-left: 5px;
}
}
@media only screen and (max-width: 374px) {
.h-ml-5-max-ts {
margin-left: 5px;
}
}
@media only screen and (max-width: 767px) {
.h-ml-5-max-tm {
margin-left: 5px;
}
}
@media only screen and (max-width: 1023px) {
.h-ml-5-max-tl-sm {
margin-left: 5px;
}
}
@media only screen and (max-width: 1023px) {
.h-ml-5-max-tm-tl {
margin-left: 5px;
}
}
@media only screen and (max-width: 1024px) {
.h-ml-5-max-tl {
margin-left: 5px;
}
}
@media only screen and (max-width: 1199px) {
.h-ml-5-max-d {
margin-left: 5px;
}
}
@media only screen and (max-width: 1439px) {
.h-ml-5-max-ld {
margin-left: 5px;
}
}
@media only screen and (min-width: 375px) and (max-width: 767px) {
.h-ml-5-ts-tm {
margin-left: 5px;
}
}
@media only screen and (min-width: 375px) and (max-width: 1024px) {
.h-ml-5-ts-tl {
margin-left: 5px;
}
}
@media only screen and (min-width: 375px) and (max-width: 1199px) {
.h-ml-5-ts-d {
margin-left: 5px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.h-ml-5-tm-tl {
margin-left: 5px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.h-ml-5-tm-tl-sm {
margin-left: 5px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
.h-ml-5-tm-d {
margin-left: 5px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1439px) {
.h-ml-5-tm-ld {
margin-left: 5px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.h-ml-5-tl-d {
margin-left: 5px;
}
}
@media only screen and (max-height: 720px) {
.h-ml-5-zoom-d {
margin-left: 5px;
}
}
@media only screen and (max-height: 400px) {
.h-ml-5-zoom-m {
margin-left: 5px;
}
}
.h-mt-10 {
margin-top: 10px;
}
@media only screen and (min-width: 375px) {
.h-mt-10-min-ts {
margin-top: 10px;
}
}
@media only screen and (min-width: 768px) {
.h-mt-10-min-tm {
margin-top: 10px;
}
}
@media only screen and (min-width: 1024px) {
.h-mt-10-min-tl-ls {
margin-top: 10px;
}
}
@media only screen and (min-width: 1025px) {
.h-mt-10-min-tl {
margin-top: 10px;
}
}
@media only screen and (min-width: 1200px) {
.h-mt-10-min-d {
margin-top: 10px;
}
}
@media only screen and (min-width: 1440px) {
.h-mt-10-min-ld {
margin-top: 10px;
}
}
@media only screen and (max-width: 374px) {
.h-mt-10-max-ts {
margin-top: 10px;
}
}
@media only screen and (max-width: 767px) {
.h-mt-10-max-tm {
margin-top: 10px;
}
}
@media only screen and (max-width: 1023px) {
.h-mt-10-max-tl-sm {
margin-top: 10px;
}
}
@media only screen and (max-width: 1023px) {
.h-mt-10-max-tm-tl {
margin-top: 10px;
}
}
@media only screen and (max-width: 1024px) {
.h-mt-10-max-tl {
margin-top: 10px;
}
}
@media only screen and (max-width: 1199px) {
.h-mt-10-max-d {
margin-top: 10px;
}
}
@media only screen and (max-width: 1439px) {
.h-mt-10-max-ld {
margin-top: 10px;
}
}
@media only screen and (min-width: 375px) and (max-width: 767px) {
.h-mt-10-ts-tm {
margin-top: 10px;
}
}
@media only screen and (min-width: 375px) and (max-width: 1024px) {
.h-mt-10-ts-tl {
margin-top: 10px;
}
}
@media only screen and (min-width: 375px) and (max-width: 1199px) {
.h-mt-10-ts-d {
margin-top: 10px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.h-mt-10-tm-tl {
margin-top: 10px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.h-mt-10-tm-tl-sm {
margin-top: 10px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
.h-mt-10-tm-d {
margin-top: 10px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1439px) {
.h-mt-10-tm-ld {
margin-top: 10px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.h-mt-10-tl-d {
margin-top: 10px;
}
}
@media only screen and (max-height: 720px) {
.h-mt-10-zoom-d {
margin-top: 10px;
}
}
@media only screen and (max-height: 400px) {
.h-mt-10-zoom-m {
margin-top: 10px;
}
}
.h-mr-10 {
margin-right: 10px;
}
@media only screen and (min-width: 375px) {
.h-mr-10-min-ts {
margin-right: 10px;
}
}
@media only screen and (min-width: 768px) {
.h-mr-10-min-tm {
margin-right: 10px;
}
}
@media only screen and (min-width: 1024px) {
.h-mr-10-min-tl-ls {
margin-right: 10px;
}
}
@media only screen and (min-width: 1025px) {
.h-mr-10-min-tl {
margin-right: 10px;
}
}
@media only screen and (min-width: 1200px) {
.h-mr-10-min-d {
margin-right: 10px;
}
}
@media only screen and (min-width: 1440px) {
.h-mr-10-min-ld {
margin-right: 10px;
}
}
@media only screen and (max-width: 374px) {
.h-mr-10-max-ts {
margin-right: 10px;
}
}
@media only screen and (max-width: 767px) {
.h-mr-10-max-tm {
margin-right: 10px;
}
}
@media only screen and (max-width: 1023px) {
.h-mr-10-max-tl-sm {
margin-right: 10px;
}
}
@media only screen and (max-width: 1023px) {
.h-mr-10-max-tm-tl {
margin-right: 10px;
}
}
@media only screen and (max-width: 1024px) {
.h-mr-10-max-tl {
margin-right: 10px;
}
}
@media only screen and (max-width: 1199px) {
.h-mr-10-max-d {
margin-right: 10px;
}
}
@media only screen and (max-width: 1439px) {
.h-mr-10-max-ld {
margin-right: 10px;
}
}
@media only screen and (min-width: 375px) and (max-width: 767px) {
.h-mr-10-ts-tm {
margin-right: 10px;
}
}
@media only screen and (min-width: 375px) and (max-width: 1024px) {
.h-mr-10-ts-tl {
margin-right: 10px;
}
}
@media only screen and (min-width: 375px) and (max-width: 1199px) {
.h-mr-10-ts-d {
margin-right: 10px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.h-mr-10-tm-tl {
margin-right: 10px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.h-mr-10-tm-tl-sm {
margin-right: 10px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
.h-mr-10-tm-d {
margin-right: 10px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1439px) {
.h-mr-10-tm-ld {
margin-right: 10px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.h-mr-10-tl-d {
margin-right: 10px;
}
}
@media only screen and (max-height: 720px) {
.h-mr-10-zoom-d {
margin-right: 10px;
}
}
@media only screen and (max-height: 400px) {
.h-mr-10-zoom-m {
margin-right: 10px;
}
}
.h-mb-10 {
margin-bottom: 10px;
}
@media only screen and (min-width: 375px) {
.h-mb-10-min-ts {
margin-bottom: 10px;
}
}
@media only screen and (min-width: 768px) {
.h-mb-10-min-tm {
margin-bottom: 10px;
}
}
@media only screen and (min-width: 1024px) {
.h-mb-10-min-tl-ls {
margin-bottom: 10px;
}
}
@media only screen and (min-width: 1025px) {
.h-mb-10-min-tl {
margin-bottom: 10px;
}
}
@media only screen and (min-width: 1200px) {
.h-mb-10-min-d {
margin-bottom: 10px;
}
}
@media only screen and (min-width: 1440px) {
.h-mb-10-min-ld {
margin-bottom: 10px;
}
}
@media only screen and (max-width: 374px) {
.h-mb-10-max-ts {
margin-bottom: 10px;
}
}
@media only screen and (max-width: 767px) {
.h-mb-10-max-tm {
margin-bottom: 10px;
}
}
@media only screen and (max-width: 1023px) {
.h-mb-10-max-tl-sm {
margin-bottom: 10px;
}
}
@media only screen and (max-width: 1023px) {
.h-mb-10-max-tm-tl {
margin-bottom: 10px;
}
}
@media only screen and (max-width: 1024px) {
.h-mb-10-max-tl {
margin-bottom: 10px;
}
}
@media only screen and (max-width: 1199px) {
.h-mb-10-max-d {
margin-bottom: 10px;
}
}
@media only screen and (max-width: 1439px) {
.h-mb-10-max-ld {
margin-bottom: 10px;
}
}
@media only screen and (min-width: 375px) and (max-width: 767px) {
.h-mb-10-ts-tm {
margin-bottom: 10px;
}
}
@media only screen and (min-width: 375px) and (max-width: 1024px) {
.h-mb-10-ts-tl {
margin-bottom: 10px;
}
}
@media only screen and (min-width: 375px) and (max-width: 1199px) {
.h-mb-10-ts-d {
margin-bottom: 10px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.h-mb-10-tm-tl {
margin-bottom: 10px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.h-mb-10-tm-tl-sm {
margin-bottom: 10px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
.h-mb-10-tm-d {
margin-bottom: 10px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1439px) {
.h-mb-10-tm-ld {
margin-bottom: 10px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.h-mb-10-tl-d {
margin-bottom: 10px;
}
}
@media only screen and (max-height: 720px) {
.h-mb-10-zoom-d {
margin-bottom: 10px;
}
}
@media only screen and (max-height: 400px) {
.h-mb-10-zoom-m {
margin-bottom: 10px;
}
}
.h-ml-10 {
margin-left: 10px;
}
@media only screen and (min-width: 375px) {
.h-ml-10-min-ts {
margin-left: 10px;
}
}
@media only screen and (min-width: 768px) {
.h-ml-10-min-tm {
margin-left: 10px;
}
}
@media only screen and (min-width: 1024px) {
.h-ml-10-min-tl-ls {
margin-left: 10px;
}
}
@media only screen and (min-width: 1025px) {
.h-ml-10-min-tl {
margin-left: 10px;
}
}
@media only screen and (min-width: 1200px) {
.h-ml-10-min-d {
margin-left: 10px;
}
}
@media only screen and (min-width: 1440px) {
.h-ml-10-min-ld {
margin-left: 10px;
}
}
@media only screen and (max-width: 374px) {
.h-ml-10-max-ts {
margin-left: 10px;
}
}
@media only screen and (max-width: 767px) {
.h-ml-10-max-tm {
margin-left: 10px;
}
}
@media only screen and (max-width: 1023px) {
.h-ml-10-max-tl-sm {
margin-left: 10px;
}
}
@media only screen and (max-width: 1023px) {
.h-ml-10-max-tm-tl {
margin-left: 10px;
}
}
@media only screen and (max-width: 1024px) {
.h-ml-10-max-tl {
margin-left: 10px;
}
}
@media only screen and (max-width: 1199px) {
.h-ml-10-max-d {
margin-left: 10px;
}
}
@media only screen and (max-width: 1439px) {
.h-ml-10-max-ld {
margin-left: 10px;
}
}
@media only screen and (min-width: 375px) and (max-width: 767px) {
.h-ml-10-ts-tm {
margin-left: 10px;
}
}
@media only screen and (min-width: 375px) and (max-width: 1024px) {
.h-ml-10-ts-tl {
margin-left: 10px;
}
}
@media only screen and (min-width: 375px) and (max-width: 1199px) {
.h-ml-10-ts-d {
margin-left: 10px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.h-ml-10-tm-tl {
margin-left: 10px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.h-ml-10-tm-tl-sm {
margin-left: 10px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
.h-ml-10-tm-d {
margin-left: 10px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1439px) {
.h-ml-10-tm-ld {
margin-left: 10px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.h-ml-10-tl-d {
margin-left: 10px;
}
}
@media only screen and (max-height: 720px) {
.h-ml-10-zoom-d {
margin-left: 10px;
}
}
@media only screen and (max-height: 400px) {
.h-ml-10-zoom-m {
margin-left: 10px;
}
}
.h-mt-15 {
margin-top: 15px;
}
@media only screen and (min-width: 375px) {
.h-mt-15-min-ts {
margin-top: 15px;
}
}
@media only screen and (min-width: 768px) {
.h-mt-15-min-tm {
margin-top: 15px;
}
}
@media only screen and (min-width: 1024px) {
.h-mt-15-min-tl-ls {
margin-top: 15px;
}
}
@media only screen and (min-width: 1025px) {
.h-mt-15-min-tl {
margin-top: 15px;
}
}
@media only screen and (min-width: 1200px) {
.h-mt-15-min-d {
margin-top: 15px;
}
}
@media only screen and (min-width: 1440px) {
.h-mt-15-min-ld {
margin-top: 15px;
}
}
@media only screen and (max-width: 374px) {
.h-mt-15-max-ts {
margin-top: 15px;
}
}
@media only screen and (max-width: 767px) {
.h-mt-15-max-tm {
margin-top: 15px;
}
}
@media only screen and (max-width: 1023px) {
.h-mt-15-max-tl-sm {
margin-top: 15px;
}
}
@media only screen and (max-width: 1023px) {
.h-mt-15-max-tm-tl {
margin-top: 15px;
}
}
@media only screen and (max-width: 1024px) {
.h-mt-15-max-tl {
margin-top: 15px;
}
}
@media only screen and (max-width: 1199px) {
.h-mt-15-max-d {
margin-top: 15px;
}
}
@media only screen and (max-width: 1439px) {
.h-mt-15-max-ld {
margin-top: 15px;
}
}
@media only screen and (min-width: 375px) and (max-width: 767px) {
.h-mt-15-ts-tm {
margin-top: 15px;
}
}
@media only screen and (min-width: 375px) and (max-width: 1024px) {
.h-mt-15-ts-tl {
margin-top: 15px;
}
}
@media only screen and (min-width: 375px) and (max-width: 1199px) {
.h-mt-15-ts-d {
margin-top: 15px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.h-mt-15-tm-tl {
margin-top: 15px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.h-mt-15-tm-tl-sm {
margin-top: 15px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
.h-mt-15-tm-d {
margin-top: 15px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1439px) {
.h-mt-15-tm-ld {
margin-top: 15px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.h-mt-15-tl-d {
margin-top: 15px;
}
}
@media only screen and (max-height: 720px) {
.h-mt-15-zoom-d {
margin-top: 15px;
}
}
@media only screen and (max-height: 400px) {
.h-mt-15-zoom-m {
margin-top: 15px;
}
}
.h-mr-15 {
margin-right: 15px;
}
@media only screen and (min-width: 375px) {
.h-mr-15-min-ts {
margin-right: 15px;
}
}
@media only screen and (min-width: 768px) {
.h-mr-15-min-tm {
margin-right: 15px;
}
}
@media only screen and (min-width: 1024px) {
.h-mr-15-min-tl-ls {
margin-right: 15px;
}
}
@media only screen and (min-width: 1025px) {
.h-mr-15-min-tl {
margin-right: 15px;
}
}
@media only screen and (min-width: 1200px) {
.h-mr-15-min-d {
margin-right: 15px;
}
}
@media only screen and (min-width: 1440px) {
.h-mr-15-min-ld {
margin-right: 15px;
}
}
@media only screen and (max-width: 374px) {
.h-mr-15-max-ts {
margin-right: 15px;
}
}
@media only screen and (max-width: 767px) {
.h-mr-15-max-tm {
margin-right: 15px;
}
}
@media only screen and (max-width: 1023px) {
.h-mr-15-max-tl-sm {
margin-right: 15px;
}
}
@media only screen and (max-width: 1023px) {
.h-mr-15-max-tm-tl {
margin-right: 15px;
}
}
@media only screen and (max-width: 1024px) {
.h-mr-15-max-tl {
margin-right: 15px;
}
}
@media only screen and (max-width: 1199px) {
.h-mr-15-max-d {
margin-right: 15px;
}
}
@media only screen and (max-width: 1439px) {
.h-mr-15-max-ld {
margin-right: 15px;
}
}
@media only screen and (min-width: 375px) and (max-width: 767px) {
.h-mr-15-ts-tm {
margin-right: 15px;
}
}
@media only screen and (min-width: 375px) and (max-width: 1024px) {
.h-mr-15-ts-tl {
margin-right: 15px;
}
}
@media only screen and (min-width: 375px) and (max-width: 1199px) {
.h-mr-15-ts-d {
margin-right: 15px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.h-mr-15-tm-tl {
margin-right: 15px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.h-mr-15-tm-tl-sm {
margin-right: 15px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
.h-mr-15-tm-d {
margin-right: 15px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1439px) {
.h-mr-15-tm-ld {
margin-right: 15px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.h-mr-15-tl-d {
margin-right: 15px;
}
}
@media only screen and (max-height: 720px) {
.h-mr-15-zoom-d {
margin-right: 15px;
}
}
@media only screen and (max-height: 400px) {
.h-mr-15-zoom-m {
margin-right: 15px;
}
}
.h-mb-15 {
margin-bottom: 15px;
}
@media only screen and (min-width: 375px) {
.h-mb-15-min-ts {
margin-bottom: 15px;
}
}
@media only screen and (min-width: 768px) {
.h-mb-15-min-tm {
margin-bottom: 15px;
}
}
@media only screen and (min-width: 1024px) {
.h-mb-15-min-tl-ls {
margin-bottom: 15px;
}
}
@media only screen and (min-width: 1025px) {
.h-mb-15-min-tl {
margin-bottom: 15px;
}
}
@media only screen and (min-width: 1200px) {
.h-mb-15-min-d {
margin-bottom: 15px;
}
}
@media only screen and (min-width: 1440px) {
.h-mb-15-min-ld {
margin-bottom: 15px;
}
}
@media only screen and (max-width: 374px) {
.h-mb-15-max-ts {
margin-bottom: 15px;
}
}
@media only screen and (max-width: 767px) {
.h-mb-15-max-tm {
margin-bottom: 15px;
}
}
@media only screen and (max-width: 1023px) {
.h-mb-15-max-tl-sm {
margin-bottom: 15px;
}
}
@media only screen and (max-width: 1023px) {
.h-mb-15-max-tm-tl {
margin-bottom: 15px;
}
}
@media only screen and (max-width: 1024px) {
.h-mb-15-max-tl {
margin-bottom: 15px;
}
}
@media only screen and (max-width: 1199px) {
.h-mb-15-max-d {
margin-bottom: 15px;
}
}
@media only screen and (max-width: 1439px) {
.h-mb-15-max-ld {
margin-bottom: 15px;
}
}
@media only screen and (min-width: 375px) and (max-width: 767px) {
.h-mb-15-ts-tm {
margin-bottom: 15px;
}
}
@media only screen and (min-width: 375px) and (max-width: 1024px) {
.h-mb-15-ts-tl {
margin-bottom: 15px;
}
}
@media only screen and (min-width: 375px) and (max-width: 1199px) {
.h-mb-15-ts-d {
margin-bottom: 15px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.h-mb-15-tm-tl {
margin-bottom: 15px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.h-mb-15-tm-tl-sm {
margin-bottom: 15px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
.h-mb-15-tm-d {
margin-bottom: 15px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1439px) {
.h-mb-15-tm-ld {
margin-bottom: 15px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.h-mb-15-tl-d {
margin-bottom: 15px;
}
}
@media only screen and (max-height: 720px) {
.h-mb-15-zoom-d {
margin-bottom: 15px;
}
}
@media only screen and (max-height: 400px) {
.h-mb-15-zoom-m {
margin-bottom: 15px;
}
}
.h-ml-15 {
margin-left: 15px;
}
@media only screen and (min-width: 375px) {
.h-ml-15-min-ts {
margin-left: 15px;
}
}
@media only screen and (min-width: 768px) {
.h-ml-15-min-tm {
margin-left: 15px;
}
}
@media only screen and (min-width: 1024px) {
.h-ml-15-min-tl-ls {
margin-left: 15px;
}
}
@media only screen and (min-width: 1025px) {
.h-ml-15-min-tl {
margin-left: 15px;
}
}
@media only screen and (min-width: 1200px) {
.h-ml-15-min-d {
margin-left: 15px;
}
}
@media only screen and (min-width: 1440px) {
.h-ml-15-min-ld {
margin-left: 15px;
}
}
@media only screen and (max-width: 374px) {
.h-ml-15-max-ts {
margin-left: 15px;
}
}
@media only screen and (max-width: 767px) {
.h-ml-15-max-tm {
margin-left: 15px;
}
}
@media only screen and (max-width: 1023px) {
.h-ml-15-max-tl-sm {
margin-left: 15px;
}
}
@media only screen and (max-width: 1023px) {
.h-ml-15-max-tm-tl {
margin-left: 15px;
}
}
@media only screen and (max-width: 1024px) {
.h-ml-15-max-tl {
margin-left: 15px;
}
}
@media only screen and (max-width: 1199px) {
.h-ml-15-max-d {
margin-left: 15px;
}
}
@media only screen and (max-width: 1439px) {
.h-ml-15-max-ld {
margin-left: 15px;
}
}
@media only screen and (min-width: 375px) and (max-width: 767px) {
.h-ml-15-ts-tm {
margin-left: 15px;
}
}
@media only screen and (min-width: 375px) and (max-width: 1024px) {
.h-ml-15-ts-tl {
margin-left: 15px;
}
}
@media only screen and (min-width: 375px) and (max-width: 1199px) {
.h-ml-15-ts-d {
margin-left: 15px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.h-ml-15-tm-tl {
margin-left: 15px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.h-ml-15-tm-tl-sm {
margin-left: 15px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
.h-ml-15-tm-d {
margin-left: 15px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1439px) {
.h-ml-15-tm-ld {
margin-left: 15px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.h-ml-15-tl-d {
margin-left: 15px;
}
}
@media only screen and (max-height: 720px) {
.h-ml-15-zoom-d {
margin-left: 15px;
}
}
@media only screen and (max-height: 400px) {
.h-ml-15-zoom-m {
margin-left: 15px;
}
}
.h-mt-20 {
margin-top: 20px;
}
@media only screen and (min-width: 375px) {
.h-mt-20-min-ts {
margin-top: 20px;
}
}
@media only screen and (min-width: 768px) {
.h-mt-20-min-tm {
margin-top: 20px;
}
}
@media only screen and (min-width: 1024px) {
.h-mt-20-min-tl-ls {
margin-top: 20px;
}
}
@media only screen and (min-width: 1025px) {
.h-mt-20-min-tl {
margin-top: 20px;
}
}
@media only screen and (min-width: 1200px) {
.h-mt-20-min-d {
margin-top: 20px;
}
}
@media only screen and (min-width: 1440px) {
.h-mt-20-min-ld {
margin-top: 20px;
}
}
@media only screen and (max-width: 374px) {
.h-mt-20-max-ts {
margin-top: 20px;
}
}
@media only screen and (max-width: 767px) {
.h-mt-20-max-tm {
margin-top: 20px;
}
}
@media only screen and (max-width: 1023px) {
.h-mt-20-max-tl-sm {
margin-top: 20px;
}
}
@media only screen and (max-width: 1023px) {
.h-mt-20-max-tm-tl {
margin-top: 20px;
}
}
@media only screen and (max-width: 1024px) {
.h-mt-20-max-tl {
margin-top: 20px;
}
}
@media only screen and (max-width: 1199px) {
.h-mt-20-max-d {
margin-top: 20px;
}
}
@media only screen and (max-width: 1439px) {
.h-mt-20-max-ld {
margin-top: 20px;
}
}
@media only screen and (min-width: 375px) and (max-width: 767px) {
.h-mt-20-ts-tm {
margin-top: 20px;
}
}
@media only screen and (min-width: 375px) and (max-width: 1024px) {
.h-mt-20-ts-tl {
margin-top: 20px;
}
}
@media only screen and (min-width: 375px) and (max-width: 1199px) {
.h-mt-20-ts-d {
margin-top: 20px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.h-mt-20-tm-tl {
margin-top: 20px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.h-mt-20-tm-tl-sm {
margin-top: 20px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
.h-mt-20-tm-d {
margin-top: 20px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1439px) {
.h-mt-20-tm-ld {
margin-top: 20px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.h-mt-20-tl-d {
margin-top: 20px;
}
}
@media only screen and (max-height: 720px) {
.h-mt-20-zoom-d {
margin-top: 20px;
}
}
@media only screen and (max-height: 400px) {
.h-mt-20-zoom-m {
margin-top: 20px;
}
}
.h-mr-20 {
margin-right: 20px;
}
@media only screen and (min-width: 375px) {
.h-mr-20-min-ts {
margin-right: 20px;
}
}
@media only screen and (min-width: 768px) {
.h-mr-20-min-tm {
margin-right: 20px;
}
}
@media only screen and (min-width: 1024px) {
.h-mr-20-min-tl-ls {
margin-right: 20px;
}
}
@media only screen and (min-width: 1025px) {
.h-mr-20-min-tl {
margin-right: 20px;
}
}
@media only screen and (min-width: 1200px) {
.h-mr-20-min-d {
margin-right: 20px;
}
}
@media only screen and (min-width: 1440px) {
.h-mr-20-min-ld {
margin-right: 20px;
}
}
@media only screen and (max-width: 374px) {
.h-mr-20-max-ts {
margin-right: 20px;
}
}
@media only screen and (max-width: 767px) {
.h-mr-20-max-tm {
margin-right: 20px;
}
}
@media only screen and (max-width: 1023px) {
.h-mr-20-max-tl-sm {
margin-right: 20px;
}
}
@media only screen and (max-width: 1023px) {
.h-mr-20-max-tm-tl {
margin-right: 20px;
}
}
@media only screen and (max-width: 1024px) {
.h-mr-20-max-tl {
margin-right: 20px;
}
}
@media only screen and (max-width: 1199px) {
.h-mr-20-max-d {
margin-right: 20px;
}
}
@media only screen and (max-width: 1439px) {
.h-mr-20-max-ld {
margin-right: 20px;
}
}
@media only screen and (min-width: 375px) and (max-width: 767px) {
.h-mr-20-ts-tm {
margin-right: 20px;
}
}
@media only screen and (min-width: 375px) and (max-width: 1024px) {
.h-mr-20-ts-tl {
margin-right: 20px;
}
}
@media only screen and (min-width: 375px) and (max-width: 1199px) {
.h-mr-20-ts-d {
margin-right: 20px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.h-mr-20-tm-tl {
margin-right: 20px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.h-mr-20-tm-tl-sm {
margin-right: 20px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
.h-mr-20-tm-d {
margin-right: 20px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1439px) {
.h-mr-20-tm-ld {
margin-right: 20px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.h-mr-20-tl-d {
margin-right: 20px;
}
}
@media only screen and (max-height: 720px) {
.h-mr-20-zoom-d {
margin-right: 20px;
}
}
@media only screen and (max-height: 400px) {
.h-mr-20-zoom-m {
margin-right: 20px;
}
}
.h-mb-20 {
margin-bottom: 20px;
}
@media only screen and (min-width: 375px) {
.h-mb-20-min-ts {
margin-bottom: 20px;
}
}
@media only screen and (min-width: 768px) {
.h-mb-20-min-tm {
margin-bottom: 20px;
}
}
@media only screen and (min-width: 1024px) {
.h-mb-20-min-tl-ls {
margin-bottom: 20px;
}
}
@media only screen and (min-width: 1025px) {
.h-mb-20-min-tl {
margin-bottom: 20px;
}
}
@media only screen and (min-width: 1200px) {
.h-mb-20-min-d {
margin-bottom: 20px;
}
}
@media only screen and (min-width: 1440px) {
.h-mb-20-min-ld {
margin-bottom: 20px;
}
}
@media only screen and (max-width: 374px) {
.h-mb-20-max-ts {
margin-bottom: 20px;
}
}
@media only screen and (max-width: 767px) {
.h-mb-20-max-tm {
margin-bottom: 20px;
}
}
@media only screen and (max-width: 1023px) {
.h-mb-20-max-tl-sm {
margin-bottom: 20px;
}
}
@media only screen and (max-width: 1023px) {
.h-mb-20-max-tm-tl {
margin-bottom: 20px;
}
}
@media only screen and (max-width: 1024px) {
.h-mb-20-max-tl {
margin-bottom: 20px;
}
}
@media only screen and (max-width: 1199px) {
.h-mb-20-max-d {
margin-bottom: 20px;
}
}
@media only screen and (max-width: 1439px) {
.h-mb-20-max-ld {
margin-bottom: 20px;
}
}
@media only screen and (min-width: 375px) and (max-width: 767px) {
.h-mb-20-ts-tm {
margin-bottom: 20px;
}
}
@media only screen and (min-width: 375px) and (max-width: 1024px) {
.h-mb-20-ts-tl {
margin-bottom: 20px;
}
}
@media only screen and (min-width: 375px) and (max-width: 1199px) {
.h-mb-20-ts-d {
margin-bottom: 20px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.h-mb-20-tm-tl {
margin-bottom: 20px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.h-mb-20-tm-tl-sm {
margin-bottom: 20px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
.h-mb-20-tm-d {
margin-bottom: 20px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1439px) {
.h-mb-20-tm-ld {
margin-bottom: 20px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.h-mb-20-tl-d {
margin-bottom: 20px;
}
}
@media only screen and (max-height: 720px) {
.h-mb-20-zoom-d {
margin-bottom: 20px;
}
}
@media only screen and (max-height: 400px) {
.h-mb-20-zoom-m {
margin-bottom: 20px;
}
}
.h-ml-20 {
margin-left: 20px;
}
@media only screen and (min-width: 375px) {
.h-ml-20-min-ts {
margin-left: 20px;
}
}
@media only screen and (min-width: 768px) {
.h-ml-20-min-tm {
margin-left: 20px;
}
}
@media only screen and (min-width: 1024px) {
.h-ml-20-min-tl-ls {
margin-left: 20px;
}
}
@media only screen and (min-width: 1025px) {
.h-ml-20-min-tl {
margin-left: 20px;
}
}
@media only screen and (min-width: 1200px) {
.h-ml-20-min-d {
margin-left: 20px;
}
}
@media only screen and (min-width: 1440px) {
.h-ml-20-min-ld {
margin-left: 20px;
}
}
@media only screen and (max-width: 374px) {
.h-ml-20-max-ts {
margin-left: 20px;
}
}
@media only screen and (max-width: 767px) {
.h-ml-20-max-tm {
margin-left: 20px;
}
}
@media only screen and (max-width: 1023px) {
.h-ml-20-max-tl-sm {
margin-left: 20px;
}
}
@media only screen and (max-width: 1023px) {
.h-ml-20-max-tm-tl {
margin-left: 20px;
}
}
@media only screen and (max-width: 1024px) {
.h-ml-20-max-tl {
margin-left: 20px;
}
}
@media only screen and (max-width: 1199px) {
.h-ml-20-max-d {
margin-left: 20px;
}
}
@media only screen and (max-width: 1439px) {
.h-ml-20-max-ld {
margin-left: 20px;
}
}
@media only screen and (min-width: 375px) and (max-width: 767px) {
.h-ml-20-ts-tm {
margin-left: 20px;
}
}
@media only screen and (min-width: 375px) and (max-width: 1024px) {
.h-ml-20-ts-tl {
margin-left: 20px;
}
}
@media only screen and (min-width: 375px) and (max-width: 1199px) {
.h-ml-20-ts-d {
margin-left: 20px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.h-ml-20-tm-tl {
margin-left: 20px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.h-ml-20-tm-tl-sm {
margin-left: 20px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
.h-ml-20-tm-d {
margin-left: 20px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1439px) {
.h-ml-20-tm-ld {
margin-left: 20px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.h-ml-20-tl-d {
margin-left: 20px;
}
}
@media only screen and (max-height: 720px) {
.h-ml-20-zoom-d {
margin-left: 20px;
}
}
@media only screen and (max-height: 400px) {
.h-ml-20-zoom-m {
margin-left: 20px;
}
}
.h-mt-25 {
margin-top: 25px;
}
@media only screen and (min-width: 375px) {
.h-mt-25-min-ts {
margin-top: 25px;
}
}
@media only screen and (min-width: 768px) {
.h-mt-25-min-tm {
margin-top: 25px;
}
}
@media only screen and (min-width: 1024px) {
.h-mt-25-min-tl-ls {
margin-top: 25px;
}
}
@media only screen and (min-width: 1025px) {
.h-mt-25-min-tl {
margin-top: 25px;
}
}
@media only screen and (min-width: 1200px) {
.h-mt-25-min-d {
margin-top: 25px;
}
}
@media only screen and (min-width: 1440px) {
.h-mt-25-min-ld {
margin-top: 25px;
}
}
@media only screen and (max-width: 374px) {
.h-mt-25-max-ts {
margin-top: 25px;
}
}
@media only screen and (max-width: 767px) {
.h-mt-25-max-tm {
margin-top: 25px;
}
}
@media only screen and (max-width: 1023px) {
.h-mt-25-max-tl-sm {
margin-top: 25px;
}
}
@media only screen and (max-width: 1023px) {
.h-mt-25-max-tm-tl {
margin-top: 25px;
}
}
@media only screen and (max-width: 1024px) {
.h-mt-25-max-tl {
margin-top: 25px;
}
}
@media only screen and (max-width: 1199px) {
.h-mt-25-max-d {
margin-top: 25px;
}
}
@media only screen and (max-width: 1439px) {
.h-mt-25-max-ld {
margin-top: 25px;
}
}
@media only screen and (min-width: 375px) and (max-width: 767px) {
.h-mt-25-ts-tm {
margin-top: 25px;
}
}
@media only screen and (min-width: 375px) and (max-width: 1024px) {
.h-mt-25-ts-tl {
margin-top: 25px;
}
}
@media only screen and (min-width: 375px) and (max-width: 1199px) {
.h-mt-25-ts-d {
margin-top: 25px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.h-mt-25-tm-tl {
margin-top: 25px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.h-mt-25-tm-tl-sm {
margin-top: 25px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
.h-mt-25-tm-d {
margin-top: 25px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1439px) {
.h-mt-25-tm-ld {
margin-top: 25px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.h-mt-25-tl-d {
margin-top: 25px;
}
}
@media only screen and (max-height: 720px) {
.h-mt-25-zoom-d {
margin-top: 25px;
}
}
@media only screen and (max-height: 400px) {
.h-mt-25-zoom-m {
margin-top: 25px;
}
}
.h-mr-25 {
margin-right: 25px;
}
@media only screen and (min-width: 375px) {
.h-mr-25-min-ts {
margin-right: 25px;
}
}
@media only screen and (min-width: 768px) {
.h-mr-25-min-tm {
margin-right: 25px;
}
}
@media only screen and (min-width: 1024px) {
.h-mr-25-min-tl-ls {
margin-right: 25px;
}
}
@media only screen and (min-width: 1025px) {
.h-mr-25-min-tl {
margin-right: 25px;
}
}
@media only screen and (min-width: 1200px) {
.h-mr-25-min-d {
margin-right: 25px;
}
}
@media only screen and (min-width: 1440px) {
.h-mr-25-min-ld {
margin-right: 25px;
}
}
@media only screen and (max-width: 374px) {
.h-mr-25-max-ts {
margin-right: 25px;
}
}
@media only screen and (max-width: 767px) {
.h-mr-25-max-tm {
margin-right: 25px;
}
}
@media only screen and (max-width: 1023px) {
.h-mr-25-max-tl-sm {
margin-right: 25px;
}
}
@media only screen and (max-width: 1023px) {
.h-mr-25-max-tm-tl {
margin-right: 25px;
}
}
@media only screen and (max-width: 1024px) {
.h-mr-25-max-tl {
margin-right: 25px;
}
}
@media only screen and (max-width: 1199px) {
.h-mr-25-max-d {
margin-right: 25px;
}
}
@media only screen and (max-width: 1439px) {
.h-mr-25-max-ld {
margin-right: 25px;
}
}
@media only screen and (min-width: 375px) and (max-width: 767px) {
.h-mr-25-ts-tm {
margin-right: 25px;
}
}
@media only screen and (min-width: 375px) and (max-width: 1024px) {
.h-mr-25-ts-tl {
margin-right: 25px;
}
}
@media only screen and (min-width: 375px) and (max-width: 1199px) {
.h-mr-25-ts-d {
margin-right: 25px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.h-mr-25-tm-tl {
margin-right: 25px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.h-mr-25-tm-tl-sm {
margin-right: 25px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
.h-mr-25-tm-d {
margin-right: 25px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1439px) {
.h-mr-25-tm-ld {
margin-right: 25px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.h-mr-25-tl-d {
margin-right: 25px;
}
}
@media only screen and (max-height: 720px) {
.h-mr-25-zoom-d {
margin-right: 25px;
}
}
@media only screen and (max-height: 400px) {
.h-mr-25-zoom-m {
margin-right: 25px;
}
}
.h-mb-25 {
margin-bottom: 25px;
}
@media only screen and (min-width: 375px) {
.h-mb-25-min-ts {
margin-bottom: 25px;
}
}
@media only screen and (min-width: 768px) {
.h-mb-25-min-tm {
margin-bottom: 25px;
}
}
@media only screen and (min-width: 1024px) {
.h-mb-25-min-tl-ls {
margin-bottom: 25px;
}
}
@media only screen and (min-width: 1025px) {
.h-mb-25-min-tl {
margin-bottom: 25px;
}
}
@media only screen and (min-width: 1200px) {
.h-mb-25-min-d {
margin-bottom: 25px;
}
}
@media only screen and (min-width: 1440px) {
.h-mb-25-min-ld {
margin-bottom: 25px;
}
}
@media only screen and (max-width: 374px) {
.h-mb-25-max-ts {
margin-bottom: 25px;
}
}
@media only screen and (max-width: 767px) {
.h-mb-25-max-tm {
margin-bottom: 25px;
}
}
@media only screen and (max-width: 1023px) {
.h-mb-25-max-tl-sm {
margin-bottom: 25px;
}
}
@media only screen and (max-width: 1023px) {
.h-mb-25-max-tm-tl {
margin-bottom: 25px;
}
}
@media only screen and (max-width: 1024px) {
.h-mb-25-max-tl {
margin-bottom: 25px;
}
}
@media only screen and (max-width: 1199px) {
.h-mb-25-max-d {
margin-bottom: 25px;
}
}
@media only screen and (max-width: 1439px) {
.h-mb-25-max-ld {
margin-bottom: 25px;
}
}
@media only screen and (min-width: 375px) and (max-width: 767px) {
.h-mb-25-ts-tm {
margin-bottom: 25px;
}
}
@media only screen and (min-width: 375px) and (max-width: 1024px) {
.h-mb-25-ts-tl {
margin-bottom: 25px;
}
}
@media only screen and (min-width: 375px) and (max-width: 1199px) {
.h-mb-25-ts-d {
margin-bottom: 25px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.h-mb-25-tm-tl {
margin-bottom: 25px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.h-mb-25-tm-tl-sm {
margin-bottom: 25px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
.h-mb-25-tm-d {
margin-bottom: 25px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1439px) {
.h-mb-25-tm-ld {
margin-bottom: 25px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.h-mb-25-tl-d {
margin-bottom: 25px;
}
}
@media only screen and (max-height: 720px) {
.h-mb-25-zoom-d {
margin-bottom: 25px;
}
}
@media only screen and (max-height: 400px) {
.h-mb-25-zoom-m {
margin-bottom: 25px;
}
}
.h-ml-25 {
margin-left: 25px;
}
@media only screen and (min-width: 375px) {
.h-ml-25-min-ts {
margin-left: 25px;
}
}
@media only screen and (min-width: 768px) {
.h-ml-25-min-tm {
margin-left: 25px;
}
}
@media only screen and (min-width: 1024px) {
.h-ml-25-min-tl-ls {
margin-left: 25px;
}
}
@media only screen and (min-width: 1025px) {
.h-ml-25-min-tl {
margin-left: 25px;
}
}
@media only screen and (min-width: 1200px) {
.h-ml-25-min-d {
margin-left: 25px;
}
}
@media only screen and (min-width: 1440px) {
.h-ml-25-min-ld {
margin-left: 25px;
}
}
@media only screen and (max-width: 374px) {
.h-ml-25-max-ts {
margin-left: 25px;
}
}
@media only screen and (max-width: 767px) {
.h-ml-25-max-tm {
margin-left: 25px;
}
}
@media only screen and (max-width: 1023px) {
.h-ml-25-max-tl-sm {
margin-left: 25px;
}
}
@media only screen and (max-width: 1023px) {
.h-ml-25-max-tm-tl {
margin-left: 25px;
}
}
@media only screen and (max-width: 1024px) {
.h-ml-25-max-tl {
margin-left: 25px;
}
}
@media only screen and (max-width: 1199px) {
.h-ml-25-max-d {
margin-left: 25px;
}
}
@media only screen and (max-width: 1439px) {
.h-ml-25-max-ld {
margin-left: 25px;
}
}
@media only screen and (min-width: 375px) and (max-width: 767px) {
.h-ml-25-ts-tm {
margin-left: 25px;
}
}
@media only screen and (min-width: 375px) and (max-width: 1024px) {
.h-ml-25-ts-tl {
margin-left: 25px;
}
}
@media only screen and (min-width: 375px) and (max-width: 1199px) {
.h-ml-25-ts-d {
margin-left: 25px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.h-ml-25-tm-tl {
margin-left: 25px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.h-ml-25-tm-tl-sm {
margin-left: 25px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
.h-ml-25-tm-d {
margin-left: 25px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1439px) {
.h-ml-25-tm-ld {
margin-left: 25px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.h-ml-25-tl-d {
margin-left: 25px;
}
}
@media only screen and (max-height: 720px) {
.h-ml-25-zoom-d {
margin-left: 25px;
}
}
@media only screen and (max-height: 400px) {
.h-ml-25-zoom-m {
margin-left: 25px;
}
}
.h-mt-30 {
margin-top: 30px;
}
@media only screen and (min-width: 375px) {
.h-mt-30-min-ts {
margin-top: 30px;
}
}
@media only screen and (min-width: 768px) {
.h-mt-30-min-tm {
margin-top: 30px;
}
}
@media only screen and (min-width: 1024px) {
.h-mt-30-min-tl-ls {
margin-top: 30px;
}
}
@media only screen and (min-width: 1025px) {
.h-mt-30-min-tl {
margin-top: 30px;
}
}
@media only screen and (min-width: 1200px) {
.h-mt-30-min-d {
margin-top: 30px;
}
}
@media only screen and (min-width: 1440px) {
.h-mt-30-min-ld {
margin-top: 30px;
}
}
@media only screen and (max-width: 374px) {
.h-mt-30-max-ts {
margin-top: 30px;
}
}
@media only screen and (max-width: 767px) {
.h-mt-30-max-tm {
margin-top: 30px;
}
}
@media only screen and (max-width: 1023px) {
.h-mt-30-max-tl-sm {
margin-top: 30px;
}
}
@media only screen and (max-width: 1023px) {
.h-mt-30-max-tm-tl {
margin-top: 30px;
}
}
@media only screen and (max-width: 1024px) {
.h-mt-30-max-tl {
margin-top: 30px;
}
}
@media only screen and (max-width: 1199px) {
.h-mt-30-max-d {
margin-top: 30px;
}
}
@media only screen and (max-width: 1439px) {
.h-mt-30-max-ld {
margin-top: 30px;
}
}
@media only screen and (min-width: 375px) and (max-width: 767px) {
.h-mt-30-ts-tm {
margin-top: 30px;
}
}
@media only screen and (min-width: 375px) and (max-width: 1024px) {
.h-mt-30-ts-tl {
margin-top: 30px;
}
}
@media only screen and (min-width: 375px) and (max-width: 1199px) {
.h-mt-30-ts-d {
margin-top: 30px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.h-mt-30-tm-tl {
margin-top: 30px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.h-mt-30-tm-tl-sm {
margin-top: 30px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
.h-mt-30-tm-d {
margin-top: 30px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1439px) {
.h-mt-30-tm-ld {
margin-top: 30px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.h-mt-30-tl-d {
margin-top: 30px;
}
}
@media only screen and (max-height: 720px) {
.h-mt-30-zoom-d {
margin-top: 30px;
}
}
@media only screen and (max-height: 400px) {
.h-mt-30-zoom-m {
margin-top: 30px;
}
}
.h-mr-30 {
margin-right: 30px;
}
@media only screen and (min-width: 375px) {
.h-mr-30-min-ts {
margin-right: 30px;
}
}
@media only screen and (min-width: 768px) {
.h-mr-30-min-tm {
margin-right: 30px;
}
}
@media only screen and (min-width: 1024px) {
.h-mr-30-min-tl-ls {
margin-right: 30px;
}
}
@media only screen and (min-width: 1025px) {
.h-mr-30-min-tl {
margin-right: 30px;
}
}
@media only screen and (min-width: 1200px) {
.h-mr-30-min-d {
margin-right: 30px;
}
}
@media only screen and (min-width: 1440px) {
.h-mr-30-min-ld {
margin-right: 30px;
}
}
@media only screen and (max-width: 374px) {
.h-mr-30-max-ts {
margin-right: 30px;
}
}
@media only screen and (max-width: 767px) {
.h-mr-30-max-tm {
margin-right: 30px;
}
}
@media only screen and (max-width: 1023px) {
.h-mr-30-max-tl-sm {
margin-right: 30px;
}
}
@media only screen and (max-width: 1023px) {
.h-mr-30-max-tm-tl {
margin-right: 30px;
}
}
@media only screen and (max-width: 1024px) {
.h-mr-30-max-tl {
margin-right: 30px;
}
}
@media only screen and (max-width: 1199px) {
.h-mr-30-max-d {
margin-right: 30px;
}
}
@media only screen and (max-width: 1439px) {
.h-mr-30-max-ld {
margin-right: 30px;
}
}
@media only screen and (min-width: 375px) and (max-width: 767px) {
.h-mr-30-ts-tm {
margin-right: 30px;
}
}
@media only screen and (min-width: 375px) and (max-width: 1024px) {
.h-mr-30-ts-tl {
margin-right: 30px;
}
}
@media only screen and (min-width: 375px) and (max-width: 1199px) {
.h-mr-30-ts-d {
margin-right: 30px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.h-mr-30-tm-tl {
margin-right: 30px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.h-mr-30-tm-tl-sm {
margin-right: 30px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
.h-mr-30-tm-d {
margin-right: 30px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1439px) {
.h-mr-30-tm-ld {
margin-right: 30px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.h-mr-30-tl-d {
margin-right: 30px;
}
}
@media only screen and (max-height: 720px) {
.h-mr-30-zoom-d {
margin-right: 30px;
}
}
@media only screen and (max-height: 400px) {
.h-mr-30-zoom-m {
margin-right: 30px;
}
}
.h-mb-30 {
margin-bottom: 30px;
}
@media only screen and (min-width: 375px) {
.h-mb-30-min-ts {
margin-bottom: 30px;
}
}
@media only screen and (min-width: 768px) {
.h-mb-30-min-tm {
margin-bottom: 30px;
}
}
@media only screen and (min-width: 1024px) {
.h-mb-30-min-tl-ls {
margin-bottom: 30px;
}
}
@media only screen and (min-width: 1025px) {
.h-mb-30-min-tl {
margin-bottom: 30px;
}
}
@media only screen and (min-width: 1200px) {
.h-mb-30-min-d {
margin-bottom: 30px;
}
}
@media only screen and (min-width: 1440px) {
.h-mb-30-min-ld {
margin-bottom: 30px;
}
}
@media only screen and (max-width: 374px) {
.h-mb-30-max-ts {
margin-bottom: 30px;
}
}
@media only screen and (max-width: 767px) {
.h-mb-30-max-tm {
margin-bottom: 30px;
}
}
@media only screen and (max-width: 1023px) {
.h-mb-30-max-tl-sm {
margin-bottom: 30px;
}
}
@media only screen and (max-width: 1023px) {
.h-mb-30-max-tm-tl {
margin-bottom: 30px;
}
}
@media only screen and (max-width: 1024px) {
.h-mb-30-max-tl {
margin-bottom: 30px;
}
}
@media only screen and (max-width: 1199px) {
.h-mb-30-max-d {
margin-bottom: 30px;
}
}
@media only screen and (max-width: 1439px) {
.h-mb-30-max-ld {
margin-bottom: 30px;
}
}
@media only screen and (min-width: 375px) and (max-width: 767px) {
.h-mb-30-ts-tm {
margin-bottom: 30px;
}
}
@media only screen and (min-width: 375px) and (max-width: 1024px) {
.h-mb-30-ts-tl {
margin-bottom: 30px;
}
}
@media only screen and (min-width: 375px) and (max-width: 1199px) {
.h-mb-30-ts-d {
margin-bottom: 30px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.h-mb-30-tm-tl {
margin-bottom: 30px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.h-mb-30-tm-tl-sm {
margin-bottom: 30px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
.h-mb-30-tm-d {
margin-bottom: 30px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1439px) {
.h-mb-30-tm-ld {
margin-bottom: 30px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.h-mb-30-tl-d {
margin-bottom: 30px;
}
}
@media only screen and (max-height: 720px) {
.h-mb-30-zoom-d {
margin-bottom: 30px;
}
}
@media only screen and (max-height: 400px) {
.h-mb-30-zoom-m {
margin-bottom: 30px;
}
}
.h-ml-30 {
margin-left: 30px;
}
@media only screen and (min-width: 375px) {
.h-ml-30-min-ts {
margin-left: 30px;
}
}
@media only screen and (min-width: 768px) {
.h-ml-30-min-tm {
margin-left: 30px;
}
}
@media only screen and (min-width: 1024px) {
.h-ml-30-min-tl-ls {
margin-left: 30px;
}
}
@media only screen and (min-width: 1025px) {
.h-ml-30-min-tl {
margin-left: 30px;
}
}
@media only screen and (min-width: 1200px) {
.h-ml-30-min-d {
margin-left: 30px;
}
}
@media only screen and (min-width: 1440px) {
.h-ml-30-min-ld {
margin-left: 30px;
}
}
@media only screen and (max-width: 374px) {
.h-ml-30-max-ts {
margin-left: 30px;
}
}
@media only screen and (max-width: 767px) {
.h-ml-30-max-tm {
margin-left: 30px;
}
}
@media only screen and (max-width: 1023px) {
.h-ml-30-max-tl-sm {
margin-left: 30px;
}
}
@media only screen and (max-width: 1023px) {
.h-ml-30-max-tm-tl {
margin-left: 30px;
}
}
@media only screen and (max-width: 1024px) {
.h-ml-30-max-tl {
margin-left: 30px;
}
}
@media only screen and (max-width: 1199px) {
.h-ml-30-max-d {
margin-left: 30px;
}
}
@media only screen and (max-width: 1439px) {
.h-ml-30-max-ld {
margin-left: 30px;
}
}
@media only screen and (min-width: 375px) and (max-width: 767px) {
.h-ml-30-ts-tm {
margin-left: 30px;
}
}
@media only screen and (min-width: 375px) and (max-width: 1024px) {
.h-ml-30-ts-tl {
margin-left: 30px;
}
}
@media only screen and (min-width: 375px) and (max-width: 1199px) {
.h-ml-30-ts-d {
margin-left: 30px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.h-ml-30-tm-tl {
margin-left: 30px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.h-ml-30-tm-tl-sm {
margin-left: 30px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
.h-ml-30-tm-d {
margin-left: 30px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1439px) {
.h-ml-30-tm-ld {
margin-left: 30px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.h-ml-30-tl-d {
margin-left: 30px;
}
}
@media only screen and (max-height: 720px) {
.h-ml-30-zoom-d {
margin-left: 30px;
}
}
@media only screen and (max-height: 400px) {
.h-ml-30-zoom-m {
margin-left: 30px;
}
}
.h-mt-35 {
margin-top: 35px;
}
@media only screen and (min-width: 375px) {
.h-mt-35-min-ts {
margin-top: 35px;
}
}
@media only screen and (min-width: 768px) {
.h-mt-35-min-tm {
margin-top: 35px;
}
}
@media only screen and (min-width: 1024px) {
.h-mt-35-min-tl-ls {
margin-top: 35px;
}
}
@media only screen and (min-width: 1025px) {
.h-mt-35-min-tl {
margin-top: 35px;
}
}
@media only screen and (min-width: 1200px) {
.h-mt-35-min-d {
margin-top: 35px;
}
}
@media only screen and (min-width: 1440px) {
.h-mt-35-min-ld {
margin-top: 35px;
}
}
@media only screen and (max-width: 374px) {
.h-mt-35-max-ts {
margin-top: 35px;
}
}
@media only screen and (max-width: 767px) {
.h-mt-35-max-tm {
margin-top: 35px;
}
}
@media only screen and (max-width: 1023px) {
.h-mt-35-max-tl-sm {
margin-top: 35px;
}
}
@media only screen and (max-width: 1023px) {
.h-mt-35-max-tm-tl {
margin-top: 35px;
}
}
@media only screen and (max-width: 1024px) {
.h-mt-35-max-tl {
margin-top: 35px;
}
}
@media only screen and (max-width: 1199px) {
.h-mt-35-max-d {
margin-top: 35px;
}
}
@media only screen and (max-width: 1439px) {
.h-mt-35-max-ld {
margin-top: 35px;
}
}
@media only screen and (min-width: 375px) and (max-width: 767px) {
.h-mt-35-ts-tm {
margin-top: 35px;
}
}
@media only screen and (min-width: 375px) and (max-width: 1024px) {
.h-mt-35-ts-tl {
margin-top: 35px;
}
}
@media only screen and (min-width: 375px) and (max-width: 1199px) {
.h-mt-35-ts-d {
margin-top: 35px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.h-mt-35-tm-tl {
margin-top: 35px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.h-mt-35-tm-tl-sm {
margin-top: 35px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
.h-mt-35-tm-d {
margin-top: 35px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1439px) {
.h-mt-35-tm-ld {
margin-top: 35px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.h-mt-35-tl-d {
margin-top: 35px;
}
}
@media only screen and (max-height: 720px) {
.h-mt-35-zoom-d {
margin-top: 35px;
}
}
@media only screen and (max-height: 400px) {
.h-mt-35-zoom-m {
margin-top: 35px;
}
}
.h-mr-35 {
margin-right: 35px;
}
@media only screen and (min-width: 375px) {
.h-mr-35-min-ts {
margin-right: 35px;
}
}
@media only screen and (min-width: 768px) {
.h-mr-35-min-tm {
margin-right: 35px;
}
}
@media only screen and (min-width: 1024px) {
.h-mr-35-min-tl-ls {
margin-right: 35px;
}
}
@media only screen and (min-width: 1025px) {
.h-mr-35-min-tl {
margin-right: 35px;
}
}
@media only screen and (min-width: 1200px) {
.h-mr-35-min-d {
margin-right: 35px;
}
}
@media only screen and (min-width: 1440px) {
.h-mr-35-min-ld {
margin-right: 35px;
}
}
@media only screen and (max-width: 374px) {
.h-mr-35-max-ts {
margin-right: 35px;
}
}
@media only screen and (max-width: 767px) {
.h-mr-35-max-tm {
margin-right: 35px;
}
}
@media only screen and (max-width: 1023px) {
.h-mr-35-max-tl-sm {
margin-right: 35px;
}
}
@media only screen and (max-width: 1023px) {
.h-mr-35-max-tm-tl {
margin-right: 35px;
}
}
@media only screen and (max-width: 1024px) {
.h-mr-35-max-tl {
margin-right: 35px;
}
}
@media only screen and (max-width: 1199px) {
.h-mr-35-max-d {
margin-right: 35px;
}
}
@media only screen and (max-width: 1439px) {
.h-mr-35-max-ld {
margin-right: 35px;
}
}
@media only screen and (min-width: 375px) and (max-width: 767px) {
.h-mr-35-ts-tm {
margin-right: 35px;
}
}
@media only screen and (min-width: 375px) and (max-width: 1024px) {
.h-mr-35-ts-tl {
margin-right: 35px;
}
}
@media only screen and (min-width: 375px) and (max-width: 1199px) {
.h-mr-35-ts-d {
margin-right: 35px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.h-mr-35-tm-tl {
margin-right: 35px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.h-mr-35-tm-tl-sm {
margin-right: 35px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
.h-mr-35-tm-d {
margin-right: 35px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1439px) {
.h-mr-35-tm-ld {
margin-right: 35px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.h-mr-35-tl-d {
margin-right: 35px;
}
}
@media only screen and (max-height: 720px) {
.h-mr-35-zoom-d {
margin-right: 35px;
}
}
@media only screen and (max-height: 400px) {
.h-mr-35-zoom-m {
margin-right: 35px;
}
}
.h-mb-35 {
margin-bottom: 35px;
}
@media only screen and (min-width: 375px) {
.h-mb-35-min-ts {
margin-bottom: 35px;
}
}
@media only screen and (min-width: 768px) {
.h-mb-35-min-tm {
margin-bottom: 35px;
}
}
@media only screen and (min-width: 1024px) {
.h-mb-35-min-tl-ls {
margin-bottom: 35px;
}
}
@media only screen and (min-width: 1025px) {
.h-mb-35-min-tl {
margin-bottom: 35px;
}
}
@media only screen and (min-width: 1200px) {
.h-mb-35-min-d {
margin-bottom: 35px;
}
}
@media only screen and (min-width: 1440px) {
.h-mb-35-min-ld {
margin-bottom: 35px;
}
}
@media only screen and (max-width: 374px) {
.h-mb-35-max-ts {
margin-bottom: 35px;
}
}
@media only screen and (max-width: 767px) {
.h-mb-35-max-tm {
margin-bottom: 35px;
}
}
@media only screen and (max-width: 1023px) {
.h-mb-35-max-tl-sm {
margin-bottom: 35px;
}
}
@media only screen and (max-width: 1023px) {
.h-mb-35-max-tm-tl {
margin-bottom: 35px;
}
}
@media only screen and (max-width: 1024px) {
.h-mb-35-max-tl {
margin-bottom: 35px;
}
}
@media only screen and (max-width: 1199px) {
.h-mb-35-max-d {
margin-bottom: 35px;
}
}
@media only screen and (max-width: 1439px) {
.h-mb-35-max-ld {
margin-bottom: 35px;
}
}
@media only screen and (min-width: 375px) and (max-width: 767px) {
.h-mb-35-ts-tm {
margin-bottom: 35px;
}
}
@media only screen and (min-width: 375px) and (max-width: 1024px) {
.h-mb-35-ts-tl {
margin-bottom: 35px;
}
}
@media only screen and (min-width: 375px) and (max-width: 1199px) {
.h-mb-35-ts-d {
margin-bottom: 35px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.h-mb-35-tm-tl {
margin-bottom: 35px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.h-mb-35-tm-tl-sm {
margin-bottom: 35px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
.h-mb-35-tm-d {
margin-bottom: 35px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1439px) {
.h-mb-35-tm-ld {
margin-bottom: 35px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.h-mb-35-tl-d {
margin-bottom: 35px;
}
}
@media only screen and (max-height: 720px) {
.h-mb-35-zoom-d {
margin-bottom: 35px;
}
}
@media only screen and (max-height: 400px) {
.h-mb-35-zoom-m {
margin-bottom: 35px;
}
}
.h-ml-35 {
margin-left: 35px;
}
@media only screen and (min-width: 375px) {
.h-ml-35-min-ts {
margin-left: 35px;
}
}
@media only screen and (min-width: 768px) {
.h-ml-35-min-tm {
margin-left: 35px;
}
}
@media only screen and (min-width: 1024px) {
.h-ml-35-min-tl-ls {
margin-left: 35px;
}
}
@media only screen and (min-width: 1025px) {
.h-ml-35-min-tl {
margin-left: 35px;
}
}
@media only screen and (min-width: 1200px) {
.h-ml-35-min-d {
margin-left: 35px;
}
}
@media only screen and (min-width: 1440px) {
.h-ml-35-min-ld {
margin-left: 35px;
}
}
@media only screen and (max-width: 374px) {
.h-ml-35-max-ts {
margin-left: 35px;
}
}
@media only screen and (max-width: 767px) {
.h-ml-35-max-tm {
margin-left: 35px;
}
}
@media only screen and (max-width: 1023px) {
.h-ml-35-max-tl-sm {
margin-left: 35px;
}
}
@media only screen and (max-width: 1023px) {
.h-ml-35-max-tm-tl {
margin-left: 35px;
}
}
@media only screen and (max-width: 1024px) {
.h-ml-35-max-tl {
margin-left: 35px;
}
}
@media only screen and (max-width: 1199px) {
.h-ml-35-max-d {
margin-left: 35px;
}
}
@media only screen and (max-width: 1439px) {
.h-ml-35-max-ld {
margin-left: 35px;
}
}
@media only screen and (min-width: 375px) and (max-width: 767px) {
.h-ml-35-ts-tm {
margin-left: 35px;
}
}
@media only screen and (min-width: 375px) and (max-width: 1024px) {
.h-ml-35-ts-tl {
margin-left: 35px;
}
}
@media only screen and (min-width: 375px) and (max-width: 1199px) {
.h-ml-35-ts-d {
margin-left: 35px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.h-ml-35-tm-tl {
margin-left: 35px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.h-ml-35-tm-tl-sm {
margin-left: 35px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
.h-ml-35-tm-d {
margin-left: 35px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1439px) {
.h-ml-35-tm-ld {
margin-left: 35px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.h-ml-35-tl-d {
margin-left: 35px;
}
}
@media only screen and (max-height: 720px) {
.h-ml-35-zoom-d {
margin-left: 35px;
}
}
@media only screen and (max-height: 400px) {
.h-ml-35-zoom-m {
margin-left: 35px;
}
}
.h-mt-40 {
margin-top: 40px;
}
@media only screen and (min-width: 375px) {
.h-mt-40-min-ts {
margin-top: 40px;
}
}
@media only screen and (min-width: 768px) {
.h-mt-40-min-tm {
margin-top: 40px;
}
}
@media only screen and (min-width: 1024px) {
.h-mt-40-min-tl-ls {
margin-top: 40px;
}
}
@media only screen and (min-width: 1025px) {
.h-mt-40-min-tl {
margin-top: 40px;
}
}
@media only screen and (min-width: 1200px) {
.h-mt-40-min-d {
margin-top: 40px;
}
}
@media only screen and (min-width: 1440px) {
.h-mt-40-min-ld {
margin-top: 40px;
}
}
@media only screen and (max-width: 374px) {
.h-mt-40-max-ts {
margin-top: 40px;
}
}
@media only screen and (max-width: 767px) {
.h-mt-40-max-tm {
margin-top: 40px;
}
}
@media only screen and (max-width: 1023px) {
.h-mt-40-max-tl-sm {
margin-top: 40px;
}
}
@media only screen and (max-width: 1023px) {
.h-mt-40-max-tm-tl {
margin-top: 40px;
}
}
@media only screen and (max-width: 1024px) {
.h-mt-40-max-tl {
margin-top: 40px;
}
}
@media only screen and (max-width: 1199px) {
.h-mt-40-max-d {
margin-top: 40px;
}
}
@media only screen and (max-width: 1439px) {
.h-mt-40-max-ld {
margin-top: 40px;
}
}
@media only screen and (min-width: 375px) and (max-width: 767px) {
.h-mt-40-ts-tm {
margin-top: 40px;
}
}
@media only screen and (min-width: 375px) and (max-width: 1024px) {
.h-mt-40-ts-tl {
margin-top: 40px;
}
}
@media only screen and (min-width: 375px) and (max-width: 1199px) {
.h-mt-40-ts-d {
margin-top: 40px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.h-mt-40-tm-tl {
margin-top: 40px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.h-mt-40-tm-tl-sm {
margin-top: 40px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
.h-mt-40-tm-d {
margin-top: 40px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1439px) {
.h-mt-40-tm-ld {
margin-top: 40px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.h-mt-40-tl-d {
margin-top: 40px;
}
}
@media only screen and (max-height: 720px) {
.h-mt-40-zoom-d {
margin-top: 40px;
}
}
@media only screen and (max-height: 400px) {
.h-mt-40-zoom-m {
margin-top: 40px;
}
}
.h-mr-40 {
margin-right: 40px;
}
@media only screen and (min-width: 375px) {
.h-mr-40-min-ts {
margin-right: 40px;
}
}
@media only screen and (min-width: 768px) {
.h-mr-40-min-tm {
margin-right: 40px;
}
}
@media only screen and (min-width: 1024px) {
.h-mr-40-min-tl-ls {
margin-right: 40px;
}
}
@media only screen and (min-width: 1025px) {
.h-mr-40-min-tl {
margin-right: 40px;
}
}
@media only screen and (min-width: 1200px) {
.h-mr-40-min-d {
margin-right: 40px;
}
}
@media only screen and (min-width: 1440px) {
.h-mr-40-min-ld {
margin-right: 40px;
}
}
@media only screen and (max-width: 374px) {
.h-mr-40-max-ts {
margin-right: 40px;
}
}
@media only screen and (max-width: 767px) {
.h-mr-40-max-tm {
margin-right: 40px;
}
}
@media only screen and (max-width: 1023px) {
.h-mr-40-max-tl-sm {
margin-right: 40px;
}
}
@media only screen and (max-width: 1023px) {
.h-mr-40-max-tm-tl {
margin-right: 40px;
}
}
@media only screen and (max-width: 1024px) {
.h-mr-40-max-tl {
margin-right: 40px;
}
}
@media only screen and (max-width: 1199px) {
.h-mr-40-max-d {
margin-right: 40px;
}
}
@media only screen and (max-width: 1439px) {
.h-mr-40-max-ld {
margin-right: 40px;
}
}
@media only screen and (min-width: 375px) and (max-width: 767px) {
.h-mr-40-ts-tm {
margin-right: 40px;
}
}
@media only screen and (min-width: 375px) and (max-width: 1024px) {
.h-mr-40-ts-tl {
margin-right: 40px;
}
}
@media only screen and (min-width: 375px) and (max-width: 1199px) {
.h-mr-40-ts-d {
margin-right: 40px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.h-mr-40-tm-tl {
margin-right: 40px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.h-mr-40-tm-tl-sm {
margin-right: 40px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
.h-mr-40-tm-d {
margin-right: 40px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1439px) {
.h-mr-40-tm-ld {
margin-right: 40px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.h-mr-40-tl-d {
margin-right: 40px;
}
}
@media only screen and (max-height: 720px) {
.h-mr-40-zoom-d {
margin-right: 40px;
}
}
@media only screen and (max-height: 400px) {
.h-mr-40-zoom-m {
margin-right: 40px;
}
}
.h-mb-40 {
margin-bottom: 40px;
}
@media only screen and (min-width: 375px) {
.h-mb-40-min-ts {
margin-bottom: 40px;
}
}
@media only screen and (min-width: 768px) {
.h-mb-40-min-tm {
margin-bottom: 40px;
}
}
@media only screen and (min-width: 1024px) {
.h-mb-40-min-tl-ls {
margin-bottom: 40px;
}
}
@media only screen and (min-width: 1025px) {
.h-mb-40-min-tl {
margin-bottom: 40px;
}
}
@media only screen and (min-width: 1200px) {
.h-mb-40-min-d {
margin-bottom: 40px;
}
}
@media only screen and (min-width: 1440px) {
.h-mb-40-min-ld {
margin-bottom: 40px;
}
}
@media only screen and (max-width: 374px) {
.h-mb-40-max-ts {
margin-bottom: 40px;
}
}
@media only screen and (max-width: 767px) {
.h-mb-40-max-tm {
margin-bottom: 40px;
}
}
@media only screen and (max-width: 1023px) {
.h-mb-40-max-tl-sm {
margin-bottom: 40px;
}
}
@media only screen and (max-width: 1023px) {
.h-mb-40-max-tm-tl {
margin-bottom: 40px;
}
}
@media only screen and (max-width: 1024px) {
.h-mb-40-max-tl {
margin-bottom: 40px;
}
}
@media only screen and (max-width: 1199px) {
.h-mb-40-max-d {
margin-bottom: 40px;
}
}
@media only screen and (max-width: 1439px) {
.h-mb-40-max-ld {
margin-bottom: 40px;
}
}
@media only screen and (min-width: 375px) and (max-width: 767px) {
.h-mb-40-ts-tm {
margin-bottom: 40px;
}
}
@media only screen and (min-width: 375px) and (max-width: 1024px) {
.h-mb-40-ts-tl {
margin-bottom: 40px;
}
}
@media only screen and (min-width: 375px) and (max-width: 1199px) {
.h-mb-40-ts-d {
margin-bottom: 40px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.h-mb-40-tm-tl {
margin-bottom: 40px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.h-mb-40-tm-tl-sm {
margin-bottom: 40px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
.h-mb-40-tm-d {
margin-bottom: 40px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1439px) {
.h-mb-40-tm-ld {
margin-bottom: 40px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.h-mb-40-tl-d {
margin-bottom: 40px;
}
}
@media only screen and (max-height: 720px) {
.h-mb-40-zoom-d {
margin-bottom: 40px;
}
}
@media only screen and (max-height: 400px) {
.h-mb-40-zoom-m {
margin-bottom: 40px;
}
}
.h-ml-40 {
margin-left: 40px;
}
@media only screen and (min-width: 375px) {
.h-ml-40-min-ts {
margin-left: 40px;
}
}
@media only screen and (min-width: 768px) {
.h-ml-40-min-tm {
margin-left: 40px;
}
}
@media only screen and (min-width: 1024px) {
.h-ml-40-min-tl-ls {
margin-left: 40px;
}
}
@media only screen and (min-width: 1025px) {
.h-ml-40-min-tl {
margin-left: 40px;
}
}
@media only screen and (min-width: 1200px) {
.h-ml-40-min-d {
margin-left: 40px;
}
}
@media only screen and (min-width: 1440px) {
.h-ml-40-min-ld {
margin-left: 40px;
}
}
@media only screen and (max-width: 374px) {
.h-ml-40-max-ts {
margin-left: 40px;
}
}
@media only screen and (max-width: 767px) {
.h-ml-40-max-tm {
margin-left: 40px;
}
}
@media only screen and (max-width: 1023px) {
.h-ml-40-max-tl-sm {
margin-left: 40px;
}
}
@media only screen and (max-width: 1023px) {
.h-ml-40-max-tm-tl {
margin-left: 40px;
}
}
@media only screen and (max-width: 1024px) {
.h-ml-40-max-tl {
margin-left: 40px;
}
}
@media only screen and (max-width: 1199px) {
.h-ml-40-max-d {
margin-left: 40px;
}
}
@media only screen and (max-width: 1439px) {
.h-ml-40-max-ld {
margin-left: 40px;
}
}
@media only screen and (min-width: 375px) and (max-width: 767px) {
.h-ml-40-ts-tm {
margin-left: 40px;
}
}
@media only screen and (min-width: 375px) and (max-width: 1024px) {
.h-ml-40-ts-tl {
margin-left: 40px;
}
}
@media only screen and (min-width: 375px) and (max-width: 1199px) {
.h-ml-40-ts-d {
margin-left: 40px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.h-ml-40-tm-tl {
margin-left: 40px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.h-ml-40-tm-tl-sm {
margin-left: 40px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
.h-ml-40-tm-d {
margin-left: 40px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1439px) {
.h-ml-40-tm-ld {
margin-left: 40px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.h-ml-40-tl-d {
margin-left: 40px;
}
}
@media only screen and (max-height: 720px) {
.h-ml-40-zoom-d {
margin-left: 40px;
}
}
@media only screen and (max-height: 400px) {
.h-ml-40-zoom-m {
margin-left: 40px;
}
}
.h-mt-45 {
margin-top: 45px;
}
@media only screen and (min-width: 375px) {
.h-mt-45-min-ts {
margin-top: 45px;
}
}
@media only screen and (min-width: 768px) {
.h-mt-45-min-tm {
margin-top: 45px;
}
}
@media only screen and (min-width: 1024px) {
.h-mt-45-min-tl-ls {
margin-top: 45px;
}
}
@media only screen and (min-width: 1025px) {
.h-mt-45-min-tl {
margin-top: 45px;
}
}
@media only screen and (min-width: 1200px) {
.h-mt-45-min-d {
margin-top: 45px;
}
}
@media only screen and (min-width: 1440px) {
.h-mt-45-min-ld {
margin-top: 45px;
}
}
@media only screen and (max-width: 374px) {
.h-mt-45-max-ts {
margin-top: 45px;
}
}
@media only screen and (max-width: 767px) {
.h-mt-45-max-tm {
margin-top: 45px;
}
}
@media only screen and (max-width: 1023px) {
.h-mt-45-max-tl-sm {
margin-top: 45px;
}
}
@media only screen and (max-width: 1023px) {
.h-mt-45-max-tm-tl {
margin-top: 45px;
}
}
@media only screen and (max-width: 1024px) {
.h-mt-45-max-tl {
margin-top: 45px;
}
}
@media only screen and (max-width: 1199px) {
.h-mt-45-max-d {
margin-top: 45px;
}
}
@media only screen and (max-width: 1439px) {
.h-mt-45-max-ld {
margin-top: 45px;
}
}
@media only screen and (min-width: 375px) and (max-width: 767px) {
.h-mt-45-ts-tm {
margin-top: 45px;
}
}
@media only screen and (min-width: 375px) and (max-width: 1024px) {
.h-mt-45-ts-tl {
margin-top: 45px;
}
}
@media only screen and (min-width: 375px) and (max-width: 1199px) {
.h-mt-45-ts-d {
margin-top: 45px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.h-mt-45-tm-tl {
margin-top: 45px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.h-mt-45-tm-tl-sm {
margin-top: 45px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
.h-mt-45-tm-d {
margin-top: 45px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1439px) {
.h-mt-45-tm-ld {
margin-top: 45px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.h-mt-45-tl-d {
margin-top: 45px;
}
}
@media only screen and (max-height: 720px) {
.h-mt-45-zoom-d {
margin-top: 45px;
}
}
@media only screen and (max-height: 400px) {
.h-mt-45-zoom-m {
margin-top: 45px;
}
}
.h-mr-45 {
margin-right: 45px;
}
@media only screen and (min-width: 375px) {
.h-mr-45-min-ts {
margin-right: 45px;
}
}
@media only screen and (min-width: 768px) {
.h-mr-45-min-tm {
margin-right: 45px;
}
}
@media only screen and (min-width: 1024px) {
.h-mr-45-min-tl-ls {
margin-right: 45px;
}
}
@media only screen and (min-width: 1025px) {
.h-mr-45-min-tl {
margin-right: 45px;
}
}
@media only screen and (min-width: 1200px) {
.h-mr-45-min-d {
margin-right: 45px;
}
}
@media only screen and (min-width: 1440px) {
.h-mr-45-min-ld {
margin-right: 45px;
}
}
@media only screen and (max-width: 374px) {
.h-mr-45-max-ts {
margin-right: 45px;
}
}
@media only screen and (max-width: 767px) {
.h-mr-45-max-tm {
margin-right: 45px;
}
}
@media only screen and (max-width: 1023px) {
.h-mr-45-max-tl-sm {
margin-right: 45px;
}
}
@media only screen and (max-width: 1023px) {
.h-mr-45-max-tm-tl {
margin-right: 45px;
}
}
@media only screen and (max-width: 1024px) {
.h-mr-45-max-tl {
margin-right: 45px;
}
}
@media only screen and (max-width: 1199px) {
.h-mr-45-max-d {
margin-right: 45px;
}
}
@media only screen and (max-width: 1439px) {
.h-mr-45-max-ld {
margin-right: 45px;
}
}
@media only screen and (min-width: 375px) and (max-width: 767px) {
.h-mr-45-ts-tm {
margin-right: 45px;
}
}
@media only screen and (min-width: 375px) and (max-width: 1024px) {
.h-mr-45-ts-tl {
margin-right: 45px;
}
}
@media only screen and (min-width: 375px) and (max-width: 1199px) {
.h-mr-45-ts-d {
margin-right: 45px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.h-mr-45-tm-tl {
margin-right: 45px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.h-mr-45-tm-tl-sm {
margin-right: 45px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
.h-mr-45-tm-d {
margin-right: 45px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1439px) {
.h-mr-45-tm-ld {
margin-right: 45px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.h-mr-45-tl-d {
margin-right: 45px;
}
}
@media only screen and (max-height: 720px) {
.h-mr-45-zoom-d {
margin-right: 45px;
}
}
@media only screen and (max-height: 400px) {
.h-mr-45-zoom-m {
margin-right: 45px;
}
}
.h-mb-45 {
margin-bottom: 45px;
}
@media only screen and (min-width: 375px) {
.h-mb-45-min-ts {
margin-bottom: 45px;
}
}
@media only screen and (min-width: 768px) {
.h-mb-45-min-tm {
margin-bottom: 45px;
}
}
@media only screen and (min-width: 1024px) {
.h-mb-45-min-tl-ls {
margin-bottom: 45px;
}
}
@media only screen and (min-width: 1025px) {
.h-mb-45-min-tl {
margin-bottom: 45px;
}
}
@media only screen and (min-width: 1200px) {
.h-mb-45-min-d {
margin-bottom: 45px;
}
}
@media only screen and (min-width: 1440px) {
.h-mb-45-min-ld {
margin-bottom: 45px;
}
}
@media only screen and (max-width: 374px) {
.h-mb-45-max-ts {
margin-bottom: 45px;
}
}
@media only screen and (max-width: 767px) {
.h-mb-45-max-tm {
margin-bottom: 45px;
}
}
@media only screen and (max-width: 1023px) {
.h-mb-45-max-tl-sm {
margin-bottom: 45px;
}
}
@media only screen and (max-width: 1023px) {
.h-mb-45-max-tm-tl {
margin-bottom: 45px;
}
}
@media only screen and (max-width: 1024px) {
.h-mb-45-max-tl {
margin-bottom: 45px;
}
}
@media only screen and (max-width: 1199px) {
.h-mb-45-max-d {
margin-bottom: 45px;
}
}
@media only screen and (max-width: 1439px) {
.h-mb-45-max-ld {
margin-bottom: 45px;
}
}
@media only screen and (min-width: 375px) and (max-width: 767px) {
.h-mb-45-ts-tm {
margin-bottom: 45px;
}
}
@media only screen and (min-width: 375px) and (max-width: 1024px) {
.h-mb-45-ts-tl {
margin-bottom: 45px;
}
}
@media only screen and (min-width: 375px) and (max-width: 1199px) {
.h-mb-45-ts-d {
margin-bottom: 45px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.h-mb-45-tm-tl {
margin-bottom: 45px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.h-mb-45-tm-tl-sm {
margin-bottom: 45px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
.h-mb-45-tm-d {
margin-bottom: 45px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1439px) {
.h-mb-45-tm-ld {
margin-bottom: 45px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.h-mb-45-tl-d {
margin-bottom: 45px;
}
}
@media only screen and (max-height: 720px) {
.h-mb-45-zoom-d {
margin-bottom: 45px;
}
}
@media only screen and (max-height: 400px) {
.h-mb-45-zoom-m {
margin-bottom: 45px;
}
}
.h-ml-45 {
margin-left: 45px;
}
@media only screen and (min-width: 375px) {
.h-ml-45-min-ts {
margin-left: 45px;
}
}
@media only screen and (min-width: 768px) {
.h-ml-45-min-tm {
margin-left: 45px;
}
}
@media only screen and (min-width: 1024px) {
.h-ml-45-min-tl-ls {
margin-left: 45px;
}
}
@media only screen and (min-width: 1025px) {
.h-ml-45-min-tl {
margin-left: 45px;
}
}
@media only screen and (min-width: 1200px) {
.h-ml-45-min-d {
margin-left: 45px;
}
}
@media only screen and (min-width: 1440px) {
.h-ml-45-min-ld {
margin-left: 45px;
}
}
@media only screen and (max-width: 374px) {
.h-ml-45-max-ts {
margin-left: 45px;
}
}
@media only screen and (max-width: 767px) {
.h-ml-45-max-tm {
margin-left: 45px;
}
}
@media only screen and (max-width: 1023px) {
.h-ml-45-max-tl-sm {
margin-left: 45px;
}
}
@media only screen and (max-width: 1023px) {
.h-ml-45-max-tm-tl {
margin-left: 45px;
}
}
@media only screen and (max-width: 1024px) {
.h-ml-45-max-tl {
margin-left: 45px;
}
}
@media only screen and (max-width: 1199px) {
.h-ml-45-max-d {
margin-left: 45px;
}
}
@media only screen and (max-width: 1439px) {
.h-ml-45-max-ld {
margin-left: 45px;
}
}
@media only screen and (min-width: 375px) and (max-width: 767px) {
.h-ml-45-ts-tm {
margin-left: 45px;
}
}
@media only screen and (min-width: 375px) and (max-width: 1024px) {
.h-ml-45-ts-tl {
margin-left: 45px;
}
}
@media only screen and (min-width: 375px) and (max-width: 1199px) {
.h-ml-45-ts-d {
margin-left: 45px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.h-ml-45-tm-tl {
margin-left: 45px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.h-ml-45-tm-tl-sm {
margin-left: 45px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
.h-ml-45-tm-d {
margin-left: 45px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1439px) {
.h-ml-45-tm-ld {
margin-left: 45px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.h-ml-45-tl-d {
margin-left: 45px;
}
}
@media only screen and (max-height: 720px) {
.h-ml-45-zoom-d {
margin-left: 45px;
}
}
@media only screen and (max-height: 400px) {
.h-ml-45-zoom-m {
margin-left: 45px;
}
}
.h-mt-50 {
margin-top: 50px;
}
@media only screen and (min-width: 375px) {
.h-mt-50-min-ts {
margin-top: 50px;
}
}
@media only screen and (min-width: 768px) {
.h-mt-50-min-tm {
margin-top: 50px;
}
}
@media only screen and (min-width: 1024px) {
.h-mt-50-min-tl-ls {
margin-top: 50px;
}
}
@media only screen and (min-width: 1025px) {
.h-mt-50-min-tl {
margin-top: 50px;
}
}
@media only screen and (min-width: 1200px) {
.h-mt-50-min-d {
margin-top: 50px;
}
}
@media only screen and (min-width: 1440px) {
.h-mt-50-min-ld {
margin-top: 50px;
}
}
@media only screen and (max-width: 374px) {
.h-mt-50-max-ts {
margin-top: 50px;
}
}
@media only screen and (max-width: 767px) {
.h-mt-50-max-tm {
margin-top: 50px;
}
}
@media only screen and (max-width: 1023px) {
.h-mt-50-max-tl-sm {
margin-top: 50px;
}
}
@media only screen and (max-width: 1023px) {
.h-mt-50-max-tm-tl {
margin-top: 50px;
}
}
@media only screen and (max-width: 1024px) {
.h-mt-50-max-tl {
margin-top: 50px;
}
}
@media only screen and (max-width: 1199px) {
.h-mt-50-max-d {
margin-top: 50px;
}
}
@media only screen and (max-width: 1439px) {
.h-mt-50-max-ld {
margin-top: 50px;
}
}
@media only screen and (min-width: 375px) and (max-width: 767px) {
.h-mt-50-ts-tm {
margin-top: 50px;
}
}
@media only screen and (min-width: 375px) and (max-width: 1024px) {
.h-mt-50-ts-tl {
margin-top: 50px;
}
}
@media only screen and (min-width: 375px) and (max-width: 1199px) {
.h-mt-50-ts-d {
margin-top: 50px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.h-mt-50-tm-tl {
margin-top: 50px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.h-mt-50-tm-tl-sm {
margin-top: 50px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
.h-mt-50-tm-d {
margin-top: 50px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1439px) {
.h-mt-50-tm-ld {
margin-top: 50px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.h-mt-50-tl-d {
margin-top: 50px;
}
}
@media only screen and (max-height: 720px) {
.h-mt-50-zoom-d {
margin-top: 50px;
}
}
@media only screen and (max-height: 400px) {
.h-mt-50-zoom-m {
margin-top: 50px;
}
}
.h-mr-50 {
margin-right: 50px;
}
@media only screen and (min-width: 375px) {
.h-mr-50-min-ts {
margin-right: 50px;
}
}
@media only screen and (min-width: 768px) {
.h-mr-50-min-tm {
margin-right: 50px;
}
}
@media only screen and (min-width: 1024px) {
.h-mr-50-min-tl-ls {
margin-right: 50px;
}
}
@media only screen and (min-width: 1025px) {
.h-mr-50-min-tl {
margin-right: 50px;
}
}
@media only screen and (min-width: 1200px) {
.h-mr-50-min-d {
margin-right: 50px;
}
}
@media only screen and (min-width: 1440px) {
.h-mr-50-min-ld {
margin-right: 50px;
}
}
@media only screen and (max-width: 374px) {
.h-mr-50-max-ts {
margin-right: 50px;
}
}
@media only screen and (max-width: 767px) {
.h-mr-50-max-tm {
margin-right: 50px;
}
}
@media only screen and (max-width: 1023px) {
.h-mr-50-max-tl-sm {
margin-right: 50px;
}
}
@media only screen and (max-width: 1023px) {
.h-mr-50-max-tm-tl {
margin-right: 50px;
}
}
@media only screen and (max-width: 1024px) {
.h-mr-50-max-tl {
margin-right: 50px;
}
}
@media only screen and (max-width: 1199px) {
.h-mr-50-max-d {
margin-right: 50px;
}
}
@media only screen and (max-width: 1439px) {
.h-mr-50-max-ld {
margin-right: 50px;
}
}
@media only screen and (min-width: 375px) and (max-width: 767px) {
.h-mr-50-ts-tm {
margin-right: 50px;
}
}
@media only screen and (min-width: 375px) and (max-width: 1024px) {
.h-mr-50-ts-tl {
margin-right: 50px;
}
}
@media only screen and (min-width: 375px) and (max-width: 1199px) {
.h-mr-50-ts-d {
margin-right: 50px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.h-mr-50-tm-tl {
margin-right: 50px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.h-mr-50-tm-tl-sm {
margin-right: 50px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
.h-mr-50-tm-d {
margin-right: 50px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1439px) {
.h-mr-50-tm-ld {
margin-right: 50px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.h-mr-50-tl-d {
margin-right: 50px;
}
}
@media only screen and (max-height: 720px) {
.h-mr-50-zoom-d {
margin-right: 50px;
}
}
@media only screen and (max-height: 400px) {
.h-mr-50-zoom-m {
margin-right: 50px;
}
}
.h-mb-50 {
margin-bottom: 50px;
}
@media only screen and (min-width: 375px) {
.h-mb-50-min-ts {
margin-bottom: 50px;
}
}
@media only screen and (min-width: 768px) {
.h-mb-50-min-tm {
margin-bottom: 50px;
}
}
@media only screen and (min-width: 1024px) {
.h-mb-50-min-tl-ls {
margin-bottom: 50px;
}
}
@media only screen and (min-width: 1025px) {
.h-mb-50-min-tl {
margin-bottom: 50px;
}
}
@media only screen and (min-width: 1200px) {
.h-mb-50-min-d {
margin-bottom: 50px;
}
}
@media only screen and (min-width: 1440px) {
.h-mb-50-min-ld {
margin-bottom: 50px;
}
}
@media only screen and (max-width: 374px) {
.h-mb-50-max-ts {
margin-bottom: 50px;
}
}
@media only screen and (max-width: 767px) {
.h-mb-50-max-tm {
margin-bottom: 50px;
}
}
@media only screen and (max-width: 1023px) {
.h-mb-50-max-tl-sm {
margin-bottom: 50px;
}
}
@media only screen and (max-width: 1023px) {
.h-mb-50-max-tm-tl {
margin-bottom: 50px;
}
}
@media only screen and (max-width: 1024px) {
.h-mb-50-max-tl {
margin-bottom: 50px;
}
}
@media only screen and (max-width: 1199px) {
.h-mb-50-max-d {
margin-bottom: 50px;
}
}
@media only screen and (max-width: 1439px) {
.h-mb-50-max-ld {
margin-bottom: 50px;
}
}
@media only screen and (min-width: 375px) and (max-width: 767px) {
.h-mb-50-ts-tm {
margin-bottom: 50px;
}
}
@media only screen and (min-width: 375px) and (max-width: 1024px) {
.h-mb-50-ts-tl {
margin-bottom: 50px;
}
}
@media only screen and (min-width: 375px) and (max-width: 1199px) {
.h-mb-50-ts-d {
margin-bottom: 50px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.h-mb-50-tm-tl {
margin-bottom: 50px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.h-mb-50-tm-tl-sm {
margin-bottom: 50px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
.h-mb-50-tm-d {
margin-bottom: 50px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1439px) {
.h-mb-50-tm-ld {
margin-bottom: 50px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.h-mb-50-tl-d {
margin-bottom: 50px;
}
}
@media only screen and (max-height: 720px) {
.h-mb-50-zoom-d {
margin-bottom: 50px;
}
}
@media only screen and (max-height: 400px) {
.h-mb-50-zoom-m {
margin-bottom: 50px;
}
}
.h-ml-50 {
margin-left: 50px;
}
@media only screen and (min-width: 375px) {
.h-ml-50-min-ts {
margin-left: 50px;
}
}
@media only screen and (min-width: 768px) {
.h-ml-50-min-tm {
margin-left: 50px;
}
}
@media only screen and (min-width: 1024px) {
.h-ml-50-min-tl-ls {
margin-left: 50px;
}
}
@media only screen and (min-width: 1025px) {
.h-ml-50-min-tl {
margin-left: 50px;
}
}
@media only screen and (min-width: 1200px) {
.h-ml-50-min-d {
margin-left: 50px;
}
}
@media only screen and (min-width: 1440px) {
.h-ml-50-min-ld {
margin-left: 50px;
}
}
@media only screen and (max-width: 374px) {
.h-ml-50-max-ts {
margin-left: 50px;
}
}
@media only screen and (max-width: 767px) {
.h-ml-50-max-tm {
margin-left: 50px;
}
}
@media only screen and (max-width: 1023px) {
.h-ml-50-max-tl-sm {
margin-left: 50px;
}
}
@media only screen and (max-width: 1023px) {
.h-ml-50-max-tm-tl {
margin-left: 50px;
}
}
@media only screen and (max-width: 1024px) {
.h-ml-50-max-tl {
margin-left: 50px;
}
}
@media only screen and (max-width: 1199px) {
.h-ml-50-max-d {
margin-left: 50px;
}
}
@media only screen and (max-width: 1439px) {
.h-ml-50-max-ld {
margin-left: 50px;
}
}
@media only screen and (min-width: 375px) and (max-width: 767px) {
.h-ml-50-ts-tm {
margin-left: 50px;
}
}
@media only screen and (min-width: 375px) and (max-width: 1024px) {
.h-ml-50-ts-tl {
margin-left: 50px;
}
}
@media only screen and (min-width: 375px) and (max-width: 1199px) {
.h-ml-50-ts-d {
margin-left: 50px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.h-ml-50-tm-tl {
margin-left: 50px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.h-ml-50-tm-tl-sm {
margin-left: 50px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
.h-ml-50-tm-d {
margin-left: 50px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1439px) {
.h-ml-50-tm-ld {
margin-left: 50px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.h-ml-50-tl-d {
margin-left: 50px;
}
}
@media only screen and (max-height: 720px) {
.h-ml-50-zoom-d {
margin-left: 50px;
}
}
@media only screen and (max-height: 400px) {
.h-ml-50-zoom-m {
margin-left: 50px;
}
}
.h-mt-55 {
margin-top: 55px;
}
@media only screen and (min-width: 375px) {
.h-mt-55-min-ts {
margin-top: 55px;
}
}
@media only screen and (min-width: 768px) {
.h-mt-55-min-tm {
margin-top: 55px;
}
}
@media only screen and (min-width: 1024px) {
.h-mt-55-min-tl-ls {
margin-top: 55px;
}
}
@media only screen and (min-width: 1025px) {
.h-mt-55-min-tl {
margin-top: 55px;
}
}
@media only screen and (min-width: 1200px) {
.h-mt-55-min-d {
margin-top: 55px;
}
}
@media only screen and (min-width: 1440px) {
.h-mt-55-min-ld {
margin-top: 55px;
}
}
@media only screen and (max-width: 374px) {
.h-mt-55-max-ts {
margin-top: 55px;
}
}
@media only screen and (max-width: 767px) {
.h-mt-55-max-tm {
margin-top: 55px;
}
}
@media only screen and (max-width: 1023px) {
.h-mt-55-max-tl-sm {
margin-top: 55px;
}
}
@media only screen and (max-width: 1023px) {
.h-mt-55-max-tm-tl {
margin-top: 55px;
}
}
@media only screen and (max-width: 1024px) {
.h-mt-55-max-tl {
margin-top: 55px;
}
}
@media only screen and (max-width: 1199px) {
.h-mt-55-max-d {
margin-top: 55px;
}
}
@media only screen and (max-width: 1439px) {
.h-mt-55-max-ld {
margin-top: 55px;
}
}
@media only screen and (min-width: 375px) and (max-width: 767px) {
.h-mt-55-ts-tm {
margin-top: 55px;
}
}
@media only screen and (min-width: 375px) and (max-width: 1024px) {
.h-mt-55-ts-tl {
margin-top: 55px;
}
}
@media only screen and (min-width: 375px) and (max-width: 1199px) {
.h-mt-55-ts-d {
margin-top: 55px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.h-mt-55-tm-tl {
margin-top: 55px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.h-mt-55-tm-tl-sm {
margin-top: 55px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
.h-mt-55-tm-d {
margin-top: 55px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1439px) {
.h-mt-55-tm-ld {
margin-top: 55px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.h-mt-55-tl-d {
margin-top: 55px;
}
}
@media only screen and (max-height: 720px) {
.h-mt-55-zoom-d {
margin-top: 55px;
}
}
@media only screen and (max-height: 400px) {
.h-mt-55-zoom-m {
margin-top: 55px;
}
}
.h-mr-55 {
margin-right: 55px;
}
@media only screen and (min-width: 375px) {
.h-mr-55-min-ts {
margin-right: 55px;
}
}
@media only screen and (min-width: 768px) {
.h-mr-55-min-tm {
margin-right: 55px;
}
}
@media only screen and (min-width: 1024px) {
.h-mr-55-min-tl-ls {
margin-right: 55px;
}
}
@media only screen and (min-width: 1025px) {
.h-mr-55-min-tl {
margin-right: 55px;
}
}
@media only screen and (min-width: 1200px) {
.h-mr-55-min-d {
margin-right: 55px;
}
}
@media only screen and (min-width: 1440px) {
.h-mr-55-min-ld {
margin-right: 55px;
}
}
@media only screen and (max-width: 374px) {
.h-mr-55-max-ts {
margin-right: 55px;
}
}
@media only screen and (max-width: 767px) {
.h-mr-55-max-tm {
margin-right: 55px;
}
}
@media only screen and (max-width: 1023px) {
.h-mr-55-max-tl-sm {
margin-right: 55px;
}
}
@media only screen and (max-width: 1023px) {
.h-mr-55-max-tm-tl {
margin-right: 55px;
}
}
@media only screen and (max-width: 1024px) {
.h-mr-55-max-tl {
margin-right: 55px;
}
}
@media only screen and (max-width: 1199px) {
.h-mr-55-max-d {
margin-right: 55px;
}
}
@media only screen and (max-width: 1439px) {
.h-mr-55-max-ld {
margin-right: 55px;
}
}
@media only screen and (min-width: 375px) and (max-width: 767px) {
.h-mr-55-ts-tm {
margin-right: 55px;
}
}
@media only screen and (min-width: 375px) and (max-width: 1024px) {
.h-mr-55-ts-tl {
margin-right: 55px;
}
}
@media only screen and (min-width: 375px) and (max-width: 1199px) {
.h-mr-55-ts-d {
margin-right: 55px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.h-mr-55-tm-tl {
margin-right: 55px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.h-mr-55-tm-tl-sm {
margin-right: 55px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
.h-mr-55-tm-d {
margin-right: 55px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1439px) {
.h-mr-55-tm-ld {
margin-right: 55px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.h-mr-55-tl-d {
margin-right: 55px;
}
}
@media only screen and (max-height: 720px) {
.h-mr-55-zoom-d {
margin-right: 55px;
}
}
@media only screen and (max-height: 400px) {
.h-mr-55-zoom-m {
margin-right: 55px;
}
}
.h-mb-55 {
margin-bottom: 55px;
}
@media only screen and (min-width: 375px) {
.h-mb-55-min-ts {
margin-bottom: 55px;
}
}
@media only screen and (min-width: 768px) {
.h-mb-55-min-tm {
margin-bottom: 55px;
}
}
@media only screen and (min-width: 1024px) {
.h-mb-55-min-tl-ls {
margin-bottom: 55px;
}
}
@media only screen and (min-width: 1025px) {
.h-mb-55-min-tl {
margin-bottom: 55px;
}
}
@media only screen and (min-width: 1200px) {
.h-mb-55-min-d {
margin-bottom: 55px;
}
}
@media only screen and (min-width: 1440px) {
.h-mb-55-min-ld {
margin-bottom: 55px;
}
}
@media only screen and (max-width: 374px) {
.h-mb-55-max-ts {
margin-bottom: 55px;
}
}
@media only screen and (max-width: 767px) {
.h-mb-55-max-tm {
margin-bottom: 55px;
}
}
@media only screen and (max-width: 1023px) {
.h-mb-55-max-tl-sm {
margin-bottom: 55px;
}
}
@media only screen and (max-width: 1023px) {
.h-mb-55-max-tm-tl {
margin-bottom: 55px;
}
}
@media only screen and (max-width: 1024px) {
.h-mb-55-max-tl {
margin-bottom: 55px;
}
}
@media only screen and (max-width: 1199px) {
.h-mb-55-max-d {
margin-bottom: 55px;
}
}
@media only screen and (max-width: 1439px) {
.h-mb-55-max-ld {
margin-bottom: 55px;
}
}
@media only screen and (min-width: 375px) and (max-width: 767px) {
.h-mb-55-ts-tm {
margin-bottom: 55px;
}
}
@media only screen and (min-width: 375px) and (max-width: 1024px) {
.h-mb-55-ts-tl {
margin-bottom: 55px;
}
}
@media only screen and (min-width: 375px) and (max-width: 1199px) {
.h-mb-55-ts-d {
margin-bottom: 55px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.h-mb-55-tm-tl {
margin-bottom: 55px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.h-mb-55-tm-tl-sm {
margin-bottom: 55px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
.h-mb-55-tm-d {
margin-bottom: 55px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1439px) {
.h-mb-55-tm-ld {
margin-bottom: 55px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.h-mb-55-tl-d {
margin-bottom: 55px;
}
}
@media only screen and (max-height: 720px) {
.h-mb-55-zoom-d {
margin-bottom: 55px;
}
}
@media only screen and (max-height: 400px) {
.h-mb-55-zoom-m {
margin-bottom: 55px;
}
}
.h-ml-55 {
margin-left: 55px;
}
@media only screen and (min-width: 375px) {
.h-ml-55-min-ts {
margin-left: 55px;
}
}
@media only screen and (min-width: 768px) {
.h-ml-55-min-tm {
margin-left: 55px;
}
}
@media only screen and (min-width: 1024px) {
.h-ml-55-min-tl-ls {
margin-left: 55px;
}
}
@media only screen and (min-width: 1025px) {
.h-ml-55-min-tl {
margin-left: 55px;
}
}
@media only screen and (min-width: 1200px) {
.h-ml-55-min-d {
margin-left: 55px;
}
}
@media only screen and (min-width: 1440px) {
.h-ml-55-min-ld {
margin-left: 55px;
}
}
@media only screen and (max-width: 374px) {
.h-ml-55-max-ts {
margin-left: 55px;
}
}
@media only screen and (max-width: 767px) {
.h-ml-55-max-tm {
margin-left: 55px;
}
}
@media only screen and (max-width: 1023px) {
.h-ml-55-max-tl-sm {
margin-left: 55px;
}
}
@media only screen and (max-width: 1023px) {
.h-ml-55-max-tm-tl {
margin-left: 55px;
}
}
@media only screen and (max-width: 1024px) {
.h-ml-55-max-tl {
margin-left: 55px;
}
}
@media only screen and (max-width: 1199px) {
.h-ml-55-max-d {
margin-left: 55px;
}
}
@media only screen and (max-width: 1439px) {
.h-ml-55-max-ld {
margin-left: 55px;
}
}
@media only screen and (min-width: 375px) and (max-width: 767px) {
.h-ml-55-ts-tm {
margin-left: 55px;
}
}
@media only screen and (min-width: 375px) and (max-width: 1024px) {
.h-ml-55-ts-tl {
margin-left: 55px;
}
}
@media only screen and (min-width: 375px) and (max-width: 1199px) {
.h-ml-55-ts-d {
margin-left: 55px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.h-ml-55-tm-tl {
margin-left: 55px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.h-ml-55-tm-tl-sm {
margin-left: 55px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
.h-ml-55-tm-d {
margin-left: 55px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1439px) {
.h-ml-55-tm-ld {
margin-left: 55px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.h-ml-55-tl-d {
margin-left: 55px;
}
}
@media only screen and (max-height: 720px) {
.h-ml-55-zoom-d {
margin-left: 55px;
}
}
@media only screen and (max-height: 400px) {
.h-ml-55-zoom-m {
margin-left: 55px;
}
}
.h-mt-60 {
margin-top: 60px;
}
@media only screen and (min-width: 375px) {
.h-mt-60-min-ts {
margin-top: 60px;
}
}
@media only screen and (min-width: 768px) {
.h-mt-60-min-tm {
margin-top: 60px;
}
}
@media only screen and (min-width: 1024px) {
.h-mt-60-min-tl-ls {
margin-top: 60px;
}
}
@media only screen and (min-width: 1025px) {
.h-mt-60-min-tl {
margin-top: 60px;
}
}
@media only screen and (min-width: 1200px) {
.h-mt-60-min-d {
margin-top: 60px;
}
}
@media only screen and (min-width: 1440px) {
.h-mt-60-min-ld {
margin-top: 60px;
}
}
@media only screen and (max-width: 374px) {
.h-mt-60-max-ts {
margin-top: 60px;
}
}
@media only screen and (max-width: 767px) {
.h-mt-60-max-tm {
margin-top: 60px;
}
}
@media only screen and (max-width: 1023px) {
.h-mt-60-max-tl-sm {
margin-top: 60px;
}
}
@media only screen and (max-width: 1023px) {
.h-mt-60-max-tm-tl {
margin-top: 60px;
}
}
@media only screen and (max-width: 1024px) {
.h-mt-60-max-tl {
margin-top: 60px;
}
}
@media only screen and (max-width: 1199px) {
.h-mt-60-max-d {
margin-top: 60px;
}
}
@media only screen and (max-width: 1439px) {
.h-mt-60-max-ld {
margin-top: 60px;
}
}
@media only screen and (min-width: 375px) and (max-width: 767px) {
.h-mt-60-ts-tm {
margin-top: 60px;
}
}
@media only screen and (min-width: 375px) and (max-width: 1024px) {
.h-mt-60-ts-tl {
margin-top: 60px;
}
}
@media only screen and (min-width: 375px) and (max-width: 1199px) {
.h-mt-60-ts-d {
margin-top: 60px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.h-mt-60-tm-tl {
margin-top: 60px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.h-mt-60-tm-tl-sm {
margin-top: 60px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
.h-mt-60-tm-d {
margin-top: 60px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1439px) {
.h-mt-60-tm-ld {
margin-top: 60px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.h-mt-60-tl-d {
margin-top: 60px;
}
}
@media only screen and (max-height: 720px) {
.h-mt-60-zoom-d {
margin-top: 60px;
}
}
@media only screen and (max-height: 400px) {
.h-mt-60-zoom-m {
margin-top: 60px;
}
}
.h-mr-60 {
margin-right: 60px;
}
@media only screen and (min-width: 375px) {
.h-mr-60-min-ts {
margin-right: 60px;
}
}
@media only screen and (min-width: 768px) {
.h-mr-60-min-tm {
margin-right: 60px;
}
}
@media only screen and (min-width: 1024px) {
.h-mr-60-min-tl-ls {
margin-right: 60px;
}
}
@media only screen and (min-width: 1025px) {
.h-mr-60-min-tl {
margin-right: 60px;
}
}
@media only screen and (min-width: 1200px) {
.h-mr-60-min-d {
margin-right: 60px;
}
}
@media only screen and (min-width: 1440px) {
.h-mr-60-min-ld {
margin-right: 60px;
}
}
@media only screen and (max-width: 374px) {
.h-mr-60-max-ts {
margin-right: 60px;
}
}
@media only screen and (max-width: 767px) {
.h-mr-60-max-tm {
margin-right: 60px;
}
}
@media only screen and (max-width: 1023px) {
.h-mr-60-max-tl-sm {
margin-right: 60px;
}
}
@media only screen and (max-width: 1023px) {
.h-mr-60-max-tm-tl {
margin-right: 60px;
}
}
@media only screen and (max-width: 1024px) {
.h-mr-60-max-tl {
margin-right: 60px;
}
}
@media only screen and (max-width: 1199px) {
.h-mr-60-max-d {
margin-right: 60px;
}
}
@media only screen and (max-width: 1439px) {
.h-mr-60-max-ld {
margin-right: 60px;
}
}
@media only screen and (min-width: 375px) and (max-width: 767px) {
.h-mr-60-ts-tm {
margin-right: 60px;
}
}
@media only screen and (min-width: 375px) and (max-width: 1024px) {
.h-mr-60-ts-tl {
margin-right: 60px;
}
}
@media only screen and (min-width: 375px) and (max-width: 1199px) {
.h-mr-60-ts-d {
margin-right: 60px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.h-mr-60-tm-tl {
margin-right: 60px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.h-mr-60-tm-tl-sm {
margin-right: 60px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
.h-mr-60-tm-d {
margin-right: 60px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1439px) {
.h-mr-60-tm-ld {
margin-right: 60px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.h-mr-60-tl-d {
margin-right: 60px;
}
}
@media only screen and (max-height: 720px) {
.h-mr-60-zoom-d {
margin-right: 60px;
}
}
@media only screen and (max-height: 400px) {
.h-mr-60-zoom-m {
margin-right: 60px;
}
}
.h-mb-60 {
margin-bottom: 60px;
}
@media only screen and (min-width: 375px) {
.h-mb-60-min-ts {
margin-bottom: 60px;
}
}
@media only screen and (min-width: 768px) {
.h-mb-60-min-tm {
margin-bottom: 60px;
}
}
@media only screen and (min-width: 1024px) {
.h-mb-60-min-tl-ls {
margin-bottom: 60px;
}
}
@media only screen and (min-width: 1025px) {
.h-mb-60-min-tl {
margin-bottom: 60px;
}
}
@media only screen and (min-width: 1200px) {
.h-mb-60-min-d {
margin-bottom: 60px;
}
}
@media only screen and (min-width: 1440px) {
.h-mb-60-min-ld {
margin-bottom: 60px;
}
}
@media only screen and (max-width: 374px) {
.h-mb-60-max-ts {
margin-bottom: 60px;
}
}
@media only screen and (max-width: 767px) {
.h-mb-60-max-tm {
margin-bottom: 60px;
}
}
@media only screen and (max-width: 1023px) {
.h-mb-60-max-tl-sm {
margin-bottom: 60px;
}
}
@media only screen and (max-width: 1023px) {
.h-mb-60-max-tm-tl {
margin-bottom: 60px;
}
}
@media only screen and (max-width: 1024px) {
.h-mb-60-max-tl {
margin-bottom: 60px;
}
}
@media only screen and (max-width: 1199px) {
.h-mb-60-max-d {
margin-bottom: 60px;
}
}
@media only screen and (max-width: 1439px) {
.h-mb-60-max-ld {
margin-bottom: 60px;
}
}
@media only screen and (min-width: 375px) and (max-width: 767px) {
.h-mb-60-ts-tm {
margin-bottom: 60px;
}
}
@media only screen and (min-width: 375px) and (max-width: 1024px) {
.h-mb-60-ts-tl {
margin-bottom: 60px;
}
}
@media only screen and (min-width: 375px) and (max-width: 1199px) {
.h-mb-60-ts-d {
margin-bottom: 60px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.h-mb-60-tm-tl {
margin-bottom: 60px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.h-mb-60-tm-tl-sm {
margin-bottom: 60px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
.h-mb-60-tm-d {
margin-bottom: 60px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1439px) {
.h-mb-60-tm-ld {
margin-bottom: 60px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.h-mb-60-tl-d {
margin-bottom: 60px;
}
}
@media only screen and (max-height: 720px) {
.h-mb-60-zoom-d {
margin-bottom: 60px;
}
}
@media only screen and (max-height: 400px) {
.h-mb-60-zoom-m {
margin-bottom: 60px;
}
}
.h-ml-60 {
margin-left: 60px;
}
@media only screen and (min-width: 375px) {
.h-ml-60-min-ts {
margin-left: 60px;
}
}
@media only screen and (min-width: 768px) {
.h-ml-60-min-tm {
margin-left: 60px;
}
}
@media only screen and (min-width: 1024px) {
.h-ml-60-min-tl-ls {
margin-left: 60px;
}
}
@media only screen and (min-width: 1025px) {
.h-ml-60-min-tl {
margin-left: 60px;
}
}
@media only screen and (min-width: 1200px) {
.h-ml-60-min-d {
margin-left: 60px;
}
}
@media only screen and (min-width: 1440px) {
.h-ml-60-min-ld {
margin-left: 60px;
}
}
@media only screen and (max-width: 374px) {
.h-ml-60-max-ts {
margin-left: 60px;
}
}
@media only screen and (max-width: 767px) {
.h-ml-60-max-tm {
margin-left: 60px;
}
}
@media only screen and (max-width: 1023px) {
.h-ml-60-max-tl-sm {
margin-left: 60px;
}
}
@media only screen and (max-width: 1023px) {
.h-ml-60-max-tm-tl {
margin-left: 60px;
}
}
@media only screen and (max-width: 1024px) {
.h-ml-60-max-tl {
margin-left: 60px;
}
}
@media only screen and (max-width: 1199px) {
.h-ml-60-max-d {
margin-left: 60px;
}
}
@media only screen and (max-width: 1439px) {
.h-ml-60-max-ld {
margin-left: 60px;
}
}
@media only screen and (min-width: 375px) and (max-width: 767px) {
.h-ml-60-ts-tm {
margin-left: 60px;
}
}
@media only screen and (min-width: 375px) and (max-width: 1024px) {
.h-ml-60-ts-tl {
margin-left: 60px;
}
}
@media only screen and (min-width: 375px) and (max-width: 1199px) {
.h-ml-60-ts-d {
margin-left: 60px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.h-ml-60-tm-tl {
margin-left: 60px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.h-ml-60-tm-tl-sm {
margin-left: 60px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
.h-ml-60-tm-d {
margin-left: 60px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1439px) {
.h-ml-60-tm-ld {
margin-left: 60px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.h-ml-60-tl-d {
margin-left: 60px;
}
}
@media only screen and (max-height: 720px) {
.h-ml-60-zoom-d {
margin-left: 60px;
}
}
@media only screen and (max-height: 400px) {
.h-ml-60-zoom-m {
margin-left: 60px;
}
}
.h-mt-65 {
margin-top: 65px;
}
@media only screen and (min-width: 375px) {
.h-mt-65-min-ts {
margin-top: 65px;
}
}
@media only screen and (min-width: 768px) {
.h-mt-65-min-tm {
margin-top: 65px;
}
}
@media only screen and (min-width: 1024px) {
.h-mt-65-min-tl-ls {
margin-top: 65px;
}
}
@media only screen and (min-width: 1025px) {
.h-mt-65-min-tl {
margin-top: 65px;
}
}
@media only screen and (min-width: 1200px) {
.h-mt-65-min-d {
margin-top: 65px;
}
}
@media only screen and (min-width: 1440px) {
.h-mt-65-min-ld {
margin-top: 65px;
}
}
@media only screen and (max-width: 374px) {
.h-mt-65-max-ts {
margin-top: 65px;
}
}
@media only screen and (max-width: 767px) {
.h-mt-65-max-tm {
margin-top: 65px;
}
}
@media only screen and (max-width: 1023px) {
.h-mt-65-max-tl-sm {
margin-top: 65px;
}
}
@media only screen and (max-width: 1023px) {
.h-mt-65-max-tm-tl {
margin-top: 65px;
}
}
@media only screen and (max-width: 1024px) {
.h-mt-65-max-tl {
margin-top: 65px;
}
}
@media only screen and (max-width: 1199px) {
.h-mt-65-max-d {
margin-top: 65px;
}
}
@media only screen and (max-width: 1439px) {
.h-mt-65-max-ld {
margin-top: 65px;
}
}
@media only screen and (min-width: 375px) and (max-width: 767px) {
.h-mt-65-ts-tm {
margin-top: 65px;
}
}
@media only screen and (min-width: 375px) and (max-width: 1024px) {
.h-mt-65-ts-tl {
margin-top: 65px;
}
}
@media only screen and (min-width: 375px) and (max-width: 1199px) {
.h-mt-65-ts-d {
margin-top: 65px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.h-mt-65-tm-tl {
margin-top: 65px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.h-mt-65-tm-tl-sm {
margin-top: 65px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
.h-mt-65-tm-d {
margin-top: 65px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1439px) {
.h-mt-65-tm-ld {
margin-top: 65px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.h-mt-65-tl-d {
margin-top: 65px;
}
}
@media only screen and (max-height: 720px) {
.h-mt-65-zoom-d {
margin-top: 65px;
}
}
@media only screen and (max-height: 400px) {
.h-mt-65-zoom-m {
margin-top: 65px;
}
}
.h-mr-65 {
margin-right: 65px;
}
@media only screen and (min-width: 375px) {
.h-mr-65-min-ts {
margin-right: 65px;
}
}
@media only screen and (min-width: 768px) {
.h-mr-65-min-tm {
margin-right: 65px;
}
}
@media only screen and (min-width: 1024px) {
.h-mr-65-min-tl-ls {
margin-right: 65px;
}
}
@media only screen and (min-width: 1025px) {
.h-mr-65-min-tl {
margin-right: 65px;
}
}
@media only screen and (min-width: 1200px) {
.h-mr-65-min-d {
margin-right: 65px;
}
}
@media only screen and (min-width: 1440px) {
.h-mr-65-min-ld {
margin-right: 65px;
}
}
@media only screen and (max-width: 374px) {
.h-mr-65-max-ts {
margin-right: 65px;
}
}
@media only screen and (max-width: 767px) {
.h-mr-65-max-tm {
margin-right: 65px;
}
}
@media only screen and (max-width: 1023px) {
.h-mr-65-max-tl-sm {
margin-right: 65px;
}
}
@media only screen and (max-width: 1023px) {
.h-mr-65-max-tm-tl {
margin-right: 65px;
}
}
@media only screen and (max-width: 1024px) {
.h-mr-65-max-tl {
margin-right: 65px;
}
}
@media only screen and (max-width: 1199px) {
.h-mr-65-max-d {
margin-right: 65px;
}
}
@media only screen and (max-width: 1439px) {
.h-mr-65-max-ld {
margin-right: 65px;
}
}
@media only screen and (min-width: 375px) and (max-width: 767px) {
.h-mr-65-ts-tm {
margin-right: 65px;
}
}
@media only screen and (min-width: 375px) and (max-width: 1024px) {
.h-mr-65-ts-tl {
margin-right: 65px;
}
}
@media only screen and (min-width: 375px) and (max-width: 1199px) {
.h-mr-65-ts-d {
margin-right: 65px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.h-mr-65-tm-tl {
margin-right: 65px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.h-mr-65-tm-tl-sm {
margin-right: 65px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
.h-mr-65-tm-d {
margin-right: 65px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1439px) {
.h-mr-65-tm-ld {
margin-right: 65px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.h-mr-65-tl-d {
margin-right: 65px;
}
}
@media only screen and (max-height: 720px) {
.h-mr-65-zoom-d {
margin-right: 65px;
}
}
@media only screen and (max-height: 400px) {
.h-mr-65-zoom-m {
margin-right: 65px;
}
}
.h-mb-65 {
margin-bottom: 65px;
}
@media only screen and (min-width: 375px) {
.h-mb-65-min-ts {
margin-bottom: 65px;
}
}
@media only screen and (min-width: 768px) {
.h-mb-65-min-tm {
margin-bottom: 65px;
}
}
@media only screen and (min-width: 1024px) {
.h-mb-65-min-tl-ls {
margin-bottom: 65px;
}
}
@media only screen and (min-width: 1025px) {
.h-mb-65-min-tl {
margin-bottom: 65px;
}
}
@media only screen and (min-width: 1200px) {
.h-mb-65-min-d {
margin-bottom: 65px;
}
}
@media only screen and (min-width: 1440px) {
.h-mb-65-min-ld {
margin-bottom: 65px;
}
}
@media only screen and (max-width: 374px) {
.h-mb-65-max-ts {
margin-bottom: 65px;
}
}
@media only screen and (max-width: 767px) {
.h-mb-65-max-tm {
margin-bottom: 65px;
}
}
@media only screen and (max-width: 1023px) {
.h-mb-65-max-tl-sm {
margin-bottom: 65px;
}
}
@media only screen and (max-width: 1023px) {
.h-mb-65-max-tm-tl {
margin-bottom: 65px;
}
}
@media only screen and (max-width: 1024px) {
.h-mb-65-max-tl {
margin-bottom: 65px;
}
}
@media only screen and (max-width: 1199px) {
.h-mb-65-max-d {
margin-bottom: 65px;
}
}
@media only screen and (max-width: 1439px) {
.h-mb-65-max-ld {
margin-bottom: 65px;
}
}
@media only screen and (min-width: 375px) and (max-width: 767px) {
.h-mb-65-ts-tm {
margin-bottom: 65px;
}
}
@media only screen and (min-width: 375px) and (max-width: 1024px) {
.h-mb-65-ts-tl {
margin-bottom: 65px;
}
}
@media only screen and (min-width: 375px) and (max-width: 1199px) {
.h-mb-65-ts-d {
margin-bottom: 65px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.h-mb-65-tm-tl {
margin-bottom: 65px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.h-mb-65-tm-tl-sm {
margin-bottom: 65px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
.h-mb-65-tm-d {
margin-bottom: 65px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1439px) {
.h-mb-65-tm-ld {
margin-bottom: 65px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.h-mb-65-tl-d {
margin-bottom: 65px;
}
}
@media only screen and (max-height: 720px) {
.h-mb-65-zoom-d {
margin-bottom: 65px;
}
}
@media only screen and (max-height: 400px) {
.h-mb-65-zoom-m {
margin-bottom: 65px;
}
}
.h-ml-65 {
margin-left: 65px;
}
@media only screen and (min-width: 375px) {
.h-ml-65-min-ts {
margin-left: 65px;
}
}
@media only screen and (min-width: 768px) {
.h-ml-65-min-tm {
margin-left: 65px;
}
}
@media only screen and (min-width: 1024px) {
.h-ml-65-min-tl-ls {
margin-left: 65px;
}
}
@media only screen and (min-width: 1025px) {
.h-ml-65-min-tl {
margin-left: 65px;
}
}
@media only screen and (min-width: 1200px) {
.h-ml-65-min-d {
margin-left: 65px;
}
}
@media only screen and (min-width: 1440px) {
.h-ml-65-min-ld {
margin-left: 65px;
}
}
@media only screen and (max-width: 374px) {
.h-ml-65-max-ts {
margin-left: 65px;
}
}
@media only screen and (max-width: 767px) {
.h-ml-65-max-tm {
margin-left: 65px;
}
}
@media only screen and (max-width: 1023px) {
.h-ml-65-max-tl-sm {
margin-left: 65px;
}
}
@media only screen and (max-width: 1023px) {
.h-ml-65-max-tm-tl {
margin-left: 65px;
}
}
@media only screen and (max-width: 1024px) {
.h-ml-65-max-tl {
margin-left: 65px;
}
}
@media only screen and (max-width: 1199px) {
.h-ml-65-max-d {
margin-left: 65px;
}
}
@media only screen and (max-width: 1439px) {
.h-ml-65-max-ld {
margin-left: 65px;
}
}
@media only screen and (min-width: 375px) and (max-width: 767px) {
.h-ml-65-ts-tm {
margin-left: 65px;
}
}
@media only screen and (min-width: 375px) and (max-width: 1024px) {
.h-ml-65-ts-tl {
margin-left: 65px;
}
}
@media only screen and (min-width: 375px) and (max-width: 1199px) {
.h-ml-65-ts-d {
margin-left: 65px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.h-ml-65-tm-tl {
margin-left: 65px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.h-ml-65-tm-tl-sm {
margin-left: 65px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
.h-ml-65-tm-d {
margin-left: 65px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1439px) {
.h-ml-65-tm-ld {
margin-left: 65px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.h-ml-65-tl-d {
margin-left: 65px;
}
}
@media only screen and (max-height: 720px) {
.h-ml-65-zoom-d {
margin-left: 65px;
}
}
@media only screen and (max-height: 400px) {
.h-ml-65-zoom-m {
margin-left: 65px;
}
}
.h-mt-70 {
margin-top: 70px;
}
@media only screen and (min-width: 375px) {
.h-mt-70-min-ts {
margin-top: 70px;
}
}
@media only screen and (min-width: 768px) {
.h-mt-70-min-tm {
margin-top: 70px;
}
}
@media only screen and (min-width: 1024px) {
.h-mt-70-min-tl-ls {
margin-top: 70px;
}
}
@media only screen and (min-width: 1025px) {
.h-mt-70-min-tl {
margin-top: 70px;
}
}
@media only screen and (min-width: 1200px) {
.h-mt-70-min-d {
margin-top: 70px;
}
}
@media only screen and (min-width: 1440px) {
.h-mt-70-min-ld {
margin-top: 70px;
}
}
@media only screen and (max-width: 374px) {
.h-mt-70-max-ts {
margin-top: 70px;
}
}
@media only screen and (max-width: 767px) {
.h-mt-70-max-tm {
margin-top: 70px;
}
}
@media only screen and (max-width: 1023px) {
.h-mt-70-max-tl-sm {
margin-top: 70px;
}
}
@media only screen and (max-width: 1023px) {
.h-mt-70-max-tm-tl {
margin-top: 70px;
}
}
@media only screen and (max-width: 1024px) {
.h-mt-70-max-tl {
margin-top: 70px;
}
}
@media only screen and (max-width: 1199px) {
.h-mt-70-max-d {
margin-top: 70px;
}
}
@media only screen and (max-width: 1439px) {
.h-mt-70-max-ld {
margin-top: 70px;
}
}
@media only screen and (min-width: 375px) and (max-width: 767px) {
.h-mt-70-ts-tm {
margin-top: 70px;
}
}
@media only screen and (min-width: 375px) and (max-width: 1024px) {
.h-mt-70-ts-tl {
margin-top: 70px;
}
}
@media only screen and (min-width: 375px) and (max-width: 1199px) {
.h-mt-70-ts-d {
margin-top: 70px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.h-mt-70-tm-tl {
margin-top: 70px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.h-mt-70-tm-tl-sm {
margin-top: 70px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
.h-mt-70-tm-d {
margin-top: 70px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1439px) {
.h-mt-70-tm-ld {
margin-top: 70px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.h-mt-70-tl-d {
margin-top: 70px;
}
}
@media only screen and (max-height: 720px) {
.h-mt-70-zoom-d {
margin-top: 70px;
}
}
@media only screen and (max-height: 400px) {
.h-mt-70-zoom-m {
margin-top: 70px;
}
}
.h-mr-70 {
margin-right: 70px;
}
@media only screen and (min-width: 375px) {
.h-mr-70-min-ts {
margin-right: 70px;
}
}
@media only screen and (min-width: 768px) {
.h-mr-70-min-tm {
margin-right: 70px;
}
}
@media only screen and (min-width: 1024px) {
.h-mr-70-min-tl-ls {
margin-right: 70px;
}
}
@media only screen and (min-width: 1025px) {
.h-mr-70-min-tl {
margin-right: 70px;
}
}
@media only screen and (min-width: 1200px) {
.h-mr-70-min-d {
margin-right: 70px;
}
}
@media only screen and (min-width: 1440px) {
.h-mr-70-min-ld {
margin-right: 70px;
}
}
@media only screen and (max-width: 374px) {
.h-mr-70-max-ts {
margin-right: 70px;
}
}
@media only screen and (max-width: 767px) {
.h-mr-70-max-tm {
margin-right: 70px;
}
}
@media only screen and (max-width: 1023px) {
.h-mr-70-max-tl-sm {
margin-right: 70px;
}
}
@media only screen and (max-width: 1023px) {
.h-mr-70-max-tm-tl {
margin-right: 70px;
}
}
@media only screen and (max-width: 1024px) {
.h-mr-70-max-tl {
margin-right: 70px;
}
}
@media only screen and (max-width: 1199px) {
.h-mr-70-max-d {
margin-right: 70px;
}
}
@media only screen and (max-width: 1439px) {
.h-mr-70-max-ld {
margin-right: 70px;
}
}
@media only screen and (min-width: 375px) and (max-width: 767px) {
.h-mr-70-ts-tm {
margin-right: 70px;
}
}
@media only screen and (min-width: 375px) and (max-width: 1024px) {
.h-mr-70-ts-tl {
margin-right: 70px;
}
}
@media only screen and (min-width: 375px) and (max-width: 1199px) {
.h-mr-70-ts-d {
margin-right: 70px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.h-mr-70-tm-tl {
margin-right: 70px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.h-mr-70-tm-tl-sm {
margin-right: 70px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
.h-mr-70-tm-d {
margin-right: 70px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1439px) {
.h-mr-70-tm-ld {
margin-right: 70px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.h-mr-70-tl-d {
margin-right: 70px;
}
}
@media only screen and (max-height: 720px) {
.h-mr-70-zoom-d {
margin-right: 70px;
}
}
@media only screen and (max-height: 400px) {
.h-mr-70-zoom-m {
margin-right: 70px;
}
}
.h-mb-70 {
margin-bottom: 70px;
}
@media only screen and (min-width: 375px) {
.h-mb-70-min-ts {
margin-bottom: 70px;
}
}
@media only screen and (min-width: 768px) {
.h-mb-70-min-tm {
margin-bottom: 70px;
}
}
@media only screen and (min-width: 1024px) {
.h-mb-70-min-tl-ls {
margin-bottom: 70px;
}
}
@media only screen and (min-width: 1025px) {
.h-mb-70-min-tl {
margin-bottom: 70px;
}
}
@media only screen and (min-width: 1200px) {
.h-mb-70-min-d {
margin-bottom: 70px;
}
}
@media only screen and (min-width: 1440px) {
.h-mb-70-min-ld {
margin-bottom: 70px;
}
}
@media only screen and (max-width: 374px) {
.h-mb-70-max-ts {
margin-bottom: 70px;
}
}
@media only screen and (max-width: 767px) {
.h-mb-70-max-tm {
margin-bottom: 70px;
}
}
@media only screen and (max-width: 1023px) {
.h-mb-70-max-tl-sm {
margin-bottom: 70px;
}
}
@media only screen and (max-width: 1023px) {
.h-mb-70-max-tm-tl {
margin-bottom: 70px;
}
}
@media only screen and (max-width: 1024px) {
.h-mb-70-max-tl {
margin-bottom: 70px;
}
}
@media only screen and (max-width: 1199px) {
.h-mb-70-max-d {
margin-bottom: 70px;
}
}
@media only screen and (max-width: 1439px) {
.h-mb-70-max-ld {
margin-bottom: 70px;
}
}
@media only screen and (min-width: 375px) and (max-width: 767px) {
.h-mb-70-ts-tm {
margin-bottom: 70px;
}
}
@media only screen and (min-width: 375px) and (max-width: 1024px) {
.h-mb-70-ts-tl {
margin-bottom: 70px;
}
}
@media only screen and (min-width: 375px) and (max-width: 1199px) {
.h-mb-70-ts-d {
margin-bottom: 70px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.h-mb-70-tm-tl {
margin-bottom: 70px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.h-mb-70-tm-tl-sm {
margin-bottom: 70px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
.h-mb-70-tm-d {
margin-bottom: 70px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1439px) {
.h-mb-70-tm-ld {
margin-bottom: 70px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.h-mb-70-tl-d {
margin-bottom: 70px;
}
}
@media only screen and (max-height: 720px) {
.h-mb-70-zoom-d {
margin-bottom: 70px;
}
}
@media only screen and (max-height: 400px) {
.h-mb-70-zoom-m {
margin-bottom: 70px;
}
}
.h-ml-70 {
margin-left: 70px;
}
@media only screen and (min-width: 375px) {
.h-ml-70-min-ts {
margin-left: 70px;
}
}
@media only screen and (min-width: 768px) {
.h-ml-70-min-tm {
margin-left: 70px;
}
}
@media only screen and (min-width: 1024px) {
.h-ml-70-min-tl-ls {
margin-left: 70px;
}
}
@media only screen and (min-width: 1025px) {
.h-ml-70-min-tl {
margin-left: 70px;
}
}
@media only screen and (min-width: 1200px) {
.h-ml-70-min-d {
margin-left: 70px;
}
}
@media only screen and (min-width: 1440px) {
.h-ml-70-min-ld {
margin-left: 70px;
}
}
@media only screen and (max-width: 374px) {
.h-ml-70-max-ts {
margin-left: 70px;
}
}
@media only screen and (max-width: 767px) {
.h-ml-70-max-tm {
margin-left: 70px;
}
}
@media only screen and (max-width: 1023px) {
.h-ml-70-max-tl-sm {
margin-left: 70px;
}
}
@media only screen and (max-width: 1023px) {
.h-ml-70-max-tm-tl {
margin-left: 70px;
}
}
@media only screen and (max-width: 1024px) {
.h-ml-70-max-tl {
margin-left: 70px;
}
}
@media only screen and (max-width: 1199px) {
.h-ml-70-max-d {
margin-left: 70px;
}
}
@media only screen and (max-width: 1439px) {
.h-ml-70-max-ld {
margin-left: 70px;
}
}
@media only screen and (min-width: 375px) and (max-width: 767px) {
.h-ml-70-ts-tm {
margin-left: 70px;
}
}
@media only screen and (min-width: 375px) and (max-width: 1024px) {
.h-ml-70-ts-tl {
margin-left: 70px;
}
}
@media only screen and (min-width: 375px) and (max-width: 1199px) {
.h-ml-70-ts-d {
margin-left: 70px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.h-ml-70-tm-tl {
margin-left: 70px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.h-ml-70-tm-tl-sm {
margin-left: 70px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
.h-ml-70-tm-d {
margin-left: 70px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1439px) {
.h-ml-70-tm-ld {
margin-left: 70px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.h-ml-70-tl-d {
margin-left: 70px;
}
}
@media only screen and (max-height: 720px) {
.h-ml-70-zoom-d {
margin-left: 70px;
}
}
@media only screen and (max-height: 400px) {
.h-ml-70-zoom-m {
margin-left: 70px;
}
}
.h-mt-75 {
margin-top: 75px;
}
@media only screen and (min-width: 375px) {
.h-mt-75-min-ts {
margin-top: 75px;
}
}
@media only screen and (min-width: 768px) {
.h-mt-75-min-tm {
margin-top: 75px;
}
}
@media only screen and (min-width: 1024px) {
.h-mt-75-min-tl-ls {
margin-top: 75px;
}
}
@media only screen and (min-width: 1025px) {
.h-mt-75-min-tl {
margin-top: 75px;
}
}
@media only screen and (min-width: 1200px) {
.h-mt-75-min-d {
margin-top: 75px;
}
}
@media only screen and (min-width: 1440px) {
.h-mt-75-min-ld {
margin-top: 75px;
}
}
@media only screen and (max-width: 374px) {
.h-mt-75-max-ts {
margin-top: 75px;
}
}
@media only screen and (max-width: 767px) {
.h-mt-75-max-tm {
margin-top: 75px;
}
}
@media only screen and (max-width: 1023px) {
.h-mt-75-max-tl-sm {
margin-top: 75px;
}
}
@media only screen and (max-width: 1023px) {
.h-mt-75-max-tm-tl {
margin-top: 75px;
}
}
@media only screen and (max-width: 1024px) {
.h-mt-75-max-tl {
margin-top: 75px;
}
}
@media only screen and (max-width: 1199px) {
.h-mt-75-max-d {
margin-top: 75px;
}
}
@media only screen and (max-width: 1439px) {
.h-mt-75-max-ld {
margin-top: 75px;
}
}
@media only screen and (min-width: 375px) and (max-width: 767px) {
.h-mt-75-ts-tm {
margin-top: 75px;
}
}
@media only screen and (min-width: 375px) and (max-width: 1024px) {
.h-mt-75-ts-tl {
margin-top: 75px;
}
}
@media only screen and (min-width: 375px) and (max-width: 1199px) {
.h-mt-75-ts-d {
margin-top: 75px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.h-mt-75-tm-tl {
margin-top: 75px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.h-mt-75-tm-tl-sm {
margin-top: 75px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
.h-mt-75-tm-d {
margin-top: 75px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1439px) {
.h-mt-75-tm-ld {
margin-top: 75px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.h-mt-75-tl-d {
margin-top: 75px;
}
}
@media only screen and (max-height: 720px) {
.h-mt-75-zoom-d {
margin-top: 75px;
}
}
@media only screen and (max-height: 400px) {
.h-mt-75-zoom-m {
margin-top: 75px;
}
}
.h-mr-75 {
margin-right: 75px;
}
@media only screen and (min-width: 375px) {
.h-mr-75-min-ts {
margin-right: 75px;
}
}
@media only screen and (min-width: 768px) {
.h-mr-75-min-tm {
margin-right: 75px;
}
}
@media only screen and (min-width: 1024px) {
.h-mr-75-min-tl-ls {
margin-right: 75px;
}
}
@media only screen and (min-width: 1025px) {
.h-mr-75-min-tl {
margin-right: 75px;
}
}
@media only screen and (min-width: 1200px) {
.h-mr-75-min-d {
margin-right: 75px;
}
}
@media only screen and (min-width: 1440px) {
.h-mr-75-min-ld {
margin-right: 75px;
}
}
@media only screen and (max-width: 374px) {
.h-mr-75-max-ts {
margin-right: 75px;
}
}
@media only screen and (max-width: 767px) {
.h-mr-75-max-tm {
margin-right: 75px;
}
}
@media only screen and (max-width: 1023px) {
.h-mr-75-max-tl-sm {
margin-right: 75px;
}
}
@media only screen and (max-width: 1023px) {
.h-mr-75-max-tm-tl {
margin-right: 75px;
}
}
@media only screen and (max-width: 1024px) {
.h-mr-75-max-tl {
margin-right: 75px;
}
}
@media only screen and (max-width: 1199px) {
.h-mr-75-max-d {
margin-right: 75px;
}
}
@media only screen and (max-width: 1439px) {
.h-mr-75-max-ld {
margin-right: 75px;
}
}
@media only screen and (min-width: 375px) and (max-width: 767px) {
.h-mr-75-ts-tm {
margin-right: 75px;
}
}
@media only screen and (min-width: 375px) and (max-width: 1024px) {
.h-mr-75-ts-tl {
margin-right: 75px;
}
}
@media only screen and (min-width: 375px) and (max-width: 1199px) {
.h-mr-75-ts-d {
margin-right: 75px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.h-mr-75-tm-tl {
margin-right: 75px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.h-mr-75-tm-tl-sm {
margin-right: 75px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
.h-mr-75-tm-d {
margin-right: 75px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1439px) {
.h-mr-75-tm-ld {
margin-right: 75px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.h-mr-75-tl-d {
margin-right: 75px;
}
}
@media only screen and (max-height: 720px) {
.h-mr-75-zoom-d {
margin-right: 75px;
}
}
@media only screen and (max-height: 400px) {
.h-mr-75-zoom-m {
margin-right: 75px;
}
}
.h-mb-75 {
margin-bottom: 75px;
}
@media only screen and (min-width: 375px) {
.h-mb-75-min-ts {
margin-bottom: 75px;
}
}
@media only screen and (min-width: 768px) {
.h-mb-75-min-tm {
margin-bottom: 75px;
}
}
@media only screen and (min-width: 1024px) {
.h-mb-75-min-tl-ls {
margin-bottom: 75px;
}
}
@media only screen and (min-width: 1025px) {
.h-mb-75-min-tl {
margin-bottom: 75px;
}
}
@media only screen and (min-width: 1200px) {
.h-mb-75-min-d {
margin-bottom: 75px;
}
}
@media only screen and (min-width: 1440px) {
.h-mb-75-min-ld {
margin-bottom: 75px;
}
}
@media only screen and (max-width: 374px) {
.h-mb-75-max-ts {
margin-bottom: 75px;
}
}
@media only screen and (max-width: 767px) {
.h-mb-75-max-tm {
margin-bottom: 75px;
}
}
@media only screen and (max-width: 1023px) {
.h-mb-75-max-tl-sm {
margin-bottom: 75px;
}
}
@media only screen and (max-width: 1023px) {
.h-mb-75-max-tm-tl {
margin-bottom: 75px;
}
}
@media only screen and (max-width: 1024px) {
.h-mb-75-max-tl {
margin-bottom: 75px;
}
}
@media only screen and (max-width: 1199px) {
.h-mb-75-max-d {
margin-bottom: 75px;
}
}
@media only screen and (max-width: 1439px) {
.h-mb-75-max-ld {
margin-bottom: 75px;
}
}
@media only screen and (min-width: 375px) and (max-width: 767px) {
.h-mb-75-ts-tm {
margin-bottom: 75px;
}
}
@media only screen and (min-width: 375px) and (max-width: 1024px) {
.h-mb-75-ts-tl {
margin-bottom: 75px;
}
}
@media only screen and (min-width: 375px) and (max-width: 1199px) {
.h-mb-75-ts-d {
margin-bottom: 75px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.h-mb-75-tm-tl {
margin-bottom: 75px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.h-mb-75-tm-tl-sm {
margin-bottom: 75px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
.h-mb-75-tm-d {
margin-bottom: 75px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1439px) {
.h-mb-75-tm-ld {
margin-bottom: 75px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.h-mb-75-tl-d {
margin-bottom: 75px;
}
}
@media only screen and (max-height: 720px) {
.h-mb-75-zoom-d {
margin-bottom: 75px;
}
}
@media only screen and (max-height: 400px) {
.h-mb-75-zoom-m {
margin-bottom: 75px;
}
}
.h-ml-75 {
margin-left: 75px;
}
@media only screen and (min-width: 375px) {
.h-ml-75-min-ts {
margin-left: 75px;
}
}
@media only screen and (min-width: 768px) {
.h-ml-75-min-tm {
margin-left: 75px;
}
}
@media only screen and (min-width: 1024px) {
.h-ml-75-min-tl-ls {
margin-left: 75px;
}
}
@media only screen and (min-width: 1025px) {
.h-ml-75-min-tl {
margin-left: 75px;
}
}
@media only screen and (min-width: 1200px) {
.h-ml-75-min-d {
margin-left: 75px;
}
}
@media only screen and (min-width: 1440px) {
.h-ml-75-min-ld {
margin-left: 75px;
}
}
@media only screen and (max-width: 374px) {
.h-ml-75-max-ts {
margin-left: 75px;
}
}
@media only screen and (max-width: 767px) {
.h-ml-75-max-tm {
margin-left: 75px;
}
}
@media only screen and (max-width: 1023px) {
.h-ml-75-max-tl-sm {
margin-left: 75px;
}
}
@media only screen and (max-width: 1023px) {
.h-ml-75-max-tm-tl {
margin-left: 75px;
}
}
@media only screen and (max-width: 1024px) {
.h-ml-75-max-tl {
margin-left: 75px;
}
}
@media only screen and (max-width: 1199px) {
.h-ml-75-max-d {
margin-left: 75px;
}
}
@media only screen and (max-width: 1439px) {
.h-ml-75-max-ld {
margin-left: 75px;
}
}
@media only screen and (min-width: 375px) and (max-width: 767px) {
.h-ml-75-ts-tm {
margin-left: 75px;
}
}
@media only screen and (min-width: 375px) and (max-width: 1024px) {
.h-ml-75-ts-tl {
margin-left: 75px;
}
}
@media only screen and (min-width: 375px) and (max-width: 1199px) {
.h-ml-75-ts-d {
margin-left: 75px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.h-ml-75-tm-tl {
margin-left: 75px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.h-ml-75-tm-tl-sm {
margin-left: 75px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
.h-ml-75-tm-d {
margin-left: 75px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1439px) {
.h-ml-75-tm-ld {
margin-left: 75px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.h-ml-75-tl-d {
margin-left: 75px;
}
}
@media only screen and (max-height: 720px) {
.h-ml-75-zoom-d {
margin-left: 75px;
}
}
@media only screen and (max-height: 400px) {
.h-ml-75-zoom-m {
margin-left: 75px;
}
}
.h-mt-80 {
margin-top: 80px;
}
@media only screen and (min-width: 375px) {
.h-mt-80-min-ts {
margin-top: 80px;
}
}
@media only screen and (min-width: 768px) {
.h-mt-80-min-tm {
margin-top: 80px;
}
}
@media only screen and (min-width: 1024px) {
.h-mt-80-min-tl-ls {
margin-top: 80px;
}
}
@media only screen and (min-width: 1025px) {
.h-mt-80-min-tl {
margin-top: 80px;
}
}
@media only screen and (min-width: 1200px) {
.h-mt-80-min-d {
margin-top: 80px;
}
}
@media only screen and (min-width: 1440px) {
.h-mt-80-min-ld {
margin-top: 80px;
}
}
@media only screen and (max-width: 374px) {
.h-mt-80-max-ts {
margin-top: 80px;
}
}
@media only screen and (max-width: 767px) {
.h-mt-80-max-tm {
margin-top: 80px;
}
}
@media only screen and (max-width: 1023px) {
.h-mt-80-max-tl-sm {
margin-top: 80px;
}
}
@media only screen and (max-width: 1023px) {
.h-mt-80-max-tm-tl {
margin-top: 80px;
}
}
@media only screen and (max-width: 1024px) {
.h-mt-80-max-tl {
margin-top: 80px;
}
}
@media only screen and (max-width: 1199px) {
.h-mt-80-max-d {
margin-top: 80px;
}
}
@media only screen and (max-width: 1439px) {
.h-mt-80-max-ld {
margin-top: 80px;
}
}
@media only screen and (min-width: 375px) and (max-width: 767px) {
.h-mt-80-ts-tm {
margin-top: 80px;
}
}
@media only screen and (min-width: 375px) and (max-width: 1024px) {
.h-mt-80-ts-tl {
margin-top: 80px;
}
}
@media only screen and (min-width: 375px) and (max-width: 1199px) {
.h-mt-80-ts-d {
margin-top: 80px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.h-mt-80-tm-tl {
margin-top: 80px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.h-mt-80-tm-tl-sm {
margin-top: 80px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
.h-mt-80-tm-d {
margin-top: 80px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1439px) {
.h-mt-80-tm-ld {
margin-top: 80px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.h-mt-80-tl-d {
margin-top: 80px;
}
}
@media only screen and (max-height: 720px) {
.h-mt-80-zoom-d {
margin-top: 80px;
}
}
@media only screen and (max-height: 400px) {
.h-mt-80-zoom-m {
margin-top: 80px;
}
}
.h-mr-80 {
margin-right: 80px;
}
@media only screen and (min-width: 375px) {
.h-mr-80-min-ts {
margin-right: 80px;
}
}
@media only screen and (min-width: 768px) {
.h-mr-80-min-tm {
margin-right: 80px;
}
}
@media only screen and (min-width: 1024px) {
.h-mr-80-min-tl-ls {
margin-right: 80px;
}
}
@media only screen and (min-width: 1025px) {
.h-mr-80-min-tl {
margin-right: 80px;
}
}
@media only screen and (min-width: 1200px) {
.h-mr-80-min-d {
margin-right: 80px;
}
}
@media only screen and (min-width: 1440px) {
.h-mr-80-min-ld {
margin-right: 80px;
}
}
@media only screen and (max-width: 374px) {
.h-mr-80-max-ts {
margin-right: 80px;
}
}
@media only screen and (max-width: 767px) {
.h-mr-80-max-tm {
margin-right: 80px;
}
}
@media only screen and (max-width: 1023px) {
.h-mr-80-max-tl-sm {
margin-right: 80px;
}
}
@media only screen and (max-width: 1023px) {
.h-mr-80-max-tm-tl {
margin-right: 80px;
}
}
@media only screen and (max-width: 1024px) {
.h-mr-80-max-tl {
margin-right: 80px;
}
}
@media only screen and (max-width: 1199px) {
.h-mr-80-max-d {
margin-right: 80px;
}
}
@media only screen and (max-width: 1439px) {
.h-mr-80-max-ld {
margin-right: 80px;
}
}
@media only screen and (min-width: 375px) and (max-width: 767px) {
.h-mr-80-ts-tm {
margin-right: 80px;
}
}
@media only screen and (min-width: 375px) and (max-width: 1024px) {
.h-mr-80-ts-tl {
margin-right: 80px;
}
}
@media only screen and (min-width: 375px) and (max-width: 1199px) {
.h-mr-80-ts-d {
margin-right: 80px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.h-mr-80-tm-tl {
margin-right: 80px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.h-mr-80-tm-tl-sm {
margin-right: 80px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
.h-mr-80-tm-d {
margin-right: 80px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1439px) {
.h-mr-80-tm-ld {
margin-right: 80px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.h-mr-80-tl-d {
margin-right: 80px;
}
}
@media only screen and (max-height: 720px) {
.h-mr-80-zoom-d {
margin-right: 80px;
}
}
@media only screen and (max-height: 400px) {
.h-mr-80-zoom-m {
margin-right: 80px;
}
}
.h-mb-80 {
margin-bottom: 80px;
}
@media only screen and (min-width: 375px) {
.h-mb-80-min-ts {
margin-bottom: 80px;
}
}
@media only screen and (min-width: 768px) {
.h-mb-80-min-tm {
margin-bottom: 80px;
}
}
@media only screen and (min-width: 1024px) {
.h-mb-80-min-tl-ls {
margin-bottom: 80px;
}
}
@media only screen and (min-width: 1025px) {
.h-mb-80-min-tl {
margin-bottom: 80px;
}
}
@media only screen and (min-width: 1200px) {
.h-mb-80-min-d {
margin-bottom: 80px;
}
}
@media only screen and (min-width: 1440px) {
.h-mb-80-min-ld {
margin-bottom: 80px;
}
}
@media only screen and (max-width: 374px) {
.h-mb-80-max-ts {
margin-bottom: 80px;
}
}
@media only screen and (max-width: 767px) {
.h-mb-80-max-tm {
margin-bottom: 80px;
}
}
@media only screen and (max-width: 1023px) {
.h-mb-80-max-tl-sm {
margin-bottom: 80px;
}
}
@media only screen and (max-width: 1023px) {
.h-mb-80-max-tm-tl {
margin-bottom: 80px;
}
}
@media only screen and (max-width: 1024px) {
.h-mb-80-max-tl {
margin-bottom: 80px;
}
}
@media only screen and (max-width: 1199px) {
.h-mb-80-max-d {
margin-bottom: 80px;
}
}
@media only screen and (max-width: 1439px) {
.h-mb-80-max-ld {
margin-bottom: 80px;
}
}
@media only screen and (min-width: 375px) and (max-width: 767px) {
.h-mb-80-ts-tm {
margin-bottom: 80px;
}
}
@media only screen and (min-width: 375px) and (max-width: 1024px) {
.h-mb-80-ts-tl {
margin-bottom: 80px;
}
}
@media only screen and (min-width: 375px) and (max-width: 1199px) {
.h-mb-80-ts-d {
margin-bottom: 80px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.h-mb-80-tm-tl {
margin-bottom: 80px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.h-mb-80-tm-tl-sm {
margin-bottom: 80px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
.h-mb-80-tm-d {
margin-bottom: 80px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1439px) {
.h-mb-80-tm-ld {
margin-bottom: 80px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.h-mb-80-tl-d {
margin-bottom: 80px;
}
}
@media only screen and (max-height: 720px) {
.h-mb-80-zoom-d {
margin-bottom: 80px;
}
}
@media only screen and (max-height: 400px) {
.h-mb-80-zoom-m {
margin-bottom: 80px;
}
}
.h-ml-80 {
margin-left: 80px;
}
@media only screen and (min-width: 375px) {
.h-ml-80-min-ts {
margin-left: 80px;
}
}
@media only screen and (min-width: 768px) {
.h-ml-80-min-tm {
margin-left: 80px;
}
}
@media only screen and (min-width: 1024px) {
.h-ml-80-min-tl-ls {
margin-left: 80px;
}
}
@media only screen and (min-width: 1025px) {
.h-ml-80-min-tl {
margin-left: 80px;
}
}
@media only screen and (min-width: 1200px) {
.h-ml-80-min-d {
margin-left: 80px;
}
}
@media only screen and (min-width: 1440px) {
.h-ml-80-min-ld {
margin-left: 80px;
}
}
@media only screen and (max-width: 374px) {
.h-ml-80-max-ts {
margin-left: 80px;
}
}
@media only screen and (max-width: 767px) {
.h-ml-80-max-tm {
margin-left: 80px;
}
}
@media only screen and (max-width: 1023px) {
.h-ml-80-max-tl-sm {
margin-left: 80px;
}
}
@media only screen and (max-width: 1023px) {
.h-ml-80-max-tm-tl {
margin-left: 80px;
}
}
@media only screen and (max-width: 1024px) {
.h-ml-80-max-tl {
margin-left: 80px;
}
}
@media only screen and (max-width: 1199px) {
.h-ml-80-max-d {
margin-left: 80px;
}
}
@media only screen and (max-width: 1439px) {
.h-ml-80-max-ld {
margin-left: 80px;
}
}
@media only screen and (min-width: 375px) and (max-width: 767px) {
.h-ml-80-ts-tm {
margin-left: 80px;
}
}
@media only screen and (min-width: 375px) and (max-width: 1024px) {
.h-ml-80-ts-tl {
margin-left: 80px;
}
}
@media only screen and (min-width: 375px) and (max-width: 1199px) {
.h-ml-80-ts-d {
margin-left: 80px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.h-ml-80-tm-tl {
margin-left: 80px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.h-ml-80-tm-tl-sm {
margin-left: 80px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
.h-ml-80-tm-d {
margin-left: 80px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1439px) {
.h-ml-80-tm-ld {
margin-left: 80px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.h-ml-80-tl-d {
margin-left: 80px;
}
}
@media only screen and (max-height: 720px) {
.h-ml-80-zoom-d {
margin-left: 80px;
}
}
@media only screen and (max-height: 400px) {
.h-ml-80-zoom-m {
margin-left: 80px;
}
}
.h-mt-85 {
margin-top: 85px;
}
@media only screen and (min-width: 375px) {
.h-mt-85-min-ts {
margin-top: 85px;
}
}
@media only screen and (min-width: 768px) {
.h-mt-85-min-tm {
margin-top: 85px;
}
}
@media only screen and (min-width: 1024px) {
.h-mt-85-min-tl-ls {
margin-top: 85px;
}
}
@media only screen and (min-width: 1025px) {
.h-mt-85-min-tl {
margin-top: 85px;
}
}
@media only screen and (min-width: 1200px) {
.h-mt-85-min-d {
margin-top: 85px;
}
}
@media only screen and (min-width: 1440px) {
.h-mt-85-min-ld {
margin-top: 85px;
}
}
@media only screen and (max-width: 374px) {
.h-mt-85-max-ts {
margin-top: 85px;
}
}
@media only screen and (max-width: 767px) {
.h-mt-85-max-tm {
margin-top: 85px;
}
}
@media only screen and (max-width: 1023px) {
.h-mt-85-max-tl-sm {
margin-top: 85px;
}
}
@media only screen and (max-width: 1023px) {
.h-mt-85-max-tm-tl {
margin-top: 85px;
}
}
@media only screen and (max-width: 1024px) {
.h-mt-85-max-tl {
margin-top: 85px;
}
}
@media only screen and (max-width: 1199px) {
.h-mt-85-max-d {
margin-top: 85px;
}
}
@media only screen and (max-width: 1439px) {
.h-mt-85-max-ld {
margin-top: 85px;
}
}
@media only screen and (min-width: 375px) and (max-width: 767px) {
.h-mt-85-ts-tm {
margin-top: 85px;
}
}
@media only screen and (min-width: 375px) and (max-width: 1024px) {
.h-mt-85-ts-tl {
margin-top: 85px;
}
}
@media only screen and (min-width: 375px) and (max-width: 1199px) {
.h-mt-85-ts-d {
margin-top: 85px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.h-mt-85-tm-tl {
margin-top: 85px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.h-mt-85-tm-tl-sm {
margin-top: 85px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
.h-mt-85-tm-d {
margin-top: 85px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1439px) {
.h-mt-85-tm-ld {
margin-top: 85px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.h-mt-85-tl-d {
margin-top: 85px;
}
}
@media only screen and (max-height: 720px) {
.h-mt-85-zoom-d {
margin-top: 85px;
}
}
@media only screen and (max-height: 400px) {
.h-mt-85-zoom-m {
margin-top: 85px;
}
}
.h-mr-85 {
margin-right: 85px;
}
@media only screen and (min-width: 375px) {
.h-mr-85-min-ts {
margin-right: 85px;
}
}
@media only screen and (min-width: 768px) {
.h-mr-85-min-tm {
margin-right: 85px;
}
}
@media only screen and (min-width: 1024px) {
.h-mr-85-min-tl-ls {
margin-right: 85px;
}
}
@media only screen and (min-width: 1025px) {
.h-mr-85-min-tl {
margin-right: 85px;
}
}
@media only screen and (min-width: 1200px) {
.h-mr-85-min-d {
margin-right: 85px;
}
}
@media only screen and (min-width: 1440px) {
.h-mr-85-min-ld {
margin-right: 85px;
}
}
@media only screen and (max-width: 374px) {
.h-mr-85-max-ts {
margin-right: 85px;
}
}
@media only screen and (max-width: 767px) {
.h-mr-85-max-tm {
margin-right: 85px;
}
}
@media only screen and (max-width: 1023px) {
.h-mr-85-max-tl-sm {
margin-right: 85px;
}
}
@media only screen and (max-width: 1023px) {
.h-mr-85-max-tm-tl {
margin-right: 85px;
}
}
@media only screen and (max-width: 1024px) {
.h-mr-85-max-tl {
margin-right: 85px;
}
}
@media only screen and (max-width: 1199px) {
.h-mr-85-max-d {
margin-right: 85px;
}
}
@media only screen and (max-width: 1439px) {
.h-mr-85-max-ld {
margin-right: 85px;
}
}
@media only screen and (min-width: 375px) and (max-width: 767px) {
.h-mr-85-ts-tm {
margin-right: 85px;
}
}
@media only screen and (min-width: 375px) and (max-width: 1024px) {
.h-mr-85-ts-tl {
margin-right: 85px;
}
}
@media only screen and (min-width: 375px) and (max-width: 1199px) {
.h-mr-85-ts-d {
margin-right: 85px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.h-mr-85-tm-tl {
margin-right: 85px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.h-mr-85-tm-tl-sm {
margin-right: 85px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
.h-mr-85-tm-d {
margin-right: 85px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1439px) {
.h-mr-85-tm-ld {
margin-right: 85px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.h-mr-85-tl-d {
margin-right: 85px;
}
}
@media only screen and (max-height: 720px) {
.h-mr-85-zoom-d {
margin-right: 85px;
}
}
@media only screen and (max-height: 400px) {
.h-mr-85-zoom-m {
margin-right: 85px;
}
}
.h-mb-85 {
margin-bottom: 85px;
}
@media only screen and (min-width: 375px) {
.h-mb-85-min-ts {
margin-bottom: 85px;
}
}
@media only screen and (min-width: 768px) {
.h-mb-85-min-tm {
margin-bottom: 85px;
}
}
@media only screen and (min-width: 1024px) {
.h-mb-85-min-tl-ls {
margin-bottom: 85px;
}
}
@media only screen and (min-width: 1025px) {
.h-mb-85-min-tl {
margin-bottom: 85px;
}
}
@media only screen and (min-width: 1200px) {
.h-mb-85-min-d {
margin-bottom: 85px;
}
}
@media only screen and (min-width: 1440px) {
.h-mb-85-min-ld {
margin-bottom: 85px;
}
}
@media only screen and (max-width: 374px) {
.h-mb-85-max-ts {
margin-bottom: 85px;
}
}
@media only screen and (max-width: 767px) {
.h-mb-85-max-tm {
margin-bottom: 85px;
}
}
@media only screen and (max-width: 1023px) {
.h-mb-85-max-tl-sm {
margin-bottom: 85px;
}
}
@media only screen and (max-width: 1023px) {
.h-mb-85-max-tm-tl {
margin-bottom: 85px;
}
}
@media only screen and (max-width: 1024px) {
.h-mb-85-max-tl {
margin-bottom: 85px;
}
}
@media only screen and (max-width: 1199px) {
.h-mb-85-max-d {
margin-bottom: 85px;
}
}
@media only screen and (max-width: 1439px) {
.h-mb-85-max-ld {
margin-bottom: 85px;
}
}
@media only screen and (min-width: 375px) and (max-width: 767px) {
.h-mb-85-ts-tm {
margin-bottom: 85px;
}
}
@media only screen and (min-width: 375px) and (max-width: 1024px) {
.h-mb-85-ts-tl {
margin-bottom: 85px;
}
}
@media only screen and (min-width: 375px) and (max-width: 1199px) {
.h-mb-85-ts-d {
margin-bottom: 85px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.h-mb-85-tm-tl {
margin-bottom: 85px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.h-mb-85-tm-tl-sm {
margin-bottom: 85px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
.h-mb-85-tm-d {
margin-bottom: 85px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1439px) {
.h-mb-85-tm-ld {
margin-bottom: 85px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.h-mb-85-tl-d {
margin-bottom: 85px;
}
}
@media only screen and (max-height: 720px) {
.h-mb-85-zoom-d {
margin-bottom: 85px;
}
}
@media only screen and (max-height: 400px) {
.h-mb-85-zoom-m {
margin-bottom: 85px;
}
}
.h-ml-85 {
margin-left: 85px;
}
@media only screen and (min-width: 375px) {
.h-ml-85-min-ts {
margin-left: 85px;
}
}
@media only screen and (min-width: 768px) {
.h-ml-85-min-tm {
margin-left: 85px;
}
}
@media only screen and (min-width: 1024px) {
.h-ml-85-min-tl-ls {
margin-left: 85px;
}
}
@media only screen and (min-width: 1025px) {
.h-ml-85-min-tl {
margin-left: 85px;
}
}
@media only screen and (min-width: 1200px) {
.h-ml-85-min-d {
margin-left: 85px;
}
}
@media only screen and (min-width: 1440px) {
.h-ml-85-min-ld {
margin-left: 85px;
}
}
@media only screen and (max-width: 374px) {
.h-ml-85-max-ts {
margin-left: 85px;
}
}
@media only screen and (max-width: 767px) {
.h-ml-85-max-tm {
margin-left: 85px;
}
}
@media only screen and (max-width: 1023px) {
.h-ml-85-max-tl-sm {
margin-left: 85px;
}
}
@media only screen and (max-width: 1023px) {
.h-ml-85-max-tm-tl {
margin-left: 85px;
}
}
@media only screen and (max-width: 1024px) {
.h-ml-85-max-tl {
margin-left: 85px;
}
}
@media only screen and (max-width: 1199px) {
.h-ml-85-max-d {
margin-left: 85px;
}
}
@media only screen and (max-width: 1439px) {
.h-ml-85-max-ld {
margin-left: 85px;
}
}
@media only screen and (min-width: 375px) and (max-width: 767px) {
.h-ml-85-ts-tm {
margin-left: 85px;
}
}
@media only screen and (min-width: 375px) and (max-width: 1024px) {
.h-ml-85-ts-tl {
margin-left: 85px;
}
}
@media only screen and (min-width: 375px) and (max-width: 1199px) {
.h-ml-85-ts-d {
margin-left: 85px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.h-ml-85-tm-tl {
margin-left: 85px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.h-ml-85-tm-tl-sm {
margin-left: 85px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
.h-ml-85-tm-d {
margin-left: 85px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1439px) {
.h-ml-85-tm-ld {
margin-left: 85px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.h-ml-85-tl-d {
margin-left: 85px;
}
}
@media only screen and (max-height: 720px) {
.h-ml-85-zoom-d {
margin-left: 85px;
}
}
@media only screen and (max-height: 400px) {
.h-ml-85-zoom-m {
margin-left: 85px;
}
}
.h-mt-90 {
margin-top: 90px;
}
@media only screen and (min-width: 375px) {
.h-mt-90-min-ts {
margin-top: 90px;
}
}
@media only screen and (min-width: 768px) {
.h-mt-90-min-tm {
margin-top: 90px;
}
}
@media only screen and (min-width: 1024px) {
.h-mt-90-min-tl-ls {
margin-top: 90px;
}
}
@media only screen and (min-width: 1025px) {
.h-mt-90-min-tl {
margin-top: 90px;
}
}
@media only screen and (min-width: 1200px) {
.h-mt-90-min-d {
margin-top: 90px;
}
}
@media only screen and (min-width: 1440px) {
.h-mt-90-min-ld {
margin-top: 90px;
}
}
@media only screen and (max-width: 374px) {
.h-mt-90-max-ts {
margin-top: 90px;
}
}
@media only screen and (max-width: 767px) {
.h-mt-90-max-tm {
margin-top: 90px;
}
}
@media only screen and (max-width: 1023px) {
.h-mt-90-max-tl-sm {
margin-top: 90px;
}
}
@media only screen and (max-width: 1023px) {
.h-mt-90-max-tm-tl {
margin-top: 90px;
}
}
@media only screen and (max-width: 1024px) {
.h-mt-90-max-tl {
margin-top: 90px;
}
}
@media only screen and (max-width: 1199px) {
.h-mt-90-max-d {
margin-top: 90px;
}
}
@media only screen and (max-width: 1439px) {
.h-mt-90-max-ld {
margin-top: 90px;
}
}
@media only screen and (min-width: 375px) and (max-width: 767px) {
.h-mt-90-ts-tm {
margin-top: 90px;
}
}
@media only screen and (min-width: 375px) and (max-width: 1024px) {
.h-mt-90-ts-tl {
margin-top: 90px;
}
}
@media only screen and (min-width: 375px) and (max-width: 1199px) {
.h-mt-90-ts-d {
margin-top: 90px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.h-mt-90-tm-tl {
margin-top: 90px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.h-mt-90-tm-tl-sm {
margin-top: 90px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
.h-mt-90-tm-d {
margin-top: 90px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1439px) {
.h-mt-90-tm-ld {
margin-top: 90px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.h-mt-90-tl-d {
margin-top: 90px;
}
}
@media only screen and (max-height: 720px) {
.h-mt-90-zoom-d {
margin-top: 90px;
}
}
@media only screen and (max-height: 400px) {
.h-mt-90-zoom-m {
margin-top: 90px;
}
}
.h-mr-90 {
margin-right: 90px;
}
@media only screen and (min-width: 375px) {
.h-mr-90-min-ts {
margin-right: 90px;
}
}
@media only screen and (min-width: 768px) {
.h-mr-90-min-tm {
margin-right: 90px;
}
}
@media only screen and (min-width: 1024px) {
.h-mr-90-min-tl-ls {
margin-right: 90px;
}
}
@media only screen and (min-width: 1025px) {
.h-mr-90-min-tl {
margin-right: 90px;
}
}
@media only screen and (min-width: 1200px) {
.h-mr-90-min-d {
margin-right: 90px;
}
}
@media only screen and (min-width: 1440px) {
.h-mr-90-min-ld {
margin-right: 90px;
}
}
@media only screen and (max-width: 374px) {
.h-mr-90-max-ts {
margin-right: 90px;
}
}
@media only screen and (max-width: 767px) {
.h-mr-90-max-tm {
margin-right: 90px;
}
}
@media only screen and (max-width: 1023px) {
.h-mr-90-max-tl-sm {
margin-right: 90px;
}
}
@media only screen and (max-width: 1023px) {
.h-mr-90-max-tm-tl {
margin-right: 90px;
}
}
@media only screen and (max-width: 1024px) {
.h-mr-90-max-tl {
margin-right: 90px;
}
}
@media only screen and (max-width: 1199px) {
.h-mr-90-max-d {
margin-right: 90px;
}
}
@media only screen and (max-width: 1439px) {
.h-mr-90-max-ld {
margin-right: 90px;
}
}
@media only screen and (min-width: 375px) and (max-width: 767px) {
.h-mr-90-ts-tm {
margin-right: 90px;
}
}
@media only screen and (min-width: 375px) and (max-width: 1024px) {
.h-mr-90-ts-tl {
margin-right: 90px;
}
}
@media only screen and (min-width: 375px) and (max-width: 1199px) {
.h-mr-90-ts-d {
margin-right: 90px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.h-mr-90-tm-tl {
margin-right: 90px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.h-mr-90-tm-tl-sm {
margin-right: 90px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
.h-mr-90-tm-d {
margin-right: 90px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1439px) {
.h-mr-90-tm-ld {
margin-right: 90px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.h-mr-90-tl-d {
margin-right: 90px;
}
}
@media only screen and (max-height: 720px) {
.h-mr-90-zoom-d {
margin-right: 90px;
}
}
@media only screen and (max-height: 400px) {
.h-mr-90-zoom-m {
margin-right: 90px;
}
}
.h-mb-90 {
margin-bottom: 90px;
}
@media only screen and (min-width: 375px) {
.h-mb-90-min-ts {
margin-bottom: 90px;
}
}
@media only screen and (min-width: 768px) {
.h-mb-90-min-tm {
margin-bottom: 90px;
}
}
@media only screen and (min-width: 1024px) {
.h-mb-90-min-tl-ls {
margin-bottom: 90px;
}
}
@media only screen and (min-width: 1025px) {
.h-mb-90-min-tl {
margin-bottom: 90px;
}
}
@media only screen and (min-width: 1200px) {
.h-mb-90-min-d {
margin-bottom: 90px;
}
}
@media only screen and (min-width: 1440px) {
.h-mb-90-min-ld {
margin-bottom: 90px;
}
}
@media only screen and (max-width: 374px) {
.h-mb-90-max-ts {
margin-bottom: 90px;
}
}
@media only screen and (max-width: 767px) {
.h-mb-90-max-tm {
margin-bottom: 90px;
}
}
@media only screen and (max-width: 1023px) {
.h-mb-90-max-tl-sm {
margin-bottom: 90px;
}
}
@media only screen and (max-width: 1023px) {
.h-mb-90-max-tm-tl {
margin-bottom: 90px;
}
}
@media only screen and (max-width: 1024px) {
.h-mb-90-max-tl {
margin-bottom: 90px;
}
}
@media only screen and (max-width: 1199px) {
.h-mb-90-max-d {
margin-bottom: 90px;
}
}
@media only screen and (max-width: 1439px) {
.h-mb-90-max-ld {
margin-bottom: 90px;
}
}
@media only screen and (min-width: 375px) and (max-width: 767px) {
.h-mb-90-ts-tm {
margin-bottom: 90px;
}
}
@media only screen and (min-width: 375px) and (max-width: 1024px) {
.h-mb-90-ts-tl {
margin-bottom: 90px;
}
}
@media only screen and (min-width: 375px) and (max-width: 1199px) {
.h-mb-90-ts-d {
margin-bottom: 90px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.h-mb-90-tm-tl {
margin-bottom: 90px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.h-mb-90-tm-tl-sm {
margin-bottom: 90px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
.h-mb-90-tm-d {
margin-bottom: 90px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1439px) {
.h-mb-90-tm-ld {
margin-bottom: 90px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.h-mb-90-tl-d {
margin-bottom: 90px;
}
}
@media only screen and (max-height: 720px) {
.h-mb-90-zoom-d {
margin-bottom: 90px;
}
}
@media only screen and (max-height: 400px) {
.h-mb-90-zoom-m {
margin-bottom: 90px;
}
}
.h-ml-90 {
margin-left: 90px;
}
@media only screen and (min-width: 375px) {
.h-ml-90-min-ts {
margin-left: 90px;
}
}
@media only screen and (min-width: 768px) {
.h-ml-90-min-tm {
margin-left: 90px;
}
}
@media only screen and (min-width: 1024px) {
.h-ml-90-min-tl-ls {
margin-left: 90px;
}
}
@media only screen and (min-width: 1025px) {
.h-ml-90-min-tl {
margin-left: 90px;
}
}
@media only screen and (min-width: 1200px) {
.h-ml-90-min-d {
margin-left: 90px;
}
}
@media only screen and (min-width: 1440px) {
.h-ml-90-min-ld {
margin-left: 90px;
}
}
@media only screen and (max-width: 374px) {
.h-ml-90-max-ts {
margin-left: 90px;
}
}
@media only screen and (max-width: 767px) {
.h-ml-90-max-tm {
margin-left: 90px;
}
}
@media only screen and (max-width: 1023px) {
.h-ml-90-max-tl-sm {
margin-left: 90px;
}
}
@media only screen and (max-width: 1023px) {
.h-ml-90-max-tm-tl {
margin-left: 90px;
}
}
@media only screen and (max-width: 1024px) {
.h-ml-90-max-tl {
margin-left: 90px;
}
}
@media only screen and (max-width: 1199px) {
.h-ml-90-max-d {
margin-left: 90px;
}
}
@media only screen and (max-width: 1439px) {
.h-ml-90-max-ld {
margin-left: 90px;
}
}
@media only screen and (min-width: 375px) and (max-width: 767px) {
.h-ml-90-ts-tm {
margin-left: 90px;
}
}
@media only screen and (min-width: 375px) and (max-width: 1024px) {
.h-ml-90-ts-tl {
margin-left: 90px;
}
}
@media only screen and (min-width: 375px) and (max-width: 1199px) {
.h-ml-90-ts-d {
margin-left: 90px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.h-ml-90-tm-tl {
margin-left: 90px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.h-ml-90-tm-tl-sm {
margin-left: 90px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
.h-ml-90-tm-d {
margin-left: 90px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1439px) {
.h-ml-90-tm-ld {
margin-left: 90px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.h-ml-90-tl-d {
margin-left: 90px;
}
}
@media only screen and (max-height: 720px) {
.h-ml-90-zoom-d {
margin-left: 90px;
}
}
@media only screen and (max-height: 400px) {
.h-ml-90-zoom-m {
margin-left: 90px;
}
}
.h-mt-95 {
margin-top: 95px;
}
@media only screen and (min-width: 375px) {
.h-mt-95-min-ts {
margin-top: 95px;
}
}
@media only screen and (min-width: 768px) {
.h-mt-95-min-tm {
margin-top: 95px;
}
}
@media only screen and (min-width: 1024px) {
.h-mt-95-min-tl-ls {
margin-top: 95px;
}
}
@media only screen and (min-width: 1025px) {
.h-mt-95-min-tl {
margin-top: 95px;
}
}
@media only screen and (min-width: 1200px) {
.h-mt-95-min-d {
margin-top: 95px;
}
}
@media only screen and (min-width: 1440px) {
.h-mt-95-min-ld {
margin-top: 95px;
}
}
@media only screen and (max-width: 374px) {
.h-mt-95-max-ts {
margin-top: 95px;
}
}
@media only screen and (max-width: 767px) {
.h-mt-95-max-tm {
margin-top: 95px;
}
}
@media only screen and (max-width: 1023px) {
.h-mt-95-max-tl-sm {
margin-top: 95px;
}
}
@media only screen and (max-width: 1023px) {
.h-mt-95-max-tm-tl {
margin-top: 95px;
}
}
@media only screen and (max-width: 1024px) {
.h-mt-95-max-tl {
margin-top: 95px;
}
}
@media only screen and (max-width: 1199px) {
.h-mt-95-max-d {
margin-top: 95px;
}
}
@media only screen and (max-width: 1439px) {
.h-mt-95-max-ld {
margin-top: 95px;
}
}
@media only screen and (min-width: 375px) and (max-width: 767px) {
.h-mt-95-ts-tm {
margin-top: 95px;
}
}
@media only screen and (min-width: 375px) and (max-width: 1024px) {
.h-mt-95-ts-tl {
margin-top: 95px;
}
}
@media only screen and (min-width: 375px) and (max-width: 1199px) {
.h-mt-95-ts-d {
margin-top: 95px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.h-mt-95-tm-tl {
margin-top: 95px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.h-mt-95-tm-tl-sm {
margin-top: 95px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
.h-mt-95-tm-d {
margin-top: 95px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1439px) {
.h-mt-95-tm-ld {
margin-top: 95px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.h-mt-95-tl-d {
margin-top: 95px;
}
}
@media only screen and (max-height: 720px) {
.h-mt-95-zoom-d {
margin-top: 95px;
}
}
@media only screen and (max-height: 400px) {
.h-mt-95-zoom-m {
margin-top: 95px;
}
}
.h-mr-95 {
margin-right: 95px;
}
@media only screen and (min-width: 375px) {
.h-mr-95-min-ts {
margin-right: 95px;
}
}
@media only screen and (min-width: 768px) {
.h-mr-95-min-tm {
margin-right: 95px;
}
}
@media only screen and (min-width: 1024px) {
.h-mr-95-min-tl-ls {
margin-right: 95px;
}
}
@media only screen and (min-width: 1025px) {
.h-mr-95-min-tl {
margin-right: 95px;
}
}
@media only screen and (min-width: 1200px) {
.h-mr-95-min-d {
margin-right: 95px;
}
}
@media only screen and (min-width: 1440px) {
.h-mr-95-min-ld {
margin-right: 95px;
}
}
@media only screen and (max-width: 374px) {
.h-mr-95-max-ts {
margin-right: 95px;
}
}
@media only screen and (max-width: 767px) {
.h-mr-95-max-tm {
margin-right: 95px;
}
}
@media only screen and (max-width: 1023px) {
.h-mr-95-max-tl-sm {
margin-right: 95px;
}
}
@media only screen and (max-width: 1023px) {
.h-mr-95-max-tm-tl {
margin-right: 95px;
}
}
@media only screen and (max-width: 1024px) {
.h-mr-95-max-tl {
margin-right: 95px;
}
}
@media only screen and (max-width: 1199px) {
.h-mr-95-max-d {
margin-right: 95px;
}
}
@media only screen and (max-width: 1439px) {
.h-mr-95-max-ld {
margin-right: 95px;
}
}
@media only screen and (min-width: 375px) and (max-width: 767px) {
.h-mr-95-ts-tm {
margin-right: 95px;
}
}
@media only screen and (min-width: 375px) and (max-width: 1024px) {
.h-mr-95-ts-tl {
margin-right: 95px;
}
}
@media only screen and (min-width: 375px) and (max-width: 1199px) {
.h-mr-95-ts-d {
margin-right: 95px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.h-mr-95-tm-tl {
margin-right: 95px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.h-mr-95-tm-tl-sm {
margin-right: 95px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
.h-mr-95-tm-d {
margin-right: 95px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1439px) {
.h-mr-95-tm-ld {
margin-right: 95px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.h-mr-95-tl-d {
margin-right: 95px;
}
}
@media only screen and (max-height: 720px) {
.h-mr-95-zoom-d {
margin-right: 95px;
}
}
@media only screen and (max-height: 400px) {
.h-mr-95-zoom-m {
margin-right: 95px;
}
}
.h-mb-95 {
margin-bottom: 95px;
}
@media only screen and (min-width: 375px) {
.h-mb-95-min-ts {
margin-bottom: 95px;
}
}
@media only screen and (min-width: 768px) {
.h-mb-95-min-tm {
margin-bottom: 95px;
}
}
@media only screen and (min-width: 1024px) {
.h-mb-95-min-tl-ls {
margin-bottom: 95px;
}
}
@media only screen and (min-width: 1025px) {
.h-mb-95-min-tl {
margin-bottom: 95px;
}
}
@media only screen and (min-width: 1200px) {
.h-mb-95-min-d {
margin-bottom: 95px;
}
}
@media only screen and (min-width: 1440px) {
.h-mb-95-min-ld {
margin-bottom: 95px;
}
}
@media only screen and (max-width: 374px) {
.h-mb-95-max-ts {
margin-bottom: 95px;
}
}
@media only screen and (max-width: 767px) {
.h-mb-95-max-tm {
margin-bottom: 95px;
}
}
@media only screen and (max-width: 1023px) {
.h-mb-95-max-tl-sm {
margin-bottom: 95px;
}
}
@media only screen and (max-width: 1023px) {
.h-mb-95-max-tm-tl {
margin-bottom: 95px;
}
}
@media only screen and (max-width: 1024px) {
.h-mb-95-max-tl {
margin-bottom: 95px;
}
}
@media only screen and (max-width: 1199px) {
.h-mb-95-max-d {
margin-bottom: 95px;
}
}
@media only screen and (max-width: 1439px) {
.h-mb-95-max-ld {
margin-bottom: 95px;
}
}
@media only screen and (min-width: 375px) and (max-width: 767px) {
.h-mb-95-ts-tm {
margin-bottom: 95px;
}
}
@media only screen and (min-width: 375px) and (max-width: 1024px) {
.h-mb-95-ts-tl {
margin-bottom: 95px;
}
}
@media only screen and (min-width: 375px) and (max-width: 1199px) {
.h-mb-95-ts-d {
margin-bottom: 95px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.h-mb-95-tm-tl {
margin-bottom: 95px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.h-mb-95-tm-tl-sm {
margin-bottom: 95px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
.h-mb-95-tm-d {
margin-bottom: 95px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1439px) {
.h-mb-95-tm-ld {
margin-bottom: 95px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.h-mb-95-tl-d {
margin-bottom: 95px;
}
}
@media only screen and (max-height: 720px) {
.h-mb-95-zoom-d {
margin-bottom: 95px;
}
}
@media only screen and (max-height: 400px) {
.h-mb-95-zoom-m {
margin-bottom: 95px;
}
}
.h-ml-95 {
margin-left: 95px;
}
@media only screen and (min-width: 375px) {
.h-ml-95-min-ts {
margin-left: 95px;
}
}
@media only screen and (min-width: 768px) {
.h-ml-95-min-tm {
margin-left: 95px;
}
}
@media only screen and (min-width: 1024px) {
.h-ml-95-min-tl-ls {
margin-left: 95px;
}
}
@media only screen and (min-width: 1025px) {
.h-ml-95-min-tl {
margin-left: 95px;
}
}
@media only screen and (min-width: 1200px) {
.h-ml-95-min-d {
margin-left: 95px;
}
}
@media only screen and (min-width: 1440px) {
.h-ml-95-min-ld {
margin-left: 95px;
}
}
@media only screen and (max-width: 374px) {
.h-ml-95-max-ts {
margin-left: 95px;
}
}
@media only screen and (max-width: 767px) {
.h-ml-95-max-tm {
margin-left: 95px;
}
}
@media only screen and (max-width: 1023px) {
.h-ml-95-max-tl-sm {
margin-left: 95px;
}
}
@media only screen and (max-width: 1023px) {
.h-ml-95-max-tm-tl {
margin-left: 95px;
}
}
@media only screen and (max-width: 1024px) {
.h-ml-95-max-tl {
margin-left: 95px;
}
}
@media only screen and (max-width: 1199px) {
.h-ml-95-max-d {
margin-left: 95px;
}
}
@media only screen and (max-width: 1439px) {
.h-ml-95-max-ld {
margin-left: 95px;
}
}
@media only screen and (min-width: 375px) and (max-width: 767px) {
.h-ml-95-ts-tm {
margin-left: 95px;
}
}
@media only screen and (min-width: 375px) and (max-width: 1024px) {
.h-ml-95-ts-tl {
margin-left: 95px;
}
}
@media only screen and (min-width: 375px) and (max-width: 1199px) {
.h-ml-95-ts-d {
margin-left: 95px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.h-ml-95-tm-tl {
margin-left: 95px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.h-ml-95-tm-tl-sm {
margin-left: 95px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
.h-ml-95-tm-d {
margin-left: 95px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1439px) {
.h-ml-95-tm-ld {
margin-left: 95px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.h-ml-95-tl-d {
margin-left: 95px;
}
}
@media only screen and (max-height: 720px) {
.h-ml-95-zoom-d {
margin-left: 95px;
}
}
@media only screen and (max-height: 400px) {
.h-ml-95-zoom-m {
margin-left: 95px;
}
}
.h-mt-100 {
margin-top: 100px;
}
@media only screen and (min-width: 375px) {
.h-mt-100-min-ts {
margin-top: 100px;
}
}
@media only screen and (min-width: 768px) {
.h-mt-100-min-tm {
margin-top: 100px;
}
}
@media only screen and (min-width: 1024px) {
.h-mt-100-min-tl-ls {
margin-top: 100px;
}
}
@media only screen and (min-width: 1025px) {
.h-mt-100-min-tl {
margin-top: 100px;
}
}
@media only screen and (min-width: 1200px) {
.h-mt-100-min-d {
margin-top: 100px;
}
}
@media only screen and (min-width: 1440px) {
.h-mt-100-min-ld {
margin-top: 100px;
}
}
@media only screen and (max-width: 374px) {
.h-mt-100-max-ts {
margin-top: 100px;
}
}
@media only screen and (max-width: 767px) {
.h-mt-100-max-tm {
margin-top: 100px;
}
}
@media only screen and (max-width: 1023px) {
.h-mt-100-max-tl-sm {
margin-top: 100px;
}
}
@media only screen and (max-width: 1023px) {
.h-mt-100-max-tm-tl {
margin-top: 100px;
}
}
@media only screen and (max-width: 1024px) {
.h-mt-100-max-tl {
margin-top: 100px;
}
}
@media only screen and (max-width: 1199px) {
.h-mt-100-max-d {
margin-top: 100px;
}
}
@media only screen and (max-width: 1439px) {
.h-mt-100-max-ld {
margin-top: 100px;
}
}
@media only screen and (min-width: 375px) and (max-width: 767px) {
.h-mt-100-ts-tm {
margin-top: 100px;
}
}
@media only screen and (min-width: 375px) and (max-width: 1024px) {
.h-mt-100-ts-tl {
margin-top: 100px;
}
}
@media only screen and (min-width: 375px) and (max-width: 1199px) {
.h-mt-100-ts-d {
margin-top: 100px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.h-mt-100-tm-tl {
margin-top: 100px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.h-mt-100-tm-tl-sm {
margin-top: 100px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
.h-mt-100-tm-d {
margin-top: 100px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1439px) {
.h-mt-100-tm-ld {
margin-top: 100px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.h-mt-100-tl-d {
margin-top: 100px;
}
}
@media only screen and (max-height: 720px) {
.h-mt-100-zoom-d {
margin-top: 100px;
}
}
@media only screen and (max-height: 400px) {
.h-mt-100-zoom-m {
margin-top: 100px;
}
}
.h-mr-100 {
margin-right: 100px;
}
@media only screen and (min-width: 375px) {
.h-mr-100-min-ts {
margin-right: 100px;
}
}
@media only screen and (min-width: 768px) {
.h-mr-100-min-tm {
margin-right: 100px;
}
}
@media only screen and (min-width: 1024px) {
.h-mr-100-min-tl-ls {
margin-right: 100px;
}
}
@media only screen and (min-width: 1025px) {
.h-mr-100-min-tl {
margin-right: 100px;
}
}
@media only screen and (min-width: 1200px) {
.h-mr-100-min-d {
margin-right: 100px;
}
}
@media only screen and (min-width: 1440px) {
.h-mr-100-min-ld {
margin-right: 100px;
}
}
@media only screen and (max-width: 374px) {
.h-mr-100-max-ts {
margin-right: 100px;
}
}
@media only screen and (max-width: 767px) {
.h-mr-100-max-tm {
margin-right: 100px;
}
}
@media only screen and (max-width: 1023px) {
.h-mr-100-max-tl-sm {
margin-right: 100px;
}
}
@media only screen and (max-width: 1023px) {
.h-mr-100-max-tm-tl {
margin-right: 100px;
}
}
@media only screen and (max-width: 1024px) {
.h-mr-100-max-tl {
margin-right: 100px;
}
}
@media only screen and (max-width: 1199px) {
.h-mr-100-max-d {
margin-right: 100px;
}
}
@media only screen and (max-width: 1439px) {
.h-mr-100-max-ld {
margin-right: 100px;
}
}
@media only screen and (min-width: 375px) and (max-width: 767px) {
.h-mr-100-ts-tm {
margin-right: 100px;
}
}
@media only screen and (min-width: 375px) and (max-width: 1024px) {
.h-mr-100-ts-tl {
margin-right: 100px;
}
}
@media only screen and (min-width: 375px) and (max-width: 1199px) {
.h-mr-100-ts-d {
margin-right: 100px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.h-mr-100-tm-tl {
margin-right: 100px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.h-mr-100-tm-tl-sm {
margin-right: 100px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
.h-mr-100-tm-d {
margin-right: 100px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1439px) {
.h-mr-100-tm-ld {
margin-right: 100px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.h-mr-100-tl-d {
margin-right: 100px;
}
}
@media only screen and (max-height: 720px) {
.h-mr-100-zoom-d {
margin-right: 100px;
}
}
@media only screen and (max-height: 400px) {
.h-mr-100-zoom-m {
margin-right: 100px;
}
}
.h-mb-100 {
margin-bottom: 100px;
}
@media only screen and (min-width: 375px) {
.h-mb-100-min-ts {
margin-bottom: 100px;
}
}
@media only screen and (min-width: 768px) {
.h-mb-100-min-tm {
margin-bottom: 100px;
}
}
@media only screen and (min-width: 1024px) {
.h-mb-100-min-tl-ls {
margin-bottom: 100px;
}
}
@media only screen and (min-width: 1025px) {
.h-mb-100-min-tl {
margin-bottom: 100px;
}
}
@media only screen and (min-width: 1200px) {
.h-mb-100-min-d {
margin-bottom: 100px;
}
}
@media only screen and (min-width: 1440px) {
.h-mb-100-min-ld {
margin-bottom: 100px;
}
}
@media only screen and (max-width: 374px) {
.h-mb-100-max-ts {
margin-bottom: 100px;
}
}
@media only screen and (max-width: 767px) {
.h-mb-100-max-tm {
margin-bottom: 100px;
}
}
@media only screen and (max-width: 1023px) {
.h-mb-100-max-tl-sm {
margin-bottom: 100px;
}
}
@media only screen and (max-width: 1023px) {
.h-mb-100-max-tm-tl {
margin-bottom: 100px;
}
}
@media only screen and (max-width: 1024px) {
.h-mb-100-max-tl {
margin-bottom: 100px;
}
}
@media only screen and (max-width: 1199px) {
.h-mb-100-max-d {
margin-bottom: 100px;
}
}
@media only screen and (max-width: 1439px) {
.h-mb-100-max-ld {
margin-bottom: 100px;
}
}
@media only screen and (min-width: 375px) and (max-width: 767px) {
.h-mb-100-ts-tm {
margin-bottom: 100px;
}
}
@media only screen and (min-width: 375px) and (max-width: 1024px) {
.h-mb-100-ts-tl {
margin-bottom: 100px;
}
}
@media only screen and (min-width: 375px) and (max-width: 1199px) {
.h-mb-100-ts-d {
margin-bottom: 100px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.h-mb-100-tm-tl {
margin-bottom: 100px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.h-mb-100-tm-tl-sm {
margin-bottom: 100px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
.h-mb-100-tm-d {
margin-bottom: 100px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1439px) {
.h-mb-100-tm-ld {
margin-bottom: 100px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.h-mb-100-tl-d {
margin-bottom: 100px;
}
}
@media only screen and (max-height: 720px) {
.h-mb-100-zoom-d {
margin-bottom: 100px;
}
}
@media only screen and (max-height: 400px) {
.h-mb-100-zoom-m {
margin-bottom: 100px;
}
}
.h-ml-100 {
margin-left: 100px;
}
@media only screen and (min-width: 375px) {
.h-ml-100-min-ts {
margin-left: 100px;
}
}
@media only screen and (min-width: 768px) {
.h-ml-100-min-tm {
margin-left: 100px;
}
}
@media only screen and (min-width: 1024px) {
.h-ml-100-min-tl-ls {
margin-left: 100px;
}
}
@media only screen and (min-width: 1025px) {
.h-ml-100-min-tl {
margin-left: 100px;
}
}
@media only screen and (min-width: 1200px) {
.h-ml-100-min-d {
margin-left: 100px;
}
}
@media only screen and (min-width: 1440px) {
.h-ml-100-min-ld {
margin-left: 100px;
}
}
@media only screen and (max-width: 374px) {
.h-ml-100-max-ts {
margin-left: 100px;
}
}
@media only screen and (max-width: 767px) {
.h-ml-100-max-tm {
margin-left: 100px;
}
}
@media only screen and (max-width: 1023px) {
.h-ml-100-max-tl-sm {
margin-left: 100px;
}
}
@media only screen and (max-width: 1023px) {
.h-ml-100-max-tm-tl {
margin-left: 100px;
}
}
@media only screen and (max-width: 1024px) {
.h-ml-100-max-tl {
margin-left: 100px;
}
}
@media only screen and (max-width: 1199px) {
.h-ml-100-max-d {
margin-left: 100px;
}
}
@media only screen and (max-width: 1439px) {
.h-ml-100-max-ld {
margin-left: 100px;
}
}
@media only screen and (min-width: 375px) and (max-width: 767px) {
.h-ml-100-ts-tm {
margin-left: 100px;
}
}
@media only screen and (min-width: 375px) and (max-width: 1024px) {
.h-ml-100-ts-tl {
margin-left: 100px;
}
}
@media only screen and (min-width: 375px) and (max-width: 1199px) {
.h-ml-100-ts-d {
margin-left: 100px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.h-ml-100-tm-tl {
margin-left: 100px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.h-ml-100-tm-tl-sm {
margin-left: 100px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
.h-ml-100-tm-d {
margin-left: 100px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1439px) {
.h-ml-100-tm-ld {
margin-left: 100px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.h-ml-100-tl-d {
margin-left: 100px;
}
}
@media only screen and (max-height: 720px) {
.h-ml-100-zoom-d {
margin-left: 100px;
}
}
@media only screen and (max-height: 400px) {
.h-ml-100-zoom-m {
margin-left: 100px;
}
}
.h-offset-fix::before {
display: block;
content: " ";
height: 148px;
margin-top: -148px;
visibility: hidden;
}
@media only screen and (max-width: 1199px) {
.h-offset-fix::before {
height: 80px;
margin-top: -80px;
}
}
@media only screen and (max-width: 374px) {
.h-offset-fix::before {
height: 130px;
margin-top: -130px;
}
}
.h-text-align-left {
text-align: left;
}
@media only screen and (min-width: 768px) {
.h-text-align-left.m-align-mobile {
text-align: initial;
}
}
.h-text-align-left.m-align-mobile *::-ms-backdrop, .h-text-align-left.m-align-mobile {
text-align: left;
}
.h-text-align-right {
text-align: right;
}
@media only screen and (min-width: 768px) {
.h-text-align-right.m-align-mobile {
text-align: initial;
}
}
.h-text-align-right.m-align-mobile *::-ms-backdrop, .h-text-align-right.m-align-mobile {
text-align: left;
}
.h-text-align-center {
text-align: center;
}
@media only screen and (min-width: 768px) {
.h-text-align-center.m-align-mobile {
text-align: initial;
}
}
.h-text-align-center.m-align-mobile *::-ms-backdrop, .h-text-align-center.m-align-mobile {
text-align: left;
}
.h-text-align-justify {
text-align: justify;
}
@media only screen and (min-width: 768px) {
.h-text-align-justify.m-align-mobile {
text-align: initial;
}
}
.h-text-align-justify.m-align-mobile *::-ms-backdrop, .h-text-align-justify.m-align-mobile {
text-align: left;
}
.h-text-decoration-line-through {
text-decoration: line-through;
}
.h-text-decoration-overline {
text-decoration: overline;
}
.h-text-decoration-underline {
text-decoration: underline;
}
.h-text-decoration-none {
text-decoration: none;
}
.h-text-transform-capitalize {
text-transform: capitalize;
}
.h-text-transform-lowercase {
text-transform: lowercase;
}
.h-text-transform-uppercase {
text-transform: uppercase;
}
.h-text-transform-none {
text-transform: none;
}
.h-ls--2 {
letter-spacing: -2px;
}
.h-ls--1 {
letter-spacing: -1px;
}
.h-ls-1 {
letter-spacing: 1px;
}
.h-ls-2 {
letter-spacing: 2px;
}
.h-text-ws-normal {
white-space: normal;
}
.h-text-ws-nowrap {
white-space: nowrap;
}
.h-text-ws-pre {
white-space: pre;
}
.h-text-ws-pre-line {
white-space: pre-line;
}
.h-text-ws-pre-wrap {
white-space: pre-wrap;
}
.h-hidden {
display: none !important;
}
@media only screen and (min-width: 375px) {
.h-hidden-min-ts {
display: none !important;
}
}
@media only screen and (min-width: 768px) {
.h-hidden-min-tm {
display: none !important;
}
}
@media only screen and (min-width: 1024px) {
.h-hidden-min-tl-ls {
display: none !important;
}
}
@media only screen and (min-width: 1025px) {
.h-hidden-min-tl {
display: none !important;
}
}
@media only screen and (min-width: 1200px) {
.h-hidden-min-d {
display: none !important;
}
}
@media only screen and (min-width: 1440px) {
.h-hidden-min-ld {
display: none !important;
}
}
@media only screen and (max-width: 374px) {
.h-hidden-max-ts {
display: none !important;
}
}
@media only screen and (max-width: 767px) {
.h-hidden-max-tm {
display: none !important;
}
}
@media only screen and (max-width: 1023px) {
.h-hidden-max-tl-sm {
display: none !important;
}
}
@media only screen and (max-width: 1023px) {
.h-hidden-max-tm-tl {
display: none !important;
}
}
@media only screen and (max-width: 1024px) {
.h-hidden-max-tl {
display: none !important;
}
}
@media only screen and (max-width: 1199px) {
.h-hidden-max-d {
display: none !important;
}
}
@media only screen and (max-width: 1439px) {
.h-hidden-max-ld {
display: none !important;
}
}
@media only screen and (min-width: 375px) and (max-width: 767px) {
.h-hidden-ts-tm {
display: none !important;
}
}
@media only screen and (min-width: 375px) and (max-width: 1024px) {
.h-hidden-ts-tl {
display: none !important;
}
}
@media only screen and (min-width: 375px) and (max-width: 1199px) {
.h-hidden-ts-d {
display: none !important;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.h-hidden-tm-tl {
display: none !important;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.h-hidden-tm-tl-sm {
display: none !important;
}
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
.h-hidden-tm-d {
display: none !important;
}
}
@media only screen and (min-width: 768px) and (max-width: 1439px) {
.h-hidden-tm-ld {
display: none !important;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.h-hidden-tl-d {
display: none !important;
}
}
@media only screen and (max-height: 720px) {
.h-hidden-zoom-d {
display: none !important;
}
}
@media only screen and (max-height: 400px) {
.h-hidden-zoom-m {
display: none !important;
}
}
@media only screen and (max-width: 767px) and (orientation: landscape) {
.h-hidden-mobile-landscape {
display: none !important;
}
}
.h-hidden-visually {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
border: 0;
}
@media print {
.h-hidden-print {
display: none !important;
}
}
.visually-hidden,
.h-visually-hidden {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
border: 0;
}
@media screen {
.h-visible-print {
display: none !important;
}
}
@media only screen and (min-width: 768px) {
.h-visible-mobile {
display: none !important;
}
}
@media only screen and (min-width: 1025px), (max-width: 767px) {
.h-visible-tablet {
display: none !important;
}
}
@media only screen and (max-width: 1024px) {
.h-visible-desktop {
display: none !important;
}
}
@media (max-width: 768px) and (orientation: landscape) {
.h-visible-mobile-landscape { /* stylelint-disable-line */
display: inherit !important;
}
}
@media only screen and (min-width: 1200px) {
.h-visible-not_desktop {
display: none !important;
}
}
/*
TODO: not a good idea to store all modals in one place.
here we need only core modal styles
*/
.modal {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.7);
display: none;
opacity: 0;
outline: 0;
overflow: hidden;
z-index: 9999;
}
.modal.related_products-popup .modal-dialog {
-webkit-box-shadow: 0 5px 15px 0 rgba(33, 56, 88, 0.3);
box-shadow: 0 5px 15px 0 rgba(33, 56, 88, 0.3);
border: 1px solid #efefef;
}
.modal.m-three_ds .modal-dialog {
width: 100%;
max-height: 670px;
max-width: 516px;
background: transparent;
border: none;
}
@media only screen and (min-width: 768px) {
.modal.m-three_ds .modal-dialog {
overflow: hidden;
}
}
@media only screen and (max-width: 767px) {
.modal.m-three_ds .modal-dialog {
height: 450px;
width: 275px;
overflow: hidden;
}
}
.modal.m-self_registration .modal-body {
margin-top: 25px;
}
.modal.m-dhpp .modal-body {
padding-bottom: 0;
}
.modal.m-category_dialog .modal-header_title {
padding: 40px 0 10px;
}
.modal.m-tile-additional_dialog .modal-body {
font: 1.1428571429rem / 1.5714285714rem brandongrotesque-regular, Arial, Helvetica, sans-serif;
margin-top: 20px;
}
.modal.m-remove_subscriptions .modal-body {
font: 1.1428571429rem / 1.5714285714rem brandongrotesque-regular, Arial, Helvetica, sans-serif;
margin-top: 20px;
}
.modal.m-remove_subscriptions .modal-footer {
display: -ms-flexbox;
display: flex;
gap: 0 20px;
}
@media only screen and (max-width: 1024px) {
.modal.m-remove_subscriptions .modal-footer {
display: grid;
grid-gap: 20px 0;
}
.modal.m-remove_subscriptions .modal-footer .button + .button {
-ms-flex-order: -1;
order: -1;
}
}
.modal.m-remove_subscriptions .modal-footer .button {
margin: 0;
}
.modal.m-update_subscriptions .modal-body, .modal.m-enable_subscriptions .modal-body {
margin-top: 20px;
}
.modal.m-update_subscriptions .modal-footer, .modal.m-enable_subscriptions .modal-footer {
display: -ms-flexbox;
display: flex;
gap: 0 20px;
}
@media only screen and (max-width: 1024px) {
.modal.m-update_subscriptions .modal-footer, .modal.m-enable_subscriptions .modal-footer {
display: grid;
grid-gap: 20px 0;
}
.modal.m-update_subscriptions .modal-footer .button + .button, .modal.m-enable_subscriptions .modal-footer .button + .button {
-ms-flex-order: -1;
order: -1;
}
}
.modal.m-update_subscriptions .modal-footer .button, .modal.m-enable_subscriptions .modal-footer .button {
margin: 0;
}
@supports not (-ms-high-contrast: none) {
.modal { /* Non-IE styles here */
-webkit-transition: opacity 0.15s linear;
transition: opacity 0.15s linear;
}
}
.modal[aria-labelledby=requestPasswordResetModal] .modal-dialog {
border: 1px solid #efefef;
}
.modal[aria-labelledby=requestPasswordResetModal] .modal-header_title {
line-height: 2.4285714286rem;
margin: -7px 0;
}
.modal-close {
text-align: right;
padding-bottom: 10px;
}
.modal-close_button {
position: relative;
border: 1px solid transparent;
cursor: pointer;
display: inline-block;
font: 1rem / 1 brandongrotesque-medium, Arial, Helvetica, sans-serif;
text-align: center;
text-transform: uppercase;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.modal-close_button { /* stylelint-disable-line */
background-color: #076795;
border-color: #076795;
color: #ffffff;
}
.modal-close_button:active {
background-color: #3399cc;
border-color: #3399cc;
color: #ffffff;
}
@media only screen and (min-width: 1025px) {
.modal-close_button:hover {
background-color: #d7e7ef;
border-color: #d7e7ef;
color: #076795;
}
}
.modal-close_button {
padding: 10px;
}
.modal-close_button:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 12px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f130";
}
.modal-close_button {
width: 40px;
min-height: 40px;
}
.modal-close_button::before {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
font-size: 0.8571428571rem;
}
.modal-header {
padding: 0 30px;
}
.modal-body {
position: relative;
padding: 0 30px 40px;
}
.modal-body-3ds_frame {
height: 620px;
width: 520px;
}
@media only screen and (max-width: 767px) {
.modal-body-3ds_frame {
height: calc(100% - 50px);
overflow-y: auto;
max-width: 100%;
max-height: 100%;
}
}
.modal-body.m-site_switcher p {
font: 1.1428571429rem / 1.2857142857rem brandongrotesque-regular, Arial, Helvetica, sans-serif;
margin: 20px 0 50px;
color: #434343;
}
.modal-dialog {
max-width: 500px;
width: calc(100% - 20px);
max-height: 100%;
overflow: auto;
background-color: #ffffff;
border: 1px solid #efefef;
-webkit-box-shadow: 0 5px 15px 0 rgba(33, 56, 88, 0.3);
box-shadow: 0 5px 15px 0 rgba(33, 56, 88, 0.3);
-webkit-transform: scale(0.8);
transform: scale(0.8);
-webkit-transition: -webkit-transform 0.2s ease 0s;
transition: -webkit-transform 0.2s ease 0s;
transition: transform 0.2s ease 0s;
transition: transform 0.2s ease 0s, -webkit-transform 0.2s ease 0s;
will-change: transform;
}
.show .modal-dialog {
-webkit-transform: scale(1);
transform: scale(1);
}
.modal-content {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
}
.modal-content.invalid-feedback {
color: #ff0000;
}
.modal-message {
color: #646464;
margin-top: 30px;
}
.modal-body .content-asset p,
.modal-body .content-asset .p {
font: 0.9285714286rem / 1.4285714286rem opensans-regular, Arial, Helvetica, sans-serif;
}
.modal-body .content-asset a {
padding: 0;
border: 0;
background: none;
background-color: transparent;
background-image: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.modal-body .content-asset a::-ms-expand {
display: none;
}
.modal-body .content-asset a.link-disabled, .modal-body .content-asset a.link-disabled:hover, .modal-body .content-asset a.link-disabled:focus, .modal-body .content-asset a.link-disabled:active, .modal-body .content-asset a[disabled], .modal-body .content-asset a[disabled]:hover, .modal-body .content-asset a[disabled]:focus, .modal-body .content-asset a[disabled]:active {
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.modal-body .content-asset a {
display: inline-block;
cursor: pointer;
color: #076795;
}
.modal-body .content-asset a:hover, .modal-body .content-asset a:active {
text-decoration: underline;
}
.modal-body .content-asset a {
font: 0.8571428571rem opensans-regular, Arial, Helvetica, sans-serif;
font-size: inherit;
}
.modal-body .content-asset h6 {
margin-top: 30px;
}
.modal-open {
overflow: hidden;
position: fixed;
width: 100%;
}
.modal-open .modal {
overflow: hidden;
}
.modal-open.modal-coverage {
position: absolute;
}
.modal-open.m-scroll {
overflow: initial;
position: initial;
}
.modal-error.m-self_registration {
font: 1rem / 1.1428571429rem brandongrotesque-regular, Arial, Helvetica, sans-serif;
color: #ff0000;
margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
.modal-footer.m-save_changes {
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
}
.modal.show {
opacity: 1;
}
.modal.show:not(.zoom-modal) {
display: -ms-flexbox !important;
display: flex !important;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
}
.search {
width: 100%;
}
@media only screen and (min-width: 768px) {
.search {
max-width: 570px;
margin: 0 auto;
}
}
.search-form {
position: relative;
z-index: 1;
}
.search-ctnr .search-form {
z-index: 3;
}
.search-field {
display: -ms-flexbox;
display: flex;
position: relative;
}
.search-field-label {
display: block;
width: 100%;
position: relative;
}
.search-field-placeholder {
position: absolute;
left: 12px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
line-height: 45px;
opacity: 0.3;
font-size: 14px;
cursor: text;
pointer-events: none;
max-width: calc(100% - 24px);
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.search-icon {
border: 1px solid transparent;
cursor: pointer;
display: inline-block;
font: 1rem / 1 brandongrotesque-medium, Arial, Helvetica, sans-serif;
text-align: center;
text-transform: uppercase;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.search-icon { /* stylelint-disable-line */
background-color: #076795;
border-color: #076795;
color: #ffffff;
}
.search-icon:active {
background-color: #3399cc;
border-color: #3399cc;
color: #ffffff;
}
@media only screen and (min-width: 1025px) {
.search-icon:hover {
background-color: #d7e7ef;
border-color: #d7e7ef;
color: #076795;
}
}
.search-icon {
padding: 10px;
}
.search-icon:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f15c";
}
.search-icon {
min-width: 40px;
text-align: center;
border-radius: 0 3px 3px 0;
}
.search-icon::before {
font-size: 1.2857142857rem;
}
.search-input {
line-height: 45px;
border-radius: 3px 0 0 3px;
}
.search-input::-ms-clear {
display: none;
}
.search-input:placeholder-shown + .search-field-placeholder {
visibility: visible;
}
.search-input:not(:placeholder-shown) + .search-field-placeholder, .search-input:focus:not(:placeholder-shown) + .search-field-placeholder {
visibility: hidden;
}
.search-input {
/* stylelint-disable-next-line */
}
@media all and (-ms-high-contrast: none) {
.search-input:focus ~ .search-field-placeholder {
visibility: hidden;
}
.search-input.search-placeholder-active ~ .search-field-placeholder {
visibility: hidden;
}
.search-input:not(:-ms-input-placeholder) ~ .search-field-placeholder {
visibility: hidden;
}
}
.search-input:focus {
border-color: #213858;
-webkit-box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.15);
}
.search-suggestions {
border: 1px solid #efefef;
-webkit-box-shadow: 0 5px 38px rgba(0, 0, 0, 0.1);
box-shadow: 0 5px 38px rgba(0, 0, 0, 0.1);
left: 0;
position: absolute;
top: 67px;
width: 100%;
z-index: 4;
}
.search-suggestions::after, .search-suggestions::before {
left: 20px;
position: absolute;
top: -27px;
}
.search-suggestions::after {
content: "";
display: inline-block;
width: 0;
height: 0;
border: 14px solid transparent;
border-bottom-color: #ffffff;
}
.search-suggestions::before {
background-color: transparent;
border: 1px solid #efefef;
-webkit-box-shadow: 0 5px 15px 0 rgba(33, 56, 88, 0.3);
box-shadow: 0 5px 15px 0 rgba(33, 56, 88, 0.3);
content: "";
height: 20px;
left: 24px;
top: -10px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
width: 20px;
z-index: -1;
}
.search-suggestions-field .search-input::-webkit-input-placeholder {
color: transparent;
font-size: 0;
}
.search-suggestions-field .search-input::-moz-placeholder {
color: transparent;
font-size: 0;
}
.search-suggestions-field .search-input::-ms-input-placeholder {
color: transparent;
font-size: 0;
}
.search-suggestions-field .search-input::placeholder {
color: transparent;
font-size: 0;
}
.search-suggestions-field .search-input:-ms-input-placeholder {
color: transparent !important;
}
.search-suggestions .product-price_title {
display: none;
}
.search-suggestions .product-price_value {
font-size: 1rem;
}
.active-sticky-search .search-ctnr .search-suggestions {
display: none;
}
.search-suggestions_header {
background-color: #ffffff;
padding: 30px 20px 15px;
}
.search-suggestions_header-text {
color: #646464;
font-size: 1.1428571429rem;
}
.search-suggestions_header-link {
color: #646464;
}
.search-suggestions_item {
background-color: #ffffff;
display: -ms-flexbox;
display: flex;
padding: 15px 20px;
}
.search-suggestions_item:hover {
background-color: #f7f9f9;
}
.search-suggestions_item-image {
max-width: 50px;
max-height: 60px;
-o-object-fit: contain;
object-fit: contain;
}
.search-suggestions_item-image_wrapper {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
min-width: 50px;
}
.search-suggestions_item-info {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
padding: 0 20px;
width: 100%;
text-align: left;
}
.search-suggestions_item-sku {
color: #646464;
font-size: 0.8571428571rem;
text-transform: uppercase;
}
html[locale=de_DE] .search-suggestions_item-sku {
text-transform: capitalize;
}
.search-suggestions_item-sku_id {
color: #000000;
}
.search-suggestions_item-price {
color: #000000;
margin-left: auto;
}
.search-suggestions_item-name {
color: #646464;
}
.search-suggestions_item:hover .search-suggestions_item-name {
color: #000000;
}
[locale=ja_JP] .search-suggestions_item-name_wrapper {
/* stylelint-disable-next-line */
}
@media screen and (-ms-high-contrast: none) {
[locale=ja_JP] .search-suggestions_item-name_wrapper {
margin-top: 6px;
}
}
.search-suggestions_footer {
background-color: #f7f9f9;
padding: 15px 20px;
text-align: center;
}
.search-suggestions_footer-link {
padding: 0;
border: 0;
background: none;
background-color: transparent;
background-image: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.search-suggestions_footer-link::-ms-expand {
display: none;
}
.search-suggestions_footer-link.link-disabled, .search-suggestions_footer-link.link-disabled:hover, .search-suggestions_footer-link.link-disabled:focus, .search-suggestions_footer-link.link-disabled:active, .search-suggestions_footer-link[disabled], .search-suggestions_footer-link[disabled]:hover, .search-suggestions_footer-link[disabled]:focus, .search-suggestions_footer-link[disabled]:active {
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.search-suggestions_footer-link {
display: inline-block;
cursor: pointer;
color: #076795;
}
.search-suggestions_footer-link:hover, .search-suggestions_footer-link:active {
text-decoration: underline;
}
.search-suggestions_footer-link {
font: 0.8571428571rem opensans-regular, Arial, Helvetica, sans-serif;
}
.search-suggestions_highlight {
font-family: brandongrotesque-bold, Arial, Helvetica, sans-serif;
font-weight: normal;
text-decoration: underline;
}
.search-suggestions_header-text .search-suggestions_highlight {
color: #000000;
}
.search-no_results {
padding: 20px 20px 40px;
}
.search-suggestions .search-no_results {
background: #ffffff;
}
.search-no_results-title {
margin-bottom: 20px;
}
.search-no_results-subtitle {
margin-bottom: 10px;
word-wrap: break-word;
}
.search-no_results-info_wrapper {
color: #646464;
font: 1.1428571429rem / 1.4285714286rem brandongrotesque-regular, Arial, Helvetica, sans-serif;
}
.search-ctnr {
padding: 20px 10px 0;
background-color: #e4e5e5;
}
@media only screen and (min-width: 768px) {
.search-ctnr + .dashboard-page .dashboard-header {
margin-top: 10px;
}
}
@media only screen and (max-width: 767px) {
.search-ctnr + .dashboard-page .breadcrumbs {
margin-top: 10px;
}
}
.search-ctnr-sticky {
padding: 0 10px;
background: #a7a7a7;
display: -ms-flexbox;
display: flex;
max-height: 0;
opacity: 0;
-webkit-transition: all 0.2s ease-in-out 0s;
transition: all 0.2s ease-in-out 0s;
}
.active-sticky-search .search-ctnr-sticky {
max-height: 90px;
padding: 15px 10px;
opacity: 1;
}
body:not(.active-sticky-search) .search-ctnr-sticky {
overflow: hidden;
}
.cookie-wrapper {
height: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
}
.cookie-message {
margin-bottom: 20px;
overflow-x: hidden;
overflow-y: auto;
max-height: 60vh;
}
.cookie-message h5 {
margin-bottom: 15px;
}
.cookie-message p {
color: #646464;
}
.cookie-accept {
margin-bottom: 20px;
-ms-flex-item-align: start;
align-self: flex-start;
}
.cookie-submit {
width: 100%;
}
.cookie-modal .modal-body {
padding: 20px 20px 0;
}
@media only screen and (min-width: 768px) {
.cookie-modal .modal-body {
padding: 40px 30px;
}
}
@media only screen and (max-width: 767px) {
.cookie-modal .modal-footer {
margin-top: auto;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: center;
align-items: center;
padding: 20px 20px 15px;
background-color: #ffffff;
-webkit-box-shadow: 0 3px 98px 0 rgba(0, 0, 0, 0.3);
box-shadow: 0 3px 98px 0 rgba(0, 0, 0, 0.3);
}
}
.breadcrumbs {
margin: 20px 0;
}
@media only screen and (max-width: 1024px) {
.breadcrumbs {
-ms-flex-align: center;
align-items: center;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.breadcrumbs-link {
padding: 0;
border: 0;
background: none;
background-color: transparent;
background-image: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.breadcrumbs-link::-ms-expand {
display: none;
}
.breadcrumbs-link.link-disabled, .breadcrumbs-link.link-disabled:hover, .breadcrumbs-link.link-disabled:focus, .breadcrumbs-link.link-disabled:active, .breadcrumbs-link[disabled], .breadcrumbs-link[disabled]:hover, .breadcrumbs-link[disabled]:focus, .breadcrumbs-link[disabled]:active {
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.breadcrumbs-link {
display: inline-block;
cursor: pointer;
color: #076795;
}
.breadcrumbs-link:hover, .breadcrumbs-link:active {
text-decoration: underline;
}
.breadcrumbs-link {
font: 0.8571428571rem opensans-regular, Arial, Helvetica, sans-serif;
color: #000000;
}
.breadcrumbs-link.m-icon .icon-arrow_back::before {
font-size: 1.1428571429rem;
margin: -3px 3px 0 0;
}
.breadcrumbs-item {
display: inline-block;
font-size: 0;
}
.breadcrumbs-divider {
padding: 0 10px;
font-size: 1.1428571429rem;
color: #646464;
}
.breadcrumbs-text {
font: 0.8571428571rem opensans-regular, Arial, Helvetica, sans-serif;
color: #646464;
}
.pagination-container {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
line-height: 45px;
}
@media only screen and (min-width: 1025px) {
.pagination-container {
-ms-flex-direction: row;
flex-direction: row;
}
}
.pagination-container .quantity_combobox-wrap {
margin: 0 10px;
}
@media only screen and (min-width: 1025px) {
.pagination-container_right {
-ms-flex-pack: end;
justify-content: flex-end;
margin-left: auto;
}
}
.pagination-text {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
color: #646464;
font: 0.8571428571rem opensans-regular, Arial, Helvetica, sans-serif;
}
@media only screen and (min-width: 1025px) {
.pagination-text + .pagination {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
margin: 5px 0;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-pack: end;
justify-content: flex-end;
}
.pagination-text + .pagination::before {
content: "";
height: 17px;
margin-left: 20px;
padding-left: 20px;
border-left: 1px solid #efefef;
}
}
@media only screen and (max-width: 1024px) {
.pagination-text + .pagination {
margin-bottom: 10px;
}
}
.pagination-qty {
margin: 0 10px;
width: auto;
min-width: 60px;
}
.pagination-show_all {
padding: 0;
border: 0;
background: none;
background-color: transparent;
background-image: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.pagination-show_all::-ms-expand {
display: none;
}
.pagination-show_all.link-disabled, .pagination-show_all.link-disabled:hover, .pagination-show_all.link-disabled:focus, .pagination-show_all.link-disabled:active, .pagination-show_all[disabled], .pagination-show_all[disabled]:hover, .pagination-show_all[disabled]:focus, .pagination-show_all[disabled]:active {
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.pagination-show_all {
display: inline-block;
cursor: pointer;
color: #076795;
}
.pagination-show_all:hover, .pagination-show_all:active {
text-decoration: underline;
}
.pagination-list {
display: -ms-flexbox;
display: flex;
}
.pagination-item + .pagination-item {
margin-left: 5px;
}
.pagination-link {
display: inline-block;
width: 30px;
height: 30px;
font-size: 1.0714285714rem;
text-align: center;
line-height: 30px;
color: #000000;
}
.pagination-link:hover {
color: #076795;
text-decoration: underline;
}
.active .pagination-link {
pointer-events: none;
color: #ffffff;
background: #076795;
border-radius: 3px;
}
.pagination-orders, .pagination-users {
margin-top: 30px;
}
@media only screen and (min-width: 1025px) {
.pagination-orders, .pagination-users {
margin-top: 20px;
}
}
.pagination-rec_order {
-ms-flex-direction: column;
flex-direction: column;
margin-top: 35px;
}
.pagination-rec_order .pagination-btn {
width: auto;
}
.pagination-rec_order .pagination-text {
margin-top: 10px;
}
.pagination-container-min_tm {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
line-height: 45px;
}
@media only screen and (min-width: 768px) {
.pagination-container-min_tm {
-ms-flex-direction: row;
flex-direction: row;
}
}
.pagination-container-min_tm .pagination-text {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
color: #646464;
font: 0.8571428571rem opensans-regular, Arial, Helvetica, sans-serif;
}
@media only screen and (min-width: 768px) {
.pagination-container-min_tm .pagination-text + .pagination {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
margin: 5px 0;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-pack: end;
justify-content: flex-end;
}
.pagination-container-min_tm .pagination-text + .pagination::before {
content: "";
height: 17px;
margin-left: 20px;
padding-left: 20px;
border-left: 1px solid #efefef;
}
}
.alert_message_banner {
background-color: #f8fcf8;
border: 1px solid #83c487;
border-radius: 3px;
display: -ms-flexbox;
display: flex;
padding: 0;
}
.alert_message_banner-icon {
/* stylelint-disable-line */
}
.alert_message_banner-icon:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f15d";
}
.alert_message_banner-icon {
background-color: #83c487;
color: #ffffff;
min-height: 100%;
min-width: 46px;
position: relative;
}
.alert_message_banner-icon::before {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
font-size: 0.8571428571rem;
}
.alert_message_banner-text {
-ms-flex-item-align: center;
align-self: center;
color: #646464;
-ms-flex-positive: 1;
flex-grow: 1;
font: 0.9285714286rem / 1.2857142857rem opensans-regular, Arial, Helvetica, sans-serif;
padding: 18px 20px;
text-align: center;
}
.alert_message_banner-text p + p {
margin-top: 10px;
}
.alert_message_banner-link {
padding: 0;
border: 0;
background: none;
background-color: transparent;
background-image: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.alert_message_banner-link::-ms-expand {
display: none;
}
.alert_message_banner-link.link-disabled, .alert_message_banner-link.link-disabled:hover, .alert_message_banner-link.link-disabled:focus, .alert_message_banner-link.link-disabled:active, .alert_message_banner-link[disabled], .alert_message_banner-link[disabled]:hover, .alert_message_banner-link[disabled]:focus, .alert_message_banner-link[disabled]:active {
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.alert_message_banner-link {
display: inline-block;
cursor: pointer;
color: #076795;
}
.alert_message_banner-link:hover, .alert_message_banner-link:active {
text-decoration: underline;
}
.alert_message_banner-link {
font: 1rem opensans-semibold, Arial, Helvetica, sans-serif;
font-size: 0.9285714286rem;
}
.alert_message_banner-button {
border: 1px solid transparent;
cursor: pointer;
display: inline-block;
font: 1rem / 1 brandongrotesque-medium, Arial, Helvetica, sans-serif;
text-align: center;
text-transform: uppercase;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-radius: 3px;
padding: 14.5px 20px;
width: 100%;
background-color: #83c487;
border-color: #83c487;
color: #ffffff;
}
.alert_message_banner-button:hover {
color: #646464;
background-color: #f8fcf8;
}
.error_banner {
background-color: #fff3f3;
border: 1px solid #ff0000;
border-radius: 3px;
display: -ms-flexbox;
display: flex;
padding: 0;
}
.error_banner-icon {
/* stylelint-disable-line */
display: none;
}
.error_banner-text {
-ms-flex-item-align: center;
align-self: center;
color: #ff0000;
-ms-flex-positive: 1;
flex-grow: 1;
font: 0.9285714286rem / 1.2857142857rem opensans-regular, Arial, Helvetica, sans-serif;
padding: 18px 20px;
text-align: center;
}
.error_banner-text p + p {
margin-top: 10px;
}
.error_banner-link {
padding: 0;
border: 0;
background: none;
background-color: transparent;
background-image: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.error_banner-link::-ms-expand {
display: none;
}
.error_banner-link.link-disabled, .error_banner-link.link-disabled:hover, .error_banner-link.link-disabled:focus, .error_banner-link.link-disabled:active, .error_banner-link[disabled], .error_banner-link[disabled]:hover, .error_banner-link[disabled]:focus, .error_banner-link[disabled]:active {
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.error_banner-link {
display: inline-block;
cursor: pointer;
color: #076795;
}
.error_banner-link:hover, .error_banner-link:active {
text-decoration: underline;
}
.error_banner-link {
font: 1rem opensans-semibold, Arial, Helvetica, sans-serif;
font-size: 0.9285714286rem;
}
.error_banner-button {
border: 1px solid transparent;
cursor: pointer;
display: inline-block;
font: 1rem / 1 brandongrotesque-medium, Arial, Helvetica, sans-serif;
text-align: center;
text-transform: uppercase;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-radius: 3px;
padding: 14.5px 20px;
width: 100%;
background-color: #83c487;
border-color: #83c487;
color: #ffffff;
}
.error_banner-button:hover {
color: #ff0000;
background-color: #fff3f3;
}
.notification_banner-error .notification_banner {
background-color: #fff3f3;
border: 1px solid #ff0000;
border-radius: 3px;
display: -ms-flexbox;
display: flex;
padding: 0;
}
.notification_banner-error .notification_banner-icon {
/* stylelint-disable-line */
display: none;
}
.notification_banner-error .notification_banner-text {
-ms-flex-item-align: center;
align-self: center;
color: #ff0000;
-ms-flex-positive: 1;
flex-grow: 1;
font: 0.9285714286rem / 1.2857142857rem opensans-regular, Arial, Helvetica, sans-serif;
padding: 18px 20px;
text-align: center;
}
.notification_banner-error .notification_banner-text p + p {
margin-top: 10px;
}
.notification_banner-error .notification_banner-link {
padding: 0;
border: 0;
background: none;
background-color: transparent;
background-image: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.notification_banner-error .notification_banner-link::-ms-expand {
display: none;
}
.notification_banner-error .notification_banner-link.link-disabled, .notification_banner-error .notification_banner-link.link-disabled:hover, .notification_banner-error .notification_banner-link.link-disabled:focus, .notification_banner-error .notification_banner-link.link-disabled:active, .notification_banner-error .notification_banner-link[disabled], .notification_banner-error .notification_banner-link[disabled]:hover, .notification_banner-error .notification_banner-link[disabled]:focus, .notification_banner-error .notification_banner-link[disabled]:active {
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.notification_banner-error .notification_banner-link {
display: inline-block;
cursor: pointer;
color: #076795;
}
.notification_banner-error .notification_banner-link:hover, .notification_banner-error .notification_banner-link:active {
text-decoration: underline;
}
.notification_banner-error .notification_banner-link {
font: 1rem opensans-semibold, Arial, Helvetica, sans-serif;
font-size: 0.9285714286rem;
}
.notification_banner-error .notification_banner-button {
border: 1px solid transparent;
cursor: pointer;
display: inline-block;
font: 1rem / 1 brandongrotesque-medium, Arial, Helvetica, sans-serif;
text-align: center;
text-transform: uppercase;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-radius: 3px;
padding: 14.5px 20px;
width: 100%;
background-color: #83c487;
border-color: #83c487;
color: #ffffff;
}
.notification_banner-error .notification_banner-button:hover {
color: #ff0000;
background-color: #fff3f3;
}
.notification_banner-selected .notification_banner {
background-color: #f8fcf8;
border: 1px solid #83c487;
border-radius: 3px;
display: -ms-flexbox;
display: flex;
padding: 0;
}
.notification_banner-selected .notification_banner-icon {
/* stylelint-disable-line */
}
.notification_banner-selected .notification_banner-icon:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f15d";
}
.notification_banner-selected .notification_banner-icon {
background-color: #83c487;
color: #ffffff;
min-height: 100%;
min-width: 46px;
position: relative;
}
.notification_banner-selected .notification_banner-icon::before {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
font-size: 0.8571428571rem;
}
.notification_banner-selected .notification_banner-text {
-ms-flex-item-align: center;
align-self: center;
color: #646464;
-ms-flex-positive: 1;
flex-grow: 1;
font: 0.9285714286rem / 1.2857142857rem opensans-regular, Arial, Helvetica, sans-serif;
padding: 18px 20px;
text-align: center;
}
.notification_banner-selected .notification_banner-text p + p {
margin-top: 10px;
}
.notification_banner-selected .notification_banner-link {
padding: 0;
border: 0;
background: none;
background-color: transparent;
background-image: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.notification_banner-selected .notification_banner-link::-ms-expand {
display: none;
}
.notification_banner-selected .notification_banner-link.link-disabled, .notification_banner-selected .notification_banner-link.link-disabled:hover, .notification_banner-selected .notification_banner-link.link-disabled:focus, .notification_banner-selected .notification_banner-link.link-disabled:active, .notification_banner-selected .notification_banner-link[disabled], .notification_banner-selected .notification_banner-link[disabled]:hover, .notification_banner-selected .notification_banner-link[disabled]:focus, .notification_banner-selected .notification_banner-link[disabled]:active {
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.notification_banner-selected .notification_banner-link {
display: inline-block;
cursor: pointer;
color: #076795;
}
.notification_banner-selected .notification_banner-link:hover, .notification_banner-selected .notification_banner-link:active {
text-decoration: underline;
}
.notification_banner-selected .notification_banner-link {
font: 1rem opensans-semibold, Arial, Helvetica, sans-serif;
font-size: 0.9285714286rem;
}
.notification_banner-selected .notification_banner-button {
border: 1px solid transparent;
cursor: pointer;
display: inline-block;
font: 1rem / 1 brandongrotesque-medium, Arial, Helvetica, sans-serif;
text-align: center;
text-transform: uppercase;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-radius: 3px;
padding: 14.5px 20px;
width: 100%;
background-color: #83c487;
border-color: #83c487;
color: #ffffff;
}
.notification_banner-selected .notification_banner-button:hover {
color: #646464;
background-color: #f8fcf8;
}
.notification_banner-warning .notification_banner {
background-color: #ffefae;
border: 1px solid #213858;
border-radius: 3px;
display: -ms-flexbox;
display: flex;
padding: 0;
}
.notification_banner-warning .notification_banner-icon {
/* stylelint-disable-line */
}
.notification_banner-warning .notification_banner-icon:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f173";
}
.notification_banner-warning .notification_banner-icon {
background-color: #213858;
color: #ffefae;
min-height: 100%;
min-width: 46px;
position: relative;
}
.notification_banner-warning .notification_banner-icon::before {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
font-size: 1.2857142857rem;
}
.notification_banner-warning .notification_banner-text {
-ms-flex-item-align: center;
align-self: center;
color: #213858;
-ms-flex-positive: 1;
flex-grow: 1;
font: 0.9285714286rem / 1.2857142857rem opensans-regular, Arial, Helvetica, sans-serif;
padding: 18px 20px;
text-align: center;
}
.notification_banner-warning .notification_banner-text p + p {
margin-top: 10px;
}
.notification_banner-warning .notification_banner-link {
padding: 0;
border: 0;
background: none;
background-color: transparent;
background-image: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.notification_banner-warning .notification_banner-link::-ms-expand {
display: none;
}
.notification_banner-warning .notification_banner-link.link-disabled, .notification_banner-warning .notification_banner-link.link-disabled:hover, .notification_banner-warning .notification_banner-link.link-disabled:focus, .notification_banner-warning .notification_banner-link.link-disabled:active, .notification_banner-warning .notification_banner-link[disabled], .notification_banner-warning .notification_banner-link[disabled]:hover, .notification_banner-warning .notification_banner-link[disabled]:focus, .notification_banner-warning .notification_banner-link[disabled]:active {
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.notification_banner-warning .notification_banner-link {
display: inline-block;
cursor: pointer;
color: #076795;
}
.notification_banner-warning .notification_banner-link:hover, .notification_banner-warning .notification_banner-link:active {
text-decoration: underline;
}
.notification_banner-warning .notification_banner-link {
font: 1rem opensans-semibold, Arial, Helvetica, sans-serif;
font-size: 0.9285714286rem;
}
.notification_banner-warning .notification_banner-button {
border: 1px solid transparent;
cursor: pointer;
display: inline-block;
font: 1rem / 1 brandongrotesque-medium, Arial, Helvetica, sans-serif;
text-align: center;
text-transform: uppercase;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-radius: 3px;
padding: 14.5px 20px;
width: 100%;
background-color: #213858;
border-color: #213858;
color: #ffefae;
}
.notification_banner-warning .notification_banner-button:hover {
color: #213858;
background-color: #ffefae;
}
.notification_banner-warning_orange .notification_banner {
background-color: rgba(253, 184, 35, 0.05);
border: 1px solid #fdb823;
border-radius: 3px;
display: -ms-flexbox;
display: flex;
padding: 0;
}
.notification_banner-warning_orange .notification_banner-icon {
/* stylelint-disable-line */
}
.notification_banner-warning_orange .notification_banner-icon:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f173";
}
.notification_banner-warning_orange .notification_banner-icon {
background-color: #fdb823;
color: #434343;
min-height: 100%;
min-width: 46px;
position: relative;
}
.notification_banner-warning_orange .notification_banner-icon::before {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
font-size: 1.2857142857rem;
}
.notification_banner-warning_orange .notification_banner-text {
-ms-flex-item-align: center;
align-self: center;
color: #ffffff;
-ms-flex-positive: 1;
flex-grow: 1;
font: 0.9285714286rem / 1.2857142857rem opensans-regular, Arial, Helvetica, sans-serif;
padding: 18px 20px;
text-align: center;
}
.notification_banner-warning_orange .notification_banner-text p + p {
margin-top: 10px;
}
.notification_banner-warning_orange .notification_banner-link {
padding: 0;
border: 0;
background: none;
background-color: transparent;
background-image: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.notification_banner-warning_orange .notification_banner-link::-ms-expand {
display: none;
}
.notification_banner-warning_orange .notification_banner-link.link-disabled, .notification_banner-warning_orange .notification_banner-link.link-disabled:hover, .notification_banner-warning_orange .notification_banner-link.link-disabled:focus, .notification_banner-warning_orange .notification_banner-link.link-disabled:active, .notification_banner-warning_orange .notification_banner-link[disabled], .notification_banner-warning_orange .notification_banner-link[disabled]:hover, .notification_banner-warning_orange .notification_banner-link[disabled]:focus, .notification_banner-warning_orange .notification_banner-link[disabled]:active {
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.notification_banner-warning_orange .notification_banner-link {
display: inline-block;
cursor: pointer;
color: #076795;
}
.notification_banner-warning_orange .notification_banner-link:hover, .notification_banner-warning_orange .notification_banner-link:active {
text-decoration: underline;
}
.notification_banner-warning_orange .notification_banner-link {
font: 1rem opensans-semibold, Arial, Helvetica, sans-serif;
font-size: 0.9285714286rem;
}
.notification_banner-warning_orange .notification_banner-button {
border: 1px solid transparent;
cursor: pointer;
display: inline-block;
font: 1rem / 1 brandongrotesque-medium, Arial, Helvetica, sans-serif;
text-align: center;
text-transform: uppercase;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-radius: 3px;
padding: 14.5px 20px;
width: 100%;
background-color: #fdb823;
border-color: #fdb823;
color: #434343;
}
.notification_banner-warning_orange .notification_banner-button:hover {
color: #ffffff;
background-color: rgba(253, 184, 35, 0.05);
}
.notification_banner-info .notification_banner {
background-color: #ffefae;
border: 1px solid #213858;
border-radius: 3px;
display: -ms-flexbox;
display: flex;
padding: 0;
}
.notification_banner-info .notification_banner-icon {
/* stylelint-disable-line */
}
.notification_banner-info .notification_banner-icon:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f149";
}
.notification_banner-info .notification_banner-icon {
background-color: #213858;
color: #ffefae;
min-height: 100%;
min-width: 46px;
position: relative;
}
.notification_banner-info .notification_banner-icon::before {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
font-size: 1.2857142857rem;
}
.notification_banner-info .notification_banner-text {
-ms-flex-item-align: center;
align-self: center;
color: #213858;
-ms-flex-positive: 1;
flex-grow: 1;
font: 0.9285714286rem / 1.2857142857rem opensans-regular, Arial, Helvetica, sans-serif;
padding: 18px 20px;
text-align: center;
}
.notification_banner-info .notification_banner-text p + p {
margin-top: 10px;
}
.notification_banner-info .notification_banner-link {
padding: 0;
border: 0;
background: none;
background-color: transparent;
background-image: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.notification_banner-info .notification_banner-link::-ms-expand {
display: none;
}
.notification_banner-info .notification_banner-link.link-disabled, .notification_banner-info .notification_banner-link.link-disabled:hover, .notification_banner-info .notification_banner-link.link-disabled:focus, .notification_banner-info .notification_banner-link.link-disabled:active, .notification_banner-info .notification_banner-link[disabled], .notification_banner-info .notification_banner-link[disabled]:hover, .notification_banner-info .notification_banner-link[disabled]:focus, .notification_banner-info .notification_banner-link[disabled]:active {
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.notification_banner-info .notification_banner-link {
display: inline-block;
cursor: pointer;
color: #076795;
}
.notification_banner-info .notification_banner-link:hover, .notification_banner-info .notification_banner-link:active {
text-decoration: underline;
}
.notification_banner-info .notification_banner-link {
font: 1rem opensans-semibold, Arial, Helvetica, sans-serif;
font-size: 0.9285714286rem;
}
.notification_banner-info .notification_banner-button {
border: 1px solid transparent;
cursor: pointer;
display: inline-block;
font: 1rem / 1 brandongrotesque-medium, Arial, Helvetica, sans-serif;
text-align: center;
text-transform: uppercase;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-radius: 3px;
padding: 14.5px 20px;
width: 100%;
background-color: #213858;
border-color: #213858;
color: #ffefae;
}
.notification_banner-info .notification_banner-button:hover {
color: #213858;
background-color: #ffefae;
}
.notification_banner-critical .notification_banner {
background-color: rgba(178, 0, 0, 0.1);
border: 1px solid #b20000;
border-radius: 3px;
display: -ms-flexbox;
display: flex;
padding: 0;
}
.notification_banner-critical .notification_banner-icon {
/* stylelint-disable-line */
}
.notification_banner-critical .notification_banner-icon:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f123";
}
.notification_banner-critical .notification_banner-icon {
background-color: #b20000;
color: #ffffff;
min-height: 100%;
min-width: 46px;
position: relative;
}
.notification_banner-critical .notification_banner-icon::before {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
font-size: 1.2857142857rem;
}
.notification_banner-critical .notification_banner-text {
-ms-flex-item-align: center;
align-self: center;
color: #000000;
-ms-flex-positive: 1;
flex-grow: 1;
font: 0.9285714286rem / 1.2857142857rem opensans-regular, Arial, Helvetica, sans-serif;
padding: 18px 20px;
text-align: center;
}
.notification_banner-critical .notification_banner-text p + p {
margin-top: 10px;
}
.notification_banner-critical .notification_banner-link {
padding: 0;
border: 0;
background: none;
background-color: transparent;
background-image: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.notification_banner-critical .notification_banner-link::-ms-expand {
display: none;
}
.notification_banner-critical .notification_banner-link.link-disabled, .notification_banner-critical .notification_banner-link.link-disabled:hover, .notification_banner-critical .notification_banner-link.link-disabled:focus, .notification_banner-critical .notification_banner-link.link-disabled:active, .notification_banner-critical .notification_banner-link[disabled], .notification_banner-critical .notification_banner-link[disabled]:hover, .notification_banner-critical .notification_banner-link[disabled]:focus, .notification_banner-critical .notification_banner-link[disabled]:active {
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.notification_banner-critical .notification_banner-link {
display: inline-block;
cursor: pointer;
color: #076795;
}
.notification_banner-critical .notification_banner-link:hover, .notification_banner-critical .notification_banner-link:active {
text-decoration: underline;
}
.notification_banner-critical .notification_banner-link {
font: 1rem opensans-semibold, Arial, Helvetica, sans-serif;
font-size: 0.9285714286rem;
}
.notification_banner-critical .notification_banner-button {
border: 1px solid transparent;
cursor: pointer;
display: inline-block;
font: 1rem / 1 brandongrotesque-medium, Arial, Helvetica, sans-serif;
text-align: center;
text-transform: uppercase;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-radius: 3px;
padding: 14.5px 20px;
width: 100%;
background-color: #b20000;
border-color: #b20000;
color: #ffffff;
}
.notification_banner-critical .notification_banner-button:hover {
color: #000000;
background-color: rgba(178, 0, 0, 0.1);
}
.notification_banner-success .notification_banner {
background-color: #f8fcf8;
border: 1px solid #83c487;
border-radius: 3px;
display: -ms-flexbox;
display: flex;
padding: 0;
}
.notification_banner-success .notification_banner-icon {
/* stylelint-disable-line */
}
.notification_banner-success .notification_banner-icon:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f15d";
}
.notification_banner-success .notification_banner-icon {
background-color: #83c487;
color: #ffffff;
min-height: 100%;
min-width: 46px;
position: relative;
}
.notification_banner-success .notification_banner-icon::before {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
font-size: 0.8571428571rem;
}
.notification_banner-success .notification_banner-text {
-ms-flex-item-align: center;
align-self: center;
color: #646464;
-ms-flex-positive: 1;
flex-grow: 1;
font: 0.9285714286rem / 1.2857142857rem opensans-regular, Arial, Helvetica, sans-serif;
padding: 18px 20px;
text-align: center;
}
.notification_banner-success .notification_banner-text p + p {
margin-top: 10px;
}
.notification_banner-success .notification_banner-link {
padding: 0;
border: 0;
background: none;
background-color: transparent;
background-image: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.notification_banner-success .notification_banner-link::-ms-expand {
display: none;
}
.notification_banner-success .notification_banner-link.link-disabled, .notification_banner-success .notification_banner-link.link-disabled:hover, .notification_banner-success .notification_banner-link.link-disabled:focus, .notification_banner-success .notification_banner-link.link-disabled:active, .notification_banner-success .notification_banner-link[disabled], .notification_banner-success .notification_banner-link[disabled]:hover, .notification_banner-success .notification_banner-link[disabled]:focus, .notification_banner-success .notification_banner-link[disabled]:active {
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.notification_banner-success .notification_banner-link {
display: inline-block;
cursor: pointer;
color: #076795;
}
.notification_banner-success .notification_banner-link:hover, .notification_banner-success .notification_banner-link:active {
text-decoration: underline;
}
.notification_banner-success .notification_banner-link {
font: 1rem opensans-semibold, Arial, Helvetica, sans-serif;
font-size: 0.9285714286rem;
}
.notification_banner-success .notification_banner-button {
border: 1px solid transparent;
cursor: pointer;
display: inline-block;
font: 1rem / 1 brandongrotesque-medium, Arial, Helvetica, sans-serif;
text-align: center;
text-transform: uppercase;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-radius: 3px;
padding: 14.5px 20px;
width: 100%;
background-color: #83c487;
border-color: #83c487;
color: #ffffff;
}
.notification_banner-success .notification_banner-button:hover {
color: #646464;
background-color: #f8fcf8;
}
.list-prices-message .notification_banner {
background-color: #ffefae;
border: 1px solid #213858;
border-radius: 3px;
display: -ms-flexbox;
display: flex;
padding: 0;
}
.list-prices-message .notification_banner-icon {
/* stylelint-disable-line */
}
.list-prices-message .notification_banner-icon:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f149";
}
.list-prices-message .notification_banner-icon {
background-color: #213858;
color: #ffefae;
min-height: 100%;
min-width: 46px;
position: relative;
}
.list-prices-message .notification_banner-icon::before {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
font-size: 1.2857142857rem;
}
.list-prices-message .notification_banner-text {
-ms-flex-item-align: center;
align-self: center;
color: #213858;
-ms-flex-positive: 1;
flex-grow: 1;
font: 0.9285714286rem / 1.2857142857rem opensans-regular, Arial, Helvetica, sans-serif;
padding: 18px 20px;
text-align: center;
}
.list-prices-message .notification_banner-text p + p {
margin-top: 10px;
}
.list-prices-message .notification_banner-link {
padding: 0;
border: 0;
background: none;
background-color: transparent;
background-image: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.list-prices-message .notification_banner-link::-ms-expand {
display: none;
}
.list-prices-message .notification_banner-link.link-disabled, .list-prices-message .notification_banner-link.link-disabled:hover, .list-prices-message .notification_banner-link.link-disabled:focus, .list-prices-message .notification_banner-link.link-disabled:active, .list-prices-message .notification_banner-link[disabled], .list-prices-message .notification_banner-link[disabled]:hover, .list-prices-message .notification_banner-link[disabled]:focus, .list-prices-message .notification_banner-link[disabled]:active {
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.list-prices-message .notification_banner-link {
display: inline-block;
cursor: pointer;
color: #076795;
}
.list-prices-message .notification_banner-link:hover, .list-prices-message .notification_banner-link:active {
text-decoration: underline;
}
.list-prices-message .notification_banner-link {
font: 1rem opensans-semibold, Arial, Helvetica, sans-serif;
font-size: 0.9285714286rem;
}
.list-prices-message .notification_banner-button {
border: 1px solid transparent;
cursor: pointer;
display: inline-block;
font: 1rem / 1 brandongrotesque-medium, Arial, Helvetica, sans-serif;
text-align: center;
text-transform: uppercase;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-radius: 3px;
padding: 14.5px 20px;
width: 100%;
background-color: #213858;
border-color: #213858;
color: #ffefae;
}
.list-prices-message .notification_banner-button:hover {
color: #213858;
background-color: #ffefae;
}
@media only screen and (max-width: 767px) {
.list-prices-message .notification_banner-text {
word-wrap: break-word;
max-width: calc(100% - 46px);
}
.list-prices-message .notification_banner-text * {
word-break: initial !important;
}
.list-prices-message .notification_banner-text ul {
font-size: 12px !important;
}
}
/* stylelint-disable */
@media only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3), only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3), only screen and (width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3), only screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) {
.notification_banner.m-app {
margin-top: 17px;
}
}
/* stylelint-enable */
.credit_card-form {
margin-top: 20px;
}
.credit_card-form #dhpp-iframe {
height: 245px;
/* TODO: move custom or unique media queries to SCSS vars */
}
@media screen and (min-width: 970px) and (max-width: 1024px) {
.credit_card-form #dhpp-iframe { /* stylelint-disable-line */
height: 370px;
}
}
@media screen and (min-width: 768px) and (max-width: 969px) {
.credit_card-form #dhpp-iframe { /* stylelint-disable-line */
height: 330px;
}
}
@media screen and (max-width: 602px) {
.credit_card-form #dhpp-iframe { /* stylelint-disable-line */
height: 360px;
}
}
@media screen and (max-width: 561px) {
.credit_card-form #dhpp-iframe { /* stylelint-disable-line */
height: 340px;
}
}
.credit_card-expiration {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.credit_card-month, .credit_card-code-value {
width: 60%;
}
@media only screen and (min-width: 768px) {
.credit_card-code-value {
width: 40%;
}
}
.credit_card-year, .credit_card-description {
width: 38%;
}
@media only screen and (min-width: 768px) {
.credit_card-description {
width: auto;
}
}
.credit_card-example {
font-size: 0.9285714286rem;
margin-bottom: 20px;
}
.credit_card-example-text {
display: inline-block;
vertical-align: middle;
margin: 10px 5px 0 0;
}
.credit_card-example-list {
display: -ms-inline-flexbox;
display: inline-flex;
vertical-align: middle;
margin-top: 10px;
}
.credit_card-example-card {
width: 35px;
margin-right: 5px;
}
.credit_card-example-card:last-child {
margin-right: 0;
}
.credit_card-number_type {
position: relative;
}
.credit_card-number_type::after {
position: absolute;
top: 8px;
right: 5px;
content: "";
background-repeat: no-repeat;
background-size: auto 100%;
width: 51px;
height: 30px;
}
.credit_card-number_type[data-type=visa]::after {
background-image: url("../images/sprites/credit_cards.png");
background-position: 0 0;
}
.credit_card-number_type[data-type=mastercard]::after {
background-image: url("../images/sprites/credit_cards.png");
background-position: -57px 0;
}
.credit_card-number_type[data-type=amex]::after {
background-image: url("../images/sprites/credit_cards.png");
background-position: -114px 0;
}
.credit_card-number_type[data-type=paypal]::after {
background-image: url("../images/sprites/credit_cards.png");
background-position: -172px 0;
}
.credit_card-number_type[data-type=discover]::after {
background-image: url("../images/sprites/credit_cards.png");
background-position: -229px 0;
}
.credit_card-number_type[data-type=diners]::after {
background-image: url("../images/sprites/credit_cards.png");
background-position: -286px 0;
}
.credit_card-number_type .form-control {
padding-right: 60px;
}
.credit_card-hpf-tokenized_data {
font-size: 1.1428571429rem;
}
.credit_card-change_card_btn {
margin-top: 10px;
margin-bottom: 20px;
padding: 0;
border: 0;
background: none;
background-color: transparent;
display: inline-block;
cursor: pointer;
font: 1rem opensans-semibold, Arial, Helvetica, sans-serif;
color: #076795;
}
.credit_card-number_iframe_container {
height: 49px;
width: calc(100% + 4px);
}
.credit_card-code {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: center;
align-items: center;
}
.credit_card-code-example {
height: 40px;
width: 150px;
max-width: 37%;
margin-left: 1%;
}
@media only screen and (min-width: 1025px) {
.credit_card-code-example {
margin-left: 10px;
}
}
.credit_card-code-example .content-asset {
display: -ms-flexbox;
display: flex;
height: 100%;
-ms-flex-align: center;
align-items: center;
}
.credit_card-code-example img {
width: 100%;
}
.credit_card-code_iframe_container {
height: 50px;
width: calc(40% + 4px);
}
.credit_card-code .invalid-feedback {
width: 100%;
}
.credit_card-actions {
margin-top: 20px;
}
@media only screen and (min-width: 768px) {
.credit_card-actions {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
.credit_card-actions-delete, .credit_card-actions-save {
border-radius: 3px;
padding: 14.5px 20px;
width: 100%;
}
.credit_card-actions-delete.button-disabled, .sales_rep_promo-upload:not(.active) .credit_card-actions-delete.sales_rep_promo-upload-label, .credit_card-actions-delete.button-disabled:hover, .credit_card-actions-delete.button-disabled:focus, .credit_card-actions-delete.button-disabled:active, .credit_card-actions-delete[disabled], .credit_card-actions-delete[disabled]:hover, .credit_card-actions-delete[disabled]:focus, .credit_card-actions-delete[disabled]:active, .credit_card-actions-save.button-disabled, .sales_rep_promo-upload:not(.active) .credit_card-actions-save.sales_rep_promo-upload-label, .credit_card-actions-save.button-disabled:hover, .credit_card-actions-save.button-disabled:focus, .credit_card-actions-save.button-disabled:active, .credit_card-actions-save[disabled], .credit_card-actions-save[disabled]:hover, .credit_card-actions-save[disabled]:focus, .credit_card-actions-save[disabled]:active {
background-color: #e7e7e7;
border-color: #e7e7e7;
-webkit-box-shadow: none;
box-shadow: none;
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.credit_card-actions-delete, .credit_card-actions-save { /* stylelint-disable-line */
background-color: #076795;
border-color: #076795;
color: #ffffff;
}
.credit_card-actions-delete:active, .credit_card-actions-save:active {
background-color: #d7e7ef;
border-color: #d7e7ef;
color: #076795;
}
@media only screen and (min-width: 1025px) {
.credit_card-actions-delete:hover, .credit_card-actions-save:hover {
background-color: #d7e7ef;
border-color: #d7e7ef;
color: #076795;
}
}
.credit_card-actions-delete:active, .credit_card-actions-save:active {
-webkit-box-shadow: inset 0 3px 2px rgba(0, 0, 0, 0.12);
box-shadow: inset 0 3px 2px rgba(0, 0, 0, 0.12);
}
.credit_card-actions-cancel {
border: 1px solid transparent;
cursor: pointer;
display: inline-block;
font: 1rem / 1 brandongrotesque-medium, Arial, Helvetica, sans-serif;
text-align: center;
text-transform: uppercase;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-radius: 3px;
padding: 14.5px 20px;
width: 100%;
}
.credit_card-actions-cancel.button-disabled, .sales_rep_promo-upload:not(.active) .credit_card-actions-cancel.sales_rep_promo-upload-label, .credit_card-actions-cancel.button-disabled:hover, .credit_card-actions-cancel.button-disabled:focus, .credit_card-actions-cancel.button-disabled:active, .credit_card-actions-cancel[disabled], .credit_card-actions-cancel[disabled]:hover, .credit_card-actions-cancel[disabled]:focus, .credit_card-actions-cancel[disabled]:active {
background-color: #e7e7e7;
border-color: #e7e7e7;
-webkit-box-shadow: none;
box-shadow: none;
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.credit_card-actions-cancel { /* stylelint-disable-line */
background-color: #ffffff;
border-color: #076795;
color: #076795;
}
.credit_card-actions-cancel:active {
background-color: rgba(7, 103, 149, 0.1);
border-color: #076795;
color: #076795;
}
@media only screen and (min-width: 1025px) {
.credit_card-actions-cancel:hover {
background-color: rgba(7, 103, 149, 0.1);
border-color: #076795;
color: #076795;
}
}
.credit_card-actions-cancel:active {
-webkit-box-shadow: inset 0 4px 2px rgba(0, 0, 0, 0.12);
box-shadow: inset 0 4px 2px rgba(0, 0, 0, 0.12);
}
.credit_card-actions-cancel {
margin-top: 15px;
}
@media only screen and (min-width: 768px) {
.credit_card-actions-cancel {
margin-top: 0;
}
}
@media only screen and (max-width: 767px) {
.credit_card-actions-cancel {
margin-bottom: 15px;
}
}
@media only screen and (min-width: 768px) {
.credit_card-actions-delete, .credit_card-actions-save, .credit_card-actions-cancel {
width: 49%;
}
}
.user_info-title, .psp_pay-confirmation .order_receipt-order_date .label,
.psp_pay-confirmation .order_receipt-order_number .label,
.psp_pay-confirmation .psp_pay-confirmation-info .label,
.psp_pay-confirmation .order_receipt-payment_info .label {
font: 1.1428571429rem brandongrotesque-medium, Arial, Helvetica, sans-serif;
color: #213858;
text-align: left;
margin-bottom: 10px;
}
.user_info-subtitle {
font: 1rem opensans-semibold, Arial, Helvetica, sans-serif;
color: #000000;
}
.user_info-description {
font: 0.8571428571rem / 1.2857142857rem opensans-regular, Arial, Helvetica, sans-serif;
color: #646464;
text-transform: uppercase;
}
.error_message,
.ie_banner {
background-color: #fa585f;
text-align: center;
padding: 10px 0;
width: 100%;
color: #ffffff;
}
.error_message {
padding: 0;
}
.error_message-text {
padding: 10px 5px;
}
.cookie-error_message {
display: none;
}
.product-error_message {
font: 1rem / 1.1428571429rem opensans-regular, Arial, Helvetica, sans-serif;
color: #ff0000;
}
.warning_confirmation-actions {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: justify;
justify-content: space-between;
}
.warning_confirmation-actions .button {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
margin: 0 5px 10px;
padding-left: 10px;
padding-right: 10px;
}
@media only screen and (min-width: 768px) {
.warning_confirmation-actions .button {
width: auto;
}
}
.warning_message {
margin: 15px 0;
}
.warning_message {
background-color: #ffefae;
border: 1px solid #ff0000;
border-radius: 3px;
display: -ms-flexbox;
display: flex;
padding: 0;
}
.warning_message-icon {
/* stylelint-disable-line */
}
.warning_message-icon:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f123";
}
.warning_message-icon {
background-color: #ff0000;
color: #ffefae;
min-height: 100%;
min-width: 46px;
position: relative;
}
.warning_message-icon::before {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
font-size: 1.2857142857rem;
}
.warning_message-text {
-ms-flex-item-align: center;
align-self: center;
color: #213858;
-ms-flex-positive: 1;
flex-grow: 1;
font: 0.9285714286rem / 1.2857142857rem opensans-regular, Arial, Helvetica, sans-serif;
padding: 18px 20px;
text-align: center;
}
.warning_message-text p + p {
margin-top: 10px;
}
.warning_message-link {
padding: 0;
border: 0;
background: none;
background-color: transparent;
background-image: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.warning_message-link::-ms-expand {
display: none;
}
.warning_message-link.link-disabled, .warning_message-link.link-disabled:hover, .warning_message-link.link-disabled:focus, .warning_message-link.link-disabled:active, .warning_message-link[disabled], .warning_message-link[disabled]:hover, .warning_message-link[disabled]:focus, .warning_message-link[disabled]:active {
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.warning_message-link {
display: inline-block;
cursor: pointer;
color: #076795;
}
.warning_message-link:hover, .warning_message-link:active {
text-decoration: underline;
}
.warning_message-link {
font: 1rem opensans-semibold, Arial, Helvetica, sans-serif;
font-size: 0.9285714286rem;
}
.warning_message-button {
border: 1px solid transparent;
cursor: pointer;
display: inline-block;
font: 1rem / 1 brandongrotesque-medium, Arial, Helvetica, sans-serif;
text-align: center;
text-transform: uppercase;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-radius: 3px;
padding: 14.5px 20px;
width: 100%;
background-color: #ff0000;
border-color: #ff0000;
color: #ffefae;
}
.warning_message-button:hover {
color: #213858;
background-color: #ffefae;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.warning_message {
margin-bottom: 20px;
}
}
@media only screen and (min-width: 1025px) {
.warning_message {
margin-bottom: 35px;
}
}
.warning_message-label {
color: #ff0000;
}
.warning_message-text {
text-align: initial;
font: 0.9285714286rem / 1.2857142857rem opensans-semibold, Arial, Helvetica, sans-serif;
}
@media only screen and (max-width: 1199px) {
.warning_message-text {
padding: 15px;
}
}
.ie_banner {
display: none;
}
/* IE10 and IE11 rule sets go here */
/* TODO: i think it's not needed anymore */
@media all and (-ms-high-contrast: none) { /* stylelint-disable-line */
.ie_banner {
display: block !important;
}
*::-ms-backdrop,
.ie_banner {
display: none !important;
}
}
/* TODO: if it's the same modals - just use a single class name for it
modification class can be used to slightly adjust some elements
*/
.restore_cart-modal .modal-header,
.reorder-modal .modal-header,
.change_flow-modal .modal-header {
margin-bottom: 20px;
}
.restore_cart-content p,
.reorder-content p,
.change_flow-content p {
font: 1.1428571429rem / 1.7142857143rem brandongrotesque-regular, Arial, Helvetica, sans-serif;
color: #646464;
}
.restore_cart-content p + p,
.reorder-content p + p,
.change_flow-content p + p {
margin-top: 15px;
}
.change_flow-modal .btn {
border: 1px solid transparent;
cursor: pointer;
display: inline-block;
font: 1rem / 1 brandongrotesque-medium, Arial, Helvetica, sans-serif;
text-align: center;
text-transform: uppercase;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-radius: 3px;
padding: 14.5px 20px;
width: 100%;
}
.change_flow-modal .btn.button-disabled, .change_flow-modal .sales_rep_promo-upload:not(.active) .btn.sales_rep_promo-upload-label, .sales_rep_promo-upload:not(.active) .change_flow-modal .btn.sales_rep_promo-upload-label, .change_flow-modal .btn.button-disabled:hover, .change_flow-modal .btn.button-disabled:focus, .change_flow-modal .btn.button-disabled:active, .change_flow-modal .btn[disabled], .change_flow-modal .btn[disabled]:hover, .change_flow-modal .btn[disabled]:focus, .change_flow-modal .btn[disabled]:active {
background-color: #e7e7e7;
border-color: #e7e7e7;
-webkit-box-shadow: none;
box-shadow: none;
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.change_flow-modal .btn { /* stylelint-disable-line */
background-color: #076795;
border-color: #076795;
color: #ffffff;
}
.change_flow-modal .btn:active {
background-color: #d7e7ef;
border-color: #d7e7ef;
color: #076795;
}
@media only screen and (min-width: 1025px) {
.change_flow-modal .btn:hover {
background-color: #d7e7ef;
border-color: #d7e7ef;
color: #076795;
}
}
.change_flow-modal .btn:active {
-webkit-box-shadow: inset 0 3px 2px rgba(0, 0, 0, 0.12);
box-shadow: inset 0 3px 2px rgba(0, 0, 0, 0.12);
}
.change_flow-content {
margin-bottom: 20px;
}
.reorder-add_btn {
border: 1px solid transparent;
cursor: pointer;
display: inline-block;
font: 1rem / 1 brandongrotesque-medium, Arial, Helvetica, sans-serif;
text-align: center;
text-transform: uppercase;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-radius: 3px;
padding: 14.5px 20px;
width: 100%;
}
.reorder-add_btn.button-disabled, .sales_rep_promo-upload:not(.active) .reorder-add_btn.sales_rep_promo-upload-label, .reorder-add_btn.button-disabled:hover, .reorder-add_btn.button-disabled:focus, .reorder-add_btn.button-disabled:active, .reorder-add_btn[disabled], .reorder-add_btn[disabled]:hover, .reorder-add_btn[disabled]:focus, .reorder-add_btn[disabled]:active {
background-color: #e7e7e7;
border-color: #e7e7e7;
-webkit-box-shadow: none;
box-shadow: none;
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.reorder-add_btn { /* stylelint-disable-line */
background-color: #076795;
border-color: #076795;
color: #ffffff;
}
.reorder-add_btn:active {
background-color: #d7e7ef;
border-color: #d7e7ef;
color: #076795;
}
@media only screen and (min-width: 1025px) {
.reorder-add_btn:hover {
background-color: #d7e7ef;
border-color: #d7e7ef;
color: #076795;
}
}
.reorder-add_btn:active {
-webkit-box-shadow: inset 0 3px 2px rgba(0, 0, 0, 0.12);
box-shadow: inset 0 3px 2px rgba(0, 0, 0, 0.12);
}
.reorder-replace_btn {
border: 1px solid transparent;
cursor: pointer;
display: inline-block;
font: 1rem / 1 brandongrotesque-medium, Arial, Helvetica, sans-serif;
text-align: center;
text-transform: uppercase;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-radius: 3px;
padding: 14.5px 20px;
width: 100%;
}
.reorder-replace_btn.button-disabled, .sales_rep_promo-upload:not(.active) .reorder-replace_btn.sales_rep_promo-upload-label, .reorder-replace_btn.button-disabled:hover, .reorder-replace_btn.button-disabled:focus, .reorder-replace_btn.button-disabled:active, .reorder-replace_btn[disabled], .reorder-replace_btn[disabled]:hover, .reorder-replace_btn[disabled]:focus, .reorder-replace_btn[disabled]:active {
background-color: #e7e7e7;
border-color: #e7e7e7;
-webkit-box-shadow: none;
box-shadow: none;
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.reorder-replace_btn { /* stylelint-disable-line */
background-color: #ffffff;
border-color: #076795;
color: #076795;
}
.reorder-replace_btn:active {
background-color: rgba(7, 103, 149, 0.1);
border-color: #076795;
color: #076795;
}
@media only screen and (min-width: 1025px) {
.reorder-replace_btn:hover {
background-color: rgba(7, 103, 149, 0.1);
border-color: #076795;
color: #076795;
}
}
.reorder-replace_btn:active {
-webkit-box-shadow: inset 0 4px 2px rgba(0, 0, 0, 0.12);
box-shadow: inset 0 4px 2px rgba(0, 0, 0, 0.12);
}
.reorder-prohibited-modal .modal-footer {
padding: 0;
}
.notification_icon-wrapper {
position: relative;
}
.notification_icon-inner {
position: absolute;
top: -7px;
right: -5px;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
height: 19px;
min-width: 19px;
border: 1px solid #888888;
padding: 5px;
background: #ffffff;
border-radius: 10px;
color: #000000;
font-size: 10px;
font-family: brandongrotesque-bold, Arial, Helvetica, sans-serif;
border: 0;
color: #ffffff;
background: #b20000;
position: initial;
margin-left: 5px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.notification_icon-inner {
position: absolute;
}
}
.sort_link {
cursor: pointer;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: center;
align-items: center;
}
.sort_link-icon {
position: relative;
font-size: 0;
padding-right: 15px;
}
.sort_link-icon::after, .sort_link-icon::before {
position: absolute;
top: 50%;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
content: "";
}
.sort_link-icon::before {
border: 5px solid transparent;
border-bottom-color: rgba(255, 255, 255, 0.5);
border-top-width: 0;
top: -4px;
}
.sort_link-icon::after {
border: 5px solid transparent;
border-top-color: rgba(255, 255, 255, 0.5);
border-bottom-width: 0;
top: 4px;
}
.sort_link-icon {
z-index: 1;
}
.sorted.sort-asc .sort_link-icon::before {
border-bottom-color: #ffffff;
top: -2px;
}
.sorted.sort-asc .sort_link-icon::after {
display: none;
}
.sorted.sort-desc .sort_link-icon::before {
display: none;
}
.sorted.sort-desc .sort_link-icon::after {
border-top-color: #ffffff;
top: 2px;
}
.quick-view-dialog .modal-dialog {
max-width: 770px;
}
.quick-view-dialog .pdp-content {
padding: 0;
}
.quick-view-dialog .modal-footer {
padding: 0;
}
.quick-view-dialog .pdp-info {
padding-right: 0;
}
.quick-view-dialog .pdp-content_wrapper {
margin: 0;
}
.quick-view-dialog .pdp-images {
margin-left: 35px;
}
.quick-view-dialog .pdp-description {
max-height: 200px;
overflow: auto;
}
.quick-view-dialog .product-attribute .variation_attribute-label {
font: 1rem / 1.1428571429rem opensans-regular, Arial, Helvetica, sans-serif;
}
.quick-view-dialog .product-attribute .variation_attribute-value {
font: 1rem / 1.1428571429rem opensans-semibold, Arial, Helvetica, sans-serif;
}
.quick-view-dialog .product-description_content {
display: block;
}
.quick-view-dialog .product-name {
font-size: 1.7142857143rem;
}
.resize_popup {
padding: 20px !important;
}
.resize_popup .resize_popup-image {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
min-height: 300px;
min-width: 300px;
}
.resize_popup .resize_popup-image img {
max-height: 90vh;
}
.resize_popup .modal-dialog {
max-width: 100%;
width: auto;
}
.resize_popup .modal-body,
.resize_popup .modal-footer {
padding: 0;
}
.checkout .recommendations {
margin-top: 40px;
}
@media only screen and (min-width: 768px) {
.checkout .recommendations {
border-top: 1px solid #213858;
}
}
@media only screen and (max-width: 767px) {
.checkout .recommendations {
margin-top: 0;
padding: 30px 0;
}
}
.checkout .recommendations .product-slot-container {
padding: 40px 0 0;
}
@media only screen and (max-width: 767px) {
.checkout .recommendations .product-slot-container {
padding: 23px 10px 30px;
}
}
.checkout .recommendations .slick-next {
right: -12px;
}
.checkout .recommendations .slick-prev {
left: -12px;
}
@media only screen and (max-width: 767px) {
.recommendations > div {
background: #ffffff;
}
}
.recommendations > div:empty {
height: 500px;
position: relative;
}
.recommendations > div:empty::after {
position: absolute;
top: 50%;
left: 50%;
width: 120px;
height: 120px;
margin-top: -60px;
margin-left: -60px;
content: "";
border: 8px solid rgba(33, 56, 88, 0.2);
border-left-color: rgba(33, 56, 88, 0.6);
-webkit-animation: spinner 1.1s infinite linear;
animation: spinner 1.1s infinite linear;
border-radius: 50%;
}
.recommendations .product-slider .product-tile {
width: 100%;
}
/*
TODO: The whole file should be checked, decomposed and refactored
*/
.recommended { /* stylelint-disable */ }
.recommended-modal {
overflow: initial;
}
.recommended-modal-error {
margin-top: 8px;
min-height: 30px;
}
.recommended-modal-subtitle {
display: inline-block;
margin: 26px 0 8px;
color: #434343;
font: 1.1428571429rem / 1.1428571429rem brandongrotesque-regular, Arial, Helvetica, sans-serif;
}
@media only screen and (max-width: 767px) {
.recommended-modal-subtitle {
margin: 20px 0 8px;
}
}
.recommended-modal-share .recommended-modal-subtitle {
color: #434343;
}
.recommended-modal-footer {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media only screen and (max-width: 767px) {
.recommended-modal-footer {
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
}
.recommended-modal-button {
-ms-flex-align: center;
align-items: center;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
}
.recommended-modal-button + .recommended-modal-button {
margin-top: 0;
margin-left: 10px;
}
@media only screen and (max-width: 767px) {
.recommended-modal-button + .recommended-modal-button {
margin-bottom: 10px;
margin-left: 0;
}
}
.recommended-modal-share .modal-body, .recommended-modal_share-success .modal-body {
padding-bottom: 0;
}
.recommended-modal-share .modal-footer, .recommended-modal_share-success .modal-footer {
padding-top: 40px;
border-top: 1px solid #e7e7e7;
}
.recommended-modal-share .modal-footer.recommended-share-empty, .recommended-modal_share-success .modal-footer.recommended-share-empty {
border-top: none;
}
.recommended-modal_share {
margin-top: 25px;
padding: 0;
border: 1px solid #e7e7e7;
border-bottom: none;
}
.recommended-modal_share-list {
padding: 20px;
max-height: 180px;
overflow-y: auto;
}
.recommended-modal_share-item {
color: #434343;
}
.recommended-modal_share-item + .recommended-modal_share-item {
margin-top: 20px;
}
.recommended-modal_share-item .custom-control-label {
color: #434343;
}
.recommended-modal_share-item .custom-control-label.m-wrap {
word-break: break-all;
}
.recommended-modal_share-item [type=checkbox] {
position: static;
float: left;
}
.recommended-modal_share-success .recommended-modal-button {
max-width: 200px;
}
@media only screen and (max-width: 767px) {
.recommended-modal_share-success .recommended-modal-button {
max-width: 100%;
}
}
.recommended-modal_share-success .recommended-modal-footer {
-ms-flex-pack: center;
justify-content: center;
}
.recommended-modal_share-success .modal-content:not(.active) .recommended-modal-footer {
border-top: none;
}
.recommended-modal_share-success .modal-content:not(.active) .recommended-modal_share {
display: none;
}
.recommended-modal_share-success .modal-content:not(.active) .recommended-modal_share-visible {
display: inline;
}
.recommended-modal_share-success .modal-content:not(.active) .recommended-modal_share-hide {
display: none;
}
.recommended-modal_share-success .modal-content.active .recommended-modal_share-visible {
display: none;
}
.recommended-modal_share-success .modal-content.active .recommended-modal_share-hide {
display: inline;
}
.recommended-modal_share-expand {
color: #434343;
text-decoration: underline;
}
.recommended-modal_share-expand:hover {
color: #000000;
}
.recommended-modal_share-expand-wrapper {
margin-top: 15px;
}
.recommended-modal-shop_list .modal-footer {
display: -ms-flexbox;
display: flex;
}
@media only screen and (max-width: 767px) {
.recommended-modal-shop_list .modal-footer {
-ms-flex-direction: column;
flex-direction: column;
}
}
.recommended-modal-shop_list .modal-footer .button {
-ms-flex-align: center;
align-items: center;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
}
.recommended-modal-shop_list .modal-footer .button + .button {
margin-top: 0;
margin-left: 10px;
}
@media only screen and (max-width: 767px) {
.recommended-modal-shop_list .modal-footer .button + .button {
margin-bottom: 10px;
margin-left: 0;
-ms-flex-order: -1;
order: -1;
}
}
.recommended-dialog-share {
overflow: hidden;
}
.recommended-dialog-delete .modal-footer {
display: -ms-flexbox;
display: flex;
}
@media only screen and (max-width: 767px) {
.recommended-dialog-delete .modal-footer {
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
}
.recommended-dialog-delete .button {
margin-top: 0;
}
.recommended-dialog-delete .button + .button {
margin-left: 10px;
}
@media only screen and (max-width: 767px) {
.recommended-dialog-delete .button + .button {
margin: 0 0 10px;
}
}
.recommended_details {
background: #ffffff;
}
@media only screen and (max-width: 767px) {
.recommended_details {
padding: 25px 10px 0 10px;
}
}
.recommended_details-item_delete:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f15a";
}
.recommended_details-item_delete {
background-color: #2d4c78;
border-radius: 5px 0 0 0;
position: relative;
min-height: 60px;
padding: 0;
width: 25px;
}
.recommended_details-item_delete::before {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
color: #ffffff;
}
.recommended_details-header_control {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
.recommended_details-header_control {
-ms-flex-direction: column;
flex-direction: column;
}
}
.recommended_details-header_control .account-title {
padding-right: 30px;
border-right: 1px solid #e7e7e7;
}
@media only screen and (max-width: 767px) {
.recommended_details-header_control .account-title {
border-right: none;
padding-right: 0;
}
}
.account_main .recommended_details-header_control .account-title {
margin: 0 30px 0 0;
}
@media only screen and (max-width: 1024px) {
.account_main .recommended_details-header_control .account-title {
max-width: 100%;
word-break: break-all;
}
}
@media only screen and (max-width: 767px) {
.account_main .recommended_details-header_control .account-title {
margin: 0;
}
}
.recommended_details .error_banner {
width: 100%;
margin-bottom: 30px;
}
.recommended_details .review_products-table_header {
margin-bottom: 0;
}
.recommended_details-info_wrapper {
width: 100%;
}
.recommended_details-edit-link:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 22px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f13d";
}
.recommended_details-edit-link {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
color: #646464;
font-size: 1.1428571429rem;
text-transform: uppercase;
}
@media only screen and (max-width: 767px) {
.recommended_details-edit-link {
margin-top: 15px;
}
}
.recommended_details-edit-link::before {
color: #888888;
margin-right: 6px;
}
.recommended_details-edit-link:hover {
color: #000000;
}
.recommended_details-edit-link:hover::before {
color: #000000;
}
.recommended_details-table_header-item_product {
-ms-flex-preferred-size: 55%;
flex-basis: 55%;
}
.recommended_details-table_header-item_price {
-ms-flex-preferred-size: 13%;
flex-basis: 13%;
}
.recommended_details-table_header-item_qty {
-ms-flex-preferred-size: 15%;
flex-basis: 15%;
}
.recommended_details-table_header-item_total {
-ms-flex-preferred-size: 10%;
flex-basis: 10%;
}
@media only screen and (max-width: 1024px) {
.recommended_details-list {
border-top: 1px solid #e7e7e7;
margin-bottom: 10px;
}
}
.recommended_details-item {
display: -ms-flexbox;
display: flex;
border-bottom: 1px solid #e7e7e7;
padding: 30px 0 20px;
}
.recommended_details-item-content {
min-width: 100%;
}
@media only screen and (max-width: 1024px) {
.recommended_details-item-content {
min-width: auto;
-ms-flex: 1;
flex: 1;
}
}
.recommended_details-info {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
}
@media only screen and (max-width: 1024px) {
.recommended_details-info {
-ms-flex-direction: column;
flex-direction: column;
}
}
.recommended_details-info_wrapper {
margin-left: 15px;
}
.recommended_details-main_info {
display: -ms-flexbox;
display: flex;
}
.recommended_details-price .value {
font-size: 1rem;
}
@media only screen and (max-width: 1024px) {
.recommended_details-total_price .total_price {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
}
.recommended_details-total_price .total_price-title {
display: none;
}
@media only screen and (max-width: 1024px) {
.recommended_details-total_price .total_price-title {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
margin-right: 10px;
}
}
.recommended_details-total_price .total_price-value {
font-size: 1rem;
}
.recommended_details-main_info, .recommended_details-price, .recommended_details-qty, .recommended_details-total_price {
padding: 10px;
}
@media only screen and (max-width: 1024px) {
.recommended_details-main_info, .recommended_details-price, .recommended_details-qty, .recommended_details-total_price {
display: -ms-flexbox;
display: flex;
}
}
.recommended_details-main_info-label, .recommended_details-price-label, .recommended_details-qty-label, .recommended_details-total_price-label {
display: none;
}
@media only screen and (max-width: 1024px) {
.recommended_details-main_info-label, .recommended_details-price-label, .recommended_details-qty-label, .recommended_details-total_price-label {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
margin-right: 10px;
}
}
.recommended_details-qty {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.recommended_details-qty .quantity_combobox-label {
display: none;
}
.recommended_details-qty .quantity_combobox-msg_wrap {
-ms-flex: 1 1 100%;
flex: 1 1 100%;
}
@media only screen and (max-width: 1024px) {
.recommended_details-qty-label {
margin-right: 16px;
}
}
.recommended_details-name {
font-size: 1.2857142857rem;
}
.recommended_details-sku {
margin-top: 10px;
font: 0.9285714286rem / 1.2857142857rem opensans-regular, Arial, Helvetica, sans-serif;
color: #646464;
text-transform: uppercase;
}
.recommended_details-sku-number {
font-family: opensans-semibold, Arial, Helvetica, sans-serif;
}
.recommended_details-total-price {
margin-top: 30px;
}
@media only screen and (max-width: 767px) {
.recommended_details-total-price {
padding-top: 20px;
background: #e4e5e5;
margin: -20px -10px;
}
}
.recommended_details-edit-form {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
.recommended_details-edit-form {
-ms-flex-direction: column;
flex-direction: column;
}
}
.recommended_details-edit-field {
-ms-flex: 0 0 355px;
flex: 0 0 355px;
}
@media only screen and (max-width: 1024px) {
.recommended_details-edit-field {
-ms-flex: 1;
flex: 1;
}
}
.recommended_details-edit-actions {
display: -ms-flexbox;
display: flex;
-ms-flex-align: start;
align-items: flex-start;
}
@media only screen and (max-width: 767px) {
.recommended_details-edit-actions {
margin-top: 15px;
}
}
.recommended_details-edit-submit {
margin-left: 15px;
}
@media only screen and (max-width: 767px) {
.recommended_details-edit-submit {
margin: 0;
}
}
@media only screen and (max-width: 1024px) {
.recommended_details-edit-cancel {
margin: 0 0 0 15px;
}
}
.recommended_details-actions {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: start;
justify-content: flex-start;
margin-bottom: 30px;
}
.recommended_details-quickorder-button {
width: auto;
}
@media only screen and (max-width: 767px) {
.recommended_details-quickorder-button {
width: 50%;
font-size: 0.8571428571rem;
text-align: center;
}
}
.recommended_details-quickorder-button .value:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f156";
}
.recommended_details-quickorder-button .value {
position: relative;
padding-left: 20px;
}
.recommended_details-quickorder-button .value::before {
position: absolute;
top: 50%;
right: auto;
left: 0;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
opacity: 0.5;
}
.recommended_details-update_list-button {
width: auto;
margin-left: 15px;
}
@media only screen and (max-width: 767px) {
.recommended_details-update_list-button {
width: 50%;
font-size: 0.8571428571rem;
text-align: center;
}
}
.recommended_details-creator {
color: #646464;
margin-bottom: 30px;
}
.recommended_details-cancel_button {
width: auto;
}
.recommended_details-remove_button {
border: 1px solid transparent;
cursor: pointer;
display: inline-block;
font: 1rem / 1 brandongrotesque-medium, Arial, Helvetica, sans-serif;
text-align: center;
text-transform: uppercase;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-radius: 3px;
padding: 14.5px 20px;
width: 100%;
}
.recommended_details-remove_button.button-disabled, .sales_rep_promo-upload:not(.active) .recommended_details-remove_button.sales_rep_promo-upload-label, .recommended_details-remove_button.button-disabled:hover, .recommended_details-remove_button.button-disabled:focus, .recommended_details-remove_button.button-disabled:active, .recommended_details-remove_button[disabled], .recommended_details-remove_button[disabled]:hover, .recommended_details-remove_button[disabled]:focus, .recommended_details-remove_button[disabled]:active {
background-color: #e7e7e7;
border-color: #e7e7e7;
-webkit-box-shadow: none;
box-shadow: none;
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.recommended_details-remove_button { /* stylelint-disable-line */
background-color: #ffffff;
border-color: #076795;
color: #076795;
}
.recommended_details-remove_button:active {
background-color: rgba(7, 103, 149, 0.1);
border-color: #076795;
color: #076795;
}
@media only screen and (min-width: 1025px) {
.recommended_details-remove_button:hover {
background-color: rgba(7, 103, 149, 0.1);
border-color: #076795;
color: #076795;
}
}
.recommended_details-remove_button:active {
-webkit-box-shadow: inset 0 4px 2px rgba(0, 0, 0, 0.12);
box-shadow: inset 0 4px 2px rgba(0, 0, 0, 0.12);
}
.recommended_details-remove_button {
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
width: auto;
margin-left: 20px;
}
@media only screen and (min-width: 1025px) {
.recommended_details-remove_button {
min-width: 230px;
max-width: 80%;
}
}
@media only screen and (max-width: 1024px) {
.recommended_details-remove_button.button-disabled, .sales_rep_promo-upload:not(.active) .recommended_details-remove_button.sales_rep_promo-upload-label, .recommended_details-remove_button.button-disabled:hover, .recommended_details-remove_button.button-disabled:focus, .recommended_details-remove_button.button-disabled:active, .recommended_details-remove_button[disabled], .recommended_details-remove_button[disabled]:hover, .recommended_details-remove_button[disabled]:focus, .recommended_details-remove_button[disabled]:active {
background-color: #e7e7e7;
border-color: #e7e7e7;
-webkit-box-shadow: none;
box-shadow: none;
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.recommended_details-remove_button { /* stylelint-disable-line */
background-color: #076795;
border-color: #076795;
color: #ffffff;
}
.recommended_details-remove_button:active {
background-color: #d7e7ef;
border-color: #d7e7ef;
color: #076795;
}
}
@media only screen and (max-width: 1024px) and (min-width: 1025px) {
.recommended_details-remove_button:hover {
background-color: #d7e7ef;
border-color: #d7e7ef;
color: #076795;
}
}
@media only screen and (max-width: 1024px) {
.recommended_details-remove_button:active {
-webkit-box-shadow: inset 0 3px 2px rgba(0, 0, 0, 0.12);
box-shadow: inset 0 3px 2px rgba(0, 0, 0, 0.12);
}
}
.recommended_details-remove_button .value:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f15a";
}
.recommended_details-remove_button .value {
display: inline-block;
position: relative;
padding-left: 20px;
}
.recommended_details-remove_button .value::before {
position: absolute;
top: 50%;
right: auto;
left: 0;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
font-size: 1.1428571429rem;
color: #213858;
}
@media only screen and (max-width: 1024px) {
.recommended_details-remove_button .value {
padding-left: 0;
}
.recommended_details-remove_button .value::before {
content: none;
}
}
.recommended_details-remove_button-title {
font-size: 2.1428571429rem;
color: #213858;
}
@media only screen and (max-width: 767px) {
.recommended_details-remove_button-title {
font-size: 1.4285714286rem;
padding-bottom: 15px;
text-align: left;
}
}
.recommended_details-remove_button-inner {
display: -ms-flexbox;
display: flex;
}
@media only screen and (min-width: 1025px) {
.recommended_details-remove_button-inner {
-ms-flex-pack: center;
justify-content: center;
}
}
@media only screen and (max-width: 767px) {
.recommended_details-remove_button-inner {
-ms-flex-pack: justify;
justify-content: space-between;
}
}
.recommended_details-remove_button-wrapper {
position: fixed;
left: 0;
background-color: #ffffff;
padding: 15px 0;
text-align: center;
width: 100%;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
z-index: 6;
-webkit-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.2);
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.recommended_details-remove_button-wrapper {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 20px 60px;
}
}
@media only screen and (max-width: 767px) {
.recommended_details-remove_button-wrapper {
padding: 20px;
}
}
@media only screen and (min-width: 1025px) {
.recommended_details-remove_button-wrapper {
padding: 20px 0;
position: static;
background-color: #f7f9f9;
-webkit-box-shadow: none;
box-shadow: none;
}
}
.app-view .recommended_details-remove_button-wrapper.is-sticky {
top: 0;
}
.recommended_details-remove_button-wrapper.button_field-hidden {
padding: 0;
max-height: 0;
margin: 0;
}
.recommended_details-remove_button-wrapper.button_field-hidden .recommended_details-remove_button,
.recommended_details-remove_button-wrapper.button_field-hidden .recommended_details-cancel_button,
.recommended_details-remove_button-wrapper.button_field-hidden .recommended_details-remove_button-title {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
border: 0;
}
.checkout .recommended_details-tables {
position: relative;
z-index: 3;
}
.recommended_details-table_body {
position: relative;
z-index: 1;
}
.recommended_details-table_footer {
display: -ms-flexbox;
display: flex;
margin: 20px 0 0 0;
-ms-flex-direction: column;
flex-direction: column;
}
@media only screen and (min-width: 768px) {
.recommended_details-table_footer {
-ms-flex-direction: row;
flex-direction: row;
margin: 20px 0 0;
}
}
@media only screen and (min-width: 768px) {
.recommended_details-table_footer-buttons_wrapper {
max-width: 350px;
}
}
.recommended_details-table_footer-button_proceed, .recommended_details-table_footer-button_add {
z-index: 1;
}
.recommended_details-table_footer-add_wrapper {
padding-top: 25px;
}
@media only screen and (min-width: 768px) {
.recommended_details-table_footer-add_wrapper {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: center;
align-items: center;
}
}
.recommended_details-table_footer-button_add {
border-radius: 3px;
padding: 14.5px 20px;
width: 100%;
}
.recommended_details-table_footer-button_add.button-disabled, .sales_rep_promo-upload:not(.active) .recommended_details-table_footer-button_add.sales_rep_promo-upload-label, .recommended_details-table_footer-button_add.button-disabled:hover, .recommended_details-table_footer-button_add.button-disabled:focus, .recommended_details-table_footer-button_add.button-disabled:active, .recommended_details-table_footer-button_add[disabled], .recommended_details-table_footer-button_add[disabled]:hover, .recommended_details-table_footer-button_add[disabled]:focus, .recommended_details-table_footer-button_add[disabled]:active {
background-color: #e7e7e7;
border-color: #e7e7e7;
-webkit-box-shadow: none;
box-shadow: none;
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.recommended_details-table_footer-button_add { /* stylelint-disable-line */
background-color: #ffffff;
border-color: #076795;
color: #076795;
}
.recommended_details-table_footer-button_add:active {
background-color: rgba(7, 103, 149, 0.1);
border-color: #076795;
color: #076795;
}
@media only screen and (min-width: 1025px) {
.recommended_details-table_footer-button_add:hover {
background-color: rgba(7, 103, 149, 0.1);
border-color: #076795;
color: #076795;
}
}
.recommended_details-table_footer-button_add:active {
-webkit-box-shadow: inset 0 4px 2px rgba(0, 0, 0, 0.12);
box-shadow: inset 0 4px 2px rgba(0, 0, 0, 0.12);
}
.recommended_details-table_footer-button_add {
width: 340px;
margin-bottom: 10px;
}
@media only screen and (max-width: 767px) {
.recommended_details-table_footer-button_add {
width: 100%;
}
}
@media only screen and (min-width: 768px) {
.recommended_details-table_footer-button_add {
margin-right: 20px;
}
}
.recommended_details-table_footer-button_add .value:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f156";
}
.recommended_details-table_footer-button_add .value {
position: relative;
padding-left: 20px;
}
.recommended_details-table_footer-button_add .value::before {
position: absolute;
top: 50%;
right: auto;
left: 0;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
opacity: 0.5;
}
.recommended_details-table_footer-button_proceed {
border-radius: 3px;
padding: 14.5px 20px;
width: 100%;
}
.recommended_details-table_footer-button_proceed.button-disabled, .sales_rep_promo-upload:not(.active) .recommended_details-table_footer-button_proceed.sales_rep_promo-upload-label, .recommended_details-table_footer-button_proceed.button-disabled:hover, .recommended_details-table_footer-button_proceed.button-disabled:focus, .recommended_details-table_footer-button_proceed.button-disabled:active, .recommended_details-table_footer-button_proceed[disabled], .recommended_details-table_footer-button_proceed[disabled]:hover, .recommended_details-table_footer-button_proceed[disabled]:focus, .recommended_details-table_footer-button_proceed[disabled]:active {
background-color: #e7e7e7;
border-color: #e7e7e7;
-webkit-box-shadow: none;
box-shadow: none;
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.recommended_details-table_footer-button_proceed { /* stylelint-disable-line */
background-color: #076795;
border-color: #076795;
color: #ffffff;
}
.recommended_details-table_footer-button_proceed:active {
background-color: #d7e7ef;
border-color: #d7e7ef;
color: #076795;
}
@media only screen and (min-width: 1025px) {
.recommended_details-table_footer-button_proceed:hover {
background-color: #d7e7ef;
border-color: #d7e7ef;
color: #076795;
}
}
.recommended_details-table_footer-button_proceed:active {
-webkit-box-shadow: inset 0 3px 2px rgba(0, 0, 0, 0.12);
box-shadow: inset 0 3px 2px rgba(0, 0, 0, 0.12);
}
.recommended_details-table_footer-message {
color: #646464;
font: 0.8571428571rem / 1rem opensans-regular, Arial, Helvetica, sans-serif;
margin-bottom: 15px;
}
@media only screen and (max-width: 767px) {
.recommended_details-table_footer-message {
text-align: center;
}
}
.recommended_details .account_recommended-product-details {
background: #ffffff;
padding: 20px 10px;
}
.site_switcher-banner {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
padding: 8px 20px;
background: #000000;
margin-bottom: -4px;
z-index: 1;
position: relative;
}
@media only screen and (max-width: 767px) {
.site_switcher-banner {
padding: 10px 20px;
}
}
.site_switcher-banner .button {
display: inline-block;
width: auto;
padding: 5px 24px;
color: #000000;
border-color: #000000;
}
.site_switcher-banner .button:hover {
background: #ffffff;
color: #000000;
border-color: #000000;
opacity: 0.8;
}
.site_switcher-content {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: center;
justify-content: center;
font: 1.2857142857rem / 1.7142857143rem brandongrotesque-regular, Arial, Helvetica, sans-serif;
color: #ffffff;
}
.site_switcher-content-expand {
background: none;
color: #ffffff;
text-decoration: underline;
text-transform: none;
font-size: 16px;
}
.site_switcher-content-expand:hover {
opacity: 0.8;
}
.site_switcher-content.active .site_switcher-content-expand-open {
display: none;
}
.site_switcher-content-expand-close {
display: none;
}
.site_switcher-content.active .site_switcher-content-expand-close {
display: block;
}
.site_switcher-content-text {
margin-right: 10px;
}
@media only screen and (max-width: 767px) {
.site_switcher-content-text {
margin-right: 0;
margin-bottom: 10px;
padding: 0 5px;
text-align: center;
}
}
.site_switcher-content-subtext {
-ms-flex: 1 1 100%;
flex: 1 1 100%;
-ms-flex-pack: center;
justify-content: center;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
max-height: 0;
overflow: hidden;
}
@media only screen and (max-width: 767px) {
.site_switcher-content-subtext {
font-size: 1rem;
text-align: center;
}
}
.site_switcher-content.active .site_switcher-content-subtext {
max-height: 250px;
overflow: initial;
}
@media only screen and (max-width: 767px) {
.site_switcher-content.active .site_switcher-content-subtext {
max-height: 500px;
margin-top: 10px;
}
}
.site_switcher-content-subtext span {
margin-right: 5px;
}
.site_switcher-content-description {
display: inline-block;
width: 100%;
text-align: center;
}
.site_switcher-content-description a {
padding: 0;
border: 0;
background: none;
background-color: transparent;
background-image: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.site_switcher-content-description a::-ms-expand {
display: none;
}
.site_switcher-content-description a.link-disabled, .site_switcher-content-description a.link-disabled:hover, .site_switcher-content-description a.link-disabled:focus, .site_switcher-content-description a.link-disabled:active, .site_switcher-content-description a[disabled], .site_switcher-content-description a[disabled]:hover, .site_switcher-content-description a[disabled]:focus, .site_switcher-content-description a[disabled]:active {
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.site_switcher-content-description a {
display: inline-block;
cursor: pointer;
color: #076795;
}
.site_switcher-content-description a:hover, .site_switcher-content-description a:active {
text-decoration: underline;
}
.site_switcher-content-description a {
color: inherit;
text-decoration: underline;
}
.site_switcher-content-description a:hover {
text-decoration: none;
}
.site_switcher-content-nowrap {
white-space: nowrap;
}
.site_switcher-form .account_details-label {
margin-bottom: 15px;
}
@media only screen and (max-width: 767px) {
.site_switcher-form .account_details-label {
width: auto;
}
}
@media only screen and (max-width: 767px) {
.site_switcher-form .account_details-change_link {
width: auto;
}
}
.site_switcher-form input[type=radio] + label {
font-size: 1rem;
line-height: 1.4285714286rem;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 15px;
}
.site_switcher-form input[type=radio]:checked + label .site_switcher-label_content {
max-height: 330px;
overflow: initial;
display: -ms-flexbox;
display: flex;
}
@media only screen and (max-width: 1024px) {
.site_switcher-form input[type=radio]:checked + label .site_switcher-label_content {
max-height: 470px;
}
}
@media only screen and (max-width: 767px) {
.site_switcher-form input[type=radio]:checked + label .site_switcher-label_content {
max-height: 530px;
}
}
.site_switcher-label_content {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-direction: column;
flex-direction: column;
max-height: 0;
overflow: hidden;
width: 100%;
max-width: 100%;
margin-top: 12px;
display: none;
}
.site_switcher-label_content h3 {
font: 1.2857142857rem / 1.7142857143rem brandongrotesque-medium, Arial, Helvetica, sans-serif;
width: calc(50% - 15px);
}
.site_switcher-label_content h3:not(:first-of-type) {
margin-top: 20px;
}
.site_switcher-label_content p {
font: 1rem / 1.7142857143rem brandongrotesque-regular, Arial, Helvetica, sans-serif;
width: calc(50% - 15px);
list-style: disc outside;
display: list-item;
margin-left: 12px;
}
.dropdown_editable {
position: relative;
}
.dropdown_editable-field {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
padding: 0 25px 0 15px;
position: relative;
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='255px' height='255px' fill='%23000000'%3E%3Cpolygon points='0,63.75 127.5,191.25 255,63.75 '/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-size: 10px;
background-position: calc(100% - 10px);
z-index: 10;
}
.dropdown_editable-field:focus {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='255px' height='255px' fill='%23000000' %3E%3Cpolygon transform='scale(1, -1) translate(0, -255)' points='255,63.75 127.5,191.25 0,63.75 '/%3E%3C/svg%3E");
}
.dropdown_editable-list {
position: absolute;
display: none;
-ms-flex-direction: column;
flex-direction: column;
top: 43px;
left: 0;
width: 100%;
max-height: 250px;
overflow-y: auto;
background: #ffffff;
border: 1px solid #c5c5c5;
border-radius: 0 3px 3px 0;
}
@media only screen and (max-height: 400px) {
.modal .dropdown_editable-list {
max-height: 120px;
}
}
.dropdown_editable-list.active {
display: -ms-flexbox;
display: flex;
}
.dropdown_editable-item {
display: -ms-flexbox;
display: flex;
margin: 8px 0 12px;
font: 1rem / 1rem opensans-regular, Arial, Helvetica, sans-serif;
cursor: pointer;
padding: 0 20px 0 15px;
white-space: nowrap;
overflow: hidden;
}
.dropdown_editable-item:first-of-type {
padding: 8px 20px 0 15px;
}
.recommended-modal .dropdown_editable-item:first-of-type {
min-height: 22px;
}
.dropdown_editable-item_empty {
font: 0.8571428571rem / 1rem opensans-regular, Arial, Helvetica, sans-serif;
}
.recommended-modal .dropdown_editable-item {
min-height: 14px;
}
.dropdown_editable-value {
color: #646464;
overflow: hidden;
text-overflow: ellipsis;
}
.dropdown_editable-value::before {
content: "- ";
margin-left: 5px;
}
.dropdown_editable-label.m-wrap {
white-space: normal;
word-break: break-all;
max-width: 100%;
}
.email-field {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.email-field-icon.button-disabled, .sales_rep_promo-upload:not(.active) .email-field-icon.sales_rep_promo-upload-label, .email-field-icon.button-disabled:hover, .email-field-icon.button-disabled:focus, .email-field-icon.button-disabled:active, .email-field-icon[disabled], .email-field-icon[disabled]:hover, .email-field-icon[disabled]:focus, .email-field-icon[disabled]:active {
background-color: #e7e7e7;
border-color: #e7e7e7;
-webkit-box-shadow: none;
box-shadow: none;
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.email-field-icon {
border: 1px solid transparent;
cursor: pointer;
display: inline-block;
font: 1rem / 1 brandongrotesque-medium, Arial, Helvetica, sans-serif;
text-align: center;
text-transform: uppercase;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.email-field-icon { /* stylelint-disable-line */
background-color: #076795;
border-color: #076795;
color: #ffffff;
}
.email-field-icon:active {
background-color: #3399cc;
border-color: #3399cc;
color: #ffffff;
}
@media only screen and (min-width: 1025px) {
.email-field-icon:hover {
background-color: #d7e7ef;
border-color: #d7e7ef;
color: #076795;
}
}
.email-field-icon {
padding: 10px;
}
.email-field-icon:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f130";
}
.email-field-icon {
min-width: 40px;
text-align: center;
border-radius: 0 3px 3px 0;
}
.email-field-icon::before {
font-size: 1rem;
}
.email-field-icon-add::before {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.email-field-input {
-ms-flex: 1;
flex: 1;
line-height: 45px;
border-radius: 3px 0 0 3px;
}
.email-field .invalid-feedback {
-ms-flex: 1 1 100%;
flex: 1 1 100%;
}
.frequency-options {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
.product_tile-frequency .frequency-select_wrap {
width: 100%;
}
}
@media only screen and (min-width: 768px) {
.product_tile-frequency .frequency-select_wrap {
width: 180px;
margin-right: 20px;
}
}
.frequency-msg_wrap, .frequency-label {
font-size: 1rem;
font-family: opensans-regular, Arial, Helvetica, sans-serif;
}
.frequency-label {
color: #646464;
}
.frequency-label span {
color: #000000;
}
.frequency-msg_wrap {
color: #c5c5c5;
margin-top: 20px;
}
/* TODO: labels mixin, move styles to .before_tax component */
.before_tax-label {
color: #c5c5c5;
font: 0.8571428571rem / 1.2142857143rem brandongrotesque-regular, Arial, Helvetica, sans-serif;
text-transform: none;
}
.feedback_form-open_button {
border-radius: 3px;
padding: 14.5px 20px;
width: 100%;
}
.feedback_form-open_button.button-disabled, .sales_rep_promo-upload:not(.active) .feedback_form-open_button.sales_rep_promo-upload-label, .feedback_form-open_button.button-disabled:hover, .feedback_form-open_button.button-disabled:focus, .feedback_form-open_button.button-disabled:active, .feedback_form-open_button[disabled], .feedback_form-open_button[disabled]:hover, .feedback_form-open_button[disabled]:focus, .feedback_form-open_button[disabled]:active {
background-color: #e7e7e7;
border-color: #e7e7e7;
-webkit-box-shadow: none;
box-shadow: none;
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.feedback_form-open_button { /* stylelint-disable-line */
background-color: #076795;
border-color: #076795;
color: #ffffff;
}
.feedback_form-open_button:active {
background-color: #d7e7ef;
border-color: #d7e7ef;
color: #076795;
}
@media only screen and (min-width: 1025px) {
.feedback_form-open_button:hover {
background-color: #d7e7ef;
border-color: #d7e7ef;
color: #076795;
}
}
.feedback_form-open_button:active {
-webkit-box-shadow: inset 0 3px 2px rgba(0, 0, 0, 0.12);
box-shadow: inset 0 3px 2px rgba(0, 0, 0, 0.12);
}
.feedback_form-open_button {
bottom: 150px;
padding: 14.5px 20px;
position: fixed;
right: 2px;
width: auto;
z-index: 4;
}
.modal-open .feedback_form-open_button {
display: none;
}
@media print {
.feedback_form-open_button {
display: none;
}
}
.feedback-modal .form-control-label {
color: #242424;
font: 1.2142857143rem / 1.5714285714rem brandongrotesque-regular, Arial, Helvetica, sans-serif;
margin-bottom: 10px;
}
.feedback-modal_header {
margin-bottom: 15px;
}
.feedback-modal_disclaimer {
margin-bottom: 20px;
}
.feedback-modal_disclaimer p {
margin-bottom: 10px;
}
.feedback-modal_required::before {
display: inline-block;
content: "*";
color: #ff0000;
position: relative;
top: -2px;
}
.feedback-modal_options {
display: -ms-flexbox;
display: flex;
gap: 4px;
margin-bottom: 10px;
}
.feedback-modal_option {
height: 40px;
padding: 0;
border: 0;
}
.feedback-modal_option input[type=radio] + label {
font-size: 1rem;
height: 100%;
-ms-flex-pack: center;
justify-content: center;
padding: 0;
width: 100%;
}
.feedback-modal_option input[type=radio] + label::before, .feedback-modal_option input[type=radio] + label::after {
display: none;
}
.feedback-modal_option input[type=radio]:checked + label {
background-color: #d7e7ef;
}
.feedback-modal_option input {
visibility: hidden;
}
.feedback-modal_option:last-child {
margin-right: 0;
}
.feedback-modal .invalid-feedback {
color: #ff0000;
}
.feedback-modal_score {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
}
.feedback-modal_score span {
font-size: 1.0714285714rem;
}
.feedback-modal_textarea {
min-height: 80px;
padding-top: 5px;
resize: none;
outline: none;
overflow-y: auto;
white-space: normal;
}
.feedback-modal_counter {
display: none;
}
@media only screen and (min-width: 768px) {
.feedback-modal .modal-footer {
display: -ms-flexbox;
display: flex;
gap: 20px;
}
.feedback-modal .modal-footer button + button {
margin: 0;
}
}
.confirm_action {
position: relative;
overflow: clip;
}
.confirm_action-confirmation {
position: absolute;
top: 0;
right: 0;
display: -ms-flexbox;
display: flex;
max-width: 100%;
-webkit-transform: translateX(101%);
transform: translateX(101%);
gap: 10px;
background: #ffffff;
border-left: 5px solid #b20000;
padding: 0 10px;
height: 100%;
-ms-flex-align: center;
align-items: center;
-webkit-transition: -webkit-transform 0.2s ease 0s;
transition: -webkit-transform 0.2s ease 0s;
transition: transform 0.2s ease 0s;
transition: transform 0.2s ease 0s, -webkit-transform 0.2s ease 0s;
font-size: 1rem;
}
.confirm_action-confirmation[aria-hidden=false] {
-webkit-transform: translateX(0%);
transform: translateX(0%);
-webkit-animation: slideIn 0.2s ease 0s 1;
animation: slideIn 0.2s ease 0s 1;
-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
}
.confirm_action-button-cancel {
border: 1px solid transparent;
cursor: pointer;
display: inline-block;
font: 1rem / 1 brandongrotesque-medium, Arial, Helvetica, sans-serif;
text-align: center;
text-transform: uppercase;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-radius: 3px;
padding: 14.5px 20px;
width: 100%;
}
.confirm_action-button-cancel.button-disabled, .sales_rep_promo-upload:not(.active) .confirm_action-button-cancel.sales_rep_promo-upload-label, .confirm_action-button-cancel.button-disabled:hover, .confirm_action-button-cancel.button-disabled:focus, .confirm_action-button-cancel.button-disabled:active, .confirm_action-button-cancel[disabled], .confirm_action-button-cancel[disabled]:hover, .confirm_action-button-cancel[disabled]:focus, .confirm_action-button-cancel[disabled]:active {
background-color: #e7e7e7;
border-color: #e7e7e7;
-webkit-box-shadow: none;
box-shadow: none;
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.confirm_action-button-cancel { /* stylelint-disable-line */
background-color: #ffffff;
border-color: #076795;
color: #076795;
}
.confirm_action-button-cancel:active {
background-color: rgba(7, 103, 149, 0.1);
border-color: #076795;
color: #076795;
}
@media only screen and (min-width: 1025px) {
.confirm_action-button-cancel:hover {
background-color: rgba(7, 103, 149, 0.1);
border-color: #076795;
color: #076795;
}
}
.confirm_action-button-cancel:active {
-webkit-box-shadow: inset 0 4px 2px rgba(0, 0, 0, 0.12);
box-shadow: inset 0 4px 2px rgba(0, 0, 0, 0.12);
}
.confirm_action-button-cancel {
-ms-flex: 0;
flex: 0;
white-space: nowrap;
}
.confirm_action-button-confirm {
border: 1px solid transparent;
cursor: pointer;
display: inline-block;
font: 1rem / 1 brandongrotesque-medium, Arial, Helvetica, sans-serif;
text-align: center;
text-transform: uppercase;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-radius: 3px;
padding: 14.5px 20px;
width: 100%;
}
.confirm_action-button-confirm.button-disabled, .sales_rep_promo-upload:not(.active) .confirm_action-button-confirm.sales_rep_promo-upload-label, .confirm_action-button-confirm.button-disabled:hover, .confirm_action-button-confirm.button-disabled:focus, .confirm_action-button-confirm.button-disabled:active, .confirm_action-button-confirm[disabled], .confirm_action-button-confirm[disabled]:hover, .confirm_action-button-confirm[disabled]:focus, .confirm_action-button-confirm[disabled]:active {
background-color: #e7e7e7;
border-color: #e7e7e7;
-webkit-box-shadow: none;
box-shadow: none;
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.confirm_action-button-confirm { /* stylelint-disable-line */
background-color: #076795;
border-color: #076795;
color: #ffffff;
}
.confirm_action-button-confirm:active {
background-color: #d7e7ef;
border-color: #d7e7ef;
color: #076795;
}
@media only screen and (min-width: 1025px) {
.confirm_action-button-confirm:hover {
background-color: #d7e7ef;
border-color: #d7e7ef;
color: #076795;
}
}
.confirm_action-button-confirm:active {
-webkit-box-shadow: inset 0 3px 2px rgba(0, 0, 0, 0.12);
box-shadow: inset 0 3px 2px rgba(0, 0, 0, 0.12);
}
.confirm_action-button-confirm {
-ms-flex: 0;
flex: 0;
white-space: nowrap;
}
@-webkit-keyframes slideIn {
from {
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
to {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes slideIn {
from {
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
to {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@supports not (overflow: clip) {
.confirm_action-confirmation {
-webkit-transition: none;
transition: none;
display: none;
}
.confirm_action-confirmation[aria-hidden=false] {
-webkit-animation: none;
animation: none;
display: -ms-flexbox;
display: flex;
}
}
.header_banner-wrapper {
overflow: hidden;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
max-height: auto;
}
.header_banner-wrapper.m-closed {
max-height: 0;
}
.header_banner-wrapper.m-privacy .header_banner {
background: #434343;
}
.header_banner-wrapper.m-privacy .header_banner-info {
padding: 15px;
text-align: left;
font: 1.1428571429rem / 1.2857142857rem brandongrotesque-regular, Arial, Helvetica, sans-serif;
}
.header_banner-wrapper.m-privacy .header_banner-link {
color: #ffffff;
font: 1.1428571429rem brandongrotesque-medium, Arial, Helvetica, sans-serif;
text-decoration: underline;
}
.header_banner-wrapper.m-privacy .header_banner-link:hover, .header_banner-wrapper.m-privacy .header_banner-link:active {
text-decoration: none;
}
.header_banner-wrapper.m-privacy .header_banner-link {
font: 1.1428571429rem / 1.2857142857rem brandongrotesque-regular, Arial, Helvetica, sans-serif;
}
.header_banner-wrapper.m-privacy .header_banner-close {
background: transparent;
border: transparent;
}
.header_banner {
background-color: #000000;
display: -ms-flexbox;
display: flex;
position: relative;
z-index: 6;
}
.header_banner-info {
-ms-flex-item-align: center;
align-self: center;
color: #ffffff;
font-family: opensans-regular, Arial, Helvetica, sans-serif;
-ms-flex-positive: 1;
flex-grow: 1;
line-height: 18px;
padding: 10px;
text-align: center;
position: relative;
}
@media only screen and (max-width: 374px) {
.header_banner-info {
padding: 5px 10px;
}
}
.header_banner-close {
position: relative;
border: 1px solid transparent;
cursor: pointer;
display: inline-block;
font: 1rem / 1 brandongrotesque-medium, Arial, Helvetica, sans-serif;
text-align: center;
text-transform: uppercase;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.header_banner-close { /* stylelint-disable-line */
background-color: #076795;
border-color: #076795;
color: #ffffff;
}
.header_banner-close:active {
background-color: #3399cc;
border-color: #3399cc;
color: #ffffff;
}
@media only screen and (min-width: 1025px) {
.header_banner-close:hover {
background-color: #d7e7ef;
border-color: #d7e7ef;
color: #076795;
}
}
.header_banner-close {
padding: 10px;
}
.header_banner-close:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 12px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f130";
}
.header_banner-close {
min-height: 40px;
min-width: 40px;
}
.header_banner-close::before {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
font-size: 0.8571428571rem;
}
.header_banner-message {
overflow: hidden;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
max-height: 90px;
}
.header_banner-message.m-closed {
max-height: 0;
}
.header_banner-message {
display: inline-block;
-webkit-transform: height 0.3s ease-in;
transform: height 0.3s ease-in;
}
.header_banner-tooltip:checked ~ .header_banner .header_banner-message {
max-height: initial;
overflow: auto;
}
.header_banner-tooltip:checked ~ .header_banner .header_banner-tooltip-trigger {
display: none;
}
.header_banner-tooltip-trigger {
display: none;
position: absolute;
bottom: 0;
right: 0;
padding: 0 30px 15px 0;
background-color: #000000;
-webkit-box-shadow: -19px 0 10px 0 #000000;
box-shadow: -19px 0 10px 0 #000000;
}
@media only screen and (max-width: 767px) and (orientation: portrait) {
.header_banner-tooltip-trigger {
display: block;
}
}
.header_banner-link_light {
color: #ffffff;
}
@media only screen and (max-width: 767px) {
.header_main-container {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: transparent;
display: -ms-flexbox;
display: flex;
pointer-events: none;
z-index: 8;
}
.header_main-container::before {
background-color: rgba(0, 0, 0, 0.7);
content: "";
left: 0;
right: 0;
opacity: 0;
position: absolute;
top: 0;
bottom: 0;
-webkit-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
.m-menu-opened .header_main-container {
pointer-events: auto;
}
.m-menu-opened .header_main-container::before {
opacity: 1;
}
}
@media only screen and (max-width: 767px) {
.header_main-megamenu-wrapper {
display: -ms-flexbox;
display: flex;
position: relative;
right: 100%;
margin-top: 4px;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
width: 100%;
}
.m-menu-opened .header_main-megamenu-wrapper {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@media only screen and (max-width: 767px) {
.header_main-megamenu-content {
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
.m-flyout-opened .header_main-megamenu-content {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@media only screen and (max-width: 767px) {
.header_main-megamenu {
background-color: #2d2d2d;
overflow: auto;
width: calc(100% - 55px);
}
.header_main-megamenu::-webkit-scrollbar {
display: none;
}
}
.navigation_search {
padding: 20px;
position: relative;
}
.navigation_search::after {
position: absolute;
right: 20px;
bottom: 0;
left: 20px;
content: "";
border-bottom: 1px solid #efefef;
}
.navigation_search-input {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
background-color: #ffffff;
border: 1px solid #c5c5c5;
border-radius: 3px;
display: block;
font: 1rem opensans-regular, Arial, Helvetica, sans-serif;
height: 45px;
padding: 0 5px 0 10px;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
width: 100%;
}
[locale=ja_JP] .navigation_search-input {
line-height: 43px;
}
.navigation_search-input::-ms-clear {
display: none;
}
.navigation_search-input:focus {
color: #000000;
border-color: #213858;
-webkit-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.15);
box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.15);
}
.navigation_search-input:not(::-webkit-input-placeholder) {
color: #000000;
}
.navigation_search-input:not(:-ms-input-placeholder), .navigation_search-input:not(::-ms-input-placeholder) {
color: #000000;
}
.navigation_search-input:not(:-ms-input-placeholder), .navigation_search-input:not(::placeholder) {
color: #000000;
}
.navigation_search-input::-webkit-input-placeholder {
color: #c5c5c5;
}
.navigation_search-input:-ms-input-placeholder, .navigation_search-input::-ms-input-placeholder {
color: #c5c5c5;
}
.navigation_search-input:-ms-input-placeholder, .navigation_search-input::placeholder {
color: #c5c5c5;
}
.navigation_search-input.m-datepicker {
padding-left: 37px;
background: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' id='Layer_3' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' fill='rgba(7, 103, 149, 0.5)' viewBox='0 0 22 21' style='enable-background:new 0 0 22 21;' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M19,2h-2V0h-2v2H7V0H5v2H3C1.3,2,0,3.4,0,5v13c0,1.7,1.3,3,3,3h16c1.7,0,3-1.3,3-3V5C22,3.4,20.7,2,19,2z M3,4h2v1h2V4h8v1h2V4h2c0.6,0,1,0.4,1,1v2H2V5C2,4.5,2.4,4,3,4z M19,19H3c-0.6,0-1-0.4-1-1V9h18v9C20,18.6,19.6,19,19,19z'/%3E%3Crect x='4' y='11' width='2' height='2'/%3E%3Crect x='8' y='11' width='2' height='2'/%3E%3Crect x='12' y='11' width='2' height='2'/%3E%3Crect x='16' y='11' width='2' height='2'/%3E%3Crect x='4' y='15' width='2' height='2'/%3E%3Crect x='8' y='15' width='2' height='2'/%3E%3Crect x='12' y='15' width='2' height='2'/%3E%3Crect x='16' y='15' width='2' height='2'/%3E%3C/g%3E%3C/svg%3E") no-repeat 7px center;
background-size: 18px 18px;
background-color: #ffffff;
background-repeat: no-repeat;
}
.navigation_search-input {
font: 1rem opensans-regular, Arial, Helvetica, sans-serif;
}
.navigation_search-result {
color: #646464;
font: 0.9285714286rem opensans-regular, Arial, Helvetica, sans-serif;
margin-top: -2px;
background-color: #ffffff;
position: relative;
}
.navigation_search-result-list {
padding: 0 20px 20px;
}
.navigation_search-result-item {
padding: 5px 0;
}
.navigation_search-result-item:first-child {
margin-top: 15px;
}
.navigation_search-result-link {
padding: 0;
border: 0;
background: none;
background-color: transparent;
background-image: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.navigation_search-result-link::-ms-expand {
display: none;
}
.navigation_search-result-link.link-disabled, .navigation_search-result-link.link-disabled:hover, .navigation_search-result-link.link-disabled:focus, .navigation_search-result-link.link-disabled:active, .navigation_search-result-link[disabled], .navigation_search-result-link[disabled]:hover, .navigation_search-result-link[disabled]:focus, .navigation_search-result-link[disabled]:active {
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.navigation_search-result-link {
display: inline-block;
cursor: pointer;
color: #076795;
}
.navigation_search-result-link:hover, .navigation_search-result-link:active {
text-decoration: underline;
}
.navigation_search-result-link {
text-transform: uppercase;
}
.navigation_search-qty {
display: block;
padding: 0 20px;
}
.navigation_search-clear {
background-color: #e7e7e7;
padding: 10px 20px;
text-align: center;
}
.navigation_search-clear-link {
padding: 0;
border: 0;
background: none;
background-color: transparent;
background-image: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.navigation_search-clear-link::-ms-expand {
display: none;
}
.navigation_search-clear-link.link-disabled, .navigation_search-clear-link.link-disabled:hover, .navigation_search-clear-link.link-disabled:focus, .navigation_search-clear-link.link-disabled:active, .navigation_search-clear-link[disabled], .navigation_search-clear-link[disabled]:hover, .navigation_search-clear-link[disabled]:focus, .navigation_search-clear-link[disabled]:active {
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.navigation_search-clear-link {
display: inline-block;
cursor: pointer;
color: #076795;
}
.navigation_search-clear-link:hover, .navigation_search-clear-link:active {
text-decoration: underline;
}
.navigation_search-clear-link {
font: 1rem opensans-semibold, Arial, Helvetica, sans-serif;
font-family: opensans-regular, Arial, Helvetica, sans-serif;
}
.navigation-link_wrapper {
cursor: pointer;
display: -ms-flexbox;
display: flex;
}
.navigation .navigation-link_wrapper {
position: relative;
}
@media only screen and (min-width: 768px) {
.navigation-item:hover .navigation-link_wrapper {
background-color: #e7e7e7;
}
}
.navigation-link {
display: inline-block;
-ms-flex-positive: 1;
flex-grow: 1;
padding: 20px;
font-size: 1.0714285714rem;
}
@media only screen and (max-width: 767px) {
.navigation-link {
color: #ffffff;
}
}
@media only screen and (min-width: 768px) {
.navigation-link {
padding: 15px 20px;
}
}
@media only screen and (min-width: 1025px) {
.m-links-small .navigation-link {
padding-top: 5px;
padding-bottom: 5px;
font-size: 0.9285714286rem;
}
}
.header_nav-bill_pay .navigation-link {
display: block;
text-transform: uppercase;
}
.header_nav-bill_pay .navigation-link:hover {
background-color: #e7e7e7;
}
.navigation-link_home {
text-transform: uppercase;
}
@media only screen and (max-width: 767px) {
.navigation-link_icon, .dashboard_loyalty-link_icon {
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 50px;
}
.m-has-banner .navigation-link_icon, .m-has-banner .dashboard_loyalty-link_icon {
display: none;
}
.navigation-link_icon::before, .dashboard_loyalty-link_icon::before, .navigation-link_icon::after, .dashboard_loyalty-link_icon::after {
background-color: #ffffff;
}
}
.m-nav-expanded .navigation-link_icon::before, .m-nav-expanded .dashboard_loyalty-link_icon::before {
-webkit-transform: rotate(0);
transform: rotate(0);
}
@media only screen and (min-width: 768px) {
.navigation-link_icon, .dashboard_loyalty-link_icon {
border: 5px solid transparent;
border-left-color: #076795;
border-right-width: 0;
position: absolute;
top: 50%;
right: 12px;
margin-top: -6px;
}
.navigation-link_icon::before, .dashboard_loyalty-link_icon::before, .navigation-link_icon::after, .dashboard_loyalty-link_icon::after {
display: none;
}
.header_nav-title .navigation-link_icon, .header_nav-title .dashboard_loyalty-link_icon {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
border-left-color: #ffffff;
opacity: 0.7;
}
}
.navigation-back_icon:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f125";
}
.navigation-back_icon::before {
display: inline-block;
font-size: 0.7142857143rem;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
vertical-align: baseline;
}
.navigation-item-all_product {
margin-top: 10px;
}
.navigation-item-all_product .navigation-link {
color: #000000;
}
.navigation-favorites:before, .navigation-psp:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 13px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f144";
}
.navigation-favorites, .navigation-psp {
-ms-flex-align: baseline;
align-items: baseline;
display: -ms-flexbox;
display: flex;
padding: 20px;
margin-top: 15px;
text-transform: uppercase;
}
.navigation-favorites::before, .navigation-psp::before {
display: inline-block;
margin-right: 5px;
opacity: 0.5;
-webkit-transition: opacity 0.2s ease 0s;
transition: opacity 0.2s ease 0s;
}
.navigation-item:hover .navigation-favorites, .navigation-item:hover .navigation-psp {
background-color: #e7e7e7;
}
.navigation-item:hover .navigation-favorites::before, .navigation-item:hover .navigation-psp::before {
opacity: 1;
}
.navigation-psp.m-app {
-ms-flex-align: center;
align-items: center;
padding: 10px 20px;
margin-top: 0;
}
.navigation-psp.m-app::before {
content: none;
}
.navigation-psp.m-app.m-inventory:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 15px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f155";
}
@media only screen and (min-width: 1025px) {
.header_nav-title:not(.m-sales_rep) {
position: relative;
}
.header_nav-title:not(.m-sales_rep)::before, .header_nav-title:not(.m-sales_rep)::after {
content: "";
position: absolute;
bottom: -100%;
}
.header_nav-title:not(.m-sales_rep)::after {
border: 12px solid transparent;
border-bottom-color: #ffffff;
border-top-width: 0;
left: auto;
right: 2px;
z-index: 7;
}
.header_nav-title:not(.m-sales_rep)::before {
background-color: transparent;
-webkit-box-shadow: 0 5px 38px rgba(0, 0, 0, 0.1);
box-shadow: 0 5px 38px rgba(0, 0, 0, 0.1);
height: 18px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
width: 18px;
z-index: 1;
right: 5px;
}
.header_nav-content:not(.m-sales_rep) {
-webkit-box-shadow: 0 5px 38px rgba(0, 0, 0, 0.1);
box-shadow: 0 5px 38px rgba(0, 0, 0, 0.1);
left: 0;
position: absolute;
right: auto;
top: calc(100% + 0px);
width: calc(100% + 5px);
}
.header_nav-content:not(.m-sales_rep)::before {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: #ffffff;
content: "";
z-index: -1;
}
.header_nav-content:not(.m-sales_rep),
.header_nav-title:not(.m-sales_rep)::before,
.header_nav-title:not(.m-sales_rep)::after {
visibility: hidden;
opacity: 0;
-webkit-transition: visibility 0s, opacity 0s;
transition: visibility 0s, opacity 0s;
}
.header_nav-item:not(.m-sales_rep):hover .header_nav-content {
visibility: visible;
opacity: 1;
-webkit-transition: visibility 0s, opacity 0.5s, bottom 0.2s;
transition: visibility 0s, opacity 0.5s, bottom 0.2s;
}
.header_nav-item:not(.m-sales_rep):hover .header_nav-title::before,
.header_nav-item:not(.m-sales_rep):hover .header_nav-title::after {
visibility: visible;
opacity: 1;
-webkit-transition: visibility 0s, opacity 0.5s, bottom 0.2s;
transition: visibility 0s, opacity 0.5s, bottom 0.2s;
}
.header_nav-item:not(.m-sales_rep):hover .header_nav-title::before {
bottom: -9px;
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.header_nav-item:not(.m-sales_rep):hover .header_nav-title::after {
bottom: 0;
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.header_nav-title {
position: relative;
}
.header_nav-title::before, .header_nav-title::after {
content: "";
position: absolute;
bottom: -100%;
}
.header_nav-title::after {
border: 12px solid transparent;
border-bottom-color: #ffffff;
border-top-width: 0;
left: auto;
right: 2px;
z-index: 7;
}
.header_nav-title::before {
background-color: transparent;
-webkit-box-shadow: 0 5px 38px rgba(0, 0, 0, 0.1);
box-shadow: 0 5px 38px rgba(0, 0, 0, 0.1);
height: 18px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
width: 18px;
z-index: 1;
right: 5px;
}
.header_nav-content {
-webkit-box-shadow: 0 5px 38px rgba(0, 0, 0, 0.1);
box-shadow: 0 5px 38px rgba(0, 0, 0, 0.1);
left: 0;
position: absolute;
right: auto;
top: calc(100% + 0px);
width: calc(100% + 5px);
}
.header_nav-content::before {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: #ffffff;
content: "";
z-index: -1;
}
.header_nav-content,
.header_nav-title::before,
.header_nav-title::after {
visibility: hidden;
opacity: 0;
-webkit-transition: visibility 0s, opacity 0s;
transition: visibility 0s, opacity 0s;
}
.header_nav-title.m-nav-expanded + .header_nav-content {
visibility: visible;
opacity: 1;
-webkit-transition: visibility 0s, opacity 0.5s, bottom 0.2s;
transition: visibility 0s, opacity 0.5s, bottom 0.2s;
}
.header_nav-title.m-nav-expanded::before,
.header_nav-title.m-nav-expanded::after {
visibility: visible;
opacity: 1;
-webkit-transition: visibility 0s, opacity 0.5s, bottom 0.2s;
transition: visibility 0s, opacity 0.5s, bottom 0.2s;
}
.header_nav-title.m-nav-expanded::before {
bottom: -9px;
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.header_nav-title.m-nav-expanded::after {
bottom: 0;
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
}
}
@media only screen and (min-width: 1025px) {
.header_nav-title.m-sales_rep {
position: relative;
}
.header_nav-title.m-sales_rep::before, .header_nav-title.m-sales_rep::after {
content: "";
position: absolute;
bottom: -100%;
}
.header_nav-title.m-sales_rep::after {
border: 12px solid transparent;
border-bottom-color: #ffffff;
border-top-width: 0;
left: auto;
right: 2px;
z-index: 7;
}
.header_nav-title.m-sales_rep::before {
background-color: transparent;
-webkit-box-shadow: 0 5px 38px rgba(0, 0, 0, 0.1);
box-shadow: 0 5px 38px rgba(0, 0, 0, 0.1);
height: 18px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
width: 18px;
z-index: 1;
right: 5px;
}
.header_nav-content.m-sales_rep {
-webkit-box-shadow: 0 5px 38px rgba(0, 0, 0, 0.1);
box-shadow: 0 5px 38px rgba(0, 0, 0, 0.1);
left: 0;
position: absolute;
right: auto;
top: calc(100% + 0px);
width: calc(100% + 5px);
}
.header_nav-content.m-sales_rep::before {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: #ffffff;
content: "";
z-index: -1;
}
.header_nav-content.m-sales_rep,
.header_nav-title.m-sales_rep::before,
.header_nav-title.m-sales_rep::after {
visibility: hidden;
opacity: 0;
-webkit-transition: visibility 0s, opacity 0s;
transition: visibility 0s, opacity 0s;
}
.header_nav-title.m-sales_rep.m-nav-expanded + .header_nav-content {
visibility: visible;
opacity: 1;
-webkit-transition: visibility 0s, opacity 0.5s, bottom 0.2s;
transition: visibility 0s, opacity 0.5s, bottom 0.2s;
}
.header_nav-title.m-sales_rep.m-nav-expanded::before,
.header_nav-title.m-sales_rep.m-nav-expanded::after {
visibility: visible;
opacity: 1;
-webkit-transition: visibility 0s, opacity 0.5s, bottom 0.2s;
transition: visibility 0s, opacity 0.5s, bottom 0.2s;
}
.header_nav-title.m-sales_rep.m-nav-expanded::before {
bottom: -9px;
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.header_nav-title.m-sales_rep.m-nav-expanded::after {
bottom: 0;
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
}
}
@media only screen and (min-width: 768px) {
.header_nav-content {
min-width: 280px;
}
}
@media only screen and (min-width: 768px) {
.navigation_dropdown,
.navigation_banner-wrapper {
position: absolute;
top: 0;
left: 100%;
background-color: #e7e7e7;
max-width: 0;
min-height: 100%;
overflow: hidden;
}
.navigation_dropdown.m-nav-showed,
.navigation_banner-wrapper.m-nav-showed {
-webkit-box-shadow: 0 5px 38px rgba(0, 0, 0, 0.1);
box-shadow: 0 5px 38px rgba(0, 0, 0, 0.1);
-webkit-transition: max-width 0.5s ease 0s;
transition: max-width 0.5s ease 0s;
z-index: -1;
}
.header_nav-psp .navigation_dropdown.m-nav-showed,
.header_nav-psp .navigation_banner-wrapper.m-nav-showed {
max-width: 275px;
-webkit-transition-duration: 0.3333333333s;
transition-duration: 0.3333333333s;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.header_nav-pp .navigation_dropdown.m-nav-showed,
.header_nav-pp .navigation_banner-wrapper.m-nav-showed {
max-width: 400px;
}
}
@media only screen and (min-width: 1025px) {
.header_nav-pp .navigation_dropdown.m-nav-showed,
.header_nav-pp .navigation_banner-wrapper.m-nav-showed {
max-width: 480px;
}
.is-sticky .header_nav-pp .navigation_dropdown.m-nav-showed,
.is-sticky .header_nav-pp .navigation_banner-wrapper.m-nav-showed {
max-width: 400px;
}
}
@media only screen and (max-width: 767px) {
.navigation_dropdown {
display: none;
}
}
.navigation_dropdown-list {
padding: 15px 0;
}
@media only screen and (min-width: 768px) {
.navigation_dropdown-list {
font-size: 0;
overflow: auto;
padding-bottom: 30px;
}
.header_nav-psp .navigation_dropdown-list {
width: 275px;
}
.header_nav-pp .navigation_dropdown-list {
width: 480px;
}
.is-sticky .header_nav-pp .navigation_dropdown-list {
width: 400px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.header_nav-pp .navigation_dropdown-list {
width: 400px;
}
}
@media only screen and (min-width: 1025px) {
.header_nav-pp .navigation_dropdown-list {
width: 480px;
}
.is-sticky .header_nav-pp .navigation_dropdown-list {
width: 400px;
}
}
@media only screen and (min-width: 768px) {
.navigation_dropdown-item {
padding: 10px 20px;
}
.header_nav-pp .navigation_dropdown-item {
display: inline-block;
vertical-align: middle;
width: 50%;
}
}
.navigation_dropdown-link {
display: block;
}
.navigation_dropdown-link:hover {
text-decoration: underline;
}
@media only screen and (max-width: 767px) {
.navigation_dropdown-link {
padding: 15px 40px;
font-size: 1.0714285714rem;
color: #ffffff;
}
}
@media only screen and (min-width: 768px) {
.navigation_dropdown-link {
font-size: 0.9285714286rem;
padding: 0;
}
}
.navigation_banner-wrapper {
overflow-y: auto;
overflow-x: hidden;
}
.navigation_banner-wrapper .html-slot-container {
height: 100%;
}
.navigation_banner {
font-size: 0.9285714286rem;
height: 100%;
padding: 20px;
width: 480px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.navigation_banner {
width: 400px;
}
}
.is-sticky .navigation_banner {
width: 400px;
}
.navigation {
background-color: #2d2d2d;
}
@media only screen and (min-width: 768px) {
.navigation {
background-color: #ffffff;
overflow: auto;
}
}
@media only screen and (min-width: 768px) and (max-height: 400px) and (orientation: landscape) {
.navigation {
max-height: 150px;
}
}
@media only screen and (min-width: 768px) {
.navigation-list {
padding: 20px 0;
}
}
@media only screen and (min-width: 1025px) {
.header_utility-item {
position: relative;
}
.header_utility-item::before, .header_utility-item::after {
content: "";
position: absolute;
bottom: -100%;
}
.header_utility-item::after {
border: 12px solid transparent;
border-bottom-color: #ffffff;
border-top-width: 0;
left: auto;
right: -7px;
z-index: 7;
}
.header_utility-item::before {
background-color: transparent;
-webkit-box-shadow: 0 5px 38px rgba(0, 0, 0, 0.1);
box-shadow: 0 5px 38px rgba(0, 0, 0, 0.1);
height: 18px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
width: 18px;
z-index: 1;
right: -4px;
}
.header_utility-content {
-webkit-box-shadow: 0 5px 38px rgba(0, 0, 0, 0.1);
box-shadow: 0 5px 38px rgba(0, 0, 0, 0.1);
left: auto;
position: absolute;
right: -20px;
top: calc(100% + 0px);
width: 300px;
}
.header_utility-content::before {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: #ffffff;
content: "";
z-index: -1;
}
.header_utility-content,
.header_utility-item::before,
.header_utility-item::after {
visibility: hidden;
opacity: 0;
-webkit-transition: visibility 0s, opacity 0s;
transition: visibility 0s, opacity 0s;
}
.header_utility-item.m-flyout-selected .header_utility-content {
visibility: visible;
opacity: 1;
-webkit-transition: visibility 0s, opacity 0.5s, bottom 0.2s;
transition: visibility 0s, opacity 0.5s, bottom 0.2s;
}
.header_utility-item.m-flyout-selected::before,
.header_utility-item.m-flyout-selected::after {
visibility: visible;
opacity: 1;
-webkit-transition: visibility 0s, opacity 0.5s, bottom 0.2s;
transition: visibility 0s, opacity 0.5s, bottom 0.2s;
}
.header_utility-item.m-flyout-selected::before {
bottom: -9px;
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.header_utility-item.m-flyout-selected::after {
bottom: 0;
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.header_utility-item {
position: relative;
}
.header_utility-item::before, .header_utility-item::after {
content: "";
position: absolute;
bottom: -100%;
}
.header_utility-item::after {
border: 12px solid transparent;
border-bottom-color: #ffffff;
border-top-width: 0;
position: absolute;
left: 50%;
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
z-index: 7;
}
.header_utility-item::before {
background-color: transparent;
-webkit-box-shadow: 0 5px 38px rgba(0, 0, 0, 0.1);
box-shadow: 0 5px 38px rgba(0, 0, 0, 0.1);
height: 18px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
width: 18px;
z-index: 1;
position: absolute;
left: 50%;
margin-left: -9px;
width: 18px;
}
.header_utility-content {
-webkit-box-shadow: 0 5px 38px rgba(0, 0, 0, 0.1);
box-shadow: 0 5px 38px rgba(0, 0, 0, 0.1);
left: auto;
position: absolute;
right: -20px;
top: calc(100% + 0px);
width: 300px;
}
.header_utility-content::before {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: #ffffff;
content: "";
z-index: -1;
}
.header_utility-content,
.header_utility-item::before,
.header_utility-item::after {
visibility: hidden;
opacity: 0;
-webkit-transition: visibility 0s, opacity 0s;
transition: visibility 0s, opacity 0s;
}
.header_utility-item.m-flyout-selected .header_utility-content {
visibility: visible;
opacity: 1;
-webkit-transition: visibility 0s, opacity 0.5s, bottom 0.2s;
transition: visibility 0s, opacity 0.5s, bottom 0.2s;
}
.header_utility-item.m-flyout-selected::before,
.header_utility-item.m-flyout-selected::after {
visibility: visible;
opacity: 1;
-webkit-transition: visibility 0s, opacity 0.5s, bottom 0.2s;
transition: visibility 0s, opacity 0.5s, bottom 0.2s;
}
.header_utility-item.m-flyout-selected::before {
bottom: -9px;
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.header_utility-item.m-flyout-selected::after {
bottom: 0;
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
}
}
@media only screen and (max-width: 767px) {
.header_utility-link:after {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 11px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f125";
}
}
.header_utility-content {
background-color: #ffffff;
position: absolute;
z-index: 7;
}
@media only screen and (max-width: 767px) {
.header_utility-content { /* stylelint-disable */
top: 0;
bottom: 0;
left: 200%;
width: 100%;
-webkit-transition: left 0s ease 0.5s;
transition: left 0s ease 0.5s;
-webkit-perspective: 1000;
-webkit-transform: translate3d(0, 0, 0);
}
.m-flyout-selected .header_utility-content {
-webkit-transition: left 0s ease 0s;
transition: left 0s ease 0s;
left: 100%;
}
}
.header_utility-title {
-ms-flex-align: center;
align-items: center;
border-bottom: 1px solid #efefef;
color: #000000;
display: -ms-flexbox;
display: flex;
font: 1.0714285714rem / 1.0714285714rem brandongrotesque-medium, Arial, Helvetica, sans-serif;
height: 60px;
padding: 10px 20px;
text-transform: uppercase;
}
.header_utility-title::before {
opacity: 0.4;
font-size: 2.0714285714rem;
margin-right: 20px;
}
.header_utility-main {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
height: calc(100% - 60px);
-ms-flex-pack: justify;
justify-content: space-between;
position: relative;
}
@media only screen and (min-width: 768px) {
.header_utility-main {
height: 100%;
}
}
@media only screen and (min-width: 768px) and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.header_utility-main {
overflow: auto;
}
}
.header_utility-info {
-ms-flex-positive: 1;
flex-grow: 1;
overflow: auto;
}
@media only screen and (min-width: 768px) {
.header_utility-info {
padding-bottom: 20px;
}
}
@media only screen and (min-width: 768px) {
.header_notifications-content.header_utility-content {
width: 380px;
}
}
.header_notifications-main {
padding-bottom: 0;
}
@media only screen and (min-width: 768px) {
.header_app_view .header_notifications-title {
-ms-flex-item-align: center;
align-self: center;
}
}
.header_notifications-actions {
-ms-flex-align: center;
align-items: center;
background-color: #ffffff;
bottom: 0;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 10px 20px;
view-transition-name: notifications-actions;
}
@media only screen and (min-width: 768px) {
.header_notifications-actions {
border-top: 1px solid #076795;
}
}
.header_notifications-actions-button {
border: 1px solid transparent;
cursor: pointer;
display: inline-block;
font: 1rem / 1 brandongrotesque-medium, Arial, Helvetica, sans-serif;
text-align: center;
text-transform: uppercase;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-radius: 3px;
padding: 14.5px 20px;
width: 100%;
}
.header_notifications-actions-button.button-disabled, .sales_rep_promo-upload:not(.active) .header_notifications-actions-button.sales_rep_promo-upload-label, .header_notifications-actions-button.button-disabled:hover, .header_notifications-actions-button.button-disabled:focus, .header_notifications-actions-button.button-disabled:active, .header_notifications-actions-button[disabled], .header_notifications-actions-button[disabled]:hover, .header_notifications-actions-button[disabled]:focus, .header_notifications-actions-button[disabled]:active {
background-color: #e7e7e7;
border-color: #e7e7e7;
-webkit-box-shadow: none;
box-shadow: none;
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.header_notifications-actions-button { /* stylelint-disable-line */
background-color: #076795;
border-color: #076795;
color: #ffffff;
}
.header_notifications-actions-button:active {
background-color: #d7e7ef;
border-color: #d7e7ef;
color: #076795;
}
@media only screen and (min-width: 1025px) {
.header_notifications-actions-button:hover {
background-color: #d7e7ef;
border-color: #d7e7ef;
color: #076795;
}
}
.header_notifications-actions-button:active {
-webkit-box-shadow: inset 0 3px 2px rgba(0, 0, 0, 0.12);
box-shadow: inset 0 3px 2px rgba(0, 0, 0, 0.12);
}
@media only screen and (min-width: 768px) {
.header_app_view .header_notifications .notification_icon-inner {
top: -5px;
}
}
@media only screen and (min-width: 1025px) {
.header_app_view .header_notifications .notification_icon-inner {
display: -ms-flexbox !important;
display: flex !important;
}
}
@media only screen and (max-width: 767px) {
.header_notifications .header_utility-main {
max-height: unset !important;
}
}
.notifications-dialog {
view-transition-name: notifications-dialog;
}
.notifications-dialog .modal-dialog {
max-width: 75ch;
view-transition-name: notifications-dialog-modal;
height: 60%;
}
[locale=ja_JP] .notifications-dialog .modal-dialog {
max-width: 660px;
}
.notifications-dialog .modal-content {
height: 100%;
}
@media only screen and (max-width: 1024px) {
.notifications-dialog .modal-body {
padding-inline: 20px;
}
}
.notifications-dialog .modal-footer {
display: -ms-flexbox;
display: flex;
gap: 20px;
margin-top: auto;
}
.notifications-dialog .modal-footer button + button {
margin: 0;
}
@media only screen and (min-width: 768px) {
.header_account-content.header_utility-content {
width: 200px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
.header_account-content.header_utility-content {
right: -10px;
}
}
@media only screen and (min-width: 1025px) {
.is-sticky .header_global:not(.header_app_view) .header_account-title {
font-size: 0;
}
.is-sticky .header_global:not(.header_app_view) .header_account-title::after {
display: none;
}
}
@media only screen and (min-width: 1025px) {
.is-sticky .header_global:not(.header_app_view) .header_account-icon {
display: -ms-flexbox;
display: flex;
padding: 8px;
border-radius: 50%;
border: 2px solid rgba(7, 103, 149, 0.3);
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
-webkit-transition-property: border-color, background-color, color;
transition-property: border-color, background-color, color;
margin: 0;
border-color: #888888;
}
.is-sticky .header_global .m-flyout-selected .header_account-icon, .is-sticky .header_global .header_account-icon:hover {
background-color: #2d2d2d;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.header_account-icon {
margin-right: 5px;
}
}
@media only screen and (min-width: 1025px) {
.is-sticky .header_global .header_account-svg {
width: 16px;
height: 16px;
opacity: 1;
fill: #888888;
}
}
@media only screen and (min-width: 768px) {
.header_account-list {
padding-bottom: 0;
}
}
@media only screen and (min-width: 768px) {
.header_account-item {
padding: 15px 20px;
}
.header_account-item + .header_account-item {
padding-bottom: 0;
}
.header_account-item:first-child {
border-bottom: 1px solid #efefef;
}
.header_account-list .header_account-item:last-child {
padding-bottom: 15px;
}
}
.header_account-link {
display: block;
font: 1.0714285714rem opensans-regular, Arial, Helvetica, sans-serif;
padding: 20px;
text-transform: capitalize;
}
.header_account-link:hover {
text-decoration: underline;
}
@media only screen and (min-width: 768px) {
.header_account-link {
display: inline-block;
font-size: 0.9285714286rem;
padding: 0;
}
}
[locale=fr_CH] .header_account-link {
text-transform: inherit;
}
.header_account-list .header_account-link {
color: #000000;
}
.header_account-logout {
background-color: #e7e7e7;
text-align: center;
}
.header_account-logout-link {
font-size: 1rem;
padding: 20px;
}
@media only screen and (min-width: 768px) {
.header_account-logout-link {
padding: 0;
}
}
@media only screen and (min-width: 1025px) {
.is-sticky .header_account.m-flyout-selected::before {
right: 9px;
}
.is-sticky .header_account.m-flyout-selected::after {
right: 6px;
}
}
@media only screen and (min-width: 1025px) {
.header_global .is-sticky .header_account {
margin: -20px 0;
}
}
@media only screen and (min-width: 1025px) {
.header_minicart {
position: relative;
}
.header_minicart::before, .header_minicart::after {
content: "";
position: absolute;
bottom: -100%;
}
.header_minicart::after {
border: 12px solid transparent;
border-bottom-color: #ffffff;
border-top-width: 0;
position: absolute;
left: 50%;
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
z-index: 7;
}
.header_minicart::before {
background-color: transparent;
-webkit-box-shadow: 0 5px 38px rgba(0, 0, 0, 0.1);
box-shadow: 0 5px 38px rgba(0, 0, 0, 0.1);
height: 18px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
width: 18px;
z-index: 1;
position: absolute;
left: 50%;
margin-left: -9px;
width: 18px;
}
.minicart-slide_wrapper {
-webkit-box-shadow: 0 5px 38px rgba(0, 0, 0, 0.1);
box-shadow: 0 5px 38px rgba(0, 0, 0, 0.1);
left: auto;
position: absolute;
right: -15px;
top: calc(100% + 0px);
width: 490px;
}
.minicart-slide_wrapper::before {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: #ffffff;
content: "";
z-index: -1;
}
.minicart-slide_wrapper,
.header_minicart::before,
.header_minicart::after {
visibility: hidden;
opacity: 0;
-webkit-transition: visibility 0s, opacity 0s;
transition: visibility 0s, opacity 0s;
}
.header_minicart:hover .minicart-slide_wrapper {
visibility: visible;
opacity: 1;
-webkit-transition: visibility 0s, opacity 0.5s, bottom 0.2s;
transition: visibility 0s, opacity 0.5s, bottom 0.2s;
}
.show.header_minicart .minicart-slide_wrapper {
visibility: visible;
opacity: 1;
-webkit-transition: visibility 0s, opacity 0.5s, bottom 0.2s;
transition: visibility 0s, opacity 0.5s, bottom 0.2s;
}
.header_minicart:hover::before,
.header_minicart:hover::after {
visibility: visible;
opacity: 1;
-webkit-transition: visibility 0s, opacity 0.5s, bottom 0.2s;
transition: visibility 0s, opacity 0.5s, bottom 0.2s;
}
.header_minicart:hover::before {
bottom: -9px;
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.header_minicart:hover::after {
bottom: 0;
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.show.header_minicart::before,
.show.header_minicart::after {
visibility: visible;
opacity: 1;
-webkit-transition: visibility 0s, opacity 0.5s, bottom 0.2s;
transition: visibility 0s, opacity 0.5s, bottom 0.2s;
}
.show.header_minicart::before {
bottom: -9px;
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.show.header_minicart::after {
bottom: 0;
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.show.header_minicart:hover::before,
.show.header_minicart:hover::after {
visibility: visible;
opacity: 1;
-webkit-transition: visibility 0s, opacity 0.5s, bottom 0.2s;
transition: visibility 0s, opacity 0.5s, bottom 0.2s;
}
.show.header_minicart:hover::before {
bottom: -9px;
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.show.header_minicart:hover::after {
bottom: 0;
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.header_minicart {
position: relative;
}
.header_minicart::before, .header_minicart::after {
content: "";
position: absolute;
bottom: -100%;
}
.header_minicart::after {
border: 12px solid transparent;
border-bottom-color: #ffffff;
border-top-width: 0;
position: absolute;
left: 50%;
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
z-index: 7;
}
.header_minicart::before {
background-color: transparent;
-webkit-box-shadow: 0 5px 38px rgba(0, 0, 0, 0.1);
box-shadow: 0 5px 38px rgba(0, 0, 0, 0.1);
height: 18px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
width: 18px;
z-index: 1;
position: absolute;
left: 50%;
margin-left: -9px;
width: 18px;
}
.minicart-slide_wrapper {
-webkit-box-shadow: 0 5px 38px rgba(0, 0, 0, 0.1);
box-shadow: 0 5px 38px rgba(0, 0, 0, 0.1);
left: auto;
position: absolute;
right: -15px;
top: calc(100% + 0px);
width: 490px;
}
.minicart-slide_wrapper::before {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: #ffffff;
content: "";
z-index: -1;
}
.minicart-slide_wrapper,
.header_minicart::before,
.header_minicart::after {
visibility: hidden;
opacity: 0;
-webkit-transition: visibility 0s, opacity 0s;
transition: visibility 0s, opacity 0s;
}
.show.header_minicart .minicart-slide_wrapper {
visibility: visible;
opacity: 1;
-webkit-transition: visibility 0s, opacity 0.5s, bottom 0.2s;
transition: visibility 0s, opacity 0.5s, bottom 0.2s;
}
.show.header_minicart::before,
.show.header_minicart::after {
visibility: visible;
opacity: 1;
-webkit-transition: visibility 0s, opacity 0.5s, bottom 0.2s;
transition: visibility 0s, opacity 0.5s, bottom 0.2s;
}
.show.header_minicart::before {
bottom: -9px;
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.show.header_minicart::after {
bottom: 0;
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
}
}
.minicart {
position: relative;
z-index: 2;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
text-align: left;
font-size: 1rem;
background: #ffffff;
height: 100%;
}
@media only screen and (min-width: 768px) {
.minicart {
max-height: inherit;
height: auto;
}
.minicart.minicart-empty {
height: 300px;
}
}
.minicart-total {
position: absolute;
top: -7px;
right: -5px;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
height: 19px;
min-width: 19px;
border: 1px solid #888888;
padding: 5px;
background: #ffffff;
border-radius: 10px;
color: #000000;
font-size: 10px;
font-family: brandongrotesque-bold, Arial, Helvetica, sans-serif;
}
@media only screen and (min-width: 768px) {
.minicart-slide_wrapper {
background-color: #ffffff;
min-height: 300px;
z-index: 7;
}
.minicart-slide_wrapper::before {
position: absolute;
top: 50%;
left: 50%;
width: 80px;
height: 80px;
margin-top: -40px;
margin-left: -40px;
content: "";
border: 8px solid rgba(33, 56, 88, 0.2);
border-left-color: rgba(33, 56, 88, 0.6);
-webkit-animation: spinner 1.1s infinite linear;
animation: spinner 1.1s infinite linear;
border-radius: 50%;
}
}
@media only screen and (max-width: 767px) {
.show .minicart-slide_wrapper {
pointer-events: auto;
background-color: rgba(0, 0, 0, 0.7);
}
}
@media only screen and (min-width: 768px) {
.minicart-wrapper {
display: -ms-flexbox;
display: flex;
z-index: 7;
}
}
@media only screen and (max-width: 767px) {
.show .minicart-wrapper {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.minicart-wrapper {
right: -15px;
}
}
.minicart-close-arrow {
position: absolute;
top: 50%;
left: 15px;
}
.minicart-close-arrow:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f126";
}
.minicart-close-arrow {
font-size: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.minicart-close-arrow::before {
color: rgba(7, 103, 149, 0.5);
font-size: 2.3571428571rem;
}
@media only screen and (min-width: 768px) {
.minicart-close-arrow {
display: none;
}
}
.minicart-close-link {
position: absolute;
bottom: 30px;
left: 0;
width: 100%;
text-align: center;
}
@media only screen and (min-width: 768px) {
.minicart-close-link {
display: none;
}
}
.minicart-header {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
@media only screen and (max-width: 767px) {
.minicart-header {
min-height: 62px;
padding: 5px 0 5px 64px;
-webkit-box-shadow: 0 0 7px 1px #c5c5c5;
box-shadow: 0 0 7px 1px #c5c5c5;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
position: relative;
z-index: 1;
}
}
@media only screen and (min-width: 768px) {
.minicart-header {
padding: 25px 25px 15px;
background: #ffffff;
}
}
.minicart-error {
color: #ff0000;
}
.minicart-title {
font-size: 1.1428571429rem;
font-family: brandongrotesque-medium, Arial, Helvetica, sans-serif;
text-transform: uppercase;
color: #213858;
}
@media only screen and (min-width: 768px) {
.minicart-title {
font-size: 1.4285714286rem;
}
}
.minicart-reorder {
color: #646464;
font-family: brandongrotesque-medium, Arial, Helvetica, sans-serif;
}
.minicart-product-list {
overflow-x: hidden;
overflow-y: auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
@media only screen and (min-width: 768px) {
.minicart-product-list {
margin: 0 25px 25px;
border: 1px solid #efefef;
}
}
.minicart-product-item {
padding: 10px 15px 20px 0;
cursor: default;
}
.minicart-product-item .product-price_strike {
font-size: 0.8571428571rem;
}
.minicart-product-item + .minicart-product-item {
border-top: 1px solid #efefef;
}
.minicart-product-wrapper {
display: -ms-flexbox;
display: flex;
position: relative;
}
.minicart-product-bundle {
margin-left: 40px;
display: -ms-flexbox;
display: flex;
}
.minicart-product-bundle-wrapper {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.minicart-product-image {
max-width: 130px;
max-height: 130px;
padding: 0 15px;
text-align: center;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
}
.minicart-product-image .product-image {
max-height: 150px;
}
.minicart-product-image img {
-o-object-fit: contain;
object-fit: contain;
height: 100%;
width: 100%;
}
.minicart-product-info {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.minicart-product-info-cr {
display: -ms-flexbox;
display: flex;
padding: 0 30px 0 10px;
-ms-flex-align: center;
align-items: center;
}
.minicart-product-info-cr .minicart-product-title-wrapper {
width: 50%;
}
.minicart-product-name {
font-size: 1.1428571429rem;
color: #076795;
padding-right: 20px;
}
@media screen and (-ms-high-contrast: none) {
[locale=ja_JP] .minicart-product-name { /* stylelint-disable-line */
margin-top: 5px;
}
}
@media only screen and (max-width: 1024px) {
.minicart-product-name .link-quickview {
pointer-events: none;
text-decoration: none;
color: #000000;
}
}
.minicart-product-name .link.m-prevent_hover, .minicart-product-name .m-prevent_hover.pdp-recommendation-link {
cursor: default;
color: initial;
}
.minicart-product-name .link.m-prevent_hover:hover, .minicart-product-name .m-prevent_hover.pdp-recommendation-link:hover {
text-decoration: none;
}
.minicart-product-price {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: 30px;
}
.minicart-product-info-cr .minicart-product-price {
width: 50%;
margin-top: 0;
}
.minicart-product-price-free {
color: #83c487;
}
.minicart-product-price .product-price_value {
font-size: 1.1428571429rem;
}
.minicart-product-price .product-see_price_in_cart {
margin-bottom: 0;
}
.minicart-product-price .product-price_title {
display: none;
}
.minicart-product-price ~ .discount {
margin-top: 15px;
}
.minicart-product-promo {
padding-top: 10px;
}
.minicart-product-remove:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f130";
}
.minicart-product-remove {
position: absolute;
top: 0;
right: 0;
line-height: 10px;
font-size: 0;
padding: 10px;
margin: -5px -10px 0 0;
background: transparent;
}
.minicart-product-remove::before {
color: #076795;
font-size: 0.7142857143rem;
}
.minicart-product-info-cr .minicart-product-remove {
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.minicart-footer {
padding: 20px 25px 25px;
background: #f7f9f9;
position: relative;
}
@media only screen and (max-width: 767px) {
.minicart-footer {
-webkit-box-shadow: 0 0 7px 1px #c5c5c5;
box-shadow: 0 0 7px 1px #c5c5c5;
}
}
.minicart-footer-top {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
}
.minicart-footer .minicart-cancel {
white-space: nowrap;
font-size: 1.1428571429rem;
margin-bottom: 6px;
}
.minicart-subtotal {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
font-size: 1.2857142857rem;
font-family: brandongrotesque-medium, Arial, Helvetica, sans-serif;
line-height: 1;
margin-bottom: 10px;
}
.minicart-subtotal-message {
color: #646464;
margin-bottom: 20px;
}
.minicart-submit {
border: 1px solid transparent;
cursor: pointer;
display: inline-block;
font: 1rem / 1 brandongrotesque-medium, Arial, Helvetica, sans-serif;
text-align: center;
text-transform: uppercase;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-radius: 3px;
padding: 14.5px 20px;
width: 100%;
}
.minicart-submit.button-disabled, .sales_rep_promo-upload:not(.active) .minicart-submit.sales_rep_promo-upload-label, .minicart-submit.button-disabled:hover, .minicart-submit.button-disabled:focus, .minicart-submit.button-disabled:active, .minicart-submit[disabled], .minicart-submit[disabled]:hover, .minicart-submit[disabled]:focus, .minicart-submit[disabled]:active {
background-color: #e7e7e7;
border-color: #e7e7e7;
-webkit-box-shadow: none;
box-shadow: none;
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.minicart-submit { /* stylelint-disable-line */
background-color: #076795;
border-color: #076795;
color: #ffffff;
}
.minicart-submit:active {
background-color: #d7e7ef;
border-color: #d7e7ef;
color: #076795;
}
@media only screen and (min-width: 1025px) {
.minicart-submit:hover {
background-color: #d7e7ef;
border-color: #d7e7ef;
color: #076795;
}
}
.minicart-submit:active {
-webkit-box-shadow: inset 0 3px 2px rgba(0, 0, 0, 0.12);
box-shadow: inset 0 3px 2px rgba(0, 0, 0, 0.12);
}
@media only screen and (min-width: 768px) {
.minicart-empty .minicart-header {
display: none;
}
}
.minicart-empty-content:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f12c";
}
.minicart-empty-content {
padding: 60px 20px;
text-align: center;
background: #ffffff;
}
.minicart-empty-content::before {
color: #efefef;
font-size: 2.8571428571rem;
margin-bottom: 30px;
}
.minicart-empty-title {
font-size: 1.4285714286rem;
font-family: brandongrotesque-medium, Arial, Helvetica, sans-serif;
color: #213858;
}
.minicart-empty-subtitle {
font-size: 1.1428571429rem;
color: #646464;
}
@media only screen and (min-width: 768px) {
.minicart-empty .minicart-close {
display: none;
}
}
.modal-footer {
padding: 0 30px 40px;
}
.modal-footer button + button {
margin-top: 10px;
}
.quickorder {
position: relative;
}
@media only screen and (max-width: 767px) {
.quickorder {
height: 100%;
}
}
@media only screen and (min-width: 768px) {
.quickorder-wrapper {
width: 370px;
}
}
.quickorder-inner {
height: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: justify;
justify-content: space-between;
overflow: auto;
}
.quickorder-radio, .quickorder-item_number, .quickorder-copy_paste {
display: none;
}
@media only screen and (min-width: 768px) {
.quickorder-header .header_utility-title {
padding: 20px 30px;
font: 1.1428571429rem brandongrotesque-medium, Arial, Helvetica, sans-serif;
color: #213858;
text-transform: capitalize;
-ms-flex-pack: center;
justify-content: center;
border-bottom: 0;
height: auto;
}
.quickorder-header .header_utility-title::before {
display: none;
}
}
.quickorder-content {
padding: 0 30px 20px;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
@media only screen and (max-width: 767px) {
.quickorder-content {
padding-top: 20px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.quickorder-content {
min-height: calc(100% + 1px);
height: calc(100% + 1px);
}
}
.quickorder-content::before {
position: absolute;
top: 0;
left: 0;
content: "";
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.2);
opacity: 0;
visibility: hidden;
-webkit-transition: opacity 0.3s ease-in;
transition: opacity 0.3s ease-in;
}
.quickorder-content::after {
position: absolute;
top: 50%;
left: 50%;
content: "";
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
border: 14px solid rgba(33, 56, 88, 0.2);
border-left-color: #213858;
-webkit-animation: spinner 1.1s infinite linear;
animation: spinner 1.1s infinite linear;
border-radius: 50%;
opacity: 0;
-webkit-transition: opacity 0.3s ease-in;
transition: opacity 0.3s ease-in;
visibility: hidden;
}
.quickorder-tab {
border-bottom: 1px solid #434343;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 20px;
}
html[locale=de_DE] .quickorder-tab {
display: none;
}
.quickorder-tab-item {
border: 1px solid #434343;
border-bottom: 0;
width: 49%;
color: #434343;
min-height: 45px;
border-radius: 3px 3px 0 0;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
}
html[locale=es_ES] .quickorder-tab-item {
text-align: center;
}
.quickorder-item_number-header {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 5px;
}
.quickorder-item_number-list {
margin-bottom: 15px;
}
.quickorder-item_number-item {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 10px;
position: relative;
}
.quickorder-item_number-list .quickorder-item_number-item {
display: block;
}
.quickorder-item_number-item .search-suggestions {
top: 58px;
}
.quickorder-item_number-item .search-form {
position: static;
}
.quickorder-item_number-item.warning .product_tile-qty_message, .quickorder-item_number-item.error .product_tile-qty_message {
margin: 0;
}
.quickorder-item_number-item.warning .product_tile-qty_info {
margin-top: 8px;
}
.quickorder-item_number-search .search-field {
position: absolute;
top: 0;
left: 0;
width: 67%;
}
.quickorder-item_number .search-input {
line-height: normal;
border-radius: 3px;
}
.quickorder-item_number-qty {
width: 30%;
max-width: 85px;
font-size: 0.8571428571rem;
color: #646464;
}
.quickorder-item_number-list .quickorder-item_number-qty {
width: 100%;
max-width: none;
}
.quickorder-item_number-qty .quantity_combobox-wrap {
width: 85px;
margin-left: auto;
}
.quickorder-item_number-qty .quantity_combobox-label {
display: none;
}
.quickorder-item_number-qty .product_tile-qty_message {
text-align: left;
}
.quickorder-item_number-show_more {
padding: 0;
border: 0;
background: none;
background-color: transparent;
background-image: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.quickorder-item_number-show_more::-ms-expand {
display: none;
}
.quickorder-item_number-show_more.link-disabled, .quickorder-item_number-show_more.link-disabled:hover, .quickorder-item_number-show_more.link-disabled:focus, .quickorder-item_number-show_more.link-disabled:active, .quickorder-item_number-show_more[disabled], .quickorder-item_number-show_more[disabled]:hover, .quickorder-item_number-show_more[disabled]:focus, .quickorder-item_number-show_more[disabled]:active {
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.quickorder-item_number-show_more {
display: inline-block;
cursor: pointer;
color: #076795;
}
.quickorder-item_number-show_more:hover, .quickorder-item_number-show_more:active {
text-decoration: underline;
}
.quickorder-item_number-show_more {
font: 0.9285714286rem opensans-regular, Arial, Helvetica, sans-serif;
}
.quickorder-copy_paste-description, .quickorder-copy_paste-label {
font-size: 1.1428571429rem;
color: #646464;
margin-bottom: 10px;
}
.quickorder-copy_paste-description b, .quickorder-copy_paste-label b {
color: #000000;
font-family: brandongrotesque-medium, Arial, Helvetica, sans-serif;
}
.quickorder-copy_paste-textarea {
width: 100%;
resize: none;
padding: 5px;
border: 1px solid #c5c5c5;
}
.quickorder-actions {
padding: 20px 30px;
background: #e7e7e7;
}
.quickorder-actions-button {
border-radius: 3px;
padding: 14.5px 20px;
width: 100%;
}
.quickorder-actions-button.button-disabled, .sales_rep_promo-upload:not(.active) .quickorder-actions-button.sales_rep_promo-upload-label, .quickorder-actions-button.button-disabled:hover, .quickorder-actions-button.button-disabled:focus, .quickorder-actions-button.button-disabled:active, .quickorder-actions-button[disabled], .quickorder-actions-button[disabled]:hover, .quickorder-actions-button[disabled]:focus, .quickorder-actions-button[disabled]:active {
background-color: #e7e7e7;
border-color: #e7e7e7;
-webkit-box-shadow: none;
box-shadow: none;
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.quickorder-actions-button { /* stylelint-disable-line */
background-color: #076795;
border-color: #076795;
color: #ffffff;
}
.quickorder-actions-button:active {
background-color: #d7e7ef;
border-color: #d7e7ef;
color: #076795;
}
@media only screen and (min-width: 1025px) {
.quickorder-actions-button:hover {
background-color: #d7e7ef;
border-color: #d7e7ef;
color: #076795;
}
}
.quickorder-actions-button:active {
-webkit-box-shadow: inset 0 3px 2px rgba(0, 0, 0, 0.12);
box-shadow: inset 0 3px 2px rgba(0, 0, 0, 0.12);
}
.modal-dialog .quickorder-header .header_utility-title {
padding: 20px 30px 0 30px;
font: 1.1428571429rem brandongrotesque-medium, Arial, Helvetica, sans-serif;
color: #213858;
text-transform: capitalize;
border-bottom: 0;
height: auto;
}
@media only screen and (min-width: 768px) {
.modal-dialog .quickorder-header .header_utility-title {
padding: 20px 30px;
}
}
.modal-dialog .quickorder-header .header_utility-title::before {
display: none;
}
.quickorder-radio-item_number:checked ~ .quickorder-item_number,
.quickorder-radio-copy_paste:checked ~ .quickorder-copy_paste {
display: block;
}
.quickorder-radio-item_number:checked ~ .quickorder-tab .quickorder-label-item_number,
.quickorder-radio-copy_paste:checked ~ .quickorder-tab .quickorder-label-copy_paste {
background: #434343;
color: #ffffff;
}
.quickorder-modal-class .modal-body,
.quickorder-modal-class .modal-footer {
padding: 0;
}
.quickorder-modal-class .modal-content {
display: block;
}
.quickorder-modal-class .modal-dialog {
max-width: 370px;
overflow: unset;
}
.header_external-container {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
}
.header_external-container.container, .pdp .pdp-breadcrumbs + .header_external-container.list-prices-message, .header_external-container.partner_selection {
padding: 0 20px;
}
.header_external-content {
display: -ms-flexbox;
display: flex;
margin: 10px 0;
-ms-flex-order: 1;
order: 1;
}
.header_external-content .header_utility-svg {
margin-right: 8px;
width: 12px;
}
.header_external-link {
color: #ffffff;
}
@media only screen and (min-width: 768px) {
.header_external-link {
color: #000000;
}
}
@media only screen and (min-width: 768px) {
.header_external,
.header_external .header_main {
background-color: #e4e5e5;
}
}
.header_external .header_main {
padding: 10px 0;
}
@media only screen and (max-width: 767px) {
.header_external .header_main {
height: auto;
}
}
.header_external .header_logo {
position: static;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
margin: 10px 10px 10px 0;
text-align: left;
}
.header_external .header_logo .logo-img {
max-width: 200px;
}
.header_external .localization_selector {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='255px' height='255px' fill='%23ffffff'%3E%3Cpolygon points='0,63.75 127.5,191.25 255,63.75 '/%3E%3C/svg%3E");
background-color: #434343;
background-repeat: no-repeat;
background-size: 10px;
background-position: calc(100% - 10px);
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding: 0 25px 0 10px;
cursor: pointer;
color: inherit;
}
.header_external .localization_selector::-ms-expand {
display: none;
}
.header_external .localization_selector:focus {
border-color: #213858;
}
.header_external .localization_selector:disabled {
color: rgba(0, 0, 0, 0.6);
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='255px' height='255px' fill='rgba(0, 0, 0, 0.3)'%3E%3Cpolygon points='0,63.75 127.5,191.25 255,63.75 '/%3E%3C/svg%3E");
background-color: #e7e7e7;
opacity: 1;
}
@media not all and (min-resolution: 0.001dpcm) {
@supports (-webkit-appearance: none) and (stroke-color: transparent) {
.header_external .localization_selector:disabled {
background-color: rgba(231, 231, 231, 0.4);
color: rgba(0, 0, 0, 0.15);
border-color: rgba(231, 231, 231, 0.5);
}
}
}
.header_external .localization_selector:disabled::-ms-value {
color: rgba(0, 0, 0, 0.3);
}
.header_external .localization_selector option, .header_external .localization_selector-option {
font: 1.1428571429rem / 1.2857142857rem brandongrotesque-regular, Arial, Helvetica, sans-serif;
color: #ffffff;
}
.header_external .localization_selector:focus::-ms-value {
background-color: transparent;
color: inherit;
}
.header_external .localization_selector {
width: auto;
height: auto;
min-width: auto;
padding-left: 0;
background-position: 100%;
border-color: transparent;
color: #ffffff;
-ms-flex-order: 1;
order: 1;
}
.header_external .localization_selector:hover, .header_external .localization_selector:focus {
border-color: transparent;
}
@media only screen and (min-width: 768px) {
.header_external .localization_selector {
color: #076795;
background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='255px' height='255px' fill='%23076795'%3E%3Cpolygon points='0,63.75 127.5,191.25 255,63.75 '/%3E%3C/svg%3E") no-repeat;
background-position: 100%;
background-size: 12px;
background-color: #e4e5e5;
}
.header_external .localization_selector:hover, .header_external .localization_selector:focus,
.header_external .localization_selector option {
color: #213858;
}
}
.header_search {
display: none;
-ms-flex-align: center;
align-items: center;
}
.header_search-tm {
display: -ms-flexbox;
display: flex;
}
.header_search::after, .header_search::before {
content: none;
}
@media only screen and (min-width: 768px) {
.header_search {
display: -ms-flexbox;
display: flex;
}
}
.header_utility .header_search {
display: none;
}
.header_search-link::after {
content: none;
}
.header_search-icon {
display: -ms-flexbox;
display: flex;
padding: 8px;
border-radius: 50%;
border: 2px solid rgba(7, 103, 149, 0.3);
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
-webkit-transition-property: border-color, background-color, color;
transition-property: border-color, background-color, color;
margin: 0;
border-color: #888888;
background-color: #2d2d2d;
outline: none;
}
@media only screen and (min-width: 1025px) {
.sticky-state .header_search-icon {
background-color: transparent;
}
.sticky-state .header_search-icon .header_search-svg {
fill: #888888;
}
.sticky-state .header_search-icon:hover {
background-color: #2d2d2d;
}
}
.active-sticky-search .header_search-icon {
background-color: #888888;
}
@media only screen and (min-width: 1025px) {
.active-sticky-search .header_search-icon, .active-sticky-search .header_search-icon:hover {
background-color: #888888;
}
.active-sticky-search .header_search-icon .header_search-svg, .active-sticky-search .header_search-icon:hover .header_search-svg {
fill: #e7e7e7;
}
}
.header_search-svg:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f15c";
}
.header_search-svg {
color: #888888;
background-color: transparent;
width: 16px;
height: 16px;
opacity: 1;
fill: #888888;
}
.active-sticky-search .header_search-svg {
fill: #e7e7e7;
}
.active-sticky-search .header_search-svg-search {
display: none;
}
.header_search-svg-close {
display: none;
}
.active-sticky-search .header_search-svg-close {
display: block;
}
.header_action-tm {
display: -ms-flexbox;
display: flex;
}
.header_action-tm .header_search-tm {
margin-right: 10px;
}
.header-overlay {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.9);
opacity: 0;
-webkit-transition: opacity 0.2s ease 0s;
transition: opacity 0.2s ease 0s;
pointer-events: none;
z-index: 5;
}
.header-overlay.m-nav-overlay-showed {
opacity: 1;
pointer-events: auto;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.header_orders.loading .quickorder-content {
overflow-y: hidden;
}
.header_orders.loading .quickorder-content::before {
z-index: 1;
opacity: 1;
visibility: visible;
}
.header_orders.loading .quickorder-content::after {
z-index: 2;
opacity: 1;
visibility: visible;
}
.header_orders.loading::after {
border-bottom-color: rgba(0, 0, 0, 0.1);
}
}
.isi-info {
background-color: #000000;
-webkit-box-shadow: 0 -3px 45px -10px rgba(0, 0, 0, 0.75);
box-shadow: 0 -3px 45px -10px rgba(0, 0, 0, 0.75);
cursor: pointer;
display: -ms-flexbox;
display: flex;
left: 0;
position: fixed;
-webkit-transition: opacity 0.6s ease-out, bottom 0.3s;
transition: opacity 0.6s ease-out, bottom 0.3s;
width: 100%;
z-index: 3;
}
.isi-info-text_wrapper {
-ms-flex: auto;
flex: auto;
padding: 10px;
text-align: center;
}
.isi-info-text {
color: #ffffff;
font: 1rem / 1.2857142857rem brandongrotesque-regular, Arial, Helvetica, sans-serif;
}
.isi-info-icon {
background-color: #434343;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
min-width: 40px;
text-align: center;
}
.isi-info-icon_copy {
color: #ffffff;
}
.isi-info-icon_copy::before {
font-size: 1.2857142857rem;
}
.isi-info.js-sticky-footer-hidden {
bottom: -100%;
opacity: 0;
}
.isi-info.js-sticky-footer-visible {
bottom: auto;
top: 100vh;
top: calc(var(--vh, 1vh) * 100);
opacity: 1;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
.isi-content {
margin-bottom: 40px;
}
.isi-content-title {
color: #646464;
font: 2.1428571429rem / 2.4285714286rem brandongrotesque-light, Arial, Helvetica, sans-serif;
margin-bottom: 50px;
text-align: center;
}
.isi-content p,
.isi-content ul,
.isi-content li {
color: #646464;
font: 1rem / 1.2857142857rem brandongrotesque-regular, Arial, Helvetica, sans-serif;
margin-top: 15px;
}
.isi-content a {
color: #076795;
}
.isi-content a:hover {
text-decoration: underline;
}
.footer-nav {
margin-bottom: 50px;
}
@media only screen and (min-width: 768px) {
.footer-nav {
margin-bottom: 30px;
}
}
.footer-nav-list {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media only screen and (min-width: 768px) {
.footer-nav-list {
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: center;
justify-content: center;
}
}
.footer-nav-item {
margin-top: 30px;
}
.footer-nav-item:first-child {
margin-top: 0;
}
@media only screen and (min-width: 768px) {
.footer-nav-item {
margin: 0 20px 0 0;
}
.footer-nav-item::after {
content: "";
display: inline-block;
vertical-align: middle;
margin-left: 20px;
height: 16px;
border-left: 1px solid #ffffff;
}
.footer-nav-item:last-child {
margin-right: 0;
}
.footer-nav-item:last-child::after {
content: none;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.footer-nav-item {
margin-right: 15px;
}
.footer-nav-item::after {
margin-left: 15px;
}
}
.footer-nav-link {
color: #ffffff;
font: 1.2857142857rem / 1.2857142857rem brandongrotesque-medium, Arial, Helvetica, sans-serif;
text-transform: uppercase;
vertical-align: middle;
}
.footer-nav-link:hover {
text-decoration: underline;
}
@media only screen and (min-width: 768px) {
.footer-nav-link {
font-size: 1rem;
}
}
.footer-country_selector {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 20px;
}
@media only screen and (min-width: 768px) {
.footer-country_selector {
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: center;
justify-content: center;
}
}
.footer-country_selector .localization_selector {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='255px' height='255px' fill='%23ffffff'%3E%3Cpolygon points='0,63.75 127.5,191.25 255,63.75 '/%3E%3C/svg%3E");
background-color: #434343;
background-repeat: no-repeat;
background-size: 10px;
background-position: calc(100% - 10px);
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding: 0 25px 0 10px;
cursor: pointer;
color: inherit;
}
.footer-country_selector .localization_selector::-ms-expand {
display: none;
}
.footer-country_selector .localization_selector:focus {
border-color: #ffffff;
}
.footer-country_selector .localization_selector:disabled {
color: rgba(0, 0, 0, 0.6);
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='255px' height='255px' fill='rgba(0, 0, 0, 0.3)'%3E%3Cpolygon points='0,63.75 127.5,191.25 255,63.75 '/%3E%3C/svg%3E");
background-color: #e7e7e7;
opacity: 1;
}
@media not all and (min-resolution: 0.001dpcm) {
@supports (-webkit-appearance: none) and (stroke-color: transparent) {
.footer-country_selector .localization_selector:disabled {
background-color: rgba(231, 231, 231, 0.4);
color: rgba(0, 0, 0, 0.15);
border-color: rgba(231, 231, 231, 0.5);
}
}
}
.footer-country_selector .localization_selector:disabled::-ms-value {
color: rgba(0, 0, 0, 0.3);
}
.footer-country_selector .localization_selector option, .footer-country_selector .localization_selector-option {
font: 1.1428571429rem / 1.2857142857rem brandongrotesque-regular, Arial, Helvetica, sans-serif;
color: #ffffff;
}
.footer-country_selector .localization_selector:focus::-ms-value {
background-color: transparent;
color: inherit;
}
.footer-country_selector .localization_selector {
color: #ffffff;
border-color: #ffffff;
min-width: 245px;
margin-bottom: 10px;
opacity: 0.5;
}
.footer-country_selector .localization_selector:hover, .footer-country_selector .localization_selector:focus {
opacity: 1;
}
.footer-country_selector .localization_selector option {
text-transform: capitalize;
}
@media only screen and (min-width: 768px) {
.footer-country_selector .localization_selector {
width: auto;
}
}
@media only screen and (min-width: 768px) {
.footer-country_selector .localization_selector + .localization_selector {
margin-left: 15px;
}
}
.footer-copy {
color: #646464;
font: 1rem opensans-regular, Arial, Helvetica, sans-serif;
}
@media only screen and (min-width: 768px) {
.footer-copy {
margin-top: 5px;
text-align: center;
}
}
@media only screen and (min-width: 768px) {
.footer-nav + .footer-copy {
margin-top: 35px;
}
}
.footer-copy-text {
display: -ms-flexbox;
display: flex;
}
@media only screen and (min-width: 768px) {
.footer-copy-text {
-ms-flex-pack: center;
justify-content: center;
}
}
.footer-copy-year {
margin-left: 5px;
}
.back-to-top {
position: fixed;
z-index: 3;
bottom: 15px;
right: 10px;
}
@media only screen and (min-width: 768px) {
.back-to-top {
display: none;
}
}
.back-to-top.is-isi {
bottom: 80px;
}
.back-to-top.is-isi.is-control {
bottom: 140px;
}
.back-to-top-button:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f125";
}
.back-to-top-button {
display: none;
position: relative;
height: 45px;
width: 45px;
text-align: center;
font-size: 0;
background-color: #076795;
color: #ffffff;
border-radius: 50%;
border: 2px solid #076795;
-webkit-transition: background-color 0.2s ease 0s;
transition: background-color 0.2s ease 0s;
}
.back-to-top-button::before {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%) rotate(-90deg);
transform: translate(-50%, -50%) rotate(-90deg);
}
.back-to-top-button:hover {
background-color: #d7e7ef;
color: #076795;
}
.back-to-top-button.show {
display: block;
}
.footer {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.footer-content {
background-color: #434343;
padding: 30px 0;
}
.login_page-form {
width: 100%;
z-index: 1;
padding: 0 0 20px;
position: relative;
}
@media only screen and (min-width: 768px) {
.login_page-form {
background-color: rgba(67, 67, 67, 0.95);
}
}
@media only screen and (min-width: 768px) and (max-width: 1439px) {
.login_page-form {
width: 35%;
padding: 120px 40px 40px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1199px) and (orientation: portrait) {
.login_page-form {
width: 45%;
padding-top: 40px;
}
}
@media only screen and (min-width: 1025px) {
.login_page-form {
padding-left: 4%;
padding-right: 4%;
}
}
@media only screen and (min-width: 1440px) {
.login_page-form {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
width: 35%;
padding: 120px 6% 50px;
}
}
.login_page-form_title {
display: none;
}
@media only screen and (min-width: 768px) {
.login_page-form_title {
display: block;
font: 3rem / 3rem brandongrotesque-medium, Arial, Helvetica, sans-serif;
text-transform: uppercase;
color: #ffffff;
}
}
.login_page .modal .content-asset span {
white-space: nowrap;
}
.login-form .alert-danger {
color: #ff0000;
font: 1rem / 1.7142857143rem brandongrotesque-regular, Arial, Helvetica, sans-serif;
margin: -15px 0 15px;
}
@media only screen and (min-width: 768px) {
.login-form .alert-danger {
margin: -20px 0 30px;
}
}
.login-form .alert_message_banner {
margin-bottom: 15px;
background-color: rgba(45, 45, 45, 0.3);
}
.login-form .alert_message_banner-text {
color: #ffffff;
}
.login-form .error_banner {
background: 0;
border: 0;
padding: 0;
margin: 0;
}
.login-form .error_banner-text {
text-align: left;
padding: 0;
margin: 0;
}
.login-form .alert_message-danger {
background-color: #fff3f3;
border: 1px solid #ff0000;
border-radius: 3px;
display: -ms-flexbox;
display: flex;
padding: 0;
}
.login-form .alert_message-danger-icon {
/* stylelint-disable-line */
display: none;
}
.login-form .alert_message-danger-text {
-ms-flex-item-align: center;
align-self: center;
color: #ff0000;
-ms-flex-positive: 1;
flex-grow: 1;
font: 0.9285714286rem / 1.2857142857rem opensans-regular, Arial, Helvetica, sans-serif;
padding: 18px 20px;
text-align: center;
}
.login-form .alert_message-danger-text p + p {
margin-top: 10px;
}
.login-form .alert_message-danger-link {
padding: 0;
border: 0;
background: none;
background-color: transparent;
background-image: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.login-form .alert_message-danger-link::-ms-expand {
display: none;
}
.login-form .alert_message-danger-link.link-disabled, .login-form .alert_message-danger-link.link-disabled:hover, .login-form .alert_message-danger-link.link-disabled:focus, .login-form .alert_message-danger-link.link-disabled:active, .login-form .alert_message-danger-link[disabled], .login-form .alert_message-danger-link[disabled]:hover, .login-form .alert_message-danger-link[disabled]:focus, .login-form .alert_message-danger-link[disabled]:active {
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.login-form .alert_message-danger-link {
display: inline-block;
cursor: pointer;
color: #076795;
}
.login-form .alert_message-danger-link:hover, .login-form .alert_message-danger-link:active {
text-decoration: underline;
}
.login-form .alert_message-danger-link {
font: 1rem opensans-semibold, Arial, Helvetica, sans-serif;
font-size: 0.9285714286rem;
}
.login-form .alert_message-danger-button {
border: 1px solid transparent;
cursor: pointer;
display: inline-block;
font: 1rem / 1 brandongrotesque-medium, Arial, Helvetica, sans-serif;
text-align: center;
text-transform: uppercase;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-radius: 3px;
padding: 14.5px 20px;
width: 100%;
background-color: #83c487;
border-color: #83c487;
color: #ffffff;
}
.login-form .alert_message-danger-button:hover {
color: #ff0000;
background-color: #fff3f3;
}
.login-form-forgot_password {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: baseline;
align-items: baseline;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 20px;
}
.login-form-forgot_password-link {
padding: 0;
border: 0;
background: none;
background-color: transparent;
background-image: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.login-form-forgot_password-link::-ms-expand {
display: none;
}
.login-form-forgot_password-link.link-disabled, .login-form-forgot_password-link.link-disabled:hover, .login-form-forgot_password-link.link-disabled:focus, .login-form-forgot_password-link.link-disabled:active, .login-form-forgot_password-link[disabled], .login-form-forgot_password-link[disabled]:hover, .login-form-forgot_password-link[disabled]:focus, .login-form-forgot_password-link[disabled]:active {
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.login-form-forgot_password-link {
display: inline-block;
cursor: pointer;
color: #076795;
}
.login-form-forgot_password-link:hover, .login-form-forgot_password-link:active {
text-decoration: underline;
}
.login-form-forgot_password-link {
-ms-flex: 0 1 auto;
flex: 0 1 auto;
margin-top: 10px;
color: #ffffff;
font: 1rem opensans-regular, Arial, Helvetica, sans-serif;
}
@media only screen and (min-width: 768px) and (-ms-high-contrast: active), (-ms-high-contrast: none) {
[locale=nl_NL] .login-form-forgot_password-link {
text-align: right;
max-width: 50%;
}
}
.login-form-button {
border: 1px solid transparent;
cursor: pointer;
display: inline-block;
font: 1rem / 1 brandongrotesque-medium, Arial, Helvetica, sans-serif;
text-align: center;
text-transform: uppercase;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-radius: 3px;
padding: 14.5px 20px;
width: 100%;
}
.login-form-button.button-disabled, .sales_rep_promo-upload:not(.active) .login-form-button.sales_rep_promo-upload-label, .login-form-button.button-disabled:hover, .login-form-button.button-disabled:focus, .login-form-button.button-disabled:active, .login-form-button[disabled], .login-form-button[disabled]:hover, .login-form-button[disabled]:focus, .login-form-button[disabled]:active {
background-color: #e7e7e7;
border-color: #e7e7e7;
-webkit-box-shadow: none;
box-shadow: none;
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.login-form-button { /* stylelint-disable-line */
background-color: #076795;
border-color: #076795;
color: #ffffff;
}
.login-form-button:active {
background-color: #d7e7ef;
border-color: #d7e7ef;
color: #076795;
}
@media only screen and (min-width: 1025px) {
.login-form-button:hover {
background-color: #d7e7ef;
border-color: #d7e7ef;
color: #076795;
}
}
.login-form-button:active {
-webkit-box-shadow: inset 0 3px 2px rgba(0, 0, 0, 0.12);
box-shadow: inset 0 3px 2px rgba(0, 0, 0, 0.12);
}
.login-form-button {
width: 100%;
}
.login-form-group {
margin-top: 20px;
}
.login-form-group.activation {
margin-bottom: 20px;
}
.login-form-group.required .login-form-label::after {
content: none;
}
.login-form-activation {
margin-bottom: 30px;
}
.login-form-info_tooltip {
display: inline-block;
margin-left: 5px;
}
.login-form-info_tooltip .tooltip-link {
padding: 0;
}
.login-form-info_tooltip .tooltip-link::after {
background-color: #ffffff;
border: 1px solid #ffffff;
border-radius: 50%;
opacity: 1;
color: rgba(7, 103, 149, 0.7);
width: 16px;
height: 16px;
}
.login-form-info_tooltip .tooltip {
min-width: 200px;
}
.login-form-label {
color: #ffffff;
}
.login-form-input {
background-color: rgba(255, 255, 255, 0.1);
color: #ffffff;
border-color: #ffffff;
}
@media only screen and (min-width: 768px) {
.login-form-input {
background-color: #4d4d4d;
}
}
.login-form-input:focus {
color: #c5c5c5;
border-color: #ffffff;
}
.login-form-input.is-invalid {
background-color: rgba(255, 255, 255, 0.1);
color: #c5c5c5;
}
@media only screen and (min-width: 768px) {
.login-form-input.is-invalid {
background-color: #4d4d4d;
}
}
.login-form-checkbox {
-ms-flex: 1 1 50%;
flex: 1 1 50%;
}
@media only screen and (min-width: 768px) and (-ms-high-contrast: active), (-ms-high-contrast: none) {
[locale=nl_NL] .login-form-checkbox {
max-width: 50%;
}
}
.login-form-no_account {
padding: 30px 10px;
background-color: #2d2d2d;
}
@media only screen and (min-width: 768px) {
.login-form-no_account {
background-color: transparent;
padding: 0;
}
}
.login-form-no_account-registration_btn { /* stylelint-disable-line */
border: 1px solid transparent;
cursor: pointer;
display: inline-block;
font: 1rem / 1 brandongrotesque-medium, Arial, Helvetica, sans-serif;
text-align: center;
text-transform: uppercase;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-radius: 3px;
padding: 14.5px 20px;
width: 100%;
}
.login-form-no_account-registration_btn.button-disabled, .sales_rep_promo-upload:not(.active) .login-form-no_account-registration_btn.sales_rep_promo-upload-label, .login-form-no_account-registration_btn.button-disabled:hover, .login-form-no_account-registration_btn.button-disabled:focus, .login-form-no_account-registration_btn.button-disabled:active, .login-form-no_account-registration_btn[disabled], .login-form-no_account-registration_btn[disabled]:hover, .login-form-no_account-registration_btn[disabled]:focus, .login-form-no_account-registration_btn[disabled]:active {
background-color: #e7e7e7;
border-color: #e7e7e7;
-webkit-box-shadow: none;
box-shadow: none;
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.login-form-no_account-registration_btn { /* stylelint-disable-line */
background-color: #ffffff;
border-color: #ffffff;
color: #434343;
}
.login-form-no_account-registration_btn:active {
background-color: #646464;
border-color: #646464;
color: #ffffff;
}
@media only screen and (min-width: 1025px) {
.login-form-no_account-registration_btn:hover {
background-color: #646464;
border-color: #646464;
color: #ffffff;
}
}
.login-form-no_account-action_bot {
padding-top: 25px;
border-top: 1px solid #ffffff;
margin-top: 25px;
}
.login-form-no_account-registration_title {
color: #ffffff;
font: 1.0714285714rem / 1.2857142857rem brandongrotesque-medium, Arial, Helvetica, sans-serif;
padding-bottom: 25px;
}
.login-form-no_account-registration_heading {
display: none;
}
html[locale=fr_FR] .login-form-no_account-registration_heading {
font: 1.8571428571rem / 1.7142857143rem brandongrotesque-medium, Arial, Helvetica, sans-serif;
text-transform: uppercase;
color: #ffffff;
margin-bottom: 15px;
display: block;
}
.login-registration {
padding: 30px 10px;
background-color: #2d2d2d;
}
@media only screen and (min-width: 768px) {
.login-registration {
background-color: transparent;
border-top: 1px solid rgba(255, 255, 255, 0.3);
margin-top: 30px;
padding: 30px 0 0;
}
}
.login-registration-title {
color: #ffffff;
font: 1.7142857143rem / 1.4285714286rem brandongrotesque-medium, Arial, Helvetica, sans-serif;
margin-bottom: 20px;
}
.login-registration-text {
color: #c5c5c5;
font: 0.9285714286rem / 1.4285714286rem opensans-regular, Arial, Helvetica, sans-serif;
}
.login-registration-link {
padding: 0;
border: 0;
background: none;
background-color: transparent;
background-image: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.login-registration-link::-ms-expand {
display: none;
}
.login-registration-link.link-disabled, .login-registration-link.link-disabled:hover, .login-registration-link.link-disabled:focus, .login-registration-link.link-disabled:active, .login-registration-link[disabled], .login-registration-link[disabled]:hover, .login-registration-link[disabled]:focus, .login-registration-link[disabled]:active {
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.login-registration-link {
display: inline-block;
cursor: pointer;
color: #076795;
}
.login-registration-link:hover, .login-registration-link:active {
text-decoration: underline;
}
.login-registration-link {
font: 0.8571428571rem opensans-regular, Arial, Helvetica, sans-serif;
}
.self_registration-header {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
height: 70px;
width: 100%;
padding-left: 20px;
background: #646464;
}
.self_registration-header svg,
.self_registration-header .logo-img {
width: 250px;
}
.self_registration-page_logo {
margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
.self_registration-page_logo {
display: none;
}
}
.self_registration-modal_headline {
font: 1.1428571429rem / 1.4285714286rem brandongrotesque-regular, Arial, Helvetica, sans-serif;
color: #434343;
margin-bottom: 20px;
}
.self_registration-modal_footer {
display: -ms-flexbox;
display: flex;
}
@media only screen and (max-width: 767px) {
.self_registration-modal_footer {
-ms-flex-direction: column;
flex-direction: column;
}
}
.self_registration-modal_footer .button + .button {
margin-left: 20px;
}
@media only screen and (max-width: 767px) {
.self_registration-modal_footer .button + .button {
margin: 10px 0 0;
}
}
.self_registration-page {
display: -ms-flexbox;
display: flex;
min-height: 100vh;
}
@media only screen and (max-width: 767px) {
.self_registration-page {
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
min-height: initial;
}
}
.self_registration-decoration {
padding: 40px;
width: 30%;
background-color: #d7e7ef;
}
@media only screen and (min-width: 768px) {
.self_registration-decoration {
background-image: url("../images/login-bg-desktop.png");
background-repeat: no-repeat;
background-size: 90%;
background-position: 50% bottom;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.self_registration-decoration {
width: 35%;
}
}
@media only screen and (max-width: 767px) {
.self_registration-decoration {
width: 100%;
padding: 30px 10px;
}
}
.self_registration-decoration > h2 {
margin-bottom: 20px;
}
.self_registration-content {
width: 70%;
padding: 60px 100px;
background: #ffffff;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: center;
align-items: center;
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
.self_registration-content {
padding: 40px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.self_registration-content {
width: 65%;
}
}
@media only screen and (max-width: 767px) {
.self_registration-content {
width: 100%;
padding: 0;
background-color: #d7e7ef;
}
}
@media only screen and (max-width: 767px) {
.self_registration-content.m-confirm {
padding-top: 20px;
}
}
.self_registration-nav-list {
display: -ms-flexbox;
display: flex;
margin-bottom: 60px;
max-width: 620px;
width: 100%;
}
@media only screen and (max-width: 767px) {
.self_registration-nav-list {
padding: 20px 10px;
margin-bottom: 0;
}
}
.self_registration-nav-item {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
.self_registration-nav-item::after {
content: "";
height: 1px;
width: 40px;
margin-left: 10px;
background: #434343;
display: -ms-flexbox;
display: flex;
}
@media only screen and (max-width: 767px) {
.self_registration-nav-item::after {
width: 15px;
}
}
.self_registration-nav-item:last-child::after {
display: none;
}
.self_registration-nav-item + .self_registration-nav-item {
margin-left: 10px;
}
.self_registration-nav-item.selected .self_registration-nav-link::before, .self_registration-nav-item.selected .self_registration-nav-text::before {
background: #076795;
}
.self_registration-nav-item.active .self_registration-nav-link:after, .self_registration-nav-item.active .self_registration-nav-text:after {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 11px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f15e";
}
.self_registration-nav-item.active .self_registration-nav-link, .self_registration-nav-item.active .self_registration-nav-text {
position: relative;
}
.self_registration-nav-item.active .self_registration-nav-link::before, .self_registration-nav-item.active .self_registration-nav-text::before {
background: #076795;
}
.self_registration-nav-item.active .self_registration-nav-link::after, .self_registration-nav-item.active .self_registration-nav-text::after {
background: #ffffff;
color: #31333d;
border-radius: 50%;
height: 10px;
width: 10px;
line-height: 1;
position: absolute;
top: 16px;
left: 18px;
}
.self_registration-nav-link, .self_registration-nav-text {
font: 1rem / 1.2857142857rem brandongrotesque-regular, Arial, Helvetica, sans-serif;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
white-space: nowrap;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.self_registration-nav-link, .self_registration-nav-text {
white-space: initial;
}
}
@media only screen and (max-width: 767px) {
.self_registration-nav-link, .self_registration-nav-text {
white-space: initial;
}
}
.self_registration-nav-link::before, .self_registration-nav-text::before {
border-radius: 50%;
min-width: 30px;
max-width: 30px;
height: 30px;
background: rgba(7, 103, 149, 0.5);
border: 1px solid #ffffff;
-webkit-filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.25));
filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.25));
margin-right: 10px;
}
.self_registration-nav-link[data-type=userData]:before, .self_registration-nav-text[data-type=userData]:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f160";
}
.self_registration-nav-link[data-type=userData]::before, .self_registration-nav-text[data-type=userData]::before {
color: #ffffff;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
}
.self_registration-nav-link[data-type=accountVerification]:before, .self_registration-nav-text[data-type=accountVerification]:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 15px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f161";
}
.self_registration-nav-link[data-type=accountVerification]::before, .self_registration-nav-text[data-type=accountVerification]::before {
color: #ffffff;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
}
.self_registration-nav-link[data-type=userPermission]:before, .self_registration-nav-text[data-type=userPermission]:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 10px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f15f";
}
.self_registration-nav-link[data-type=userPermission]::before, .self_registration-nav-text[data-type=userPermission]::before {
color: #ffffff;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
}
.self_registration-title {
margin-bottom: 50px;
color: #434343;
}
@media only screen and (max-width: 767px) {
.self_registration-title {
margin-bottom: 20px;
}
}
.self_registration-description {
font: 1.2857142857rem / 1.7142857143rem brandongrotesque-regular, Arial, Helvetica, sans-serif;
text-transform: uppercase;
margin-bottom: 30px;
color: #434343;
}
.self_registration-form-checkbox {
margin-bottom: 30px;
}
.self_registration-form-checkbox .custom-control-label.custom-control-label.custom-control-label.custom-control-label {
font: 1.5714285714rem / 1.5714285714rem opensans-semibold, Arial, Helvetica, sans-serif;
color: #434343;
}
.self_registration-form-description {
font: 1rem / 1.2857142857rem brandongrotesque-regular, Arial, Helvetica, sans-serif;
color: #434343;
margin-bottom: 30px;
}
.self_registration-form-wrapper {
max-width: 620px;
width: 100%;
}
@media only screen and (max-width: 767px) {
.self_registration-form-wrapper {
margin: 0 10px;
padding: 20px 10px 40px;
background: #ffffff;
border-radius: 3px;
max-width: 100%;
}
}
.self_registration-form-wrapper.m-confirm {
max-width: 100%;
}
.self_registration-form .error_banner {
margin-bottom: 25px;
}
.self_registration-form .custom-control-label {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.self_registration-box {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: justify;
justify-content: space-between;
margin: -40px 0 0 -80px;
}
@media only screen and (max-width: 767px) {
.self_registration-box {
margin-left: 0;
}
}
.self_registration-fieldset {
-ms-flex: 0 0 270px;
flex: 0 0 270px;
margin: 40px 0 0 80px;
}
@media only screen and (max-width: 767px) {
.self_registration-fieldset {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
margin-left: 0;
}
}
.self_registration-submit {
margin-top: 50px;
}
@media only screen and (max-width: 767px) {
.self_registration-submit {
margin-top: 20px;
}
}
.self_registration-confirm_description {
font: 1.1428571429rem / 1.7142857143rem brandongrotesque-regular, Arial, Helvetica, sans-serif;
color: #434343;
}
.self_registration-field-message {
color: #ff0000;
font: 1rem / 1.2857142857rem brandongrotesque-regular, Arial, Helvetica, sans-serif;
}
.company_info {
padding: 35px 0;
}
@media only screen and (min-width: 768px) {
.company_info {
padding: 0;
}
}
.company_info-heading {
margin-bottom: 25px;
}
.company_info-heading_text {
color: #434343;
font: 2.1428571429rem / 2.2857142857rem brandongrotesque-bold, Arial, Helvetica, sans-serif;
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
.company_info-heading_text {
color: #000000;
font: 1.4285714286rem / 1.5714285714rem brandongrotesque-bold, Arial, Helvetica, sans-serif;
}
}
@media only screen and (min-width: 768px) {
.company_info-benefit {
max-width: 450px;
}
}
.company_info-benefit + .company_info-benefit {
margin-top: 25px;
}
.company_info-benefit_title {
color: #434343;
font: 1.7142857143rem / 1.8571428571rem brandongrotesque-bold, Arial, Helvetica, sans-serif;
margin-bottom: 10px;
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
.company_info-benefit_title {
font: 1.2857142857rem / 1.4285714286rem brandongrotesque-bold, Arial, Helvetica, sans-serif;
}
}
.company_info-benefit_text, .company_info-benefit_text-tel {
color: #646464;
font: 1rem / 1.4285714286rem opensans-regular, Arial, Helvetica, sans-serif;
}
.login-banner {
background-color: #213858;
}
.login-banner-wrapper {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
padding: 20px 0;
}
@media only screen and (min-width: 768px) {
.login-banner-wrapper {
-ms-flex-direction: row;
flex-direction: row;
}
}
.login-banner-text {
color: #ffffff;
text-align: center;
font: 1rem / 1.4285714286rem brandongrotesque-regular, Arial, Helvetica, sans-serif;
text-transform: uppercase;
padding: 0 35px;
}
.login-banner-image {
max-width: 60px;
}
.login-info {
padding: 40px 0;
}
@media only screen and (min-width: 768px) {
.login-info {
padding: 100px 0;
}
}
.login-info-video {
width: 100%;
}
@media only screen and (min-width: 768px) {
.login-info-video {
max-width: 570px;
}
}
.login-info-video iframe {
width: 100%;
}
@media only screen and (min-width: 768px) {
.login-info-wrapper {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
}
}
.login-info-text {
margin-top: 35px;
}
@media only screen and (min-width: 768px) {
.login-info-text {
max-width: 470px;
margin: 0 0 0 20px;
}
}
.login-info-text_title {
margin-bottom: 25px;
}
.login-info-text_copy {
font: 1rem / 1.5714285714rem opensans-regular, Arial, Helvetica, sans-serif;
color: #646464;
margin-bottom: 40px;
}
@media only screen and (min-width: 768px) {
.login-info-text_button {
max-width: 235px;
}
}
@media only screen and (min-width: 768px) {
.login-logo {
max-width: 400px;
margin: 0;
}
}
@media only screen and (min-width: 768px) and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.login-logo svg.logo-img {
max-height: 70px;
}
}
.login-logo img {
width: 100%;
}
.login-country_selector {
position: relative;
z-index: 1;
margin-top: 20px;
text-align: center;
}
@media only screen and (min-width: 768px) {
.login-country_selector {
position: absolute;
top: 40px;
right: 40px;
text-align: right;
margin-top: 0;
z-index: 2;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
.login-country_selector {
position: static;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: end;
justify-content: flex-end;
}
}
@media only screen and (min-width: 1440px) {
.login-country_selector {
right: 16%;
}
}
.login-country_selector .localization_selector {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='255px' height='255px' fill='%23ffffff'%3E%3Cpolygon points='0,63.75 127.5,191.25 255,63.75 '/%3E%3C/svg%3E");
background-color: transparent;
background-repeat: no-repeat;
background-size: 10px;
background-position: calc(100% - 10px);
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding: 0 25px 0 10px;
cursor: pointer;
color: inherit;
}
.login-country_selector .localization_selector::-ms-expand {
display: none;
}
.login-country_selector .localization_selector:focus {
border-color: #ffffff;
}
.login-country_selector .localization_selector:disabled {
color: rgba(0, 0, 0, 0.6);
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='255px' height='255px' fill='rgba(0, 0, 0, 0.3)'%3E%3Cpolygon points='0,63.75 127.5,191.25 255,63.75 '/%3E%3C/svg%3E");
background-color: #e7e7e7;
opacity: 1;
}
@media not all and (min-resolution: 0.001dpcm) {
@supports (-webkit-appearance: none) and (stroke-color: transparent) {
.login-country_selector .localization_selector:disabled {
background-color: rgba(231, 231, 231, 0.4);
color: rgba(0, 0, 0, 0.15);
border-color: rgba(231, 231, 231, 0.5);
}
}
}
.login-country_selector .localization_selector:disabled::-ms-value {
color: rgba(0, 0, 0, 0.3);
}
.login-country_selector .localization_selector option, .login-country_selector .localization_selector-option {
font: 1.1428571429rem / 1.2857142857rem brandongrotesque-regular, Arial, Helvetica, sans-serif;
color: #ffffff;
}
.login-country_selector .localization_selector:focus::-ms-value {
background-color: transparent;
color: inherit;
}
.login-country_selector .localization_selector {
width: auto;
min-width: 170px;
display: inline-block;
color: #ffffff;
border-color: #ffffff;
}
.login-country_selector .localization_selector option {
background-color: #4d4d4d;
text-transform: capitalize;
}
@media only screen and (min-width: 768px) {
.login-country_selector .localization_selector {
min-width: 150px;
margin-bottom: 40px;
}
}
.forgot_password-subtitle {
margin-top: 30px;
}
.forgot_password-text {
color: #646464;
font: 1rem / 1.4285714286rem opensans-regular, Arial, Helvetica, sans-serif;
margin: 10px 0 15px;
}
@media only screen and (min-width: 768px) {
.forgot_password-inner {
display: -ms-flexbox;
display: flex;
-ms-flex-align: start;
align-items: flex-start;
}
}
@media only screen and (min-width: 768px) {
.forgot_password-inner .form-group {
-ms-flex-positive: 1;
flex-grow: 1;
}
}
.forgot_password-button {
border: 1px solid transparent;
cursor: pointer;
display: inline-block;
font: 1rem / 1 brandongrotesque-medium, Arial, Helvetica, sans-serif;
text-align: center;
text-transform: uppercase;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-radius: 3px;
padding: 14.5px 20px;
width: 100%;
}
.forgot_password-button.button-disabled, .sales_rep_promo-upload:not(.active) .forgot_password-button.sales_rep_promo-upload-label, .forgot_password-button.button-disabled:hover, .forgot_password-button.button-disabled:focus, .forgot_password-button.button-disabled:active, .forgot_password-button[disabled], .forgot_password-button[disabled]:hover, .forgot_password-button[disabled]:focus, .forgot_password-button[disabled]:active {
background-color: #e7e7e7;
border-color: #e7e7e7;
-webkit-box-shadow: none;
box-shadow: none;
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.forgot_password-button { /* stylelint-disable-line */
background-color: #076795;
border-color: #076795;
color: #ffffff;
}
.forgot_password-button:active {
background-color: #d7e7ef;
border-color: #d7e7ef;
color: #076795;
}
@media only screen and (min-width: 1025px) {
.forgot_password-button:hover {
background-color: #d7e7ef;
border-color: #d7e7ef;
color: #076795;
}
}
.forgot_password-button:active {
-webkit-box-shadow: inset 0 3px 2px rgba(0, 0, 0, 0.12);
box-shadow: inset 0 3px 2px rgba(0, 0, 0, 0.12);
}
.forgot_password-button {
margin-top: 5px;
}
@media only screen and (min-width: 768px) {
.forgot_password-button {
margin: 26px 0 0 10px;
min-width: 130px;
width: auto;
-ms-flex-negative: 0;
flex-shrink: 0;
}
}
.forgot_password-page_wrapper {
display: -ms-flexbox;
display: flex;
margin-top: 10px;
margin-bottom: 50px;
}
@media only screen and (min-width: 768px) {
.forgot_password-page_wrapper {
margin-top: 50px;
margin-bottom: 80px;
}
}
.forgot_password-page {
padding: 30px 10px;
width: 100%;
}
@media only screen and (min-width: 768px) {
.forgot_password-page {
padding: 30px 30px 50px;
}
}
@media only screen and (min-width: 768px) {
.forgot_password-page_content {
width: 50%;
}
}
@media only screen and (min-width: 768px) {
.forgot_password-page_form .forgot_password-button {
float: none;
min-width: auto;
}
}
.reset_password-heading {
-webkit-box-shadow: 0 0 10px 2px #c5c5c5;
box-shadow: 0 0 10px 2px #c5c5c5;
border-top: 4px solid #213858;
}
.reset_password-heading_wrapper {
-ms-flex-align: center;
align-items: center;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 20px 0;
}
@media only screen and (max-width: 374px) {
.reset_password-heading_wrapper {
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
}
}
.reset_password-heading_link:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f132";
}
.reset_password-heading_link {
-ms-flex-align: center;
align-items: center;
color: #000000;
display: -ms-flexbox;
display: flex;
font-size: 1.1428571429rem;
}
.reset_password-heading_link::before {
margin-right: 10px;
opacity: 0.5;
-webkit-transition: opacity 0.2s ease 0s;
transition: opacity 0.2s ease 0s;
}
.reset_password-heading_link:hover::before {
opacity: 1;
}
@media only screen and (max-width: 374px) {
.reset_password-heading_link {
margin-top: 20px;
}
}
@media only screen and (min-width: 768px) {
.reset_password-heading_link {
margin: 0;
}
}
.reset_password-form .tooltip {
width: 200px;
}
.reset_password-form .tooltip-link {
display: inline-block;
font-size: 0;
line-height: 1.2857142857rem;
vertical-align: bottom;
}
.reset_password-logo_img {
vertical-align: inherit;
width: 200px;
}
.reset_password-page_wrapper {
margin-top: 10px;
margin-bottom: 50px;
}
@media only screen and (min-width: 768px) {
.reset_password-page_wrapper {
margin-top: 60px;
margin-bottom: 80px;
}
}
.reset_password-page {
padding: 0 10px;
}
@media only screen and (min-width: 768px) {
.reset_password-page {
padding: 0 30px;
}
}
.reset_password-page_content {
padding: 40px 0;
}
@media only screen and (min-width: 768px) {
.reset_password-page_content {
width: 40%;
}
}
.reset_password-info {
margin: 30px 0 20px;
}
.reset_password-text {
color: #646464;
margin-top: 10px;
}
.reset_password-button {
border: 1px solid transparent;
cursor: pointer;
display: inline-block;
font: 1rem / 1 brandongrotesque-medium, Arial, Helvetica, sans-serif;
text-align: center;
text-transform: uppercase;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-radius: 3px;
padding: 14.5px 20px;
width: 100%;
}
.reset_password-button.button-disabled, .sales_rep_promo-upload:not(.active) .reset_password-button.sales_rep_promo-upload-label, .reset_password-button.button-disabled:hover, .reset_password-button.button-disabled:focus, .reset_password-button.button-disabled:active, .reset_password-button[disabled], .reset_password-button[disabled]:hover, .reset_password-button[disabled]:focus, .reset_password-button[disabled]:active {
background-color: #e7e7e7;
border-color: #e7e7e7;
-webkit-box-shadow: none;
box-shadow: none;
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.reset_password-button { /* stylelint-disable-line */
background-color: #076795;
border-color: #076795;
color: #ffffff;
}
.reset_password-button:active {
background-color: #d7e7ef;
border-color: #d7e7ef;
color: #076795;
}
@media only screen and (min-width: 1025px) {
.reset_password-button:hover {
background-color: #d7e7ef;
border-color: #d7e7ef;
color: #076795;
}
}
.reset_password-button:active {
-webkit-box-shadow: inset 0 3px 2px rgba(0, 0, 0, 0.12);
box-shadow: inset 0 3px 2px rgba(0, 0, 0, 0.12);
}
.reset_password-button {
margin-top: 20px;
}
.reset_password-unallowed {
font: 1.2857142857rem / 1.4285714286rem brandongrotesque-medium, Arial, Helvetica, sans-serif;
color: #ff0000;
margin-top: 30px;
}
.login-promotion_banner {
margin-bottom: 15px;
}
.login-promotion_banner {
background-color: #ffefae;
border: 1px solid #213858;
border-radius: 3px;
display: -ms-flexbox;
display: flex;
padding: 0;
}
.login-promotion_banner-icon {
/* stylelint-disable-line */
}
.login-promotion_banner-icon:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f149";
}
.login-promotion_banner-icon {
background-color: #213858;
color: #ffefae;
min-height: 100%;
min-width: 46px;
position: relative;
}
.login-promotion_banner-icon::before {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
font-size: 1.2857142857rem;
}
.login-promotion_banner-text {
-ms-flex-item-align: center;
align-self: center;
color: #213858;
-ms-flex-positive: 1;
flex-grow: 1;
font: 0.9285714286rem / 1.2857142857rem opensans-regular, Arial, Helvetica, sans-serif;
padding: 18px 20px;
text-align: center;
}
.login-promotion_banner-text p + p {
margin-top: 10px;
}
.login-promotion_banner-link {
padding: 0;
border: 0;
background: none;
background-color: transparent;
background-image: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.login-promotion_banner-link::-ms-expand {
display: none;
}
.login-promotion_banner-link.link-disabled, .login-promotion_banner-link.link-disabled:hover, .login-promotion_banner-link.link-disabled:focus, .login-promotion_banner-link.link-disabled:active, .login-promotion_banner-link[disabled], .login-promotion_banner-link[disabled]:hover, .login-promotion_banner-link[disabled]:focus, .login-promotion_banner-link[disabled]:active {
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.login-promotion_banner-link {
display: inline-block;
cursor: pointer;
color: #076795;
}
.login-promotion_banner-link:hover, .login-promotion_banner-link:active {
text-decoration: underline;
}
.login-promotion_banner-link {
font: 1rem opensans-semibold, Arial, Helvetica, sans-serif;
font-size: 0.9285714286rem;
}
.login-promotion_banner-button {
border: 1px solid transparent;
cursor: pointer;
display: inline-block;
font: 1rem / 1 brandongrotesque-medium, Arial, Helvetica, sans-serif;
text-align: center;
text-transform: uppercase;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-radius: 3px;
padding: 14.5px 20px;
width: 100%;
background-color: #213858;
border-color: #213858;
color: #ffefae;
}
.login-promotion_banner-button:hover {
color: #213858;
background-color: #ffefae;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.login-promotion_banner {
margin-bottom: 20px;
}
}
@media only screen and (min-width: 1025px) {
.login-promotion_banner {
margin-bottom: 35px;
}
}
.login-promotion_banner-wrapper.m-ro_freight {
padding: 10px 20px 0 20px;
}
.login-promotion_banner-text {
text-align: initial;
}
@media only screen and (max-width: 1199px) {
.login-promotion_banner-text {
padding: 15px;
}
}
.login-promotion_banner-text b {
font: inherit;
font-weight: bold;
}
.login-promotion_banner-info {
display: -ms-flexbox;
display: flex;
-ms-flex-positive: 1;
flex-grow: 1;
}
.login-promotion_banner-info .login-promotion_banner-text {
-ms-flex: 1 1 60%;
flex: 1 1 60%;
}
@media only screen and (min-width: 375px) and (max-width: 1024px) {
.login-promotion_banner-info {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
}
}
.login-promotion_banner-link {
-ms-flex-item-align: center;
align-self: center;
margin: 0 30px 0 auto;
min-width: 140px;
padding: 15px 0;
}
@media only screen and (min-width: 375px) and (max-width: 1024px) {
.login-promotion_banner-link {
margin: 0;
max-width: 100%;
min-width: 100%;
padding: 0 15px 10px;
}
}
.login-promotion_banner-link a {
background-color: #213858;
border-color: #213858;
}
.login-activation {
background-color: rgba(253, 184, 35, 0.05);
border: 1px solid #fdb823;
border-radius: 3px;
display: -ms-flexbox;
display: flex;
padding: 0;
}
.login-activation-icon {
/* stylelint-disable-line */
}
.login-activation-icon:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f173";
}
.login-activation-icon {
background-color: #fdb823;
color: #434343;
min-height: 100%;
min-width: 46px;
position: relative;
}
.login-activation-icon::before {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
font-size: 1.2857142857rem;
}
.login-activation-text {
-ms-flex-item-align: center;
align-self: center;
color: #ffffff;
-ms-flex-positive: 1;
flex-grow: 1;
font: 0.9285714286rem / 1.2857142857rem opensans-regular, Arial, Helvetica, sans-serif;
padding: 18px 20px;
text-align: center;
}
.login-activation-text p + p {
margin-top: 10px;
}
.login-activation-link {
padding: 0;
border: 0;
background: none;
background-color: transparent;
background-image: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.login-activation-link::-ms-expand {
display: none;
}
.login-activation-link.link-disabled, .login-activation-link.link-disabled:hover, .login-activation-link.link-disabled:focus, .login-activation-link.link-disabled:active, .login-activation-link[disabled], .login-activation-link[disabled]:hover, .login-activation-link[disabled]:focus, .login-activation-link[disabled]:active {
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.login-activation-link {
display: inline-block;
cursor: pointer;
color: #076795;
}
.login-activation-link:hover, .login-activation-link:active {
text-decoration: underline;
}
.login-activation-link {
font: 1rem opensans-semibold, Arial, Helvetica, sans-serif;
font-size: 0.9285714286rem;
}
.login-activation-button {
border: 1px solid transparent;
cursor: pointer;
display: inline-block;
font: 1rem / 1 brandongrotesque-medium, Arial, Helvetica, sans-serif;
text-align: center;
text-transform: uppercase;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-radius: 3px;
padding: 14.5px 20px;
width: 100%;
background-color: #fdb823;
border-color: #fdb823;
color: #434343;
}
.login-activation-button:hover {
color: #ffffff;
background-color: rgba(253, 184, 35, 0.05);
}
.login-activation {
margin: 30px 0 15px;
}
.login-activation-icon::before {
font-size: 2rem;
}
.login-activation-title {
color: #fdb823;
font: 1.4285714286rem / 1.5714285714rem brandongrotesque-bold, Arial, Helvetica, sans-serif;
margin-bottom: 20px;
}
.login-activation-text {
text-align: left;
color: #ffffff;
font: 0.9285714286rem / 1.1428571429rem opensans-regular, Arial, Helvetica, sans-serif;
}
.login_page-reactivation-title {
font: 2.5rem brandongrotesque-medium, Arial, Helvetica, sans-serif;
color: #ffffff;
}
.login_page-reactivation .warning_banner {
background-color: rgba(253, 184, 35, 0.05);
border: 1px solid #fdb823;
border-radius: 3px;
display: -ms-flexbox;
display: flex;
padding: 0;
}
.login_page-reactivation .warning_banner-icon {
/* stylelint-disable-line */
}
.login_page-reactivation .warning_banner-icon:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f173";
}
.login_page-reactivation .warning_banner-icon {
background-color: #fdb823;
color: #434343;
min-height: 100%;
min-width: 46px;
position: relative;
}
.login_page-reactivation .warning_banner-icon::before {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
font-size: 1.2857142857rem;
}
.login_page-reactivation .warning_banner-text {
-ms-flex-item-align: center;
align-self: center;
color: #ffffff;
-ms-flex-positive: 1;
flex-grow: 1;
font: 0.9285714286rem / 1.2857142857rem opensans-regular, Arial, Helvetica, sans-serif;
padding: 18px 20px;
text-align: center;
}
.login_page-reactivation .warning_banner-text p + p {
margin-top: 10px;
}
.login_page-reactivation .warning_banner-link {
padding: 0;
border: 0;
background: none;
background-color: transparent;
background-image: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.login_page-reactivation .warning_banner-link::-ms-expand {
display: none;
}
.login_page-reactivation .warning_banner-link.link-disabled, .login_page-reactivation .warning_banner-link.link-disabled:hover, .login_page-reactivation .warning_banner-link.link-disabled:focus, .login_page-reactivation .warning_banner-link.link-disabled:active, .login_page-reactivation .warning_banner-link[disabled], .login_page-reactivation .warning_banner-link[disabled]:hover, .login_page-reactivation .warning_banner-link[disabled]:focus, .login_page-reactivation .warning_banner-link[disabled]:active {
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.login_page-reactivation .warning_banner-link {
display: inline-block;
cursor: pointer;
color: #076795;
}
.login_page-reactivation .warning_banner-link:hover, .login_page-reactivation .warning_banner-link:active {
text-decoration: underline;
}
.login_page-reactivation .warning_banner-link {
font: 1rem opensans-semibold, Arial, Helvetica, sans-serif;
font-size: 0.9285714286rem;
}
.login_page-reactivation .warning_banner-button {
border: 1px solid transparent;
cursor: pointer;
display: inline-block;
font: 1rem / 1 brandongrotesque-medium, Arial, Helvetica, sans-serif;
text-align: center;
text-transform: uppercase;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-radius: 3px;
padding: 14.5px 20px;
width: 100%;
background-color: #fdb823;
border-color: #fdb823;
color: #434343;
}
.login_page-reactivation .warning_banner-button:hover {
color: #ffffff;
background-color: rgba(253, 184, 35, 0.05);
}
.login_page-reactivation .warning_banner {
margin-top: 15px;
}
.login_page-reactivation .warning_banner-text {
text-align: left;
}
.login_page-reactivation .warning_banner-text b {
font: 1.4285714286rem / 1.8571428571rem brandongrotesque-bold, Arial, Helvetica, sans-serif;
color: #fdb823;
margin-bottom: 15px;
display: block;
}
.login_no_acount {
font: 1rem / 1.4285714286rem opensans-regular, Arial, Helvetica, sans-serif;
color: #ffffff;
}
@media only screen and (min-width: 768px) {
.login_no_acount {
border-top: 1px solid rgba(255, 255, 255, 0.3);
margin: 30px 0 20px;
padding: 30px 0 0;
}
}
@media only screen and (max-width: 767px) {
.login_no_acount + .login_no_acount {
border-top: 1px solid rgba(255, 255, 255, 0.3);
margin: 30px 0 0;
padding: 30px 0 0;
}
}
.login_no_acount-text {
margin-bottom: 5px;
}
.login_no_acount-text .login_no_acount-link {
text-decoration: underline;
}
.login_no_acount-text .login_no_acount-link:hover {
text-decoration: none;
}
.login_no_acount-link {
padding: 0;
border: 0;
background: none;
background-color: transparent;
background-image: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.login_no_acount-link::-ms-expand {
display: none;
}
.login_no_acount-link.link-disabled, .login_no_acount-link.link-disabled:hover, .login_no_acount-link.link-disabled:focus, .login_no_acount-link.link-disabled:active, .login_no_acount-link[disabled], .login_no_acount-link[disabled]:hover, .login_no_acount-link[disabled]:focus, .login_no_acount-link[disabled]:active {
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.login_no_acount-link {
display: inline-block;
cursor: pointer;
color: #076795;
}
.login_no_acount-link:hover, .login_no_acount-link:active {
text-decoration: underline;
}
.login_no_acount-link {
color: #ffffff;
}
.alternetive_login_page-form {
margin-bottom: 20px;
}
@media only screen and (min-width: 768px) {
.login_page {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
background-color: #434343;
}
}
.login_page-wrapper {
position: relative;
min-height: 100vh;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-direction: column;
flex-direction: column;
}
@media only screen and (min-width: 768px) {
.login_page-wrapper {
background-color: #d7e7ef;
-ms-flex-pack: end;
justify-content: flex-end;
-ms-flex-direction: row;
flex-direction: row;
}
}
@media only screen and (min-width: 768px) and (max-width: 1439px) {
.login_page-wrapper {
background-image: url("../images/login-bg-desktop.png");
background-repeat: no-repeat;
background-size: 42%;
background-position: -120px bottom;
}
}
@media only screen and (min-width: 768px) and (max-width: 1439px) and (orientation: portrait) {
.login_page-wrapper {
background-size: 46%;
background-position: 3% bottom;
}
}
@media only screen and (max-width: 767px) {
.login_page-wrapper {
padding: 0 10px;
background-color: #686c77;
}
.login_page-wrapper::after {
position: absolute;
top: 0;
left: 0;
content: "";
height: 100%;
width: 100%;
background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, black), to(rgba(0, 0, 0, 0.1)));
background: linear-gradient(0deg, black 50%, rgba(0, 0, 0, 0.1) 100%);
}
}
.login_page-background {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: hidden;
}
.login_page-background::before {
position: absolute;
top: -30px;
right: 0;
content: "";
height: 100%;
width: 100%;
background-image: url("../images/login-bg-mobile.png");
background-repeat: no-repeat;
background-position: right top;
background-size: auto 60%;
}
.login_page-info {
z-index: 1;
margin: 15px 0;
}
@media only screen and (min-width: 768px) {
.login_page-info {
margin: 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 1439px) {
.login_page-info {
max-width: 45%;
padding: 120px 40px 40px;
z-index: auto;
}
}
@media only screen and (min-width: 768px) and (max-width: 1439px) and (orientation: portrait) {
.login_page-info {
width: 55%;
max-width: none;
padding-top: 40px;
}
}
@media only screen and (min-width: 1440px) {
.login_page-info {
width: 65%;
padding: 50px 5% 50px 0;
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: end;
align-items: flex-end;
}
.login_page-info::before {
position: absolute;
right: 500px;
bottom: 0;
content: "";
height: 100%;
width: 100%;
background-image: url("../images/login-bg-desktop.png");
background-position: 100% 0;
background-repeat: no-repeat;
background-size: auto 100%;
z-index: -1;
}
}
@media only screen and (max-width: 767px) {
.login_page-info {
-ms-flex-positive: 1;
flex-grow: 1;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: end;
justify-content: flex-end;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.login_page-info_heading {
margin-bottom: 20px;
position: relative;
}
}
@media only screen and (min-width: 1025px) {
.login_page-info_heading {
margin-bottom: 30px;
position: relative;
}
}
@media only screen and (min-width: 1200px) {
.login_page-info_heading {
max-width: 550px;
min-height: 40px;
width: 100%;
}
}
@media only screen and (min-width: 1200px) {
.login_page-content {
max-width: 550px;
width: 100%;
}
}
.login_page-promotion {
overflow: hidden;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
max-height: 100px;
}
.login_page-promotion.m-closed {
max-height: 0;
}
.login_page-promo_bottom {
background: #ffffff;
}
.grecaptcha-badge {
z-index: 10000;
}
.notifications_dashboard-upper {
display: -ms-flexbox;
display: flex;
margin-block: 25px;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media only screen and (max-width: 767px) {
.notifications_dashboard-title {
margin-bottom: 20px;
}
}
.notifications_dashboard-mark_all_link {
border: 1px solid transparent;
cursor: pointer;
display: inline-block;
font: 1rem / 1 brandongrotesque-medium, Arial, Helvetica, sans-serif;
text-align: center;
text-transform: uppercase;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-radius: 3px;
padding: 14.5px 20px;
width: 100%;
}
.notifications_dashboard-mark_all_link.button-disabled, .sales_rep_promo-upload:not(.active) .notifications_dashboard-mark_all_link.sales_rep_promo-upload-label, .notifications_dashboard-mark_all_link.button-disabled:hover, .notifications_dashboard-mark_all_link.button-disabled:focus, .notifications_dashboard-mark_all_link.button-disabled:active, .notifications_dashboard-mark_all_link[disabled], .notifications_dashboard-mark_all_link[disabled]:hover, .notifications_dashboard-mark_all_link[disabled]:focus, .notifications_dashboard-mark_all_link[disabled]:active {
background-color: #e7e7e7;
border-color: #e7e7e7;
-webkit-box-shadow: none;
box-shadow: none;
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.notifications_dashboard-mark_all_link { /* stylelint-disable-line */
background-color: #ffffff;
border-color: #076795;
color: #076795;
}
.notifications_dashboard-mark_all_link:active {
background-color: rgba(7, 103, 149, 0.1);
border-color: #076795;
color: #076795;
}
@media only screen and (min-width: 1025px) {
.notifications_dashboard-mark_all_link:hover {
background-color: rgba(7, 103, 149, 0.1);
border-color: #076795;
color: #076795;
}
}
.notifications_dashboard-mark_all_link:active {
-webkit-box-shadow: inset 0 4px 2px rgba(0, 0, 0, 0.12);
box-shadow: inset 0 4px 2px rgba(0, 0, 0, 0.12);
}
.notifications_dashboard-mark_all_link {
text-transform: capitalize;
padding: 5px 10px;
width: auto;
}
.notifications_dashboard .notifications_list-item:first-child {
border-top: 1px solid #076795;
}
.notifications_dashboard .notifications_list-item:last-child {
border-bottom: 1px solid #076795;
}
.notifications_dashboard-actions_mark_read {
padding: 0;
border: 0;
background: none;
background-color: transparent;
background-image: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.notifications_dashboard-actions_mark_read::-ms-expand {
display: none;
}
.notifications_dashboard-actions_mark_read.link-disabled, .notifications_dashboard-actions_mark_read.link-disabled:hover, .notifications_dashboard-actions_mark_read.link-disabled:focus, .notifications_dashboard-actions_mark_read.link-disabled:active, .notifications_dashboard-actions_mark_read[disabled], .notifications_dashboard-actions_mark_read[disabled]:hover, .notifications_dashboard-actions_mark_read[disabled]:focus, .notifications_dashboard-actions_mark_read[disabled]:active {
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.notifications_dashboard-actions_mark_read {
display: inline-block;
cursor: pointer;
color: #076795;
}
.notifications_dashboard-actions_mark_read:hover, .notifications_dashboard-actions_mark_read:active {
text-decoration: underline;
}
.notifications_dashboard-actions_mark_read {
font: 0.8571428571rem opensans-regular, Arial, Helvetica, sans-serif;
margin-bottom: 16px;
}
@media only screen and (min-width: 768px) {
.notifications_dashboard-actions_mark_read {
margin: 0;
text-align: right;
white-space: nowrap;
}
}
.notifications_dashboard-load_more {
margin-top: 30px;
text-align: center;
}
.notifications_dashboard-load_more-btn {
border: 1px solid transparent;
cursor: pointer;
display: inline-block;
font: 1rem / 1 brandongrotesque-medium, Arial, Helvetica, sans-serif;
text-align: center;
text-transform: uppercase;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-radius: 3px;
padding: 14.5px 20px;
width: 100%;
}
.notifications_dashboard-load_more-btn.button-disabled, .sales_rep_promo-upload:not(.active) .notifications_dashboard-load_more-btn.sales_rep_promo-upload-label, .notifications_dashboard-load_more-btn.button-disabled:hover, .notifications_dashboard-load_more-btn.button-disabled:focus, .notifications_dashboard-load_more-btn.button-disabled:active, .notifications_dashboard-load_more-btn[disabled], .notifications_dashboard-load_more-btn[disabled]:hover, .notifications_dashboard-load_more-btn[disabled]:focus, .notifications_dashboard-load_more-btn[disabled]:active {
background-color: #e7e7e7;
border-color: #e7e7e7;
-webkit-box-shadow: none;
box-shadow: none;
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.notifications_dashboard-load_more-btn { /* stylelint-disable-line */
background-color: #076795;
border-color: #076795;
color: #ffffff;
}
.notifications_dashboard-load_more-btn:active {
background-color: #d7e7ef;
border-color: #d7e7ef;
color: #076795;
}
@media only screen and (min-width: 1025px) {
.notifications_dashboard-load_more-btn:hover {
background-color: #d7e7ef;
border-color: #d7e7ef;
color: #076795;
}
}
.notifications_dashboard-load_more-btn:active {
-webkit-box-shadow: inset 0 3px 2px rgba(0, 0, 0, 0.12);
box-shadow: inset 0 3px 2px rgba(0, 0, 0, 0.12);
}
.notifications_dashboard-load_more-btn {
margin-top: 10px;
}
@media only screen and (min-width: 768px) {
.notifications_dashboard-load_more-btn {
width: auto;
padding-right: 60px;
padding-left: 60px;
}
}
.notifications_dashboard-empty {
view-transition-name: notifications-dashboard-empty;
}
.notification_details-title {
margin-bottom: 10px;
}
.notification_details-subject {
font-size: 18px;
color: #000000;
margin-bottom: 30px;
}
.notification_details-content, .notification_details-date {
font: 1rem / 150% opensans-regular, Arial, Helvetica, sans-serif;
margin-bottom: 20px;
}
.notification_details-content p,
.notification_details-content ul, .notification_details-date p,
.notification_details-date ul {
margin-bottom: 20px;
}
.user_notifications_banner {
margin-bottom: 10px;
margin-top: 10px;
background-color: #ffffff;
container-type: inline-size;
}
.user_notifications_banner:last-child {
margin-bottom: 35px;
}
.user_notifications_banner-normal .notification_banner {
background-color: #ffefae;
border: 1px solid #213858;
border-radius: 3px;
display: -ms-flexbox;
display: flex;
padding: 0;
}
.user_notifications_banner-normal .notification_banner-icon {
/* stylelint-disable-line */
}
.user_notifications_banner-normal .notification_banner-icon:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f149";
}
.user_notifications_banner-normal .notification_banner-icon {
background-color: #213858;
color: #ffefae;
min-height: 100%;
min-width: 46px;
position: relative;
}
.user_notifications_banner-normal .notification_banner-icon::before {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
font-size: 1.2857142857rem;
}
.user_notifications_banner-normal .notification_banner-text {
-ms-flex-item-align: center;
align-self: center;
color: #213858;
-ms-flex-positive: 1;
flex-grow: 1;
font: 0.9285714286rem / 1.2857142857rem opensans-regular, Arial, Helvetica, sans-serif;
padding: 18px 20px;
text-align: center;
}
.user_notifications_banner-normal .notification_banner-text p + p {
margin-top: 10px;
}
.user_notifications_banner-normal .notification_banner-link {
padding: 0;
border: 0;
background: none;
background-color: transparent;
background-image: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.user_notifications_banner-normal .notification_banner-link::-ms-expand {
display: none;
}
.user_notifications_banner-normal .notification_banner-link.link-disabled, .user_notifications_banner-normal .notification_banner-link.link-disabled:hover, .user_notifications_banner-normal .notification_banner-link.link-disabled:focus, .user_notifications_banner-normal .notification_banner-link.link-disabled:active, .user_notifications_banner-normal .notification_banner-link[disabled], .user_notifications_banner-normal .notification_banner-link[disabled]:hover, .user_notifications_banner-normal .notification_banner-link[disabled]:focus, .user_notifications_banner-normal .notification_banner-link[disabled]:active {
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.user_notifications_banner-normal .notification_banner-link {
display: inline-block;
cursor: pointer;
color: #076795;
}
.user_notifications_banner-normal .notification_banner-link:hover, .user_notifications_banner-normal .notification_banner-link:active {
text-decoration: underline;
}
.user_notifications_banner-normal .notification_banner-link {
font: 1rem opensans-semibold, Arial, Helvetica, sans-serif;
font-size: 0.9285714286rem;
}
.user_notifications_banner-normal .notification_banner-button {
border: 1px solid transparent;
cursor: pointer;
display: inline-block;
font: 1rem / 1 brandongrotesque-medium, Arial, Helvetica, sans-serif;
text-align: center;
text-transform: uppercase;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-radius: 3px;
padding: 14.5px 20px;
width: 100%;
background-color: #213858;
border-color: #213858;
color: #ffefae;
}
.user_notifications_banner-normal .notification_banner-button:hover {
color: #213858;
background-color: #ffefae;
}
.user_notifications_banner-warning .notification_banner {
background-color: rgba(253, 184, 35, 0.1);
border: 1px solid #fdb823;
border-radius: 3px;
display: -ms-flexbox;
display: flex;
padding: 0;
}
.user_notifications_banner-warning .notification_banner-icon {
/* stylelint-disable-line */
}
.user_notifications_banner-warning .notification_banner-icon:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f173";
}
.user_notifications_banner-warning .notification_banner-icon {
background-color: #fdb823;
color: #000000;
min-height: 100%;
min-width: 46px;
position: relative;
}
.user_notifications_banner-warning .notification_banner-icon::before {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
font-size: 1.2857142857rem;
}
.user_notifications_banner-warning .notification_banner-text {
-ms-flex-item-align: center;
align-self: center;
color: #000000;
-ms-flex-positive: 1;
flex-grow: 1;
font: 0.9285714286rem / 1.2857142857rem opensans-regular, Arial, Helvetica, sans-serif;
padding: 18px 20px;
text-align: center;
}
.user_notifications_banner-warning .notification_banner-text p + p {
margin-top: 10px;
}
.user_notifications_banner-warning .notification_banner-link {
padding: 0;
border: 0;
background: none;
background-color: transparent;
background-image: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.user_notifications_banner-warning .notification_banner-link::-ms-expand {
display: none;
}
.user_notifications_banner-warning .notification_banner-link.link-disabled, .user_notifications_banner-warning .notification_banner-link.link-disabled:hover, .user_notifications_banner-warning .notification_banner-link.link-disabled:focus, .user_notifications_banner-warning .notification_banner-link.link-disabled:active, .user_notifications_banner-warning .notification_banner-link[disabled], .user_notifications_banner-warning .notification_banner-link[disabled]:hover, .user_notifications_banner-warning .notification_banner-link[disabled]:focus, .user_notifications_banner-warning .notification_banner-link[disabled]:active {
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.user_notifications_banner-warning .notification_banner-link {
display: inline-block;
cursor: pointer;
color: #076795;
}
.user_notifications_banner-warning .notification_banner-link:hover, .user_notifications_banner-warning .notification_banner-link:active {
text-decoration: underline;
}
.user_notifications_banner-warning .notification_banner-link {
font: 1rem opensans-semibold, Arial, Helvetica, sans-serif;
font-size: 0.9285714286rem;
}
.user_notifications_banner-warning .notification_banner-button {
border: 1px solid transparent;
cursor: pointer;
display: inline-block;
font: 1rem / 1 brandongrotesque-medium, Arial, Helvetica, sans-serif;
text-align: center;
text-transform: uppercase;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-radius: 3px;
padding: 14.5px 20px;
width: 100%;
background-color: #fdb823;
border-color: #fdb823;
color: #000000;
}
.user_notifications_banner-warning .notification_banner-button:hover {
color: #000000;
background-color: rgba(253, 184, 35, 0.1);
}
.user_notifications_banner-critical .notification_banner {
background-color: rgba(178, 0, 0, 0.1);
border: 1px solid #b20000;
border-radius: 3px;
display: -ms-flexbox;
display: flex;
padding: 0;
}
.user_notifications_banner-critical .notification_banner-icon {
/* stylelint-disable-line */
}
.user_notifications_banner-critical .notification_banner-icon:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f123";
}
.user_notifications_banner-critical .notification_banner-icon {
background-color: #b20000;
color: #ffffff;
min-height: 100%;
min-width: 46px;
position: relative;
}
.user_notifications_banner-critical .notification_banner-icon::before {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
font-size: 1.2857142857rem;
}
.user_notifications_banner-critical .notification_banner-text {
-ms-flex-item-align: center;
align-self: center;
color: #000000;
-ms-flex-positive: 1;
flex-grow: 1;
font: 0.9285714286rem / 1.2857142857rem opensans-regular, Arial, Helvetica, sans-serif;
padding: 18px 20px;
text-align: center;
}
.user_notifications_banner-critical .notification_banner-text p + p {
margin-top: 10px;
}
.user_notifications_banner-critical .notification_banner-link {
padding: 0;
border: 0;
background: none;
background-color: transparent;
background-image: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.user_notifications_banner-critical .notification_banner-link::-ms-expand {
display: none;
}
.user_notifications_banner-critical .notification_banner-link.link-disabled, .user_notifications_banner-critical .notification_banner-link.link-disabled:hover, .user_notifications_banner-critical .notification_banner-link.link-disabled:focus, .user_notifications_banner-critical .notification_banner-link.link-disabled:active, .user_notifications_banner-critical .notification_banner-link[disabled], .user_notifications_banner-critical .notification_banner-link[disabled]:hover, .user_notifications_banner-critical .notification_banner-link[disabled]:focus, .user_notifications_banner-critical .notification_banner-link[disabled]:active {
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.user_notifications_banner-critical .notification_banner-link {
display: inline-block;
cursor: pointer;
color: #076795;
}
.user_notifications_banner-critical .notification_banner-link:hover, .user_notifications_banner-critical .notification_banner-link:active {
text-decoration: underline;
}
.user_notifications_banner-critical .notification_banner-link {
font: 1rem opensans-semibold, Arial, Helvetica, sans-serif;
font-size: 0.9285714286rem;
}
.user_notifications_banner-critical .notification_banner-button {
border: 1px solid transparent;
cursor: pointer;
display: inline-block;
font: 1rem / 1 brandongrotesque-medium, Arial, Helvetica, sans-serif;
text-align: center;
text-transform: uppercase;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-radius: 3px;
padding: 14.5px 20px;
width: 100%;
background-color: #b20000;
border-color: #b20000;
color: #ffffff;
}
.user_notifications_banner-critical .notification_banner-button:hover {
color: #000000;
background-color: rgba(178, 0, 0, 0.1);
}
.user_notifications_banner .notification_banner-text {
text-align: left;
padding: 10px 20px;
}
.user_notifications_banner .notification_banner-text h2 {
margin-bottom: 10px;
font-family: opensans-semibold, Arial, Helvetica, sans-serif;
font-size: 1.1428571429rem;
text-wrap: pretty;
}
.user_notifications_banner .notification_banner-button {
-ms-flex-item-align: center;
align-self: center;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
margin-right: 10px;
white-space: nowrap;
}
@container (max-width: 450px) {
.user_notifications_banner .notification_banner-icon {
min-width: 5px;
}
.user_notifications_banner .notification_banner-icon::before {
display: none;
}
.user_notifications_banner .notification_banner-text {
padding: 10px;
}
.user_notifications_banner .notification_banner-button {
margin: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
padding-inline: 10px;
border-right: 0;
}
}
.notifications_list-item {
-ms-flex-align: center;
align-items: center;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 10px 20px;
border-top: 1px solid #076795;
background: #ffffff;
-webkit-column-gap: 10px;
-moz-column-gap: 10px;
column-gap: 10px;
row-gap: 5px;
}
@media only screen and (max-width: 767px) {
.notifications_list-item {
display: grid;
-ms-flex-pack: stretch;
justify-content: stretch;
grid-template-columns: auto -webkit-min-content -webkit-min-content;
grid-template-columns: auto min-content min-content;
grid-template-rows: auto auto;
}
.notifications_list-item:last-child {
border-bottom: 1px solid #076795;
}
}
@media only screen and (min-width: 768px) {
.notifications_list-item:first-child {
border-top: 0;
}
}
.notifications_list-item-content {
cursor: pointer;
margin-right: 10px;
color: #000000;
-ms-flex: 1;
flex: 1;
background: transparent;
text-transform: none;
text-align: left;
font-family: opensans-semibold, Arial, Helvetica, sans-serif;
font-size: 0.8571428571rem;
}
@media only screen and (max-width: 767px) {
.notifications_list-item-content {
grid-column: 1;
grid-row: 2;
}
.notifications_list-item:not(:has(.notifications_list-item-creation_date)) .notifications_list-item-content {
grid-row: 1/-1;
}
}
.notifications_list-item-title {
font-family: opensans-semibold, Arial, Helvetica, sans-serif;
margin-bottom: 5px;
font-size: 1rem;
color: #000000;
}
.notifications_list-item-creation_date {
font-size: 0.8571428571rem;
color: #000000;
}
@media only screen and (max-width: 767px) {
.notifications_list-item-creation_date {
grid-column: 1;
grid-row: 1;
}
}
.notifications_list-item-short_description {
display: -ms-flexbox;
display: flex;
color: #000000;
font-size: 1rem;
font-family: opensans-regular, Arial, Helvetica, sans-serif;
}
.notifications_list-item-read_button {
border: 1px solid transparent;
cursor: pointer;
display: inline-block;
font: 1rem / 1 brandongrotesque-medium, Arial, Helvetica, sans-serif;
text-align: center;
text-transform: uppercase;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-radius: 3px;
padding: 14.5px 20px;
width: 100%;
}
.notifications_list-item-read_button.button-disabled, .sales_rep_promo-upload:not(.active) .notifications_list-item-read_button.sales_rep_promo-upload-label, .notifications_list-item-read_button.button-disabled:hover, .notifications_list-item-read_button.button-disabled:focus, .notifications_list-item-read_button.button-disabled:active, .notifications_list-item-read_button[disabled], .notifications_list-item-read_button[disabled]:hover, .notifications_list-item-read_button[disabled]:focus, .notifications_list-item-read_button[disabled]:active {
background-color: #e7e7e7;
border-color: #e7e7e7;
-webkit-box-shadow: none;
box-shadow: none;
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.notifications_list-item-read_button { /* stylelint-disable-line */
background-color: #ffffff;
border-color: #076795;
color: #076795;
}
.notifications_list-item-read_button:active {
background-color: rgba(7, 103, 149, 0.1);
border-color: #076795;
color: #076795;
}
@media only screen and (min-width: 1025px) {
.notifications_list-item-read_button:hover {
background-color: rgba(7, 103, 149, 0.1);
border-color: #076795;
color: #076795;
}
}
.notifications_list-item-read_button:active {
-webkit-box-shadow: inset 0 4px 2px rgba(0, 0, 0, 0.12);
box-shadow: inset 0 4px 2px rgba(0, 0, 0, 0.12);
}
.notifications_list-item-read_button {
text-transform: capitalize;
padding: 5px 10px;
margin-left: auto;
-ms-flex: 0;
flex: 0;
white-space: nowrap;
}
@media only screen and (max-width: 767px) {
.notifications_list-item-read_button {
grid-column: 2;
grid-row: 1/-1;
}
}
.notifications_list-item-close {
background-color: transparent;
color: #000000;
opacity: 0.5;
font-size: 0;
}
.notifications_list-item-close::before {
font-size: 0.7142857143rem;
}
.notifications_list-item-close:hover {
opacity: 1;
}
@media only screen and (max-width: 767px) {
.notifications_list-item-close {
grid-column: 3;
grid-row: 1/-1;
}
}
.notifications_list-item:not(.read) {
border-left: 5px solid #076795;
padding-left: 15px;
background: #d7e7ef;
}
.notifications_list-item:not(.read) .notifications_list-item-read_button.button-disabled, .notifications_list-item:not(.read) .sales_rep_promo-upload:not(.active) .notifications_list-item-read_button.sales_rep_promo-upload-label, .sales_rep_promo-upload:not(.active) .notifications_list-item:not(.read) .notifications_list-item-read_button.sales_rep_promo-upload-label, .notifications_list-item:not(.read) .notifications_list-item-read_button.button-disabled:hover, .notifications_list-item:not(.read) .notifications_list-item-read_button.button-disabled:focus, .notifications_list-item:not(.read) .notifications_list-item-read_button.button-disabled:active, .notifications_list-item:not(.read) .notifications_list-item-read_button[disabled], .notifications_list-item:not(.read) .notifications_list-item-read_button[disabled]:hover, .notifications_list-item:not(.read) .notifications_list-item-read_button[disabled]:focus, .notifications_list-item:not(.read) .notifications_list-item-read_button[disabled]:active {
background-color: #e7e7e7;
border-color: #e7e7e7;
-webkit-box-shadow: none;
box-shadow: none;
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.notifications_list-item:not(.read) .notifications_list-item-read_button { /* stylelint-disable-line */
background-color: #076795;
border-color: #076795;
color: #ffffff;
}
.notifications_list-item:not(.read) .notifications_list-item-read_button:active {
background-color: #d7e7ef;
border-color: #d7e7ef;
color: #076795;
}
@media only screen and (min-width: 1025px) {
.notifications_list-item:not(.read) .notifications_list-item-read_button:hover {
background-color: #d7e7ef;
border-color: #d7e7ef;
color: #076795;
}
}
.notifications_list-item:not(.read) .notifications_list-item-read_button:active {
-webkit-box-shadow: inset 0 3px 2px rgba(0, 0, 0, 0.12);
box-shadow: inset 0 3px 2px rgba(0, 0, 0, 0.12);
}
.notifications_list-item:not(.read) .notifications_list-item-read_button:hover {
border-color: #076795;
}
.notifications_list-item .confirm_action-button-confirm,
.notifications_list-item .confirm_action-button-cancel {
text-transform: capitalize;
padding: 5px 10px;
}
.notifications_list-empty:not(:empty) {
text-align: center;
font-size: 1.1428571429rem;
padding: 10px 30px;
}
.notifications_list-empty-flyout {
view-transition-name: notifications-flyout-empty;
}
.notifications_list-empty-list {
view-transition-name: notifications-list-empty;
}
.attachment {
margin: 20px 0;
}
.attachment.attachment-link_style {
margin: 0;
}
.attachment-form {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
}
.attachment-title {
font: 1.1428571429rem / 1.2857142857rem brandongrotesque-regular, Arial, Helvetica, sans-serif;
margin-bottom: 15px;
}
.attachment-caption {
font: 0.8571428571rem / 1rem opensans-regular, Arial, Helvetica, sans-serif;
color: #646464;
}
.attachment-btn {
/*
TODO: this is the right approach, but it requires some adjustments
*/
border: 1px solid transparent;
cursor: pointer;
display: inline-block;
font: 1rem / 1 brandongrotesque-medium, Arial, Helvetica, sans-serif;
text-align: center;
text-transform: uppercase;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-radius: 3px;
padding: 14.5px 20px;
width: 100%;
}
.attachment-btn.button-disabled, .sales_rep_promo-upload:not(.active) .attachment-btn.sales_rep_promo-upload-label, .attachment-btn.button-disabled:hover, .attachment-btn.button-disabled:focus, .attachment-btn.button-disabled:active, .attachment-btn[disabled], .attachment-btn[disabled]:hover, .attachment-btn[disabled]:focus, .attachment-btn[disabled]:active {
background-color: #e7e7e7;
border-color: #e7e7e7;
-webkit-box-shadow: none;
box-shadow: none;
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.attachment-btn { /* stylelint-disable-line */
background-color: #ffffff;
border-color: #076795;
color: #076795;
}
.attachment-btn:active {
background-color: rgba(7, 103, 149, 0.1);
border-color: #076795;
color: #076795;
}
@media only screen and (min-width: 1025px) {
.attachment-btn:hover {
background-color: rgba(7, 103, 149, 0.1);
border-color: #076795;
color: #076795;
}
}
.attachment-btn:active {
-webkit-box-shadow: inset 0 4px 2px rgba(0, 0, 0, 0.12);
box-shadow: inset 0 4px 2px rgba(0, 0, 0, 0.12);
}
.attachment-btn {
width: auto;
min-width: 160px;
margin-bottom: 10px;
}
@media only screen and (min-width: 1025px) {
.attachment-link:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f127";
}
}
@media only screen and (max-width: 1024px) {
.attachment-link {
-ms-flex-pack: center;
justify-content: center;
}
}
.attachment-input {
display: none;
}
.attachment-file_name {
display: inline-block;
width: auto;
min-width: 160px;
padding: 10px 20px;
background: #f5f5f5;
color: #076795;
border-radius: 3px;
font: 1rem / 1.1428571429rem brandongrotesque-regular, Arial, Helvetica, sans-serif;
text-align: center;
/* TODO: better to avoid such declarations
use this one instead on a first level nesting:
&.m-link_style &-file_name { ... }
*/
}
.attachment-link_style .attachment-file_name:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f127";
}
.attachment-link_style .attachment-file_name {
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: center;
align-items: center;
padding: 0;
background: none;
color: #000000;
font: 1.1428571429rem / 1.2857142857rem brandongrotesque-medium, Arial, Helvetica, sans-serif;
}
@media only screen and (max-width: 1024px) {
.attachment-link_style .attachment-file_name {
-ms-flex-pack: center;
justify-content: center;
}
}
.attachment-link_style .attachment-file_name::before {
color: rgba(7, 103, 149, 0.5);
font-size: 1.1428571429rem;
margin-right: 10px;
}
.attachment-error {
font: 1rem / 1.1428571429rem opensans-regular, Arial, Helvetica, sans-serif;
color: #ff0000;
margin-top: 10px;
}
.commercial_offer .account_orders-list {
margin-bottom: 60px;
}
.commercial_offer .slick-slider {
margin-bottom: 30px;
}
@media only screen and (min-width: 1025px) {
.commercial_offer-form {
max-width: 70%;
margin: 0 auto;
}
}
.commercial_offer .dashboard-subtitle {
margin-top: 20px;
}
.commercial_offer .table_min_tl-header_row {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-direction: row;
flex-direction: row;
background: #213858;
color: #ffffff;
text-transform: uppercase;
border: 1px solid #213858;
border-radius: 5px 5px 0 0;
padding: 0;
}
.commercial_offer .table_min_tl-header_cell:first-child {
padding-left: 20px;
}
.commercial_offer .account_orders-order_date {
-ms-flex: 2;
flex: 2;
}
.commercial_offer .account_orders-order_number {
-ms-flex: 1;
flex: 1;
}
.commercial_offer .product_tile-description {
text-align: left;
}
.commercial_offer .table_min_tl-body_cell:nth-child(1) {
-ms-flex-pack: center;
justify-content: center;
}
@media only screen and (max-width: 1024px) {
.commercial_offer .table_min_tl-body_cell:nth-child(1) {
-ms-flex: 2;
flex: 2;
}
}
@media only screen and (min-width: 1025px) {
.commercial_offer .table_min_tl-body_cell:nth-child(1) {
-ms-flex: 2;
flex: 2;
}
}
.commercial_offer .table_min_tl-body_cell:nth-child(2) {
-ms-flex: 1;
flex: 1;
}
.commercial_offer .product_tile-id {
-ms-flex-pack: start;
justify-content: flex-start;
margin-bottom: 5px;
}
.commercial_offer .product_tile-sku {
padding: 0;
}
.commercial_offer-total_label {
text-transform: uppercase;
font-weight: bold;
text-align: right;
padding-right: 50px;
}
.commercial_offer-input_qty, .commercial_offer-input_total {
max-width: 60px;
}
.commercial_offer-bonus_table {
margin-top: 30px;
}
.commercial_offer-bonus_label[for] {
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: start;
align-items: flex-start;
}
.commercial_offer .account_registration-submit {
margin-top: 15px;
}
.commercial_offer-modal .modal-body {
padding-top: 30px;
}
.product_tile {
width: 270px;
padding: 20px;
margin: 0 0 30px 0;
border: 1px solid #e7e7e7;
background: #ffffff;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
border-radius: 3px;
}
@media only screen and (max-width: 767px) {
.product_tile {
padding: 20px 5%;
min-width: 0;
}
}
.recommendations .product_tile {
width: 100%;
}
.product_tile:hover, .product_tile.selected {
border: 1px solid #c5c5c5;
}
.list_view.plp-product_list .product_tile, .compact_view.plp-product_list .product_tile {
width: 100%;
max-width: none;
min-height: auto;
margin: 0 0 20px;
}
.compact_view.plp-product_list .product_tile {
padding: 20px 20px 10px;
}
.product_tile-wrapper {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
}
@media only screen and (min-width: 768px) {
.list_view .product_tile-wrapper {
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
}
}
@media only screen and (min-width: 1025px) {
.compact_view .product_tile-wrapper {
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
}
}
.ai_slider .product_tile-wrapper {
-ms-flex-direction: column;
flex-direction: column;
}
@media only screen and (max-width: 767px) {
.ai_slider .product_tile-wrapper {
-ms-flex-pack: justify;
justify-content: space-between;
}
}
.product_tile-description {
text-align: center;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
}
.list_view .product_tile-description, .compact_view .product_tile-description {
-ms-flex: 1;
flex: 1;
text-align: left;
}
@media only screen and (min-width: 768px) {
.list_view .product_tile-description {
padding-right: 10px;
}
}
@media only screen and (max-width: 767px) {
.list_view .product_tile-description {
width: 50%;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
}
}
.ai_slider .list_view .product_tile-description {
width: 50%;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.ai_slider .list_view .product_tile-description {
padding-right: 0;
}
}
@media only screen and (min-width: 1025px) {
.compact_view .product_tile-description {
padding-right: 10px;
}
}
@media only screen and (max-width: 1024px) {
.compact_view .product_tile-description {
width: 50%;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
}
}
@media only screen and (max-width: 1024px) {
.compact_view .product_tile-description .product_tile-title {
display: none;
}
}
.product_tile-select {
display: none;
}
.list_view .product_tile-select, .compact_view .product_tile-select {
display: -ms-flexbox;
display: flex;
-ms-flex-align: start;
align-items: flex-start;
}
@media only screen and (min-width: 768px) {
.list_view .product_tile-select {
-ms-flex-align: center;
align-items: center;
}
}
@media only screen and (max-width: 767px) {
.list_view .product_tile-select {
margin-bottom: 25px;
}
}
.ai_slider .list_view .product_tile-select {
width: 100%;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 25px;
}
@media only screen and (min-width: 1025px) {
.compact_view .product_tile-select {
-ms-flex-item-align: start;
align-self: flex-start;
}
}
.product_tile-select .product_tile-id-top {
display: none;
}
@media only screen and (max-width: 1024px) {
.compact_view .product_tile-select .product_tile-id-top {
display: block;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
margin-bottom: 5px;
}
}
.compact_view .product_tile-select .custom-control-label {
margin-top: 5px;
}
.ai_slider .product_tile-select .custom-control-label {
display: none !important;
}
.product_tile-info {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-pack: justify;
justify-content: space-between;
}
.list_view .product_tile-info, .compact_view .product_tile-info {
-ms-flex-direction: row;
flex-direction: row;
}
@media only screen and (min-width: 768px) {
.list_view .product_tile-info, .compact_view .product_tile-info {
-ms-flex: 1;
flex: 1;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.list_view .product_tile-info, .compact_view .product_tile-info {
width: 93%;
}
}
@media only screen and (max-width: 1024px) {
.compact_view .product_tile-info {
padding-left: 34px;
}
}
.compact_view .product_tile-info .product_tile-price {
display: none;
}
@media only screen and (max-width: 1024px) {
.compact_view .product_tile-info .product_tile-sku,
.compact_view .product_tile-info .product_tile-badge {
display: none;
}
}
@media only screen and (max-width: 767px) {
.ai_slider .product_tile-info {
margin-bottom: auto;
}
}
.related_products-popup .product_tile-info {
-ms-flex-direction: row;
flex-direction: row;
}
@media only screen and (max-width: 767px) {
.product_tile-action {
margin-top: 20px;
}
}
@media only screen and (min-width: 768px) {
.list_view .product_tile-action {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: end;
align-items: flex-end;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.list_view .product_tile-action {
display: none;
}
}
@media only screen and (min-width: 1025px) {
.compact_view .product_tile-action {
min-width: 310px;
}
}
@media only screen and (max-width: 1024px) {
.compact_view .product_tile-action {
padding-left: 34px;
margin-top: 0;
}
}
.ai_slider .product_tile-action {
max-width: 100%;
width: 100%;
display: block;
}
.product_tile .product_tile-description .product_tile-action {
display: none;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.list_view .product_tile .product_tile-description .product_tile-action {
display: block;
width: 100%;
}
}
.ai_slider .list_view .product_tile .product_tile-description .product_tile-action {
display: none;
}
.product_tile-action .button {
width: 100%;
padding-left: 10px;
padding-right: 10px;
}
.ai_slider .product_tile-action .button {
border-radius: 3px;
padding: 14.5px 20px;
width: 100%;
}
.ai_slider .product_tile-action .button.button-disabled, .ai_slider .product_tile-action .sales_rep_promo-upload:not(.active) .button.sales_rep_promo-upload-label, .sales_rep_promo-upload:not(.active) .ai_slider .product_tile-action .button.sales_rep_promo-upload-label, .ai_slider .product_tile-action .button.button-disabled:hover, .ai_slider .product_tile-action .button.button-disabled:focus, .ai_slider .product_tile-action .button.button-disabled:active, .ai_slider .product_tile-action .button[disabled], .ai_slider .product_tile-action .button[disabled]:hover, .ai_slider .product_tile-action .button[disabled]:focus, .ai_slider .product_tile-action .button[disabled]:active {
background-color: #e7e7e7;
border-color: #e7e7e7;
-webkit-box-shadow: none;
box-shadow: none;
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.ai_slider .product_tile-action .button { /* stylelint-disable-line */
background-color: #ffffff;
border-color: #076795;
color: #076795;
}
.ai_slider .product_tile-action .button:active {
background-color: rgba(7, 103, 149, 0.1);
border-color: #076795;
color: #076795;
}
@media only screen and (min-width: 1025px) {
.ai_slider .product_tile-action .button:hover {
background-color: rgba(7, 103, 149, 0.1);
border-color: #076795;
color: #076795;
}
}
.ai_slider .product_tile-action .button:active {
-webkit-box-shadow: inset 0 4px 2px rgba(0, 0, 0, 0.12);
box-shadow: inset 0 4px 2px rgba(0, 0, 0, 0.12);
}
.ai_slider .product_tile-action .button {
padding-left: 10px;
padding-right: 10px;
}
.product_tile-image {
margin-bottom: 15px;
padding-top: 25px;
text-align: center;
height: 210px;
}
.product_tile-image .image-container {
height: 100%;
}
.product_tile-image .image-container a {
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: center;
align-items: center;
height: 100%;
}
.product_tile-image .tile-image {
display: inline;
max-height: 100%;
pointer-events: none;
}
.list-view .product_tile-image .tile-image {
width: 100%;
}
.list_view .product_tile-image {
width: 155px;
height: auto;
padding-top: 0;
margin-bottom: 0;
padding-right: 10px;
max-height: 130px;
}
@media only screen and (max-width: 767px) {
.list_view .product_tile-image {
width: 45%;
}
}
.ai_slider .list_view .product_tile-image {
width: 45%;
}
.list_view .product_tile-image .image-container,
.list_view .product_tile-image .image-container a {
height: auto;
max-height: 100%;
display: -ms-inline-flexbox;
display: inline-flex;
}
.list_view .product_tile-image .image-container a {
display: block;
overflow: hidden;
}
.compact_view .product_tile-image {
display: none;
}
.list_view .product_tile-image.product_tile-with_select {
width: 120px;
}
@media only screen and (max-width: 767px) {
.list_view .product_tile-image.product_tile-with_select {
width: 45%;
}
}
@media only screen and (max-width: 1024px) {
.ai_slider .list_view .product_tile-image.product_tile-with_select {
width: 45%;
}
}
.product_tile-id {
margin-bottom: 10px;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
line-height: 0;
font-size: 0.9285714286rem;
gap: 10px;
}
.list_view .product_tile-id, .compact_view .product_tile-id {
display: block;
}
@media only screen and (max-width: 767px) {
.list_view .product_tile-id {
-ms-flex-order: 1;
order: 1;
margin-bottom: 0;
}
}
.ai_slider .list_view .product_tile-id {
-ms-flex-order: 1;
order: 1;
margin-bottom: 0;
}
@media only screen and (max-width: 1024px) {
.compact_view .product_tile-id {
-ms-flex-order: 1;
order: 1;
margin-bottom: 0;
}
}
.product_tile-sku {
text-transform: uppercase;
display: inline-block;
color: #646464;
line-height: 1.2;
font-family: opensans-regular, Arial, Helvetica, sans-serif;
padding: 0 10px;
}
html[locale=de_DE] .product_tile-sku {
text-transform: capitalize;
}
.list_view .product_tile-sku, .compact_view .product_tile-sku {
margin: 0;
padding: 0;
}
.product_tile-sku-number {
font-family: brandongrotesque-medium, Arial, Helvetica, sans-serif;
}
.ai_slider .product_tile-sku-number {
word-break: break-all;
}
@media only screen and (min-width: 768px) {
.ai_slider .product_tile-sku-number {
display: block;
}
}
@media only screen and (max-width: 1024px) {
.compact_view .product_tile-sku {
-ms-flex: 1 1 100%;
flex: 1 1 100%;
font-size: 1rem;
}
}
@media only screen and (max-width: 767px) {
.product_tile-related {
-ms-flex-order: 0;
order: 0;
}
}
.product_tile .product_tile-related-link {
text-transform: capitalize;
padding: 10px;
width: auto;
}
.product_card .product_tile-related-link {
text-decoration: underline;
display: inline-block;
margin-bottom: 10px;
}
.product_tile-related-content {
display: inline-block;
line-height: 1.2;
font-family: opensans-regular, Arial, Helvetica, sans-serif;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
}
.compact_view .product_tile-related-content {
margin-bottom: 10px;
}
.list_view .product_tile-id .product_tile-related-content, .compact_view .product_tile-id .product_tile-related-content {
display: none;
}
@media only screen and (max-width: 1024px) {
.compact_view .product_tile-id .product_tile-related-content {
display: block;
width: 100%;
margin-top: 5px;
}
}
@media only screen and (max-width: 767px) {
.list_view .product_tile-id .product_tile-related-content {
display: block;
width: 100%;
margin-top: 5px;
}
}
.ai_slider .list_view .product_tile-id .product_tile-related-content {
display: block;
width: 100%;
margin-top: 5px;
}
.product_tile-promotion .product_tile-related {
display: none;
}
.list_view .product_tile-promotion .product_tile-related, .compact_view .product_tile-promotion .product_tile-related {
display: block;
}
@media only screen and (max-width: 767px) {
.list_view .product_tile-promotion .product_tile-related {
display: none;
}
}
.ai_slider .list_view .product_tile-promotion .product_tile-related {
display: none;
}
@media only screen and (max-width: 1024px) {
.compact_view .product_tile-promotion .product_tile-related {
display: none;
}
}
.product_tile-title {
font-size: 18px;
line-height: 20px;
color: #076795;
margin-bottom: 15px;
}
.list_view .product_tile-title {
display: -ms-flexbox;
display: flex;
margin-bottom: 10px;
min-height: auto;
}
@media only screen and (max-width: 767px) {
.list_view .product_tile-title {
display: none;
}
}
.ai_slider .list_view .product_tile-title {
display: none;
}
.compact_view .product_tile-title {
display: -ms-flexbox;
display: flex;
margin-bottom: 0;
}
@media only screen and (max-width: 1024px) {
.compact_view .product_tile-title {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 15px;
}
}
@media only screen and (max-width: 767px) {
.list_view .product_tile-select .product_tile-title {
display: -ms-flexbox;
display: flex;
width: 100%;
}
}
.ai_slider .list_view .product_tile-select .product_tile-title {
display: -ms-flexbox;
display: flex;
width: 100%;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media only screen and (min-width: 768px) {
.list_view .product_tile-select .product_tile-title {
display: none;
}
}
@media only screen and (max-width: 1024px) {
.compact_view .product_tile-select .product_tile-title {
width: 100%;
}
}
@media only screen and (min-width: 1025px) {
.compact_view .product_tile-select .product_tile-title {
display: none;
}
}
.product_tile-title-name {
min-height: 40px;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: start;
align-items: flex-start;
}
[locale=de_DE] .product_tile-title-name {
letter-spacing: -0.5px;
}
@media only screen and (max-width: 1024px) {
.compact_view .product_tile-title-name {
max-width: 90%;
}
}
.list_view .product_tile-title-name, .compact_view .product_tile-title-name {
min-height: auto;
}
.ai_slider .list_view .product_tile-title-name, .ai_slider .compact_view .product_tile-title-name {
min-height: 40px;
}
.delayed_rec_orders .product_tile-title-name {
-ms-flex-pack: start;
justify-content: flex-start;
}
.app-view .product_tile-title-name {
min-height: auto;
-ms-flex-pack: start;
justify-content: flex-start;
display: block;
}
.app-view .product_tile-title-name sup {
line-height: 1;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.ai_slider .product_tile-title-name {
min-height: 60px;
}
}
@media only screen and (min-width: 1025px) and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.checkout-step .product_tile-title-name {
max-width: 180px;
}
}
.product_tile-top_height {
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-pack: start;
justify-content: flex-start;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.ai_slider .product_tile-top_height {
max-width: 100%;
}
}
.product_tile-price {
font-weight: bold;
margin-bottom: 10px;
min-height: 17px;
}
.product_tile-price .product-price-with_title {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
.grid_view .product_tile-price .product-price-with_title {
-ms-flex-pack: center;
justify-content: center;
}
.product_tile-price .product-price_value,
.product_tile-price .product-weight_value {
font: 1.1428571429rem / 1.2857142857rem brandongrotesque-medium, Arial, Helvetica, sans-serif;
white-space: nowrap;
}
.product_tile-price .product-price_strike {
color: #646464;
display: block;
font: 1rem / 1.5714285714rem brandongrotesque-light, Arial, Helvetica, sans-serif;
text-decoration: line-through;
}
@media only screen and (max-width: 1024px) {
.app-view .product_tile-price .product-price_strike {
margin-top: -12px;
}
}
.product_tile-price .product-price_title {
font-size: 1rem;
margin-right: 10px;
margin-bottom: 0;
}
.product_tile-price .product-price_title::after {
content: ":";
}
@media only screen and (max-width: 767px) {
.list_view .product_tile-price {
-ms-flex-order: 0;
order: 0;
width: 100%;
}
}
.ai_slider .list_view .product_tile-price {
-ms-flex-order: 0;
order: 0;
width: 100%;
}
.compact_view .product_tile-price {
text-align: right;
}
.product_tile-form {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: end;
align-items: flex-end;
margin: 0 -5px;
}
.list_view .product_tile-form {
-ms-flex-pack: justify;
justify-content: space-between;
margin-left: 0;
}
@media only screen and (min-width: 768px) {
.list_view .product_tile-form {
-ms-flex-pack: end;
justify-content: flex-end;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
@media only screen and (max-width: 1024px) {
.list_view .product_tile-form {
max-width: 350px;
}
}
.ai_slider .list_view .product_tile-form {
max-width: 350px;
width: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.list_view .product_tile-form {
-ms-flex-pack: start;
justify-content: flex-start;
margin-top: 0;
}
}
.compact_view .product_tile-form {
-ms-flex-pack: justify;
justify-content: space-between;
margin: 0;
}
.compact_view .product_tile-form .product_tile-price {
display: block;
}
.product_tile-form .product_tile-price {
display: none;
}
.product_tile-frequency {
margin: 0 5px 20px;
}
@media only screen and (max-width: 767px) {
.product_tile-frequency {
width: 100%;
}
}
.product_tile-qty {
margin: 0 5px;
}
.product_tile-qty .product_card-qty-label {
display: none;
}
.list_view .product_tile-qty {
max-width: 95px;
margin: 0 10px 0 0;
}
.compact_view .product_tile-qty {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
.compact_view .product_tile-qty .product_card-qty-label {
display: block;
margin: 0 10px 0 0;
}
.compact_view .product_tile-qty .quantity_combobox-label {
display: none;
}
.product_tile-qty_message {
text-align: center;
margin-top: 10px;
font-family: opensans-regular, Arial, Helvetica, sans-serif;
}
.plp-main .product_tile-qty_message {
min-height: 37px;
}
.list_view .plp-main .product_tile-qty_message, .compact_view .plp-main .product_tile-qty_message {
min-height: auto;
}
.slick-list .product_tile-qty_message {
min-height: 38px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.ai_slider .slick-list .product_tile-qty_message {
min-height: 57px;
}
}
@media only screen and (min-width: 768px) {
.list_view .product_tile-qty_message, .compact_view .product_tile-qty_message {
text-align: left;
}
}
@media only screen and (min-width: 1025px) {
.list_view .product_tile-qty_message, .compact_view .product_tile-qty_message {
width: 100%;
}
}
@media only screen and (min-width: 1025px) {
.compact_view .product_tile-qty_message {
max-width: 310px;
}
}
.ai_slider .product_tile-qty_message {
white-space: inherit;
}
.product_tile-submit {
margin: 20px 5px 0;
-ms-flex-positive: 1;
flex-grow: 1;
}
.list_view .product_tile-submit {
margin: 0;
}
.compact_view .product_tile-submit {
display: none;
}
.product_tile-qty ~ .product_tile-submit {
white-space: nowrap;
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
.product_tile-qty ~ .product_tile-submit {
white-space: normal;
}
}
.list_view .product_tile-qty ~ .product_tile-submit {
margin-top: 10px;
}
.product_tile-see_details {
border: 1px solid transparent;
cursor: pointer;
display: inline-block;
font: 1rem / 1 brandongrotesque-medium, Arial, Helvetica, sans-serif;
text-align: center;
text-transform: uppercase;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-radius: 3px;
padding: 14.5px 20px;
width: 100%;
}
.product_tile-see_details.button-disabled, .sales_rep_promo-upload:not(.active) .product_tile-see_details.sales_rep_promo-upload-label, .product_tile-see_details.button-disabled:hover, .product_tile-see_details.button-disabled:focus, .product_tile-see_details.button-disabled:active, .product_tile-see_details[disabled], .product_tile-see_details[disabled]:hover, .product_tile-see_details[disabled]:focus, .product_tile-see_details[disabled]:active {
background-color: #e7e7e7;
border-color: #e7e7e7;
-webkit-box-shadow: none;
box-shadow: none;
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.product_tile-see_details { /* stylelint-disable-line */
background-color: #076795;
border-color: #076795;
color: #ffffff;
}
.product_tile-see_details:active {
background-color: #d7e7ef;
border-color: #d7e7ef;
color: #076795;
}
@media only screen and (min-width: 1025px) {
.product_tile-see_details:hover {
background-color: #d7e7ef;
border-color: #d7e7ef;
color: #076795;
}
}
.product_tile-see_details:active {
-webkit-box-shadow: inset 0 3px 2px rgba(0, 0, 0, 0.12);
box-shadow: inset 0 3px 2px rgba(0, 0, 0, 0.12);
}
.product_tile-see_details {
margin-top: 25px;
}
.product_tile-ro_badge {
margin-bottom: 20px;
}
.compact_view .product_tile-ro_badge {
margin-bottom: 0;
}
@media only screen and (max-width: 1024px) {
.compact_view .product_tile-ro_badge {
margin-right: 15px;
}
}
.compact_view .product_tile-ro_badge .discount {
margin-bottom: 10px;
}
.product_tile-badge {
display: -ms-inline-flexbox;
display: inline-flex;
border-radius: 3px;
border: 1px solid #000000;
padding: 0 10px;
font-size: 0.8571428571rem;
background: #ffffff;
color: #000000;
line-height: 1;
font-family: opensans-regular, Arial, Helvetica, sans-serif;
margin: 0 4px 4px 0;
height: 26px;
-ms-flex-align: center;
align-items: center;
}
.product_tile-badge .icon-warning {
margin-left: 5px;
}
.product_tile-badge .tooltip {
min-width: 203px;
}
.slick-slide .product_tile-badge .tooltip {
-webkit-transform: initial !important;
transform: initial !important;
left: unset !important;
top: 33px !important;
}
.slick-slide .product_tile-badge .tooltip::before, .slick-slide .product_tile-badge .tooltip::after {
left: 10%;
}
.checkout .slick-slide .product_tile-badge .tooltip {
left: 0 !important;
top: 20px !important;
max-width: 100%;
min-width: 100%;
}
.checkout .slick-slide .product_tile-badge .tooltip::before, .checkout .slick-slide .product_tile-badge .tooltip::after {
display: none;
}
@media only screen and (max-width: 767px) {
.product_tile-badge .tooltip {
-webkit-transform: initial !important;
transform: initial !important;
top: 30px !important;
}
.product_tile-badge .tooltip::before, .product_tile-badge .tooltip::after {
display: none;
}
}
@media only screen and (max-width: 767px) {
.product_tile-badge .tooltip-link {
position: unset;
}
}
.ai_slider .list_view .product_tile-badge {
-ms-flex-order: 1;
order: 1;
margin: 20px 0 0 0;
height: auto;
min-height: 26px;
padding: 2px 10px;
}
.checkout .ai_slider .list_view .product_tile-badge {
position: unset;
}
.zoom-wrapper .product_tile-badge {
display: none;
}
.product_tile-badge-wrapper {
width: 100%;
}
.product_tile-badge_container {
position: absolute;
top: 0;
left: 0;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-right: 20px;
z-index: 1;
}
.product_tile-badge_container:hover {
z-index: 6;
}
@media only screen and (max-width: 767px) {
.product_tile-badge_container {
width: 100%;
}
}
.list_view .product_tile-badge_container, .compact_view .product_tile-badge_container {
position: relative;
}
.list_view .product_tile-badge_container:not(:empty), .compact_view .product_tile-badge_container:not(:empty) {
margin-bottom: 10px;
}
.checkout .list_view .product_tile-badge_container, .checkout .compact_view .product_tile-badge_container {
position: unset;
}
.product_tile-badge_container.m-app {
position: relative;
margin-bottom: 10px;
}
.product_tile-badge_container.m-reverse > * {
-ms-flex-order: 0;
order: 0;
}
.product_tile-badge_container.m-reverse > *:first-child {
-ms-flex-order: 1;
order: 1;
}
.product_tile-promotion {
color: #ff0000;
}
@media only screen and (max-width: 767px) {
.product_tile-promotion {
-ms-flex-order: 3;
order: 3;
}
}
.ai_slider .product_tile-promotion:not(.ai_slider) {
display: none;
}
.product_tile-promotion.ai_slider {
min-width: 100%;
}
.product_tile-promotion .promotions-message {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
margin-bottom: 10px;
}
.list_view .product_tile-promotion, .compact_view .product_tile-promotion {
margin-top: 10px;
}
.list_view .product_tile-promotion .promotions, .compact_view .product_tile-promotion .promotions {
margin: 0 20px 0 0;
}
.list_view .product_tile-promotion .promotions-message, .compact_view .product_tile-promotion .promotions-message {
text-overflow: clip;
white-space: normal;
overflow: auto;
}
@media only screen and (min-width: 768px) {
.list_view .product_tile-promotion {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
@media only screen and (max-width: 767px) {
.list_view .product_tile-promotion {
width: 100%;
}
}
@media only screen and (max-width: 767px) {
.ai_slider .list_view .product_tile-promotion {
width: 100%;
}
}
@media only screen and (min-width: 1025px) {
.compact_view .product_tile-promotion {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
@media only screen and (max-width: 1024px) {
.compact_view .product_tile-promotion {
width: 100%;
}
}
.product_tile-wishlist {
position: absolute;
top: 5px;
right: 0;
line-height: 0;
}
.list_view .product_tile-wishlist, .compact_view .product_tile-wishlist {
position: static;
margin: 3px 0 0 auto;
}
@media only screen and (min-width: 768px) {
.list_view .product_tile-wishlist {
margin: 0 0 0 10px;
}
}
@media only screen and (min-width: 1025px) {
.compact_view .product_tile-wishlist {
margin: 0 0 0 10px;
}
}
.product_tile-wishlist .favourites-icon::before {
line-height: 1;
}
.product_tile-recommendation_list {
position: absolute;
top: 5px;
right: 32px;
line-height: 0;
display: none;
}
.plp .product_tile-recommendation_list {
display: block;
}
.product_tile-recommendation_list-link:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 18px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f158";
}
.product_tile-recommendation_list-link {
opacity: 0.5;
}
.product_tile-recommendation_list-link:hover {
opacity: 1;
}
.product_tile-recommendation_list-link::before {
line-height: 1;
}
.product_tile-recommendation_list-link[disabled] {
color: #646464;
opacity: 0.8;
pointer-events: none;
}
.list_view .product_tile-recommendation_list, .compact_view .product_tile-recommendation_list {
display: none;
}
.product_tile-additional {
display: inline-block;
margin-bottom: 15px;
background: transparent;
text-transform: none;
color: #646464;
line-height: 1.2;
font-family: opensans-regular, Arial, Helvetica, sans-serif;
text-decoration: underline;
-webkit-text-decoration-color: #888888;
text-decoration-color: #888888;
}
.list_view .product_tile-additional, .compact_view .product_tile-additional {
-ms-flex-item-align: start;
align-self: flex-start;
margin-top: 10px;
}
.product_tile-error {
margin-top: 8px;
}
.product_tile .product_tile-error {
text-align: center;
}
@media only screen and (min-width: 768px) {
.list_view .product_tile-error {
width: 100%;
text-align: left;
}
}
@media only screen and (min-width: 1025px) {
.compact_view .product_tile-error {
width: 100%;
text-align: left;
}
}
.product_tile-canceled_label {
display: -ms-inline-flexbox;
display: inline-flex;
margin-top: 5px;
padding: 5px 10px;
background: rgba(197, 197, 197, 0.5);
color: #646464;
text-transform: uppercase;
border-radius: 3px;
font: 0.8571428571rem opensans-semibold, Arial, Helvetica, sans-serif;
}
html[locale=nl_NL] *::-ms-backdrop,
html[locale=nl_NL] .product_tile-qty ~ .product_tile-submit {
white-space: normal;
}
.list_view .product_tile-info,
.list_view .product_tile-description,
.list_view .product_tile-promotion-inner,
.compact_view .product_tile-info,
.compact_view .product_tile-description,
.compact_view .product_tile-promotion-inner {
min-width: 0;
width: 100%;
}
.list_view .product_tile-top_height,
.compact_view .product_tile-top_height {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
}
.list_view .js-product-info-height,
.list_view .js-product-top-name-height,
.compact_view .js-product-info-height,
.compact_view .js-product-top-name-height {
height: auto !important;
}
.ai_slider .list_view .js-product-info-height,
.ai_slider .list_view .js-product-top-name-height,
.ai_slider .compact_view .js-product-info-height,
.ai_slider .compact_view .js-product-top-name-height {
/* stylelint-disable-next-line */
}
@media all and (-ms-high-contrast: none) {
.ai_slider .list_view .js-product-info-height,
.ai_slider .list_view .js-product-top-name-height,
.ai_slider .compact_view .js-product-info-height,
.ai_slider .compact_view .js-product-top-name-height {
-ms-flex: auto;
flex: auto;
}
}
.grid_view .product_tile-top_height {
-ms-flex-pack: justify;
justify-content: space-between;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
}
@media only screen and (max-width: 767px) {
.grid_view .js-product-info-height,
.grid_view .js-product-top-name-height {
height: auto !important;
}
}
.related_products {
border: 1px solid #efefef;
border-top: 3px solid #213858;
overflow-y: auto;
overflow-x: hidden;
-ms-overflow-style: auto;
max-height: 73vh;
}
.related_products-banner {
padding: 15px;
background-color: #efefef;
font-size: 0.9285714286rem;
}
.related_products .price-label,
.related_products .product-price_title {
display: none;
}
@media only screen and (max-width: 374px) {
.related_products .product-price_value {
font-size: 1.1428571429rem;
}
}
@media only screen and (min-width: 768px) {
.related_products .product_tile-sku {
width: 100%;
}
}
.related_products .product_tile-sku {
padding: 0;
}
@media only screen and (min-width: 768px) {
.related_products .product_tile-action {
clear: both;
}
}
@media only screen and (min-width: 768px) {
.related_products .product_tile-title {
width: 65%;
float: left;
}
}
@media only screen and (max-width: 374px) {
.related_products .product_tile-title {
font: 1rem brandongrotesque-regular, Arial, Helvetica, sans-serif;
}
}
.related_products .product_tile-title-name {
min-height: initial;
}
@media only screen and (min-width: 768px) {
.related_products .product_tile-price {
float: left;
width: 35%;
text-align: right;
}
}
@media only screen and (min-width: 768px) {
.related_products .product-price {
-ms-flex-pack: end;
justify-content: flex-end;
}
}
.related_products .product_tile {
margin: 0;
width: 100%;
padding: 15px 0;
border: 0;
border-top: 1px solid #efefef;
min-height: auto;
}
.related_products .product_tile:first-child {
border-top: 0;
}
.related_products .product_tile:last-of-type .quantity_combobox .select2-container:not(.select2) {
top: 45px !important;
left: 0 !important;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
.related_products .product_tile:last-of-type .quantity_combobox .select2-container:not(.select2) .select2-dropdown { /* stylelint-disable */
z-index: 1;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
.related_products .product_tile-image {
padding: 0 10px;
margin: 0;
float: left;
width: 29%;
height: auto;
}
@media only screen and (min-width: 768px) {
.related_products .product_tile-image {
width: 23%;
}
}
.related_products .product_tile-image .tile-image {
width: 100%;
}
.related_products .product_tile-info {
margin: 0;
}
.related_products .product_tile-info-wrap {
float: left;
width: 71%;
padding-right: 10px;
}
@media only screen and (min-width: 768px) {
.related_products .product_tile-info-wrap {
width: 77%;
padding-right: 15px;
}
}
.related_products .product_tile-form {
-ms-flex-pack: start;
justify-content: flex-start;
}
.related_products .product_tile-qty {
width: auto;
margin-right: 10px;
}
@media only screen and (max-width: 374px) {
.related_products .quantity_combobox-field {
width: 40px;
}
}
@media only screen and (max-width: 374px) {
.related_products .select2-container {
width: 75px !important;
}
}
@media only screen and (max-width: 374px) {
.related_products .select2-dropdown {
width: 40px !important;
}
}
.related_products .product_tile-submit {
-ms-flex-positive: 0;
flex-grow: 0;
}
@media only screen and (max-width: 767px) {
.related_products .product_tile-submit .button {
padding-left: 12px;
padding-right: 12px;
}
}
@media only screen and (max-width: 374px) {
.related_products .product_tile-submit .button {
padding-left: 10px;
padding-right: 10px;
font-size: 0.7857142857rem;
}
}
.related_products-popup .modal-body {
padding: 0 15px 40px;
}
@media only screen and (min-width: 768px) {
.related_products-popup .modal-body {
padding: 0 30px 35px;
}
}
@media only screen and (min-width: 768px) {
.related_products-popup .modal-dialog {
max-width: 570px;
}
}
.related_products-popup .modal-header {
margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
.related_products-popup .modal-header {
padding: 0 15px;
}
}
.related_products-popup .modal-footer {
padding: 0;
}
/* stylelint-disable */
.partner_selection {
padding-top: 10px;
padding-bottom: 10px;
}
.header .partner_selection, .header_external .partner_selection {
padding: 0;
}
@media only screen and (min-width: 768px) {
.partner_selection {
padding-top: 60px;
padding-bottom: 80px;
}
}
.partner_selection-inner::after {
content: "";
display: table;
clear: both;
}
.partner_selection-inner {
position: relative;
border-radius: 3px;
}
@media only screen and (max-width: 767px) {
.partner_selection-inner {
background: #ffffff;
padding: 14px 10px;
}
}
.partner_selection-main::after {
content: "";
display: table;
clear: both;
}
.partner_selection-main {
display: -ms-flexbox;
display: flex;
}
@media only screen and (min-width: 768px) {
.partner_selection-main_title + .partner_selection-main {
float: right;
max-width: 900px;
width: 76.92%;
}
}
.partner_selection.m-switcher .partner_selection-main {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media only screen and (min-width: 768px) {
.partner_selection.m-switcher .partner_selection-main {
max-width: 950px;
width: 82%;
}
}
.partner_selection-main_title {
float: left;
width: 17.09%;
max-width: 200px;
}
@media only screen and (max-width: 767px) {
.partner_selection-main_title {
display: none;
}
}
.partner_selection-main_title h3 {
font: 1.7142857143rem brandongrotesque-medium, Arial, Helvetica, sans-serif;
margin-bottom: 20px;
}
.partner_selection-main_title p {
line-height: 1.4;
margin-bottom: 20px;
}
.partner_selection-section {
width: 100%;
padding: 30px;
line-height: 1;
}
@media only screen and (min-width: 768px) {
.partner_selection-section {
margin: 0 2.22% 0 0;
}
.partner_selection.m-switcher .partner_selection-section {
margin: 0 10px 0 0;
}
.partner_selection.m-switcher .partner_selection-section ~ .partner_selection-section {
margin: 0 0 0 10px;
}
}
.header_partner_selection .partner_selection-section {
width: 100%;
padding: 20px;
}
@media only screen and (min-width: 768px) {
.partner_selection-section {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-preferred-size: 1 0 auto;
flex-basis: 1 0 auto;
}
}
@media only screen and (max-width: 767px) {
.partner_selection-section {
display: none;
width: 100%;
padding: 0;
}
.partner_selection-section.active, .header .partner_selection-section, .header_external .partner_selection-section {
display: block;
}
.partner_selection.m-switcher .partner_selection-section {
display: block;
}
}
@media only screen and (min-width: 768px) {
.partner_selection.m-switcher .partner_selection-section {
-ms-flex: 1 0 calc(50% - 10px);
flex: 1 0 calc(50% - 10px);
max-width: calc(50% - 10px);
}
}
.partner_selection.m-switcher .partner_selection-section .partner_selection-section-content {
margin-right: -15px;
}
@media only screen and (min-width: 768px) {
.partner_selection-section-inner {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
max-width: 600px;
width: 100%;
margin: 0 auto;
}
}
.partner_selection-section-title {
font: 2.1428571429rem / 1 brandongrotesque-medium, Arial, Helvetica, sans-serif;
color: #213858;
margin-bottom: 17px;
text-align: center;
}
@media only screen and (max-width: 1023px) {
[locale=fr_CA] .partner_selection-section-title {
min-height: 60px;
}
}
@media only screen and (max-width: 767px) {
[locale=fr_CA] .partner_selection-section-title {
min-height: auto;
padding: 0 25px;
}
}
@media only screen and (max-width: 767px) {
[locale=it_IT] .partner_selection-section-title {
text-indent: 25px;
}
}
.partner_selection.m-switcher .partner_selection-section-title {
padding: 0 20px;
}
@media only screen and (max-width: 767px) {
.partner_selection.m-switcher .partner_selection-section-title {
padding: 0;
font: 1.5714285714rem / 1 brandongrotesque-medium, Arial, Helvetica, sans-serif;
}
}
.partner_selection-section-subtitle {
font-family: brandongrotesque-medium, Arial, Helvetica, sans-serif;
font-size: 1.1428571429rem;
color: #213858;
margin-bottom: 26px;
text-align: center;
}
.header_partner_selection .partner_selection-section-subtitle {
margin-bottom: 13px;
text-align: left;
}
.partner_selection-section-error {
color: #ff0000;
font: 0.7857142857rem opensans-regular, Arial, Helvetica, sans-serif;
margin-bottom: 12px;
opacity: 0;
}
.partner_selection-section-error.fade_out {
-webkit-animation: fadeOut 5s;
animation: fadeOut 5s;
}
.partner_selection-section-error.m-account {
display: none;
}
.partner_selection-section-error.m-account.fade_out {
display: block;
}
.partner_selection-section-error.show {
opacity: 1;
}
@media only screen and (min-width: 768px) {
.partner_selection-section-form {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-positive: 1;
flex-grow: 1;
}
}
@media only screen and (min-width: 768px) and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.partner_selection-section-make_default {
width: 100%;
}
}
.partner_selection-section-make_default input[type=checkbox]:not(.custom-switch):not(.ppp-switcher) + label {
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: start;
align-items: flex-start;
}
.partner_selection-section-make_default-label {
font-family: opensans-semibold, Arial, Helvetica, sans-serif;
}
.partner_selection-modal .partner_selection-section-make_default-label {
font-family: opensans-regular, Arial, Helvetica, sans-serif;
}
.partner_selection-section-make_default-message {
font: 0.8571428571rem opensans-regular, Arial, Helvetica, sans-serif;
display: block;
color: #646464;
}
@media only screen and (min-width: 768px) and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.partner_selection-section-make_default-message {
max-width: 100%;
}
}
.partner_selection-section-bottom {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
}
.partner_selection-section-bottom .partner_selection-section-make_default {
margin-bottom: 15px;
}
@media only screen and (max-width: 767px) {
.partner_selection-section-bottom .partner_selection-section-make_default {
-ms-flex-order: 1;
order: 1;
margin-bottom: 0;
}
.partner_selection.m-switcher .partner_selection-section-bottom .partner_selection-section-make_default {
-ms-flex-order: 0;
order: 0;
margin-bottom: 25px;
}
.partner_selection-section-bottom .partner_selection-section-submit {
-ms-flex-order: 0;
order: 0;
margin-bottom: 20px;
}
}
@media only screen and (min-width: 768px) {
.partner_selection-section-bottom {
-ms-flex-pack: end;
justify-content: flex-end;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-positive: 1;
flex-grow: 1;
}
}
.header_partner_selection .partner_selection-section-bottom {
-ms-flex-negative: 0;
flex-shrink: 0;
padding: 20px;
background-color: #e7e7e7;
}
.partner_selection-section-cancel, .partner_selection-section-close {
border: 1px solid transparent;
cursor: pointer;
display: inline-block;
font: 1rem / 1 brandongrotesque-medium, Arial, Helvetica, sans-serif;
text-align: center;
text-transform: uppercase;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-radius: 3px;
padding: 14.5px 20px;
width: 100%;
}
.partner_selection-section-cancel.button-disabled, .sales_rep_promo-upload:not(.active) .partner_selection-section-cancel.sales_rep_promo-upload-label, .partner_selection-section-cancel.button-disabled:hover, .partner_selection-section-cancel.button-disabled:focus, .partner_selection-section-cancel.button-disabled:active, .partner_selection-section-cancel[disabled], .partner_selection-section-cancel[disabled]:hover, .partner_selection-section-cancel[disabled]:focus, .partner_selection-section-cancel[disabled]:active, .partner_selection-section-close.button-disabled, .sales_rep_promo-upload:not(.active) .partner_selection-section-close.sales_rep_promo-upload-label, .partner_selection-section-close.button-disabled:hover, .partner_selection-section-close.button-disabled:focus, .partner_selection-section-close.button-disabled:active, .partner_selection-section-close[disabled], .partner_selection-section-close[disabled]:hover, .partner_selection-section-close[disabled]:focus, .partner_selection-section-close[disabled]:active {
background-color: #e7e7e7;
border-color: #e7e7e7;
-webkit-box-shadow: none;
box-shadow: none;
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.partner_selection-section-cancel, .partner_selection-section-close { /* stylelint-disable-line */
background-color: #ffffff;
border-color: #076795;
color: #076795;
}
.partner_selection-section-cancel:active, .partner_selection-section-close:active {
background-color: rgba(7, 103, 149, 0.1);
border-color: #076795;
color: #076795;
}
@media only screen and (min-width: 1025px) {
.partner_selection-section-cancel:hover, .partner_selection-section-close:hover {
background-color: rgba(7, 103, 149, 0.1);
border-color: #076795;
color: #076795;
}
}
.partner_selection-section-cancel:active, .partner_selection-section-close:active {
-webkit-box-shadow: inset 0 4px 2px rgba(0, 0, 0, 0.12);
box-shadow: inset 0 4px 2px rgba(0, 0, 0, 0.12);
}
@media only screen and (min-width: 768px) {
.partner_selection-section-cancel {
display: none;
}
}
.partner_selection-section-submit {
border: 1px solid transparent;
cursor: pointer;
display: inline-block;
font: 1rem / 1 brandongrotesque-medium, Arial, Helvetica, sans-serif;
text-align: center;
text-transform: uppercase;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-radius: 3px;
padding: 14.5px 20px;
width: 100%;
}
.partner_selection-section-submit.button-disabled, .sales_rep_promo-upload:not(.active) .partner_selection-section-submit.sales_rep_promo-upload-label, .partner_selection-section-submit.button-disabled:hover, .partner_selection-section-submit.button-disabled:focus, .partner_selection-section-submit.button-disabled:active, .partner_selection-section-submit[disabled], .partner_selection-section-submit[disabled]:hover, .partner_selection-section-submit[disabled]:focus, .partner_selection-section-submit[disabled]:active {
background-color: #e7e7e7;
border-color: #e7e7e7;
-webkit-box-shadow: none;
box-shadow: none;
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.partner_selection-section-submit { /* stylelint-disable-line */
background-color: #076795;
border-color: #076795;
color: #ffffff;
}
.partner_selection-section-submit:active {
background-color: #d7e7ef;
border-color: #d7e7ef;
color: #076795;
}
@media only screen and (min-width: 1025px) {
.partner_selection-section-submit:hover {
background-color: #d7e7ef;
border-color: #d7e7ef;
color: #076795;
}
}
.partner_selection-section-submit:active {
-webkit-box-shadow: inset 0 3px 2px rgba(0, 0, 0, 0.12);
box-shadow: inset 0 3px 2px rgba(0, 0, 0, 0.12);
}
@media only screen and (min-width: 768px) {
.partner_selection-main .partner_selection-section:only-child .partner_selection-section-submit {
width: auto;
-ms-flex-item-align: center;
align-self: center;
}
}
@media all and (-ms-high-contrast: none) {
.partner_selection-section-submit { /* stylelint-disable-line */
white-space: nowrap;
}
}
@media only screen and (min-width: 768px) {
.partner_selection-section-close {
display: none;
}
}
@media only screen and (min-width: 768px) {
.partner_selection-section-close-enforce_visible {
display: inline-block;
width: auto;
margin: 0 10px 0 auto;
-ms-flex-order: -1;
order: -1;
}
}
.partner_selection-section-submit + .partner_selection-section-close {
margin-top: 10px;
}
.partner_selection-section-submit + .partner_selection-section-close-enforce_visible {
margin-top: 0;
}
@media only screen and (max-width: 767px) {
.partner_selection-section-submit + .partner_selection-section-close-enforce_visible {
margin-top: 10px;
}
}
.partner_selection-section-content {
border-top: 1px solid #e7e7e7;
padding: 25px 0;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
max-height: 230px;
margin-right: -15px;
}
@media only screen and (max-width: 767px) {
.partner_selection-section-content {
border-top: none;
padding: 10px 0 30px;
}
}
.partner_selection-section-content h3 {
font: 1.2857142857rem / 1.7142857143rem brandongrotesque-medium, Arial, Helvetica, sans-serif;
width: calc(50% - 15px);
}
.partner_selection-section-content h3:not(:first-of-type) {
margin-top: 20px;
}
.partner_selection-section-content p {
font: 0.8571428571rem / 1.7142857143rem brandongrotesque-regular, Arial, Helvetica, sans-serif;
width: calc(50% - 15px);
list-style: disc outside;
display: list-item;
margin-left: 12px;
}
.partner_selection-section-default_label {
font: 1rem / 1.5714285714rem brandongrotesque-regular, Arial, Helvetica, sans-serif;
}
@media only screen and (min-width: 768px) {
.partner_selection-section + .partner_selection-section {
margin: 0 0 0 2.22%;
}
}
@media only screen and (min-width: 768px) {
.partner_selection.m-switcher .partner_selection-section + .partner_selection-section {
margin: 0 0 0 10px;
}
}
.partner_selection-carstock {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
margin: -30px 0 30px;
padding: 30px;
background-color: #ffffff;
border-radius: 3px;
}
.partner_selection-carstock-title {
margin-right: 30px;
}
.partner_selection-multilines .partner_selection-multiline::after {
content: ", ";
display: inline;
}
.partner_selection-multilines .partner_selection-multiline:last-child::after {
content: "";
}
@-webkit-keyframes fadeOut {
10% {
opacity: 1;
}
90% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeOut {
10% {
opacity: 1;
}
90% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.partner_selection-header_mobile {
text-align: center;
display: none;
}
@media only screen and (max-width: 767px) {
.partner_selection-header_mobile {
display: block;
}
}
.selected .partner_selection-header_mobile {
display: none;
}
.partner_selection-header_mobile-title {
font-family: brandongrotesque-medium, Arial, Helvetica, sans-serif;
font-size: 2.1428571429rem;
margin-bottom: 25px;
}
.partner_selection-header_mobile-subtitle, .partner_selection-header_mobile-separator {
font: 1rem opensans-regular, Arial, Helvetica, sans-serif;
color: #646464;
}
.partner_selection-header_mobile-subtitle {
margin-bottom: 30px;
}
.partner_selection-header_mobile-separator {
text-transform: uppercase;
margin: 23px 0;
display: block;
position: relative;
}
.partner_selection.m-switcher .partner_selection-header_mobile-separator {
display: none;
}
@media only screen and (max-width: 767px) {
.partner_selection.m-switcher .partner_selection-header_mobile-separator {
display: block;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
text-align: center;
margin: 10px 0 30px;
}
}
.partner_selection-header_mobile-separator::before, .partner_selection-header_mobile-separator::after {
content: "";
width: 35%;
top: 50%;
border-top: 1px solid #efefef;
position: absolute;
}
.partner_selection-header_mobile-separator::before {
left: 0;
}
.partner_selection-header_mobile-separator::after {
right: 0;
}
.partner_selection-main_description {
text-align: left;
margin-top: 20px;
}
.partner_selection-main_description p {
line-height: 1.4;
margin-bottom: 20px;
}
.partner_selection-back::before {
color: #076795;
font-size: 2.2857142857rem;
opacity: 0.5;
}
.partner_selection-back-wrapper {
position: absolute;
top: 11px;
left: 6px;
display: none;
}
@media only screen and (max-width: 767px) {
.selected .partner_selection-back-wrapper {
display: block;
}
}
.partner_selection-banner {
-ms-flex: 1 0 100%;
flex: 1 0 100%;
}
.partner_selection-banner > * {
padding: 20px;
background: #ffffff;
text-align: center;
margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
.partner_selection-banner > * {
margin-top: 6px;
padding: 10;
}
}
.partner_selection-account-selected {
margin-bottom: 15px;
}
.partner_selection-account-selected-false {
text-align: center;
color: #646464;
font: 0.8571428571rem opensans-regular, Arial, Helvetica, sans-serif;
}
.partner_selection-account-single {
margin-bottom: 20px;
padding: 25px 0;
border-top: 1px solid #efefef;
border-bottom: 1px solid #efefef;
}
.partner_selection-account-list {
border-top: 1px solid #efefef;
border-left: 1px solid #efefef;
margin-bottom: 20px;
}
.partner_selection-account-list-title {
width: 100%;
padding: 40px 20px;
border: 1px solid #efefef;
border-left: 0;
text-align: center;
}
@media only screen and (max-width: 767px) {
.partner_selection-account-list-title {
border-bottom: 0;
}
}
.partner_selection-account-item {
border-bottom: 1px solid #efefef;
border-right: 1px solid #efefef;
}
.partner_selection .partner_selection-account-item-wrapper {
display: block;
padding: 10px 10px 10px 54px;
margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
.partner_selection .partner_selection-account-item-wrapper {
padding-top: 5px;
}
}
.partner_selection .partner_selection-account-item-wrapper::before {
left: 19px;
top: calc(50% - 10px);
}
.partner_selection .partner_selection-account-item-wrapper::after {
left: 24px;
top: calc(50% - 5px);
}
.partner_selection-account-item .ppp-switcher + label {
font: 0.8571428571rem opensans-regular, Arial, Helvetica, sans-serif;
padding-left: 34px;
margin-bottom: 5px;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
min-height: 21px;
}
@media only screen and (min-width: 768px) and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.partner_selection-account-item .ppp-switcher + label {
padding-top: 2px;
}
}
.partner_selection-account-item .ppp-switcher + label {
position: relative;
z-index: 1;
}
.partner_selection-account-item .ppp-switcher + label::before {
position: absolute;
top: 0;
left: 0;
height: 21px;
width: 21px;
content: "";
display: inline-block;
background-color: #ffffff;
border: 1px solid #076795;
border-radius: 3px;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
}
.partner_selection-account-item .ppp-switcher + label::after {
position: absolute;
top: 5px;
left: 5px;
height: 11px;
width: 11px;
content: "";
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
background: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill='%23076795' x='0px' y='0px' viewBox='0 0 31 31' style='enable-background:new 0 0 31 31;' xml:space='preserve'%3E%3Cpath class='st0' d='M23,2'/%3E%3Cpath class='st0' d='M7,2'/%3E%3Cg%3E%3Cg id='chevron-right'%3E%3Cpolygon points='31,7.9 27.4,4.3 12.1,19.6 3.5,11 0,14.6 12.2,26.7'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat center;
}
@media only screen and (min-width: 1025px) {
.partner_selection-account-item .ppp-switcher + label:hover::before {
background-color: #f7f9f9;
border-width: 2px;
}
}
.partner_selection-account-item .ppp-switcher + label.is-white {
color: #ffffff;
font-size: 1rem;
margin: 20px 10px 0 0;
}
.partner_selection-account-item .ppp-switcher + label.is-white::after {
background: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill='%23ffffff' x='0px' y='0px' viewBox='0 0 31 31' style='enable-background:new 0 0 31 31;' xml:space='preserve'%3E%3Cpath class='st0' d='M23,2'/%3E%3Cpath class='st0' d='M7,2'/%3E%3Cg%3E%3Cg id='chevron-right'%3E%3Cpolygon points='31,7.9 27.4,4.3 12.1,19.6 3.5,11 0,14.6 12.2,26.7'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat center;
}
.partner_selection-account-item .ppp-switcher + label.is-white::before {
border-color: #ffffff;
background-color: rgba(255, 255, 255, 0.1);
}
@media only screen and (min-width: 768px) {
.partner_selection-account-item .ppp-switcher + label.is-white::before {
background-color: #4d4d4d;
}
}
.partner_selection-account-item .ppp-switcher:checked + label::before {
border-width: 2px;
}
.partner_selection-account-item .ppp-switcher:checked + label::after {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.partner_selection-account-item .ppp-switcher:disabled + label {
color: #888888;
pointer-events: none;
}
.partner_selection-account-item .ppp-switcher:disabled + label::before {
background-color: #e7e7e7;
border-color: #e7e7e7;
}
.partner_selection-account-item .ppp-switcher:disabled + label:hover::before {
-webkit-box-shadow: none;
box-shadow: none;
}
.partner_selection-account-item .ppp-switcher:checked:disabled + label::after {
background: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill='%23c5c5c5' x='0px' y='0px' viewBox='0 0 31 31' style='enable-background:new 0 0 31 31;' xml:space='preserve'%3E%3Cpath class='st0' d='M23,2'/%3E%3Cpath class='st0' d='M7,2'/%3E%3Cg%3E%3Cg id='chevron-right'%3E%3Cpolygon points='31,7.9 27.4,4.3 12.1,19.6 3.5,11 0,14.6 12.2,26.7'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat center;
}
.partner_selection-account-item .ppp-switcher + label {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: start;
align-items: flex-start;
padding: 15px 10px 15px 60px;
margin-bottom: 0;
}
.partner_selection-account-item .ppp-switcher + label::before {
left: 19px;
top: calc(50% - 10px);
}
.partner_selection-account-item .ppp-switcher + label::after {
left: 24px;
top: calc(50% - 5px);
}
.partner_selection-account-item .ppp-switcher + label .partner_selection-account-item-title {
color: #000000;
}
.partner_selection-account-item .ppp-switcher:checked + .partner_selection-account-item-wrapper {
background: none;
color: inherit;
}
.partner_selection-account-item .ppp-switcher:checked + .partner_selection-account-item-wrapper .partner_selection-account-item-title,
.partner_selection-account-item .ppp-switcher:checked + .partner_selection-account-item-wrapper .partner_selection-account-item-description {
font-weight: inherit;
}
.partner_selection-account-item-title {
display: block;
font: 0.8571428571rem / 1.1428571429rem opensans-semibold, Arial, Helvetica, sans-serif;
}
.partner_selection-account-item-status {
background-color: #008900;
border-radius: 4px;
color: #ffffff;
display: inline-block;
margin-left: 2px;
padding: 3px 8px;
}
.partner_selection-account-item-description {
font: 0.8571428571rem / 1.1428571429rem opensans-regular, Arial, Helvetica, sans-serif;
color: #646464;
text-transform: uppercase;
display: block;
}
[locale*=_JP] .partner_selection-account-item-description {
text-transform: initial;
}
.partner_selection-account-item-icon {
position: absolute;
top: 50%;
right: 5px;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.partner_selection-account-item-icon:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 24px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f12d";
}
.partner_selection-account-item-icon::before {
color: #ff0000;
opacity: 0.5;
}
@media only screen and (min-width: 768px) {
.partner_selection-account-item-icon {
right: 10px;
}
.partner_selection-account-item-icon::before {
font-size: 2.1428571429rem;
}
}
.partner_selection-account-item-wrapper:hover, input:checked + .partner_selection-account-item-wrapper {
background-color: #f7f9f9;
}
input:checked + .partner_selection-account-item-wrapper .partner_selection-account-item-title,
input:checked + .partner_selection-account-item-wrapper .partner_selection-account-item-description {
font-weight: bold;
color: #000000;
}
.partner_selection-account-pagination {
margin-bottom: 30px;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-negative: 0;
flex-shrink: 0;
-ms-flex-pack: justify;
justify-content: space-between;
line-height: 20px;
}
.header_partner_selection .partner_selection-account-pagination {
margin-bottom: 0;
}
.partner_selection-account-pagination-link {
padding: 0;
border: 0;
background: none;
background-color: transparent;
background-image: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.partner_selection-account-pagination-link::-ms-expand {
display: none;
}
.partner_selection-account-pagination-link.link-disabled, .partner_selection-account-pagination-link.link-disabled:hover, .partner_selection-account-pagination-link.link-disabled:focus, .partner_selection-account-pagination-link.link-disabled:active, .partner_selection-account-pagination-link[disabled], .partner_selection-account-pagination-link[disabled]:hover, .partner_selection-account-pagination-link[disabled]:focus, .partner_selection-account-pagination-link[disabled]:active {
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.partner_selection-account-pagination-link {
display: inline-block;
cursor: pointer;
color: #076795;
}
.partner_selection-account-pagination-link:hover, .partner_selection-account-pagination-link:active {
text-decoration: underline;
}
@media only screen and (min-width: 768px) {
.partner_selection-account-pagination-link {
margin-right: 10px;
}
}
.partner_selection-account-pagination-text {
font: 0.8571428571rem opensans-regular, Arial, Helvetica, sans-serif;
float: right;
color: #646464;
}
.partner_selection-accountSU-title {
margin-bottom: 13px;
font-family: brandongrotesque-medium, Arial, Helvetica, sans-serif;
font-size: 1.2857142857rem;
}
.partner_selection-accountSU .partner_selection-section-submit {
margin: 20px 0 25px;
}
@media only screen and (min-width: 768px) {
.partner_selection-accountSU .partner_selection-section-submit {
margin: 30px 0 0;
}
}
@media only screen and (min-width: 768px) {
.header_partner_selection {
position: relative;
}
.header_partner_selection::before, .header_partner_selection::after {
content: "";
position: absolute;
bottom: -100%;
}
.header_partner_selection::after {
border: 12px solid transparent;
border-bottom-color: #ffffff;
border-top-width: 0;
left: auto;
right: 14px;
z-index: 7;
}
.header_partner_selection::before {
background-color: transparent;
-webkit-box-shadow: 0 5px 38px rgba(0, 0, 0, 0.1);
box-shadow: 0 5px 38px rgba(0, 0, 0, 0.1);
height: 18px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
width: 18px;
z-index: 1;
right: 17px;
}
.header_partner_selection-content {
-webkit-box-shadow: 0 5px 38px rgba(0, 0, 0, 0.1);
box-shadow: 0 5px 38px rgba(0, 0, 0, 0.1);
left: 0;
position: absolute;
right: auto;
top: calc(100% + 5px);
width: 400px;
}
.header_partner_selection-content::before {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: #ffffff;
content: "";
z-index: -1;
}
.header_partner_selection-content,
.header_partner_selection::before,
.header_partner_selection::after {
visibility: hidden;
opacity: 0;
-webkit-transition: visibility 0s, opacity 0s;
transition: visibility 0s, opacity 0s;
}
.header_partner_selection.m-flyout-selected .header_partner_selection-content {
visibility: visible;
opacity: 1;
-webkit-transition: visibility 0s, opacity 0.5s, bottom 0.2s;
transition: visibility 0s, opacity 0.5s, bottom 0.2s;
}
.header_partner_selection.m-flyout-selected::before,
.header_partner_selection.m-flyout-selected::after {
visibility: visible;
opacity: 1;
-webkit-transition: visibility 0s, opacity 0.5s, bottom 0.2s;
transition: visibility 0s, opacity 0.5s, bottom 0.2s;
}
.header_partner_selection.m-flyout-selected::before {
bottom: -14px;
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.header_partner_selection.m-flyout-selected::after {
bottom: -5px;
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
}
}
@media only screen and (min-width: 768px) {
.header_partner_selection .partner_selection-change_account {
width: 100%;
}
}
.header_partner_selection-link:after {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f125";
}
.header_partner_selection-link {
-ms-flex-align: start;
align-items: flex-start;
color: #ffffff;
cursor: pointer;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
font-size: 1.2857142857rem;
-ms-flex-pack: center;
justify-content: center;
line-height: 1.5;
margin-top: 20px;
padding: 10px 40px 10px 20px;
position: relative;
}
.header_partner_selection-link::after {
font-size: 0.7857142857rem;
margin-top: -6px;
position: absolute;
right: 20px;
top: 50%;
}
@media only screen and (min-width: 768px) {
.header_partner_selection-link::after {
border: 5px solid transparent;
border-top-color: rgba(0, 0, 0, 0.5);
border-bottom-width: 0;
content: "";
margin: 0 0 0 10px;
width: auto;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
-webkit-transform: rotate(0);
transform: rotate(0);
-ms-flex-item-align: center;
align-self: center;
}
.m-flyout-selected .header_partner_selection-link::after {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.header_partner_selection-link {
margin-top: 0;
padding: 10px 30px 10px 25px;
height: 100%;
width: 100%;
border: 2px solid #c5c5c5;
border-radius: 40px;
}
.header_main:not(.header_app_view) .m-flyout-selected .header_partner_selection-link {
border-color: #434343;
}
}
@media only screen and (min-width: 1025px) {
.is-sticky .header_partner_selection-link {
width: auto;
padding-left: 20px;
}
.is-sticky .header_partner_selection-link::after {
border-top-color: rgba(255, 255, 255, 0.7);
}
.is-sticky .m-flyout-selected .header_partner_selection-link {
border-color: #ffffff;
}
}
@media only screen and (min-width: 768px) {
.header_app_view .header_partner_selection-link {
padding: 8px 30px 8px 20px;
}
.header_app_view .header_partner_selection-link::after {
border-top-color: rgba(255, 255, 255, 0.7);
}
}
.header_partner_selection-name {
font-size: 1.1428571429rem;
}
@media only screen and (min-width: 768px) {
.header_partner_selection-name {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
color: #646464;
font-size: 1rem;
width: 100%;
}
}
@media only screen and (min-width: 1025px) {
.is-sticky .header_partner_selection-name {
color: #ffffff;
}
}
@media only screen and (min-width: 768px) {
.header_app_view .header_partner_selection-name {
color: #ffffff;
}
}
.header_partner_selection-info {
font-size: 0.8571428571rem;
}
@media only screen and (min-width: 768px) {
.header_partner_selection-info {
color: #000000;
}
}
@media only screen and (min-width: 1025px) {
.is-sticky .header_partner_selection-info {
color: #c5c5c5;
}
}
@media only screen and (min-width: 768px) {
.header_app_view .header_partner_selection-info {
color: #c5c5c5;
}
}
.partner_selection-noaccount {
background-color: #ffffff;
padding: 10px 0 70px;
}
@media only screen and (min-width: 768px) {
.partner_selection-noaccount {
padding: 60px 0 270px;
}
}
.partner_selection-logo {
text-align: center;
margin: 0 auto 70px;
width: 255px;
}
.partner_selection-logo .logo-img {
max-width: 260px;
min-height: 50px;
display: block;
margin: 0 auto;
}
.modal .partner_selection-logo {
width: 100%;
padding: 20px 0;
margin-bottom: 0;
background: #efefef;
}
@media only screen and (min-width: 768px) and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.partner_selection-logo svg.logo-img {
max-height: 50px;
}
}
.partner_selection-dialog {
text-align: center;
margin: 35px auto 0;
max-width: 360px;
width: 100%;
padding: 0 10px;
}
.partner_selection-dialog-icon {
margin: 0 auto 30px;
width: 65px;
height: 65px;
position: relative;
}
.partner_selection-dialog-icon i::before {
line-height: 1;
position: absolute;
}
.partner_selection-dialog-icon .icon-account::before {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
font-size: 55px;
color: #076795;
opacity: 0.5;
}
.error .partner_selection-dialog-icon .icon-account::before {
color: #ff0000;
}
.partner_selection-dialog-icon .icon-warning::before {
font-size: 22px;
color: #ff0000;
bottom: 0;
right: 0;
border-radius: 50%;
background: #ffffff;
}
.partner_selection-dialog-title {
font: 1.2857142857rem / 1.2857142857rem brandongrotesque-bold, Arial, Helvetica, sans-serif;
margin-bottom: 30px;
text-transform: uppercase;
}
.partner_selection-dialog-description {
font: 0.9285714286rem / 1.5rem opensans-regular, Arial, Helvetica, sans-serif;
margin-bottom: 35px;
color: #646464;
}
.error .partner_selection-dialog-description {
color: #ff0000;
}
.partner_selection-dialog-footer {
font: 1rem / 1.1428571429rem opensans-semibold, Arial, Helvetica, sans-serif;
text-align: center;
padding-bottom: 30px;
}
.partner_selection-dialog-button {
border: 1px solid transparent;
cursor: pointer;
display: inline-block;
font: 1rem / 1 brandongrotesque-medium, Arial, Helvetica, sans-serif;
text-align: center;
text-transform: uppercase;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-radius: 3px;
padding: 14.5px 20px;
width: 100%;
}
.partner_selection-dialog-button.button-disabled, .sales_rep_promo-upload:not(.active) .partner_selection-dialog-button.sales_rep_promo-upload-label, .partner_selection-dialog-button.button-disabled:hover, .partner_selection-dialog-button.button-disabled:focus, .partner_selection-dialog-button.button-disabled:active, .partner_selection-dialog-button[disabled], .partner_selection-dialog-button[disabled]:hover, .partner_selection-dialog-button[disabled]:focus, .partner_selection-dialog-button[disabled]:active {
background-color: #e7e7e7;
border-color: #e7e7e7;
-webkit-box-shadow: none;
box-shadow: none;
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.partner_selection-dialog-button { /* stylelint-disable-line */
background-color: #ffffff;
border-color: #076795;
color: #076795;
}
.partner_selection-dialog-button:active {
background-color: rgba(7, 103, 149, 0.1);
border-color: #076795;
color: #076795;
}
@media only screen and (min-width: 1025px) {
.partner_selection-dialog-button:hover {
background-color: rgba(7, 103, 149, 0.1);
border-color: #076795;
color: #076795;
}
}
.partner_selection-dialog-button:active {
-webkit-box-shadow: inset 0 4px 2px rgba(0, 0, 0, 0.12);
box-shadow: inset 0 4px 2px rgba(0, 0, 0, 0.12);
}
.partner_selection-dialog-button {
width: auto;
background: transparent;
}
.partner_selection-modal .modal-dialog {
max-width: 830px;
max-height: 100%;
width: 100%;
}
.partner_selection-account_selection {
max-width: 830px;
width: 100%;
}
.partner_selection-account_selection.partner_selection {
background: none;
padding: 0;
}
.partner_selection-account_selection.partner_selection .modal-header {
padding: 0 30px 0 20px;
}
.partner_selection-account_selection-error {
color: #ff0000;
padding: 30px 30px 0;
display: none;
}
.partner_selection-account_selection-error.show-error {
display: block;
}
.partner_selection-account_selection-top {
padding: 30px;
}
@media only screen and (max-width: 767px) {
.partner_selection-account_selection-top {
padding: 20px;
}
}
.partner_selection-account_selection-bottom {
padding: 30px;
background: #f7f9f9;
}
.partner_selection-account_selection-bottom.m-terms {
background-color: transparent;
border-top: 1px solid #efefef;
margin-top: 40px;
padding: 20px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: center;
justify-content: center;
}
@media only screen and (max-width: 767px) {
.partner_selection-account_selection-bottom {
padding: 20px;
}
}
@media only screen and (min-width: 768px) {
.partner_selection-account_selection-bottom {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
}
}
.partner_selection-account_selection-agree {
margin: 0 auto;
max-width: 600px;
}
.partner_selection-account_selection-form {
display: -ms-flexbox;
display: flex;
margin-bottom: 20px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.partner_selection-account_selection-form .partner_selection-section-submit {
-ms-flex: 2;
flex: 2;
}
@media only screen and (max-width: 767px) {
.partner_selection-account_selection-form .partner_selection-section-submit {
-ms-flex: 1 1 100%;
flex: 1 1 100%;
}
}
.partner_selection-account_selection-form .partner_selection-section-decline {
border-radius: 3px;
padding: 14.5px 20px;
width: 100%;
}
.partner_selection-account_selection-form .partner_selection-section-decline.button-disabled, .partner_selection-account_selection-form .sales_rep_promo-upload:not(.active) .partner_selection-section-decline.sales_rep_promo-upload-label, .sales_rep_promo-upload:not(.active) .partner_selection-account_selection-form .partner_selection-section-decline.sales_rep_promo-upload-label, .partner_selection-account_selection-form .partner_selection-section-decline.button-disabled:hover, .partner_selection-account_selection-form .partner_selection-section-decline.button-disabled:focus, .partner_selection-account_selection-form .partner_selection-section-decline.button-disabled:active, .partner_selection-account_selection-form .partner_selection-section-decline[disabled], .partner_selection-account_selection-form .partner_selection-section-decline[disabled]:hover, .partner_selection-account_selection-form .partner_selection-section-decline[disabled]:focus, .partner_selection-account_selection-form .partner_selection-section-decline[disabled]:active {
background-color: #e7e7e7;
border-color: #e7e7e7;
-webkit-box-shadow: none;
box-shadow: none;
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.partner_selection-account_selection-form .partner_selection-section-decline { /* stylelint-disable-line */
background-color: #ffffff;
border-color: #076795;
color: #076795;
}
.partner_selection-account_selection-form .partner_selection-section-decline:active {
background-color: rgba(7, 103, 149, 0.1);
border-color: #076795;
color: #076795;
}
@media only screen and (min-width: 1025px) {
.partner_selection-account_selection-form .partner_selection-section-decline:hover {
background-color: rgba(7, 103, 149, 0.1);
border-color: #076795;
color: #076795;
}
}
.partner_selection-account_selection-form .partner_selection-section-decline:active {
-webkit-box-shadow: inset 0 4px 2px rgba(0, 0, 0, 0.12);
box-shadow: inset 0 4px 2px rgba(0, 0, 0, 0.12);
}
.partner_selection-account_selection-form .partner_selection-section-decline {
-ms-flex: 1;
flex: 1;
margin-left: 20px;
}
@media only screen and (max-width: 767px) {
.partner_selection-account_selection-form .partner_selection-section-decline {
-ms-flex: 1 1 100%;
flex: 1 1 100%;
margin: 10px 0 0;
}
}
.partner_selection-account_selection-nav {
-ms-flex-align: center;
align-items: center;
margin-bottom: 25px;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
}
.partner_selection-account_selection-search {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-positive: 1;
flex-grow: 1;
}
.partner_selection-account_selection-search-title {
font: 1.2857142857rem / 1.4285714286rem brandongrotesque-medium, Arial, Helvetica, sans-serif;
margin-right: 20px;
-ms-flex-positive: 1;
flex-grow: 1;
}
.partner_selection-account_selection-search-field {
width: 200px;
}
@media only screen and (max-width: 767px) {
.partner_selection-account_selection-search-field {
width: 100%;
min-width: 100px;
}
}
.partner_selection-account_selection-pagination {
margin-left: 10px;
}
.partner_selection-account_selection-pagination .pagination {
margin-left: 10px;
}
@media only screen and (max-width: 767px) {
.partner_selection-account_selection-pagination {
display: none;
}
}
.partner_selection-account_selection .partner_selection-account-selected-list {
border-bottom: 1px solid #efefef;
margin-bottom: 25px;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.partner_selection-account_selection .partner_selection-account-selected-item {
width: calc(25% - 20px); /* minus margin right */
position: relative;
}
.partner_selection-account_selection .partner_selection-account-selected-item:hover {
cursor: pointer;
}
@media only screen and (min-width: 768px) {
.partner_selection-account_selection .partner_selection-account-selected-item {
margin: 0 20px 25px 0;
}
}
@media only screen and (max-width: 767px) {
.partner_selection-account_selection .partner_selection-account-selected-item {
border-bottom: 1px solid #efefef;
padding: 10px 40px 10px 0;
width: 100%;
}
.partner_selection-account_selection .partner_selection-account-selected-item:last-child {
border: none;
}
}
.partner_selection-account_selection .partner_selection-account-list {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
border-top: 0;
margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
.partner_selection-account_selection .partner_selection-account-list {
max-height: 315px;
overflow: auto;
}
}
.partner_selection-account_selection .partner_selection-account-list-wrapper {
border-top: 3px solid #213858;
}
.partner_selection-account_selection .partner_selection-account-list-pagination {
display: none;
text-align: center;
padding: 10px 0;
border: 1px solid #efefef;
border-top: none;
}
@media only screen and (max-width: 767px) {
.partner_selection-account_selection .partner_selection-account-list-pagination {
display: block;
}
}
.partner_selection-account_selection .partner_selection-account-list-pagination .pagination-text {
-ms-flex-pack: center;
justify-content: center;
}
.partner_selection-account_selection .partner_selection-account-list.m-center {
border-left: 0;
-ms-flex-pack: justify;
justify-content: space-between;
}
.partner_selection-account_selection .partner_selection-account-item {
width: 50%;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
position: relative;
}
.partner_selection-account_selection .partner_selection-account-item.m-smaller {
border-left: 1px solid #efefef;
width: 48%;
}
.partner_selection-account_selection .partner_selection-account-item.m-smaller:nth-of-type(1), .partner_selection-account_selection .partner_selection-account-item.m-smaller:nth-of-type(2) {
border-top: 1px solid #efefef;
}
@media only screen and (max-width: 767px) {
.partner_selection-account_selection .partner_selection-account-item.m-smaller {
width: 100%;
}
.partner_selection-account_selection .partner_selection-account-item.m-smaller:nth-of-type(2) {
border-top: 0;
}
}
@media only screen and (min-width: 768px) {
.partner_selection-account_selection .partner_selection-account-item:nth-child(2n+1) {
border-right: 1px solid #efefef;
}
}
@media only screen and (max-width: 767px) {
.partner_selection-account_selection .partner_selection-account-item {
width: 100%;
}
}
.partner_selection-account_selection .partner_selection-account-item-wrapper {
position: relative;
height: 100%;
width: 100%;
padding-right: 40px;
}
@media only screen and (min-width: 768px) {
.partner_selection-account_selection .partner_selection-account-item-wrapper {
padding-right: 60px;
}
}
.partner_selection-account_selection .partner_selection-section-make_default {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 0;
float: left;
}
@media only screen and (max-width: 767px) {
.partner_selection-account_selection .partner_selection-section-make_default {
float: none;
margin-bottom: 15px;
}
}
.partner_selection-account_selection .partner_selection-section-make_default label ~ label {
margin-top: 10px;
}
.partner_selection-account_selection .partner_selection-section-submit {
width: auto;
float: right;
}
.partner_selection-account_selection .partner_selection-section-submit.m-bigger {
float: none;
margin: 0 auto;
max-width: 300px;
width: 100%;
}
@media only screen and (max-width: 767px) {
.partner_selection-account_selection .partner_selection-section-submit {
float: none;
width: 100%;
}
}
.partner_selection-account_selection .partner_selection-account-selected-item.edit:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f13c";
}
.partner_selection-account_selection .partner_selection-account-selected-item.edit::before {
display: none;
}
@media only screen and (max-width: 767px) {
.partner_selection-account_selection .partner_selection-account-selected-item.edit::before {
position: absolute;
top: 50%;
right: 0;
display: block;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
font-size: 2.1428571429rem;
color: #076795;
opacity: 0.5;
}
}
.promotional_banner {
position: relative;
background: #ffffff;
display: -ms-flexbox;
display: flex;
}
.promotional_banner-image {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.promotional_banner-big-no_text .promotional_banner-image {
position: static;
/* IE10 and IE11 rule sets go here */
}
@media all and (-ms-high-contrast: none) {
.promotional_banner-big-no_text .promotional_banner-image { /* stylelint-disable-line */
overflow: hidden;
}
}
.promotional_banner-image img {
display: block;
width: 100%;
}
@supports ((-o-object-fit: cover) or (object-fit: cover)) {
.promotional_banner-image img {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
}
.promotional_banner-content_wrap {
position: relative;
}
.promotional_banner-content {
width: 100%;
}
.promotional_banner-content h2 {
margin-bottom: 30px;
}
.promotional_banner-content p {
font: 1rem / 1.4285714286rem opensans-regular, Arial, Helvetica, sans-serif;
}
.promotional_banner-button {
border: 1px solid transparent;
cursor: pointer;
display: inline-block;
font: 1rem / 1 brandongrotesque-medium, Arial, Helvetica, sans-serif;
text-align: center;
text-transform: uppercase;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-radius: 3px;
padding: 14.5px 20px;
width: 100%;
min-width: 165px;
width: auto;
}
.promotional_banner-light h2 {
color: #ffffff;
}
.promotional_banner-light p {
color: #c5c5c5;
}
.promotional_banner-light .promotional_banner-button.button-disabled, .promotional_banner-light .sales_rep_promo-upload:not(.active) .promotional_banner-button.sales_rep_promo-upload-label, .sales_rep_promo-upload:not(.active) .promotional_banner-light .promotional_banner-button.sales_rep_promo-upload-label, .promotional_banner-light .promotional_banner-button.button-disabled:hover, .promotional_banner-light .promotional_banner-button.button-disabled:focus, .promotional_banner-light .promotional_banner-button.button-disabled:active, .promotional_banner-light .promotional_banner-button[disabled], .promotional_banner-light .promotional_banner-button[disabled]:hover, .promotional_banner-light .promotional_banner-button[disabled]:focus, .promotional_banner-light .promotional_banner-button[disabled]:active {
background-color: #e7e7e7;
border-color: #e7e7e7;
-webkit-box-shadow: none;
box-shadow: none;
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.promotional_banner-light .promotional_banner-button { /* stylelint-disable-line */
border-color: #ffffff;
color: #ffffff;
}
.promotional_banner-light .promotional_banner-button:active {
background-color: rgba(255, 255, 255, 0.1);
border-color: #ffffff;
color: #ffffff;
}
@media only screen and (min-width: 1025px) {
.promotional_banner-light .promotional_banner-button:hover {
background-color: rgba(255, 255, 255, 0.1);
border-color: #ffffff;
color: #ffffff;
}
}
.promotional_banner-dark h2 {
color: #000000;
}
.promotional_banner-dark p {
color: #646464;
}
.promotional_banner-dark .promotional_banner-button.button-disabled, .promotional_banner-dark .sales_rep_promo-upload:not(.active) .promotional_banner-button.sales_rep_promo-upload-label, .sales_rep_promo-upload:not(.active) .promotional_banner-dark .promotional_banner-button.sales_rep_promo-upload-label, .promotional_banner-dark .promotional_banner-button.button-disabled:hover, .promotional_banner-dark .promotional_banner-button.button-disabled:focus, .promotional_banner-dark .promotional_banner-button.button-disabled:active, .promotional_banner-dark .promotional_banner-button[disabled], .promotional_banner-dark .promotional_banner-button[disabled]:hover, .promotional_banner-dark .promotional_banner-button[disabled]:focus, .promotional_banner-dark .promotional_banner-button[disabled]:active {
background-color: #e7e7e7;
border-color: #e7e7e7;
-webkit-box-shadow: none;
box-shadow: none;
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.promotional_banner-dark .promotional_banner-button { /* stylelint-disable-line */
border-color: #076795;
color: #076795;
}
.promotional_banner-dark .promotional_banner-button:active {
background-color: rgba(7, 103, 149, 0.1);
border-color: #076795;
color: #076795;
}
@media only screen and (min-width: 1025px) {
.promotional_banner-dark .promotional_banner-button:hover {
background-color: rgba(7, 103, 149, 0.1);
border-color: #076795;
color: #076795;
}
}
.promotional_banner-big {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
padding: 0 20px;
}
.promotional_banner-big.promotional_banner-big-no_text {
padding: 0;
}
.promotional_banner-big-content {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
}
@media only screen and (min-width: 768px) {
.promotional_banner-big-content {
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: distribute;
justify-content: space-around;
}
}
[locale=en_GB] .promotional_banner-big picture {
overflow: hidden;
}
.promotional_banner-big-item {
position: relative;
}
@media only screen and (min-width: 1025px) {
.promotional_banner-big-item {
width: 30%;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.promotional_banner-big-item {
width: 40%;
}
}
.promotional_banner-big-item p {
font-size: 1.2857142857rem;
}
.promotional_banner-big-actions {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
}
@media only screen and (min-width: 768px) {
.promotional_banner-big-actions {
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: center;
justify-content: center;
}
}
@media only screen and (min-width: 768px) {
.promotional_banner-big-actions .button {
margin: 0 10px;
width: auto;
min-width: 220px;
}
}
.promotional_banner-slider {
border-radius: 3px;
overflow: hidden;
}
.promotional_banner-slider .slider .slick-dots {
bottom: 10px;
}
.promotional_banner-slider .slider .slick-dots button {
background-color: transparent;
border: 1px solid #ffffff;
}
.promotional_banner-slider .slider .slick-dots .slick-active button {
background-color: #ffffff;
}
.promotional_banner-slider .slider .slick-prev {
left: 1%;
}
.promotional_banner-slider .slider .slick-next {
right: 1%;
}
@media only screen and (min-width: 1025px) {
.promotional_banner-slider .slider .slick-prev {
left: 20px;
}
.promotional_banner-slider .slider .slick-next {
right: 20px;
}
}
.content_asset-wrap_3 {
border-radius: 3px;
overflow: hidden;
}
@media only screen and (min-width: 768px) {
.content_asset-wrap_3 {
display: -ms-flexbox;
display: flex;
}
.content_asset-wrap_3 .content_asset {
display: -ms-flexbox;
display: flex;
width: 33.3333333333%;
}
}
*::-ms-backdrop,
.promotional_banner {
overflow: hidden;
}
*::-ms-backdrop,
.promotional_banner img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
min-width: 100%;
min-height: 100%;
width: 100%;
height: auto;
}
.promotional-banner {
border-radius: 3px;
overflow: hidden;
}
.clp {
margin-bottom: 50px;
}
@media only screen and (min-width: 768px) {
.clp {
margin-bottom: 80px;
}
}
.clp_main .category-slot-container,
.clp_main .content-slot-container,
.clp_main .product-slot-container {
padding: 35px 10px;
margin-bottom: 20px;
}
@media only screen and (min-width: 768px) {
.clp_main .category-slot-container,
.clp_main .content-slot-container,
.clp_main .product-slot-container {
padding: 45px 30px;
margin-bottom: 30px;
}
}
.clp_main .promotional-banner .content-slot-container {
padding: 0;
}
.clp {
-ms-flex-negative: 0;
flex-shrink: 0;
}
@media only screen and (min-width: 768px) {
.clp .search {
margin-left: auto;
}
}
.clp .breadcrumbs {
margin-top: 0;
}
@media only screen and (min-width: 768px) {
.clp .breadcrumbs {
padding-right: 30px;
margin-bottom: 0;
}
}
.clp_top_panel {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
padding-top: 10px;
padding-bottom: 20px;
}
@media only screen and (max-width: 767px) {
.clp_top_panel {
display: block;
}
}
.clp_logo {
display: none;
padding-top: 5px;
}
@media only screen and (min-width: 768px) {
.clp_logo {
display: inline-block;
-ms-flex: 0 0 17%;
flex: 0 0 17%;
padding-right: 30px;
}
}
.clp_banner {
margin-bottom: 30px;
}
.clp_banner + .clp_main .category-slot-container {
position: relative;
margin-top: -40px;
}
@media only screen and (min-width: 768px) {
.clp_banner + .clp_main .category-slot-container {
margin-top: -120px;
}
}
.clp_banner .promotional_banner-content {
width: 66.6666666667%;
padding-top: 30px;
padding-bottom: 70px;
}
@media only screen and (min-width: 768px) {
.clp_banner .promotional_banner-content {
width: 33%;
padding-top: 65px;
padding-bottom: 165px;
}
}
.clp_banner .promotional_banner-content h2 {
font: 2.1428571429rem brandongrotesque-medium, Arial, Helvetica, sans-serif;
}
@media only screen and (min-width: 768px) {
.clp_banner .promotional_banner-content h2 {
font-size: 2.5714285714rem;
line-height: 40px;
margin-bottom: 35px;
}
}
.clp_banner .promotional_banner-content p {
display: none;
}
@media only screen and (min-width: 768px) {
.clp_banner .promotional_banner-content p {
display: block;
margin-bottom: 30px;
}
}
.clp_banner .promotional_banner-dark h2 {
color: #213858;
}
.category_navigation-title {
text-align: center;
margin-bottom: 30px;
}
@media only screen and (min-width: 768px) {
.category_navigation-title {
margin-bottom: 45px;
}
}
.category_navigation-img_wrap {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 10px;
}
.category_navigation-img_wrap img {
-ms-flex-item-align: center;
align-self: center;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.category_navigation_combined .category_navigation-img_wrap {
height: 330px;
}
.category_navigation_combined .category_navigation-img_wrap img {
max-height: 330px;
}
.category_navigation_imaged .category_navigation-img_wrap {
height: 190px;
}
.category_navigation_imaged .category_navigation-img_wrap img {
max-height: 190px;
}
.category_navigation-link {
padding: 0;
border: 0;
background: none;
background-color: transparent;
background-image: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.category_navigation-link::-ms-expand {
display: none;
}
.category_navigation-link.link-disabled, .category_navigation-link.link-disabled:hover, .category_navigation-link.link-disabled:focus, .category_navigation-link.link-disabled:active, .category_navigation-link[disabled], .category_navigation-link[disabled]:hover, .category_navigation-link[disabled]:focus, .category_navigation-link[disabled]:active {
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.category_navigation-link {
display: inline-block;
cursor: pointer;
color: #076795;
}
.category_navigation-link:hover, .category_navigation-link:active {
text-decoration: underline;
}
.category_navigation-link {
font-size: 1.2857142857rem;
display: block;
}
.category_navigation_imaged .category_navigation-link img, .category_navigation_combined .category_navigation-link img {
opacity: 0.8;
-webkit-transition: opacity 0.2s ease 0s;
transition: opacity 0.2s ease 0s;
}
.category_navigation_combined .category_navigation-link {
font: 1.7142857143rem / 2rem brandongrotesque-regular, Arial, Helvetica, sans-serif;
margin-bottom: 35px;
}
@media only screen and (min-width: 768px) {
.category_navigation_combined .category_navigation-link {
margin-bottom: 25px;
padding: 0 15px;
}
}
.category_navigation_imaged .category_navigation-link {
display: block;
border: 1px solid transparent;
height: 100%;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
padding: 10px 0;
}
@media only screen and (min-width: 768px) {
.category_navigation_imaged .category_navigation-link {
padding: 10px;
}
}
.category_navigation_imaged .category_navigation-link:hover {
border-color: #efefef;
}
.category_navigation_imaged .category_navigation-link:hover img, .category_navigation_combined .category_navigation-link:hover img {
opacity: 1;
}
.category_navigation-sublist_wrap {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
}
@media only screen and (min-width: 768px) {
.category_navigation-sublist_wrap {
padding-top: 35px;
border-top: 1px solid #efefef;
}
}
.category_navigation-sublist {
max-width: 80%;
}
.category_navigation-subitem {
margin-bottom: 15px;
}
.category_navigation-sublink {
padding: 0;
border: 0;
background: none;
background-color: transparent;
background-image: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.category_navigation-sublink::-ms-expand {
display: none;
}
.category_navigation-sublink.link-disabled, .category_navigation-sublink.link-disabled:hover, .category_navigation-sublink.link-disabled:focus, .category_navigation-sublink.link-disabled:active, .category_navigation-sublink[disabled], .category_navigation-sublink[disabled]:hover, .category_navigation-sublink[disabled]:focus, .category_navigation-sublink[disabled]:active {
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.category_navigation-sublink {
display: inline-block;
cursor: pointer;
color: #076795;
}
.category_navigation-sublink:hover, .category_navigation-sublink:active {
text-decoration: underline;
}
.category_navigation-sublink {
font-size: 1.2857142857rem;
}
.category_navigation_simple.category-slot-container {
padding: 35px 10px;
}
@media only screen and (min-width: 1200px) {
.category_navigation_simple.category-slot-container {
padding: 60px 200px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
.category_navigation_simple.category-slot-container {
padding: 60px 45px;
}
}
.category_navigation_simple .category_navigation-list {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
-webkit-column-gap: 20px;
-moz-column-gap: 20px;
column-gap: 20px;
word-break: break-word;
margin-bottom: 10px;
}
@media only screen and (min-width: 768px) {
.category_navigation_simple .category_navigation-list {
-webkit-column-count: 4;
-moz-column-count: 4;
column-count: 4;
}
}
.category_navigation_simple .category_navigation-item {
margin-bottom: 10px;
display: inline-block;
width: 100%;
}
@media only screen and (min-width: 768px) {
.category_navigation_imaged.category-slot-container {
padding: 60px 50px;
}
}
@media only screen and (min-width: 768px) {
.category_navigation_imaged .category_navigation-list {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.category_navigation_imaged .category_navigation-item {
margin-bottom: 10px;
min-height: 200px;
}
@media only screen and (min-width: 768px) {
.category_navigation_imaged .category_navigation-item {
-ms-flex: 0 1 20%;
flex: 0 1 20%;
min-height: 240px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.category_navigation_imaged .category_navigation-item {
-ms-flex: 0 1 33.3%;
flex: 0 1 33.3%;
}
}
.category_navigation_imaged .category_navigation-link_text {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: start;
justify-content: flex-start;
min-height: 70px;
padding-top: 10px;
}
@media only screen and (min-width: 768px) {
.category_navigation_combined.category-slot-container {
padding: 60px 150px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.category_navigation_combined.category-slot-container {
padding: 60px 45px;
}
}
@media only screen and (min-width: 768px) {
.category_navigation_combined .category_navigation-list {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
@media only screen and (min-width: 768px) {
.category_navigation_combined .category_navigation-item {
-ms-flex: 0 1 42%;
flex: 0 1 42%;
}
}
@media only screen and (max-width: 767px) {
.category_navigation_combined .category_navigation-item {
border-top: 1px solid #efefef;
padding: 20px 0;
}
.category_navigation_combined .category_navigation-item:first-child {
border: 0;
}
}
.category_navigation_imaged .category_navigation-item,
.category_navigation_combined .category_navigation-item {
text-align: center;
}
.product-slider-wrapper h2 {
margin-bottom: 40px;
text-align: center;
}
.product-slider-wrapper .product-slot-container {
padding: 35px 0 30px;
}
@media only screen and (min-width: 768px) {
.product-slider-wrapper .product-slot-container {
padding: 45px 15px;
}
}
.product-slider-wrapper .product-slot-container .list-prices-message {
margin: 0 auto 40px;
width: calc(85% - 20px);
}
@media only screen and (max-width: 1024px) {
.product-slider-wrapper .product-slot-container .list-prices-message {
width: 100%;
}
}
.product-slider-wrapper .spinner-wrapper {
display: none;
}
.product-slider-wrapper .product_tile-top_height {
-ms-flex-pack: justify;
justify-content: space-between;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
}
.checkout .ai_slider .product-slider-wrapper .product_tile-top_height {
-ms-flex-pack: start;
justify-content: flex-start;
}
.clp_additional .content-slot-container {
margin-bottom: 0;
}
@media only screen and (min-width: 768px) {
.clp_additional .content-slot-container {
padding: 50px 100px;
}
}
@media only screen and (min-width: 768px) {
.clp_additional .content-asset div {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
-webkit-column-gap: 60px;
-moz-column-gap: 60px;
column-gap: 60px;
}
}
.clp_additional h2 {
margin-bottom: 30px;
text-align: center;
}
@media only screen and (min-width: 768px) {
.clp_additional h2 {
-webkit-column-span: all;
-moz-column-span: all;
column-span: all;
margin-bottom: 35px;
}
}
.clp_additional h3 {
margin-bottom: 10px;
}
@media only screen and (max-width: 767px) {
.clp_additional p:last-child {
margin-bottom: 0;
}
}
.clp_additional p {
font: 1rem / 1.4285714286rem opensans-regular, Arial, Helvetica, sans-serif;
color: #646464;
margin-bottom: 30px;
}
.promotional-banner h2 {
font-family: brandongrotesque-regular, Arial, Helvetica, sans-serif;
font-size: 2.1428571429rem;
}
.promotional-banner p + p {
margin-top: 10px;
}
.promotional-banner p:last-child {
margin-bottom: 40px;
}
.promotional-banner .promotional_banner-content_wrap {
display: -ms-flexbox;
display: flex;
}
@media only screen and (min-width: 1025px) {
.promotional-banner .promotional_banner-content_wrap {
padding: 0 45px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.promotional-banner .promotional_banner-content_wrap {
padding: 0 25px;
}
}
.promotional-banner .promotional_banner-content {
width: 75%;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: justify;
justify-content: space-between;
min-height: 326px;
padding: 45px 0;
}
@media only screen and (min-width: 768px) {
.promotional-banner .promotional_banner-content {
width: 85%;
}
}
.plp {
margin-bottom: 50px;
}
@media screen and (-ms-high-contrast: none) {
.plp { /* stylelint-disable-line */ }
.plp::after {
content: "";
display: table;
clear: both;
}
}
@media only screen and (min-width: 768px) {
.plp {
margin-bottom: 80px;
}
}
.plp .breadcrumbs {
margin-top: 10px;
}
.plp .list-prices-message {
margin-bottom: 20px;
}
.app-view .plp {
overflow: hidden;
}
.plp-wrapper {
padding: 20px 10px;
margin-bottom: 20px;
}
@media only screen and (min-width: 768px) {
.plp-wrapper {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 0;
background-color: transparent;
border-radius: 0;
}
}
@media only screen and (min-width: 768px) {
.plp-refinements {
width: 25%;
padding-right: 25px;
}
.plp-refinements-content {
padding: 20px 10px;
background-color: #ffffff;
border-radius: 3px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.plp-refinements {
width: 30%;
}
}
@media only screen and (max-width: 767px) {
.plp-refinements {
margin-bottom: 15px;
}
}
@media only screen and (max-width: 767px) {
.plp-filter, .plp-sort {
width: 50%;
border: 1px solid #076795;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
}
}
@media only screen and (max-width: 767px) {
.plp-filter {
border-radius: 5px 0 0 5px;
border-right-width: 0;
-ms-flex-align: center;
align-items: center;
}
.plp-refinements .plp-filter {
display: none;
}
.plp-filter .slide_flyout-body {
padding: 25px 20px 25px 13%;
}
}
@media only screen and (min-width: 768px) {
.plp-main .plp-filter {
display: none;
}
}
.plp-main {
position: relative;
}
@media only screen and (min-width: 768px) {
.plp-main {
width: 75%;
text-align: right;
padding: 20px;
background-color: #ffffff;
border-radius: 3px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.plp-main {
width: 70%;
}
}
.plp-actions {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: end;
justify-content: flex-end;
}
@media only screen and (min-width: 768px) {
.plp-actions {
-ms-flex-align: center;
align-items: center;
}
}
.plp-search {
width: 100%;
text-align: left;
}
@media only screen and (min-width: 1025px) {
.plp-search {
width: 25%;
-ms-flex-positive: 1;
flex-grow: 1;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.plp-search {
margin-bottom: 10px;
}
}
@media only screen and (min-width: 768px) {
.plp-search .search-suggestions {
min-width: 300px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.plp:not(.search-no_results) .plp-search .search {
max-width: 100%;
}
}
.plp-sort {
-ms-flex-positive: 1;
flex-grow: 1;
}
@media only screen and (min-width: 1025px) {
.plp-sort {
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between;
margin-left: 20px;
}
}
@media only screen and (max-width: 1024px) {
.plp-sort p {
display: none;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.plp-sort {
margin-top: 10px;
}
}
@media only screen and (max-width: 767px) {
.plp-sort {
border-radius: 0 5px 5px 0;
background-color: #ffffff;
-ms-flex-positive: 0;
flex-grow: 0;
overflow: hidden;
}
}
.plp-pdf {
text-align: left;
margin-bottom: 10px;
font: 1rem / 1.2857142857rem opensans-regular, Arial, Helvetica, sans-serif;
}
@media only screen and (max-width: 767px) {
.plp-single_btn {
width: 100%;
border-width: 1px;
border-radius: 5px;
}
}
.plp-result_counter {
width: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
font: 1rem / 1.2857142857rem opensans-regular, Arial, Helvetica, sans-serif;
white-space: nowrap;
color: #646464;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media only screen and (min-width: 768px) {
.plp-result_counter {
display: -ms-inline-flexbox;
display: inline-flex;
width: auto;
-ms-flex-order: 1;
order: 1;
margin-left: 20px;
-ms-flex-pack: end;
justify-content: flex-end;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.plp-result_counter {
margin-top: 10px;
}
}
@media only screen and (max-width: 767px) {
.plp-result_counter {
margin: 15px 0;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 0 10px;
}
}
.plp-view_select {
display: -ms-inline-flexbox;
display: inline-flex;
padding: 10px 0;
}
@media only screen and (max-width: 767px) {
.plp-view_select {
padding: 10px 0;
}
}
.plp-load_more {
text-align: center;
width: 100%;
padding: 0 10px;
}
.plp-load_more-button {
border-radius: 3px;
padding: 14.5px 20px;
width: 100%;
}
.plp-load_more-button.button-disabled, .sales_rep_promo-upload:not(.active) .plp-load_more-button.sales_rep_promo-upload-label, .plp-load_more-button.button-disabled:hover, .plp-load_more-button.button-disabled:focus, .plp-load_more-button.button-disabled:active, .plp-load_more-button[disabled], .plp-load_more-button[disabled]:hover, .plp-load_more-button[disabled]:focus, .plp-load_more-button[disabled]:active {
background-color: #e7e7e7;
border-color: #e7e7e7;
-webkit-box-shadow: none;
box-shadow: none;
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.plp-load_more-button { /* stylelint-disable-line */
background-color: #ffffff;
border-color: #076795;
color: #076795;
}
.plp-load_more-button:active {
background-color: rgba(7, 103, 149, 0.1);
border-color: #076795;
color: #076795;
}
@media only screen and (min-width: 1025px) {
.plp-load_more-button:hover {
background-color: rgba(7, 103, 149, 0.1);
border-color: #076795;
color: #076795;
}
}
.plp-load_more-button:active {
-webkit-box-shadow: inset 0 4px 2px rgba(0, 0, 0, 0.12);
box-shadow: inset 0 4px 2px rgba(0, 0, 0, 0.12);
}
.plp-load_more-button {
background: transparent;
text-align: center;
}
@media only screen and (max-width: 767px) {
.plp-load_more-button {
width: 100%;
}
}
@media only screen and (min-width: 768px) {
.plp-load_more-button {
width: calc(33% - 20px);
min-width: 180px;
}
}
.plp-product_list {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: start;
justify-content: flex-start;
}
.plp-product_list-wrapper {
margin-top: 30px;
clear: both;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.plp-product_list-wrapper {
float: left;
width: 100%;
}
}
.plp-product_list-inner {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: start;
justify-content: flex-start;
width: 100%;
}
.plp-product_list .product_tile {
-ms-flex-order: 5;
order: 5;
}
.plp-product_list .product_tile:nth-of-type(1) {
-ms-flex-order: 1;
order: 1;
}
.plp-product_list .product_tile:nth-of-type(2) {
-ms-flex-order: 2;
order: 2;
}
@media only screen and (min-width: 1025px) {
.plp-product_list .product_tile:nth-of-type(3) {
-ms-flex-order: 3;
order: 3;
}
}
.plp-product_list .plp-load_more {
-ms-flex-order: 6;
order: 6;
}
.plp-product_list .plp-personalized-banner {
-ms-flex-order: 3;
order: 3;
width: 100%;
margin-bottom: 20px;
}
@media only screen and (min-width: 1025px) {
.plp-product_list .plp-personalized-banner {
-ms-flex-order: 4;
order: 4;
}
}
.plp-product_list .plp-personalized-banner .clp_banner {
margin-bottom: 0;
}
.plp-product_list.grid_view {
margin: 0 -10px;
}
.plp-product_list.grid_view .product_tile {
margin-left: 10px;
margin-right: 10px;
}
@media only screen and (max-width: 1024px) {
.plp-product_list.grid_view .product_tile {
width: 100%;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.plp-product_list.grid_view .product_tile {
width: calc(50% - 20px);
}
}
@media only screen and (min-width: 1025px) {
.plp-product_list.grid_view .product_tile {
width: calc(33.333% - 20px);
}
}
.plp-product_list.grid_view .plp-personalized-banner {
padding: 0 10px;
margin-bottom: 30px;
}
.plp-category_navigation, .plp-recently_viewed {
margin-bottom: 20px;
}
.plp-category_navigation + .promotional-banner, .plp-recently_viewed + .promotional-banner {
margin-top: 60px;
}
.plp-message .notification_banner-info {
margin-bottom: 30px;
}
.plp-code {
bottom: -35px;
color: #646464;
font: 0.8571428571rem / 1.1428571429rem opensans-regular, Arial, Helvetica, sans-serif;
left: 0;
position: absolute;
}
@media only screen and (max-width: 767px) {
.plp-code {
bottom: -50px;
left: -10px;
}
}
@media only screen and (min-width: 768px) {
.sort_order {
position: relative;
}
.sort_order::before, .sort_order::after {
content: "";
position: absolute;
bottom: -100%;
}
.sort_order::after {
border: 12px solid transparent;
border-bottom-color: #ffffff;
border-top-width: 0;
left: auto;
right: 13px;
z-index: 7;
}
.sort_order::before {
background-color: transparent;
-webkit-box-shadow: 0 5px 38px rgba(0, 0, 0, 0.1);
box-shadow: 0 5px 38px rgba(0, 0, 0, 0.1);
height: 18px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
width: 18px;
z-index: 1;
right: 16px;
}
.sort_order-content_wrap {
-webkit-box-shadow: 0 5px 38px rgba(0, 0, 0, 0.1);
box-shadow: 0 5px 38px rgba(0, 0, 0, 0.1);
left: auto;
position: absolute;
right: 0;
top: calc(100% + 20px);
width: 195px;
}
.sort_order-content_wrap::before {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: #ffffff;
content: "";
z-index: -1;
}
.sort_order-content_wrap,
.sort_order::before,
.sort_order::after {
visibility: hidden;
opacity: 0;
-webkit-transition: visibility 0s, opacity 0s;
transition: visibility 0s, opacity 0s;
}
.sort_order.m-flyout-selected .sort_order-content_wrap {
visibility: visible;
opacity: 1;
-webkit-transition: visibility 0s, opacity 0.5s, bottom 0.2s;
transition: visibility 0s, opacity 0.5s, bottom 0.2s;
}
.sort_order.m-flyout-selected::before,
.sort_order.m-flyout-selected::after {
visibility: visible;
opacity: 1;
-webkit-transition: visibility 0s, opacity 0.5s, bottom 0.2s;
transition: visibility 0s, opacity 0.5s, bottom 0.2s;
}
.sort_order.m-flyout-selected::before {
bottom: -29px;
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.sort_order.m-flyout-selected::after {
bottom: -20px;
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
}
}
.sort_order {
display: -ms-flexbox;
display: flex;
width: 100%;
}
@media only screen and (min-width: 768px) {
.sort_order {
display: inline-block;
width: auto;
margin-left: auto;
}
}
.sort_order::after {
z-index: 4;
}
.sort_order-title {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 10px 20px;
font: 1rem / text-additional brandongrotesque-medium, Arial, Helvetica, sans-serif;
color: #076795;
text-transform: uppercase;
cursor: pointer;
}
@media only screen and (min-width: 768px) {
.sort_order-title {
padding: 10px;
font: 1.1428571429rem / 1.2857142857rem brandongrotesque-regular, Arial, Helvetica, sans-serif;
text-transform: capitalize;
background: #ffffff;
border: 1px solid #c5c5c5;
border-radius: 3px;
}
}
.sort_order-title::before {
margin-right: 20px;
color: #c5c5c5;
font-size: 2.0714285714rem;
}
.sort_order-title.sort_order-back_btn {
height: 60px;
}
@media only screen and (min-width: 768px) {
.sort_order-content_wrap {
background: #ffffff;
z-index: 4;
}
}
.sort_order-link {
padding: 0;
border: 0;
background: none;
background-color: transparent;
background-image: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.sort_order-link::-ms-expand {
display: none;
}
.sort_order-link.link-disabled, .sort_order-link.link-disabled:hover, .sort_order-link.link-disabled:focus, .sort_order-link.link-disabled:active, .sort_order-link[disabled], .sort_order-link[disabled]:hover, .sort_order-link[disabled]:focus, .sort_order-link[disabled]:active {
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.sort_order-link {
display: inline-block;
cursor: pointer;
color: #076795;
}
.sort_order-link:hover, .sort_order-link:active {
text-decoration: underline;
}
.sort_order-link {
font: 0.8571428571rem opensans-regular, Arial, Helvetica, sans-serif;
}
@media only screen and (min-width: 768px) {
.sort_order-link {
font: 0.8571428571rem brandongrotesque-medium, Arial, Helvetica, sans-serif;
text-transform: uppercase;
}
}
@media only screen and (max-width: 767px) {
.sort_order-link {
margin-top: 20px;
}
}
.sort_order-link.selected:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f15d";
}
.sort_order-link.selected {
color: #213858;
font-family: brandongrotesque-bold, Arial, Helvetica, sans-serif;
position: relative;
}
.sort_order-link.selected::before {
position: absolute;
margin-top: 7px;
left: -15px;
font-size: 0.5714285714rem;
}
@media only screen and (min-width: 768px) {
.sort_order-link.selected::before {
margin-top: 4px;
}
}
.sort_order-list.slide_flyout-body {
margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
.sort_order-list.slide_flyout-body {
padding-left: 50px;
}
}
@media only screen and (min-width: 768px) {
.sort_order-list {
margin-bottom: 40px;
}
}
@media only screen and (min-width: 768px) {
.sort_order-item {
padding: 20px 20px 0;
}
}
@media only screen and (max-width: 767px) {
.sort_order-item {
padding-left: 20px;
}
}
@media only screen and (min-width: 768px) {
.sort_order-sort_btn::after {
border: 5px solid transparent;
border-top-color: #076795;
border-bottom-width: 0;
content: "";
margin: 0 0 0 10px;
width: auto;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
-webkit-transform: rotate(0);
transform: rotate(0);
-ms-flex-item-align: center;
align-self: center;
}
.m-flyout-selected .sort_order-sort_btn::after {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
}
}
@media only screen and (min-width: 768px) {
.sort_order-sort_btn::after {
display: inline-block;
}
}
@media only screen and (max-width: 767px) {
.sort_order-sort_btn {
-ms-flex-pack: center;
justify-content: center;
width: 100%;
}
}
@media only screen and (min-width: 768px) {
.m-flyout-selected .sort_order-sort_btn {
border-color: #213858;
-webkit-box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.15);
}
}
@media only screen and (max-width: 767px) {
.sort_order-sort_btn.selected {
background: #d7e7ef;
text-transform: none;
}
}
@media only screen and (max-width: 767px) {
.sort_order-reset_btn {
border: 1px solid transparent;
cursor: pointer;
display: inline-block;
font: 1rem / 1 brandongrotesque-medium, Arial, Helvetica, sans-serif;
text-align: center;
text-transform: uppercase;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-radius: 3px;
padding: 14.5px 20px;
width: 100%;
}
.sort_order-reset_btn.button-disabled, .sales_rep_promo-upload:not(.active) .sort_order-reset_btn.sales_rep_promo-upload-label, .sort_order-reset_btn.button-disabled:hover, .sort_order-reset_btn.button-disabled:focus, .sort_order-reset_btn.button-disabled:active, .sort_order-reset_btn[disabled], .sort_order-reset_btn[disabled]:hover, .sort_order-reset_btn[disabled]:focus, .sort_order-reset_btn[disabled]:active {
background-color: #e7e7e7;
border-color: #e7e7e7;
-webkit-box-shadow: none;
box-shadow: none;
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.sort_order-reset_btn { /* stylelint-disable-line */
background-color: #076795;
border-color: #076795;
color: #ffffff;
}
.sort_order-reset_btn:active {
background-color: #d7e7ef;
border-color: #d7e7ef;
color: #076795;
}
}
@media only screen and (max-width: 767px) and (min-width: 1025px) {
.sort_order-reset_btn:hover {
background-color: #d7e7ef;
border-color: #d7e7ef;
color: #076795;
}
}
@media only screen and (max-width: 767px) {
.sort_order-reset_btn:active {
-webkit-box-shadow: inset 0 3px 2px rgba(0, 0, 0, 0.12);
box-shadow: inset 0 3px 2px rgba(0, 0, 0, 0.12);
}
}
@media only screen and (min-width: 768px) {
.sort_order-reset_btn {
padding: 0;
border: 0;
background: none;
background-color: transparent;
background-image: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.sort_order-reset_btn::-ms-expand {
display: none;
}
.sort_order-reset_btn.link-disabled, .sort_order-reset_btn.link-disabled:hover, .sort_order-reset_btn.link-disabled:focus, .sort_order-reset_btn.link-disabled:active, .sort_order-reset_btn[disabled], .sort_order-reset_btn[disabled]:hover, .sort_order-reset_btn[disabled]:focus, .sort_order-reset_btn[disabled]:active {
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.sort_order-reset_btn {
display: inline-block;
cursor: pointer;
color: #076795;
}
.sort_order-reset_btn:hover, .sort_order-reset_btn:active {
text-decoration: underline;
}
.sort_order-reset_btn {
font: 0.8571428571rem brandongrotesque-medium, Arial, Helvetica, sans-serif;
text-transform: uppercase;
}
}
@media only screen and (min-width: 768px) {
.sort_order-actions {
padding: 12px 20px;
background: #f7f9f9;
}
}
@media only screen and (max-width: 767px) {
.sort_order-triangles {
position: relative;
font-size: 0;
margin-left: 5px;
}
.sort_order-triangles::after, .sort_order-triangles::before {
position: absolute;
top: 50%;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
content: "";
}
.sort_order-triangles::before {
border: 5px solid transparent;
border-bottom-color: #076795;
border-top-width: 0;
top: -4px;
}
.sort_order-triangles::after {
border: 5px solid transparent;
border-top-color: #076795;
border-bottom-width: 0;
top: 4px;
}
}
.plp-bulk {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 22px;
-ms-flex-align: center;
align-items: center;
width: 100%;
}
@media only screen and (max-width: 374px) {
.plp-bulk {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
@media only screen and (max-width: 1023px) {
.plp-bulk {
-ms-flex-align: start;
align-items: flex-start;
}
}
.grid_view .plp-bulk {
display: none;
}
.bulk-select_all {
margin: 10px 10px 10px 0;
}
.bulk-select_all .bulk-select_all-label {
color: #076795;
font-size: 1.1428571429rem;
}
@media only screen and (max-width: 1024px) {
.bulk-buttons-recommendation .bulk-select_all {
width: 100px;
}
}
.bulk-buttons {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
}
.bulk-buttons button + button {
margin-left: 10px;
}
@media only screen and (max-width: 1024px) {
.bulk-buttons.bulk-buttons-recommendation {
max-width: calc(100% - 100px);
}
}
@media only screen and (max-width: 1023px) {
.bulk-buttons.bulk-buttons-recommendation {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.bulk-add_to_favorites, .bulk-add_to_recommendation {
border-radius: 3px;
padding: 14.5px 20px;
width: 100%;
}
.bulk-add_to_favorites.button-disabled, .sales_rep_promo-upload:not(.active) .bulk-add_to_favorites.sales_rep_promo-upload-label, .bulk-add_to_favorites.button-disabled:hover, .bulk-add_to_favorites.button-disabled:focus, .bulk-add_to_favorites.button-disabled:active, .bulk-add_to_favorites[disabled], .bulk-add_to_favorites[disabled]:hover, .bulk-add_to_favorites[disabled]:focus, .bulk-add_to_favorites[disabled]:active, .bulk-add_to_recommendation.button-disabled, .sales_rep_promo-upload:not(.active) .bulk-add_to_recommendation.sales_rep_promo-upload-label, .bulk-add_to_recommendation.button-disabled:hover, .bulk-add_to_recommendation.button-disabled:focus, .bulk-add_to_recommendation.button-disabled:active, .bulk-add_to_recommendation[disabled], .bulk-add_to_recommendation[disabled]:hover, .bulk-add_to_recommendation[disabled]:focus, .bulk-add_to_recommendation[disabled]:active {
background-color: #e7e7e7;
border-color: #e7e7e7;
-webkit-box-shadow: none;
box-shadow: none;
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.bulk-add_to_favorites, .bulk-add_to_recommendation { /* stylelint-disable-line */
background-color: #ffffff;
border-color: #076795;
color: #076795;
}
.bulk-add_to_favorites:active, .bulk-add_to_recommendation:active {
background-color: rgba(7, 103, 149, 0.1);
border-color: #076795;
color: #076795;
}
@media only screen and (min-width: 1025px) {
.bulk-add_to_favorites:hover, .bulk-add_to_recommendation:hover {
background-color: rgba(7, 103, 149, 0.1);
border-color: #076795;
color: #076795;
}
}
.bulk-add_to_favorites:active, .bulk-add_to_recommendation:active {
-webkit-box-shadow: inset 0 4px 2px rgba(0, 0, 0, 0.12);
box-shadow: inset 0 4px 2px rgba(0, 0, 0, 0.12);
}
.bulk-add_to_favorites, .bulk-add_to_recommendation {
width: auto;
}
@media only screen and (max-width: 767px) {
.bulk-add_to_favorites, .bulk-add_to_recommendation {
font-size: 0.7142857143rem;
padding: 10px;
}
}
@media only screen and (max-width: 1023px) {
.bulk-buttons-recommendation .bulk-add_to_favorites, .bulk-buttons-recommendation .bulk-add_to_recommendation {
margin-top: 10px;
max-width: calc(50% + 45px);
}
}
@media only screen and (max-width: 1023px) {
.bulk-buttons-recommendation .bulk-add_to_favorites {
margin-left: -100px;
}
}
.bulk-add_to_cart {
border-radius: 3px;
padding: 14.5px 20px;
width: 100%;
}
.bulk-add_to_cart.button-disabled, .sales_rep_promo-upload:not(.active) .bulk-add_to_cart.sales_rep_promo-upload-label, .bulk-add_to_cart.button-disabled:hover, .bulk-add_to_cart.button-disabled:focus, .bulk-add_to_cart.button-disabled:active, .bulk-add_to_cart[disabled], .bulk-add_to_cart[disabled]:hover, .bulk-add_to_cart[disabled]:focus, .bulk-add_to_cart[disabled]:active {
background-color: #e7e7e7;
border-color: #e7e7e7;
-webkit-box-shadow: none;
box-shadow: none;
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.bulk-add_to_cart { /* stylelint-disable-line */
background-color: #076795;
border-color: #076795;
color: #ffffff;
}
.bulk-add_to_cart:active {
background-color: #d7e7ef;
border-color: #d7e7ef;
color: #076795;
}
@media only screen and (min-width: 1025px) {
.bulk-add_to_cart:hover {
background-color: #d7e7ef;
border-color: #d7e7ef;
color: #076795;
}
}
.bulk-add_to_cart:active {
-webkit-box-shadow: inset 0 3px 2px rgba(0, 0, 0, 0.12);
box-shadow: inset 0 3px 2px rgba(0, 0, 0, 0.12);
}
.bulk-add_to_cart {
width: auto;
}
@media only screen and (max-width: 767px) {
.bulk-add_to_cart {
font-size: 0.7142857143rem;
padding: 10px;
min-height: 45px;
}
}
.bulk-add_to_cart-wrapper {
display: inline-block;
margin-right: 10px;
}
@media only screen and (max-width: 1023px) {
.bulk-buttons-recommendation .bulk-add_to_cart-wrapper {
margin-right: 0;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: end;
justify-content: flex-end;
width: 100%;
}
}
.bulk-buttons-recommendation .bulk-add_to_cart {
height: 100%;
}
@media only screen and (max-width: 1023px) {
.bulk-buttons-recommendation .bulk-add_to_cart {
width: 100%;
min-height: 59px;
}
}
@media only screen and (max-width: 767px) {
.bulk-buttons-recommendation .bulk-add_to_cart {
min-height: 42px;
}
}
.plp-view_item {
display: -ms-flexbox;
display: flex;
font-style: normal;
}
@media only screen and (min-width: 768px) {
.plp-view_item {
font-size: 0;
}
}
.plp-view_item:hover {
cursor: pointer;
}
.plp-view_item::before {
font-size: 1.5rem;
color: #c5c5c5;
}
@media only screen and (max-width: 767px) {
.plp-view_item::before {
margin-right: 5px;
}
}
.plp-view_item.active::before, .plp-view_item.active {
color: #076795;
}
.plp-view_item:hover::before {
cursor: pointer;
color: #076795;
}
.plp-view_item.active:hover::before {
cursor: default;
}
.plp-grid_view:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f148";
}
@media only screen and (min-width: 768px) {
.plp-grid_view {
margin-left: 30px;
}
}
.plp-list_view:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f14a";
}
.plp-list_view {
margin-left: 20px;
}
.plp-compact_view:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f131";
}
.plp-compact_view {
margin-left: 20px;
}
.refinements-open_button {
border: 1px solid transparent;
cursor: pointer;
display: inline-block;
font: 1rem / 1 brandongrotesque-medium, Arial, Helvetica, sans-serif;
text-align: center;
text-transform: uppercase;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-radius: 3px;
padding: 14.5px 20px;
width: 100%;
}
.refinements-open_button.button-disabled, .sales_rep_promo-upload:not(.active) .refinements-open_button.sales_rep_promo-upload-label, .refinements-open_button.button-disabled:hover, .refinements-open_button.button-disabled:focus, .refinements-open_button.button-disabled:active, .refinements-open_button[disabled], .refinements-open_button[disabled]:hover, .refinements-open_button[disabled]:focus, .refinements-open_button[disabled]:active {
background-color: #e7e7e7;
border-color: #e7e7e7;
-webkit-box-shadow: none;
box-shadow: none;
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.refinements-open_button { /* stylelint-disable-line */
background-color: #ffffff;
border-color: #076795;
color: #076795;
}
.refinements-open_button:active {
background-color: rgba(7, 103, 149, 0.1);
border-color: #076795;
color: #076795;
}
@media only screen and (min-width: 1025px) {
.refinements-open_button:hover {
background-color: rgba(7, 103, 149, 0.1);
border-color: #076795;
color: #076795;
}
}
.refinements-open_button:active {
-webkit-box-shadow: inset 0 4px 2px rgba(0, 0, 0, 0.12);
box-shadow: inset 0 4px 2px rgba(0, 0, 0, 0.12);
}
.refinements-open_button {
position: relative;
}
.refinements-filter_button:after {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 12px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f146";
}
.refinements-filter_button {
border: 0;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
background-color: transparent;
}
.refinements-filter_button::after {
margin-left: 5px;
}
.refinements-apply {
border-radius: 3px;
padding: 14.5px 20px;
width: 100%;
}
.refinements-apply.button-disabled, .sales_rep_promo-upload:not(.active) .refinements-apply.sales_rep_promo-upload-label, .refinements-apply.button-disabled:hover, .refinements-apply.button-disabled:focus, .refinements-apply.button-disabled:active, .refinements-apply[disabled], .refinements-apply[disabled]:hover, .refinements-apply[disabled]:focus, .refinements-apply[disabled]:active {
background-color: #e7e7e7;
border-color: #e7e7e7;
-webkit-box-shadow: none;
box-shadow: none;
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.refinements-apply { /* stylelint-disable-line */
background-color: #076795;
border-color: #076795;
color: #ffffff;
}
.refinements-apply:active {
background-color: #d7e7ef;
border-color: #d7e7ef;
color: #076795;
}
@media only screen and (min-width: 1025px) {
.refinements-apply:hover {
background-color: #d7e7ef;
border-color: #d7e7ef;
color: #076795;
}
}
.refinements-apply:active {
-webkit-box-shadow: inset 0 3px 2px rgba(0, 0, 0, 0.12);
box-shadow: inset 0 3px 2px rgba(0, 0, 0, 0.12);
}
.refinements-reset {
border: 1px solid transparent;
cursor: pointer;
display: inline-block;
font: 1rem / 1 brandongrotesque-medium, Arial, Helvetica, sans-serif;
text-align: center;
text-transform: uppercase;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-radius: 3px;
padding: 14.5px 20px;
width: 100%;
}
.refinements-reset.button-disabled, .sales_rep_promo-upload:not(.active) .refinements-reset.sales_rep_promo-upload-label, .refinements-reset.button-disabled:hover, .refinements-reset.button-disabled:focus, .refinements-reset.button-disabled:active, .refinements-reset[disabled], .refinements-reset[disabled]:hover, .refinements-reset[disabled]:focus, .refinements-reset[disabled]:active {
background-color: #e7e7e7;
border-color: #e7e7e7;
-webkit-box-shadow: none;
box-shadow: none;
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.refinements-reset { /* stylelint-disable-line */
background-color: #ffffff;
border-color: #076795;
color: #076795;
}
.refinements-reset:active {
background-color: rgba(7, 103, 149, 0.1);
border-color: #076795;
color: #076795;
}
@media only screen and (min-width: 1025px) {
.refinements-reset:hover {
background-color: rgba(7, 103, 149, 0.1);
border-color: #076795;
color: #076795;
}
}
.refinements-reset:active {
-webkit-box-shadow: inset 0 4px 2px rgba(0, 0, 0, 0.12);
box-shadow: inset 0 4px 2px rgba(0, 0, 0, 0.12);
}
.refinements-reset {
background-color: transparent;
margin-top: 20px;
}
.plp-header_banner-wrapper,
.checkout-banner-wrapper {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
width: 100%;
margin-bottom: 30px;
border-radius: 3px;
overflow: hidden;
z-index: 0;
}
@media only screen and (max-width: 767px) {
.plp-header_banner-wrapper,
.checkout-banner-wrapper {
-ms-flex-direction: column;
flex-direction: column;
margin-top: 20px;
margin-bottom: 25px;
}
}
.plp-header_banner-wrapper::after,
.checkout-banner-wrapper::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
content: "";
z-index: 1;
background: -webkit-gradient(linear, left top, right top, color-stop(50%, rgb(255, 255, 255)), to(rgba(255, 255, 255, 0)));
background: linear-gradient(to right, rgb(255, 255, 255) 50%, rgba(255, 255, 255, 0) 100%);
}
.plp-header_banner-logo,
.checkout-banner-logo {
position: relative;
padding: 20px 0;
z-index: 2;
}
@media only screen and (min-width: 768px) {
.plp-header_banner-logo,
.checkout-banner-logo {
width: 17%;
padding: 35px 0 35px 30px;
}
}
.plp-header_banner-content,
.checkout-banner-content {
position: relative;
padding: 0 40px 20px;
-ms-flex-positive: 1;
flex-grow: 1;
z-index: 2;
text-align: center;
}
@media only screen and (min-width: 768px) {
.plp-header_banner-content,
.checkout-banner-content {
padding: 35px 0 35px 30px;
width: 40%;
text-align: left;
}
}
.plp-header_banner-content-title,
.checkout-banner-content-title {
color: #213858;
font-size: 2.1428571429rem;
}
@media only screen and (max-width: 767px) {
.plp-header_banner-content-title,
.checkout-banner-content-title {
padding-bottom: 10px;
}
}
.plp-header_banner-content-description,
.checkout-banner-content-description {
color: #646464;
font-size: 1.1428571429rem;
line-height: 20px;
}
.plp-header_banner-background img,
.checkout-banner-background img {
position: absolute;
top: 0;
right: 0;
z-index: 1;
max-width: none;
height: 100%;
}
.plp-header_banner-resize_image,
.checkout-banner-resize_image {
position: relative;
-ms-flex-item-align: stretch;
align-self: stretch;
max-width: 30%;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
z-index: 2;
margin-left: 20px;
cursor: pointer;
}
.plp-header_banner-resize_image img,
.checkout-banner-resize_image img {
max-height: 100%;
}
@media only screen and (max-width: 767px) {
.plp-header_banner-wrapper {
display: none;
}
.plp-header_banner-wrapper.plp-header_banner-no_text {
display: block;
}
}
.plp-header_banner-no_text .plp-header_banner-background {
-ms-flex-positive: 1;
flex-grow: 1;
}
.plp-header_banner-no_text .plp-header_banner-background img {
position: static;
max-width: 100%;
width: 100%;
height: auto;
}
.plp-header_banner-no_text.plp-header_banner-wrapper::after {
content: none;
}
.personalized-banner {
position: relative;
}
@media only screen and (max-width: 767px) {
.personalized-banner {
max-height: initial;
}
}
.personalized-banner__link {
display: block;
}
.plp-side-personalized-banner .personalized-banner {
margin-top: 20px;
}
@media only screen and (max-width: 767px) {
.plp-side-personalized-banner .personalized-banner {
display: none;
}
}
.refinement {
margin-bottom: 25px;
}
@media only screen and (min-width: 768px) {
.refinement {
position: relative;
padding-left: 30px;
margin-bottom: 35px;
}
}
.refinement-clear {
border-bottom: 1px dashed #076795;
float: right;
margin-left: 10px;
}
.refinement-clear:hover {
border-bottom-style: solid;
}
.refinement-title {
color: #076795;
cursor: pointer;
display: block;
margin-bottom: 20px;
pointer-events: none;
text-transform: uppercase;
}
@media only screen and (min-width: 768px) {
.refinement-title:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f125";
}
.refinement-title {
-ms-flex-align: start;
align-items: flex-start;
display: -ms-inline-flexbox;
display: inline-flex;
margin-bottom: 0;
max-width: 70%;
pointer-events: auto;
}
.refinement-title::before {
position: absolute;
left: 5px;
font-weight: bold;
margin-top: 3px;
-webkit-transition: -webkit-transform 0.2s ease 0s;
transition: -webkit-transform 0.2s ease 0s;
transition: transform 0.2s ease 0s;
transition: transform 0.2s ease 0s, -webkit-transform 0.2s ease 0s;
}
.refinement-title.m-selected::before {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
}
.refinement-title-text {
font: 1.1428571429rem opensans-semibold, Arial, Helvetica, sans-serif;
}
@media only screen and (min-width: 768px) {
.refinement-title-text {
overflow: hidden;
text-overflow: ellipsis;
display: inline-block;
max-width: 100%;
}
}
.refinement-values {
padding-left: 20px;
}
@media only screen and (min-width: 768px) {
.refinement-values {
display: none;
margin: 15px 0 40px;
max-height: 165px;
padding-left: 0;
overflow: auto;
}
}
.refinement-values-item {
margin-top: 10px;
}
.refinement-values-link {
font: 0/0 a;
color: transparent;
letter-spacing: 0;
text-shadow: none;
background-color: transparent;
border: 0;
position: relative;
z-index: 1;
}
.refinement-values-link::before {
width: 21px;
height: 21px;
content: "";
display: inline-block;
background-color: #ffffff;
border: 1px solid #076795;
border-radius: 3px;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
}
.refinement-values-link::after {
position: absolute;
top: 50%;
left: 50%;
width: 11px;
height: 11px;
margin-top: -5.5px;
margin-left: -5.5px;
content: "";
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
background: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill='%23076795' x='0px' y='0px' viewBox='0 0 31 31' style='enable-background:new 0 0 31 31;' xml:space='preserve'%3E%3Cpath class='st0' d='M23,2'/%3E%3Cpath class='st0' d='M7,2'/%3E%3Cg%3E%3Cg id='chevron-right'%3E%3Cpolygon points='31,7.9 27.4,4.3 12.1,19.6 3.5,11 0,14.6 12.2,26.7'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat center;
}
@media only screen and (min-width: 1025px) {
.refinement-values-link:hover::before {
background-color: #f7f9f9;
border-width: 2px;
}
}
.refinement-values-link.is-white {
color: #ffffff;
font-size: 1rem;
margin: 20px 10px 0 0;
}
.refinement-values-link.is-white::after {
background: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill='%23ffffff' x='0px' y='0px' viewBox='0 0 31 31' style='enable-background:new 0 0 31 31;' xml:space='preserve'%3E%3Cpath class='st0' d='M23,2'/%3E%3Cpath class='st0' d='M7,2'/%3E%3Cg%3E%3Cg id='chevron-right'%3E%3Cpolygon points='31,7.9 27.4,4.3 12.1,19.6 3.5,11 0,14.6 12.2,26.7'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat center;
}
.refinement-values-link.is-white::before {
border-color: #ffffff;
background-color: rgba(255, 255, 255, 0.1);
}
@media only screen and (min-width: 768px) {
.refinement-values-link.is-white::before {
background-color: #4d4d4d;
}
}
.m-selected .refinement-values-link::before {
border-width: 2px;
}
.m-selected .refinement-values-link::after {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.refinement-values-link:disabled + label {
color: #888888;
pointer-events: none;
}
.refinement-values-link:disabled + label::before {
background-color: #e7e7e7;
border-color: #e7e7e7;
}
.refinement-values-link:disabled + label:hover::before {
-webkit-box-shadow: none;
box-shadow: none;
}
.refinement-values-link:checked:disabled + label::after {
background: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill='%23c5c5c5' x='0px' y='0px' viewBox='0 0 31 31' style='enable-background:new 0 0 31 31;' xml:space='preserve'%3E%3Cpath class='st0' d='M23,2'/%3E%3Cpath class='st0' d='M7,2'/%3E%3Cg%3E%3Cg id='chevron-right'%3E%3Cpolygon points='31,7.9 27.4,4.3 12.1,19.6 3.5,11 0,14.6 12.2,26.7'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat center;
}
.refinement-values-link {
-ms-flex-align: start;
align-items: flex-start;
display: -ms-flexbox;
display: flex;
}
.refinement-values-link::before {
-ms-flex-negative: 0;
flex-shrink: 0;
}
.refinement-values-link::after {
left: 10px;
top: 10px;
}
.refinement-values-link:focus::after {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.m-selected .refinement-values-link:focus::after {
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0);
}
.refinement-values-text {
color: #076795;
font: 1.1428571429rem brandongrotesque-regular, Arial, Helvetica, sans-serif;
margin-left: 10px;
}
@media only screen and (min-width: 768px) {
.refinement-values-text {
overflow: hidden;
text-overflow: ellipsis;
}
}
.refinement_category-button {
background-color: #ffffff;
}
.refinement_category-button-text::after {
border: 5px solid transparent;
border-top-color: #076795;
border-bottom-width: 0;
content: "";
margin: 0 0 0 10px;
width: auto;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
-webkit-transform: rotate(0);
transform: rotate(0);
position: absolute;
top: 50%;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.m-selected .refinement_category-button-text::after {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.refinement_category-title {
display: block;
max-width: 100%;
}
@media only screen and (min-width: 768px) {
.refinement_category-title {
padding-left: 40px;
}
.refinement_category-title::before {
left: 15px;
}
}
@media only screen and (max-width: 767px) {
.refinement_category-title {
margin-left: 40px;
pointer-events: none;
}
.refinement_category-title.refinement-title::before {
display: none;
}
}
@media only screen and (max-width: 767px) {
.refinement_category-item:first-child .refinement-title {
display: none;
}
}
@media only screen and (min-width: 768px) {
.refinement_category-item {
position: relative;
margin-bottom: 25px;
}
}
@media only screen and (max-width: 767px) {
.refinement_category-shop_all {
border: 1px solid transparent;
cursor: pointer;
display: inline-block;
font: 1rem / 1 brandongrotesque-medium, Arial, Helvetica, sans-serif;
text-align: center;
text-transform: uppercase;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-radius: 3px;
padding: 14.5px 20px;
width: 100%;
}
.refinement_category-shop_all.button-disabled, .sales_rep_promo-upload:not(.active) .refinement_category-shop_all.sales_rep_promo-upload-label, .refinement_category-shop_all.button-disabled:hover, .refinement_category-shop_all.button-disabled:focus, .refinement_category-shop_all.button-disabled:active, .refinement_category-shop_all[disabled], .refinement_category-shop_all[disabled]:hover, .refinement_category-shop_all[disabled]:focus, .refinement_category-shop_all[disabled]:active {
background-color: #e7e7e7;
border-color: #e7e7e7;
-webkit-box-shadow: none;
box-shadow: none;
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.refinement_category-shop_all { /* stylelint-disable-line */
background-color: #076795;
border-color: #076795;
color: #ffffff;
}
.refinement_category-shop_all:active {
background-color: #d7e7ef;
border-color: #d7e7ef;
color: #076795;
}
}
@media only screen and (max-width: 767px) and (min-width: 1025px) {
.refinement_category-shop_all:hover {
background-color: #d7e7ef;
border-color: #d7e7ef;
color: #076795;
}
}
@media only screen and (max-width: 767px) {
.refinement_category-shop_all:active {
-webkit-box-shadow: inset 0 3px 2px rgba(0, 0, 0, 0.12);
box-shadow: inset 0 3px 2px rgba(0, 0, 0, 0.12);
}
}
@media only screen and (min-width: 768px) {
.refinement_category-shop_all {
color: #000000;
margin-left: 40px;
}
.refinement_category-shop_all:hover {
text-decoration: underline;
}
}
.refinement_subcategory {
margin-bottom: 40px;
padding: 0 10px;
}
@media only screen and (min-width: 768px) {
.refinement_subcategory {
display: none;
padding: 0;
}
.refinement_subcategory.m-top-category {
display: block;
}
}
.refinement_subcategory-link {
display: block;
margin-top: 5px;
padding: 7px 20px 7px 70px;
font: 1rem opensans-regular, Arial, Helvetica, sans-serif;
text-align: left;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.refinement_subcategory-link {
overflow: hidden;
text-overflow: ellipsis;
}
}
@media only screen and (min-width: 768px) {
.refinement_subcategory-link {
padding-left: 40px;
padding-right: 10px;
}
}
.refinement_subcategory-link:hover {
background-color: #efefef;
}
.refinement_subcategory-link.m-selected {
color: #213858;
font-family: opensans-semibold, Arial, Helvetica, sans-serif;
background-color: #efefef;
}
.refinement_subcategory-item { /* stylelint-disable-line */ }
.refinement_subcategory-item:first-child .refinement_subcategory-link {
margin-top: 25px;
}
@media only screen and (min-width: 768px) {
.refinement_subcategory-item:first-child .refinement_subcategory-link {
margin-top: 20px;
}
}
.refinement_subcategory-shop_all, .refinement_subcategory-back {
color: #000000;
margin: 30px 20px 0 70px;
padding: 0;
}
@media only screen and (min-width: 768px) {
.refinement_subcategory-shop_all, .refinement_subcategory-back {
margin: 20px 10px 0 40px;
}
}
.refinement_subcategory-shop_all:hover, .refinement_subcategory-back:hover {
text-decoration: underline;
background-color: transparent;
}
.refinement_subcategory-back {
font-size: 0.9285714286rem;
}
.refinement_subcategory-back_icon:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f125";
}
.refinement_subcategory-back_icon::before {
display: inline-block;
font-size: 0.7142857143rem;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
vertical-align: baseline;
}
.search-no_results .plp-view_select,
.search-no_results .plp-filter,
.search-no_results .plp-sort,
.search-no_results .plp-bulk {
display: none;
}
.search-no_results.plp {
padding: 0;
}
.search-no_results .plp-main {
width: 100%;
text-align: left;
}
@media only screen and (min-width: 768px) {
.search-no_results .plp-main {
padding: 30px;
}
}
.search-no_results .plp-product_list-wrapper {
margin: 0;
}
.search-no_results .plp-actions {
display: block;
}
.search-no_results-content::after {
content: "";
display: table;
clear: both;
}
.search-no_results-content .plp-search {
width: auto;
float: none;
margin-top: 40px;
margin-bottom: 20px;
}
.search-no_results-content .plp-result_counter {
min-width: auto;
float: none;
text-align: left;
padding: 0;
display: block;
line-height: normal;
white-space: normal;
margin: 0;
}
.search-no_results-content .search-no_results-info_wrapper {
padding-bottom: 45px;
}
.search-no_results-content .search-no_results-title {
margin-bottom: 35px;
margin-top: 40px;
font-size: 2.5714285714rem;
}
.search-no_results-suggestion {
font-size: 1.1428571429rem;
color: #646464;
}
.search-no_results-phrase {
color: #000000;
text-decoration: underline;
font-family: brandongrotesque-medium, Arial, Helvetica, sans-serif;
}
.search-no_results-search, .search-no_results-top {
max-width: 370px;
}
.search-no_results-actions {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: center;
align-items: center;
border-top: 1px solid #efefef;
padding-top: 20px;
}
@media only screen and (min-width: 768px) {
.search-no_results-actions {
display: block;
padding-top: 25px;
}
}
.search-no_results-link {
padding: 0;
border: 0;
background: none;
background-color: transparent;
background-image: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.search-no_results-link::-ms-expand {
display: none;
}
.search-no_results-link.link-disabled, .search-no_results-link.link-disabled:hover, .search-no_results-link.link-disabled:focus, .search-no_results-link.link-disabled:active, .search-no_results-link[disabled], .search-no_results-link[disabled]:hover, .search-no_results-link[disabled]:focus, .search-no_results-link[disabled]:active {
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.search-no_results-link {
display: inline-block;
cursor: pointer;
color: #076795;
}
.search-no_results-link:hover, .search-no_results-link:active {
text-decoration: underline;
}
.search-no_results-link {
font: 0.8571428571rem opensans-regular, Arial, Helvetica, sans-serif;
}
.search-no_results-link_back + .search-no_results-link_all {
margin-top: 25px;
}
@media only screen and (min-width: 768px) {
.search-no_results-link_back + .search-no_results-link_all {
margin-left: 40px;
margin-top: 0;
}
}
.search-field_filled .search-input {
background: #f7f9f9;
}
.search-field_filled .search-icon_clear:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f130";
}
.search-field_filled .search-icon_clear {
position: absolute;
top: 0;
right: 0;
min-width: 30px;
height: 100%;
padding: 10px;
color: #076795;
background: transparent;
opacity: 0.5;
}
.search-field_filled .search-icon_clear:hover {
opacity: 1;
}
.search-field_filled .search-icon_clear::before {
font-size: 0.7142857143rem;
}
.validation {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
}
.validation-content {
border-bottom: 1px solid #e7e7e7;
border-left: 1px solid #e7e7e7;
border-top: 3px solid #213858;
border-right: 1px solid #e7e7e7;
margin: 20px 0;
min-height: 190px;
overflow-x: hidden;
overflow-y: auto;
max-height: 60vh;
}
.validation-content_block + .validation-content_block {
border-top: 1px solid #e7e7e7;
}
.validation-content_block:first-child .tooltip[x-placement=left]::before, .validation-content_block:first-child .tooltip[x-placement=left]::after {
top: 25px;
}
@media only screen and (max-width: 767px) {
.validation-content_block:first-child .tooltip[x-placement=left]::before, .validation-content_block:first-child .tooltip[x-placement=left]::after {
top: 38px;
}
}
.validation-item {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 15px 0;
margin: 0 20px;
}
.validation-item + .validation-item {
border-top: 1px solid #e7e7e7;
}
.validation-item-message {
background-color: #ffefae;
padding: 5px 10px;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
.validation-item-message .tooltip {
min-width: 200px;
}
.validation-item-info {
width: 100%;
-ms-flex: 7;
flex: 7;
}
.validation-item-info .validation-item-message {
margin-top: 10px;
}
@media only screen and (min-width: 768px) {
.validation-item-info .validation-item-message {
margin-top: 15px;
}
}
.validation-item-actions {
display: -ms-flexbox;
display: flex;
margin-bottom: 10px;
-ms-flex-align: end;
align-items: flex-end;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media only screen and (min-width: 768px) {
.validation-item-actions {
margin-bottom: 0;
width: 100%;
}
}
html[locale*=JP] .validation-item-actions {
-ms-flex-align: start;
align-items: flex-start;
}
.validation-item-attributes .product-variations {
margin: 0;
}
.validation-item-attributes .product-attribute {
width: 100%;
}
.validation-item-sku {
color: #646464;
}
.validation-item-name {
font-size: 1.2857142857rem;
margin-bottom: 10px;
}
@media only screen and (min-width: 768px) {
.validation-item-name {
margin-bottom: 15px;
}
}
.validation-item-quantity {
color: #646464;
font-family: brandongrotesque-medium, Arial, Helvetica, sans-serif;
}
html[locale*=JP] .validation-item-quantity {
line-height: 1.2857142857rem;
}
.validation-item-quantity b {
color: #000000;
}
.validation-item-quantity_value {
color: #000000;
}
.validation-item-price .product-price_value {
font-size: 1.1428571429rem;
}
.validation-item-price .product-price_title {
display: none;
}
.validation-item-message_text {
color: #646464;
}
.validation-item-wrong_sku {
padding: 5px 10px;
position: relative;
}
.validation-item-wrong_sku-text {
font-size: 1.1428571429rem;
margin-left: 10px;
}
.validation-item-wrong_sku::before {
position: absolute;
top: 50%;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
content: "";
height: 5px;
width: 5px;
background-color: #000000;
border-radius: 50%;
}
.validation-item-tooltip .tooltip { /* stylelint-disable-line */
width: 220px;
}
@media only screen and (max-width: 767px) {
.validation-item-tooltip .tooltip {
margin-left: -20px;
}
}
@media only screen and (min-width: 768px) {
.validation-item-tooltip .tooltip {
width: 380px;
}
}
.validation-item_wrapper {
margin: 15px 20px;
border: 1px solid #e7e7e7;
}
.validation-item_wrapper + .validation-item_wrapper {
border-top: 1px solid #efefef;
}
.validation-image_wrapper {
margin-right: 15px;
min-width: 80px;
-ms-flex: 3;
flex: 3;
}
.validation-tooltip_content {
line-height: 1.1428571429rem;
}
.validation-tooltip_content p + p {
margin-top: 10px;
}
@media only screen and (min-width: 768px) {
.validation-modal .modal-dialog {
max-width: 570px;
}
}
.validation-modal .modal-body {
padding: 0 30px;
}
.validation-modal .modal-footer {
margin-top: auto;
background-color: #f7f9f9;
padding: 30px;
}
.validation-modal .modal-footer .btn {
border-radius: 3px;
padding: 14.5px 20px;
width: 100%;
}
.validation-modal .modal-footer .btn.button-disabled, .validation-modal .modal-footer .sales_rep_promo-upload:not(.active) .btn.sales_rep_promo-upload-label, .sales_rep_promo-upload:not(.active) .validation-modal .modal-footer .btn.sales_rep_promo-upload-label, .validation-modal .modal-footer .btn.button-disabled:hover, .validation-modal .modal-footer .btn.button-disabled:focus, .validation-modal .modal-footer .btn.button-disabled:active, .validation-modal .modal-footer .btn[disabled], .validation-modal .modal-footer .btn[disabled]:hover, .validation-modal .modal-footer .btn[disabled]:focus, .validation-modal .modal-footer .btn[disabled]:active {
background-color: #e7e7e7;
border-color: #e7e7e7;
-webkit-box-shadow: none;
box-shadow: none;
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.validation-modal .modal-footer .btn { /* stylelint-disable-line */
background-color: #076795;
border-color: #076795;
color: #ffffff;
}
.validation-modal .modal-footer .btn:active {
background-color: #d7e7ef;
border-color: #d7e7ef;
color: #076795;
}
@media only screen and (min-width: 1025px) {
.validation-modal .modal-footer .btn:hover {
background-color: #d7e7ef;
border-color: #d7e7ef;
color: #076795;
}
}
.validation-modal .modal-footer .btn:active {
-webkit-box-shadow: inset 0 3px 2px rgba(0, 0, 0, 0.12);
box-shadow: inset 0 3px 2px rgba(0, 0, 0, 0.12);
}
.cookie_banner {
position: fixed;
right: 0;
bottom: 0;
left: 0;
width: 100%;
padding: 25px 0;
background: #ffffff;
-webkit-box-shadow: 0 0 15px 0 #213858;
box-shadow: 0 0 15px 0 #213858;
border-top: 1px solid #e7e7e7;
z-index: 4;
}
.cookie_banner-inner {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-align: end;
align-items: flex-end;
}
@media only screen and (max-width: 767px) {
.cookie_banner-inner {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.cookie_banner-text::after {
content: "";
display: table;
clear: both;
}
.cookie_banner-text {
position: relative;
height: 36px;
overflow: hidden;
font: 1rem / 1.2857142857rem opensans-regular, Arial, Helvetica, sans-serif;
}
.expanded .cookie_banner-text {
height: 100%;
overflow: auto;
}
@media only screen and (min-width: 768px) {
.cookie_banner-text {
margin-right: 50px;
}
}
.cookie_banner-show_more {
position: absolute;
right: 0;
bottom: 0;
background: #ffffff;
}
.cookie_banner-show_more::before {
position: absolute;
right: 100%;
content: "";
width: 150px;
background: -webkit-gradient(linear, left top, right top, from(transparent), to(#ffffff));
background: linear-gradient(to right, transparent, #ffffff);
height: 100%;
}
.expanded .cookie_banner-show_more {
display: none;
}
.cookie_banner-show_less {
display: none;
float: right;
}
.expanded .cookie_banner-show_less {
display: block;
}
.cookie_banner-accept {
width: auto;
}
@media only screen and (max-width: 767px) {
.cookie_banner-accept {
margin-top: 20px;
}
}
.account-wrapper {
margin-bottom: 50px;
}
@media only screen and (min-width: 768px) {
.account-wrapper {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 70px;
-ms-flex-line-pack: start;
align-content: start;
}
}
.account-wrapper .breadcrumbs {
width: 100%;
}
.account-subtitle {
font: 1.2857142857rem / 1.4285714286rem brandongrotesque-medium, Arial, Helvetica, sans-serif;
text-transform: uppercase;
color: #434343;
margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
.account-subtitle {
text-align: center;
}
}
.account-header {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media only screen and (max-width: 767px) {
.account-header {
-ms-flex-direction: column;
flex-direction: column;
}
}
.account-header .account-link {
padding: 0;
border: 0;
background: none;
background-color: transparent;
background-image: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.account-header .account-link::-ms-expand {
display: none;
}
.account-header .account-link.link-disabled, .account-header .account-link.link-disabled:hover, .account-header .account-link.link-disabled:focus, .account-header .account-link.link-disabled:active, .account-header .account-link[disabled], .account-header .account-link[disabled]:hover, .account-header .account-link[disabled]:focus, .account-header .account-link[disabled]:active {
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.account-header .account-link {
display: inline-block;
cursor: pointer;
color: #076795;
}
.account-header .account-link:hover, .account-header .account-link:active {
text-decoration: underline;
}
.account-header .account-link {
font: 0.8571428571rem opensans-regular, Arial, Helvetica, sans-serif;
}
@media only screen and (max-width: 767px) {
.account-header .security-settings-link {
display: none;
}
}
@media only screen and (max-width: 767px) {
.account-header-recommended .account-title {
width: 100%;
}
}
.account-header.m-users_pending {
margin-bottom: 10px;
}
@media only screen and (max-width: 767px) {
.account-header.m-users_pending {
margin-bottom: 20px;
}
}
@media only screen and (min-width: 768px) {
.account-header.m-waiting .account-title,
.account-header.m-waiting .account-button {
margin-bottom: 16px;
}
}
.account-terms {
color: #646464;
font: 0.8571428571rem / 1rem opensans-regular, Arial, Helvetica, sans-serif;
margin-top: 30px;
text-align: center;
}
@media only screen and (min-width: 768px) {
.account-terms {
margin-top: 40px;
text-align: left;
}
}
@media only screen and (max-width: 767px) {
.account-terms {
padding: 0 35px;
}
}
.account-terms-link:hover {
text-decoration: underline;
}
.account-button_save {
border-radius: 3px;
padding: 14.5px 20px;
width: 100%;
}
.account-button_save.button-disabled, .sales_rep_promo-upload:not(.active) .account-button_save.sales_rep_promo-upload-label, .account-button_save.button-disabled:hover, .account-button_save.button-disabled:focus, .account-button_save.button-disabled:active, .account-button_save[disabled], .account-button_save[disabled]:hover, .account-button_save[disabled]:focus, .account-button_save[disabled]:active {
background-color: #e7e7e7;
border-color: #e7e7e7;
-webkit-box-shadow: none;
box-shadow: none;
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.account-button_save { /* stylelint-disable-line */
background-color: #076795;
border-color: #076795;
color: #ffffff;
}
.account-button_save:active {
background-color: #d7e7ef;
border-color: #d7e7ef;
color: #076795;
}
@media only screen and (min-width: 1025px) {
.account-button_save:hover {
background-color: #d7e7ef;
border-color: #d7e7ef;
color: #076795;
}
}
.account-button_save:active {
-webkit-box-shadow: inset 0 3px 2px rgba(0, 0, 0, 0.12);
box-shadow: inset 0 3px 2px rgba(0, 0, 0, 0.12);
}
.account-button_save {
margin-top: 20px;
}
.account_coupons-empty:not(.h-hidden) {
margin-bottom: 30px;
}
.account_coupons-headline {
margin-bottom: 35px;
}
.account_coupons-subtitle {
font-size: 1.2857142857rem;
margin-bottom: 10px;
}
.account_coupons-form-wrapper {
margin-bottom: 40px;
}
.account_coupons-form.success .account_coupons-field-input {
border-color: #21A500;
}
.account_coupons-form.success .account_coupons-error {
color: #21A500;
}
.account_coupons-control {
display: -ms-flexbox;
display: flex;
}
@media only screen and (max-width: 1023px) {
.account_coupons-control {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.account_coupons-field {
-ms-flex: 0 0 325px;
flex: 0 0 325px;
margin-right: 10px;
}
@media only screen and (max-width: 1023px) {
.account_coupons-field {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
margin: 0 0 10px 0;
}
}
.account_coupons-list {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: -20px 0 0 -20px;
}
.account_coupons-list-headline {
font-size: 1.2857142857rem;
margin-bottom: 15px;
}
.account_coupons-list-headline ~ .account_coupons-list-headline {
margin-top: 50px;
}
.account_coupons-item {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
position: relative;
margin: 20px 0 0 20px;
padding: 30px 20px 32px;
border: 1px solid #c5c5c5;
border-radius: 3px;
-ms-flex: 0 0 calc(33.3% - 20px);
flex: 0 0 calc(33.3% - 20px);
min-width: calc(33.3% - 20px);
max-width: calc(33.3% - 20px);
-webkit-transition: border-color 0.3s ease-in;
transition: border-color 0.3s ease-in;
}
.account_coupons-item.success {
border-color: #21A500;
border-width: 2px;
padding: 29px 19px 31px;
background: #f7f9f9;
}
.account_coupons-item.success .account_coupons-state {
opacity: 1;
visibility: visible;
}
@media only screen and (max-width: 1024px) {
.account_coupons-item {
-ms-flex: 0 0 calc(50% - 20px);
flex: 0 0 calc(50% - 20px);
max-width: calc(50% - 20px);
}
}
@media only screen and (max-width: 767px) {
.account_coupons-item {
-ms-flex: 0 0 calc(100% - 20px);
flex: 0 0 calc(100% - 20px);
max-width: calc(100% - 20px);
}
}
.account_coupons-state:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 9px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f133";
}
.account_coupons-state {
position: absolute;
top: 12px;
right: 12px;
background: #21A500;
border-radius: 50%;
width: 18px;
height: 18px;
opacity: 0;
visibility: hidden;
-webkit-transition: opacity 0.3s ease-in;
transition: opacity 0.3s ease-in;
}
.account_coupons-state::before {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
color: #ffffff;
}
.account_coupons-code {
margin-bottom: 10px;
}
.account_coupons-code-label {
font-size: 1rem;
}
.account_coupons-code-value {
display: block;
font: 1rem / 1.1428571429rem opensans-semibold, Arial, Helvetica, sans-serif;
}
.account_coupons-promotion, .account_coupons-type {
font-size: 1rem;
color: #888888;
}
.account_coupons-promotion {
margin-bottom: 30px;
line-height: 1.1428571429rem;
}
.account_coupons-type {
margin-bottom: 15px;
}
.account_coupons-type-value {
font-size: 0.9285714286rem;
font-weight: bold;
}
.account_coupons-remove-link:hover {
text-decoration: underline;
}
.account_coupons-remove-modal .account_coupons-actions-delete {
margin-top: 0;
}
.account_coupons-box + .account_coupons-box .account_coupons-list-headline {
margin-top: 50px;
}
.account_coupons-actions-delete {
margin-top: 10px;
}
@media only screen and (max-width: 767px) {
.account_main-inner {
background: #ffffff;
padding: 35px 10px 30px;
border-radius: 3px;
}
}
@media only screen and (min-width: 768px) {
.account_main {
border-radius: 3px;
}
}
.account_main .account-title,
.account_main .account-link,
.account_main .account-button {
margin-bottom: 15px;
}
@media only screen and (min-width: 768px) {
.account_main .account-title,
.account_main .account-link,
.account_main .account-button {
margin-bottom: 30px;
}
}
.account_main .account-title.m-users_pending,
.account_main .account-link.m-users_pending,
.account_main .account-button.m-users_pending {
margin-bottom: 0;
}
@media only screen and (min-width: 768px) {
.account_main .account-title.m-users_pending,
.account_main .account-link.m-users_pending,
.account_main .account-button.m-users_pending {
margin-bottom: 0;
}
}
@media only screen and (max-width: 767px) {
.account_main .account-title.m-users_pending {
width: 100%;
}
}
@media only screen and (min-width: 768px) {
.account_main {
background-color: #ffffff;
padding: 40px 30px;
}
}
@media only screen and (min-width: 1025px) {
.account_main {
width: 79.5%;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.account_main {
width: 67%;
}
}
@media only screen and (max-width: 767px) {
.account_main .pagination-text {
margin-top: 10px;
}
}
.account_main-address-notification {
margin: -15px 0 15px;
}
.account_main-address-notification .login-promotion_banner {
margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
.account_navigation {
margin-bottom: 10px;
}
}
@media only screen and (min-width: 768px) {
.account_navigation {
padding-right: 20px;
}
}
@media only screen and (min-width: 1025px) {
.account_navigation {
width: 20.5%;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.account_navigation {
width: 33%;
}
}
@media only screen and (min-width: 768px) {
.account_banner {
margin-top: 25px;
}
}
.confirm_changes-popup .modal-dialog {
max-width: 370px;
}
.account_navigation {
border: 1px solid rgba(7, 103, 149, 0.5);
border-radius: 3px;
}
@media only screen and (max-width: 767px) {
.account_navigation {
background: #ffffff;
margin: 10px 0;
}
}
@media only screen and (min-width: 768px) {
.account_navigation {
border: none;
}
}
@media only screen and (min-width: 768px) {
.account_navigation-inner {
padding: 40px 20px 20px;
background: #ffffff;
border-radius: 3px;
}
}
.account_navigation-title {
padding: 20px 40px 20px 20px;
}
.account_navigation-title.m-selected::before {
-webkit-transform: rotate(0);
transform: rotate(0);
}
@media only screen and (max-width: 767px) {
.account_navigation-title {
position: relative;
color: #076795;
font: 1.4285714286rem / 1.4285714286rem brandongrotesque-medium, Arial, Helvetica, sans-serif;
text-transform: uppercase;
}
}
@media only screen and (min-width: 768px) {
.account_navigation-title {
margin-bottom: 10px;
padding: 0;
pointer-events: none;
}
.account_navigation-title::before, .account_navigation-title::after {
content: none;
}
}
.account_navigation-list {
display: none;
padding: 0 20px 15px;
}
@media only screen and (min-width: 768px) {
.account_navigation-list {
display: block;
padding: 0;
}
}
.account_navigation-item {
padding: 15px;
}
.account_navigation-item:first-child {
border-bottom: 1px solid #c5c5c5;
margin-bottom: 5px;
padding-bottom: 20px;
}
@media only screen and (min-width: 768px) {
.account_navigation-item {
padding: 10px 0;
}
.account_navigation-item:first-child {
padding-bottom: 15px;
margin-bottom: 5px;
}
}
.account_navigation-link {
-ms-flex-align: center;
align-items: center;
display: -ms-flexbox;
display: flex;
font: 1rem / 1.1428571429rem brandongrotesque-medium, Arial, Helvetica, sans-serif;
text-transform: uppercase;
-webkit-transition: color 0.2s ease 0s;
transition: color 0.2s ease 0s;
}
.account_navigation-link::before {
-webkit-transition: color 0.2s ease 0s;
transition: color 0.2s ease 0s;
margin-right: 20px;
font-size: 1.2142857143rem;
color: rgba(7, 103, 149, 0.5);
width: 17px;
}
.account_navigation-link.icon-account_tier::before, .account_navigation-link.icon-staff_order::before {
font-size: 0.8571428571rem;
}
.m-active .account_navigation-link, .account_navigation-link:hover {
color: #213858;
}
.m-active .account_navigation-link::before, .account_navigation-link:hover::before {
color: #213858;
}
@media only screen and (min-width: 768px) {
.account_navigation-link {
display: -ms-inline-flexbox;
display: inline-flex;
}
}
.account_settings-row {
border-bottom: 1px solid #e7e7e7;
padding: 20px 0;
}
.account_settings-row:first-child, .account_settings-row:first-of-type {
padding-top: 0;
}
.account_settings-row.custom-switcher .custom-switcher + label {
font: 1.1428571429rem brandongrotesque-medium, Arial, Helvetica, sans-serif;
color: #213858;
}
.account_settings-form {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
}
.account_settings-form .form-group {
margin-top: 0;
}
.account_settings-terms .link, .account_settings-terms .pdp-recommendation-link {
pointer-events: auto;
}
[locale=ja_JP] .account_settings-terms-default {
display: none;
}
.account_settings-terms-jp {
display: none;
}
[locale=ja_JP] .account_settings-terms-jp {
display: inline;
}
[locale=ja_JP] .account_settings-terms-jp .link, [locale=ja_JP] .account_settings-terms-jp .pdp-recommendation-link {
display: inline;
}
.account_settings-terms_required {
color: #000000;
}
.account_settings-terms_required::before {
display: inline-block;
margin-right: 2px;
content: "*";
color: #ff0000;
}
.account_settings .custom-control-inner {
-ms-flex: 1 0 auto;
flex: 1 0 auto;
}
.account_settings .custom-control-label {
font-size: 1.1428571429rem;
}
.account_settings .change-password-form .error_banner,
.account_settings .change-number-form .error_banner {
margin-bottom: 10px;
}
.account_settings-ship_bills_to {
padding-bottom: 20px;
}
@media only screen and (min-width: 768px) {
.account_settings-ship_bills_to {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: baseline;
align-items: baseline;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
html[locale=fr_CA] .account_settings-ship_bills_to {
-ms-flex-align: start;
align-items: flex-start;
}
}
@media only screen and (max-width: 1023px) {
html[locale=fr_CA] .account_settings-ship_bills_to .form-control-label {
-ms-flex: 0 0 120px;
flex: 0 0 120px;
}
}
.account_settings-ship_bills_email {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: end;
justify-content: flex-end;
}
@media only screen and (min-width: 768px) {
.account_settings-ship_bills_email .custom-control-inner, .account_settings-ship_bills_to .custom-control-inner {
-ms-flex: 0 0 300px;
flex: 0 0 300px;
}
}
.account_settings-auto_pay {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
padding-top: 20px;
max-width: 300px;
}
.account_settings-auto_pay-card, .account_settings-auto_pay-info {
margin-bottom: 20px;
}
.account_settings-auto_pay-email {
margin-bottom: 30px;
}
.account_settings-auto_pay-reminder {
margin-bottom: 10px;
}
@media only screen and (min-width: 768px) {
.account_settings-einvoicing {
width: 65%;
}
}
.account_settings-einvoicing-description {
margin: 20px 0;
}
.account_settings-einvoicing-msg {
color: #ff0000;
font: 1rem / 1.1428571429rem opensans-regular, Arial, Helvetica, sans-serif;
margin-bottom: 20px;
}
.account_settings-einvoicing .removed input {
text-decoration: line-through;
}
.notification_banner-warning .account_settings-einvoicing-warning {
font-size: 0.7142857143rem;
padding: 5px;
}
@media only screen and (max-width: 1024px) {
.notification_banner-warning .account_settings-einvoicing-warning {
font-size: 0.8571428571rem;
}
}
.account_settings-einvoicing-warning-wrapper {
margin-top: 10px;
}
.account_settings-einvoicing-warning.m-padding {
margin-top: 10px;
}
.account_settings-einvoicing-warning.m-padding .notification_banner-warning {
font-size: 0.7857142857rem;
line-height: 1.0714285714rem;
padding: 12px 10px;
}
.account_settings-filled_emails .form-group {
margin-bottom: 20px;
}
.account_settings-salesrep > p {
margin-top: 20px;
}
.account_settings-notification_wrapper {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: start;
align-items: flex-start;
}
.account_settings-notification_control {
display: -ms-flexbox;
display: flex;
margin: 20px 0;
gap: 0 30px;
font-size: 1.1428571429rem;
}
@media only screen and (max-width: 1024px) {
.account_settings-notification_control {
display: grid;
width: 100%;
-ms-flex-direction: column;
flex-direction: column;
grid-gap: 15px 0;
}
}
.account_settings-notification_control .custom-control-inner {
-ms-flex: initial;
flex: initial;
}
.account_settings-notification_control .custom-switcher-box {
margin-left: 10px;
}
.account_settings-notification_control-button {
margin-top: 20px;
width: auto;
}
@media only screen and (max-width: 1024px) {
.account_settings-notification_control-button {
-ms-flex-order: 2;
order: 2;
width: 100%;
margin: 0 0 15px;
}
}
.account_settings-notification_control-info {
font: 1.1428571429rem / 1.2857142857rem brandongrotesque-regular, Arial, Helvetica, sans-serif;
margin-bottom: 20px;
}
@media only screen and (max-width: 1024px) {
.account_settings-notification_item {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
}
.account_settings-notification_item .value {
margin-left: 20px;
}
}
@media only screen and (min-width: 1025px) {
.account_settings-notification_item.m-email {
-ms-flex: 1 0 240px;
flex: 1 0 240px;
max-width: 240px;
-ms-flex-pack: center;
justify-content: center;
}
}
@media only screen and (max-width: 1024px) {
.account_settings-notification_item.m-email .action {
display: -ms-flexbox;
display: flex;
}
}
@media only screen and (min-width: 1025px) {
.account_settings-notification_item.m-email:not(.m-not_billpay) {
-ms-flex: 2;
flex: 2;
max-width: inherit;
-ms-flex-pack: center;
justify-content: center;
}
}
.account_settings-notification_item.m-disabled .label {
opacity: 0.7;
}
.account_settings-notification_item.m-disabled .value {
opacity: 0.5;
}
@media only screen and (max-width: 1024px) {
.account_settings-notification_item.m-control {
position: absolute;
top: 28px;
right: 20px;
}
}
@media only screen and (min-width: 1025px) {
.account_settings-notification_item.m-control {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex: 1 0 150px;
flex: 1 0 150px;
max-width: 150px;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-align: center;
align-items: center;
}
}
@media only screen and (min-width: 1025px) {
.account_settings-notification_item.m-control:not(.m-edit) {
-ms-flex: 1 0 100px;
flex: 1 0 100px;
max-width: 100px;
}
}
@media only screen and (min-width: 1025px) {
.account_settings-notification_item.m-center {
text-align: center;
}
}
.account_settings-notification_item-arrow:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 15px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f15d";
}
.account_settings-notification_item-arrow::before {
color: #646464;
}
.account_settings-notification_item-edit {
padding: 0;
border: 0;
background: none;
background-color: transparent;
background-image: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.account_settings-notification_item-edit::-ms-expand {
display: none;
}
.account_settings-notification_item-edit.link-disabled, .account_settings-notification_item-edit.link-disabled:hover, .account_settings-notification_item-edit.link-disabled:focus, .account_settings-notification_item-edit.link-disabled:active, .account_settings-notification_item-edit[disabled], .account_settings-notification_item-edit[disabled]:hover, .account_settings-notification_item-edit[disabled]:focus, .account_settings-notification_item-edit[disabled]:active {
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.account_settings-notification_item-edit {
display: inline-block;
cursor: pointer;
color: #076795;
}
.account_settings-notification_item-edit:hover, .account_settings-notification_item-edit:active {
text-decoration: underline;
}
.account_settings-notification_item-edit {
font-size: 1rem;
color: #646464;
margin-right: 28px;
text-decoration: underline;
white-space: nowrap;
}
@media only screen and (max-width: 1024px) {
.account_settings-notification_item-edit:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 18px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f13d";
}
.account_settings-notification_item-edit {
font-size: 0;
margin-right: 0;
}
.account_settings-notification_item-edit::before {
width: 18px;
}
}
.account_settings-notification_item-edit:hover {
text-decoration: none;
}
.account_settings-notification_item-remove {
padding: 0;
border: 0;
background: none;
background-color: transparent;
background-image: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.account_settings-notification_item-remove::-ms-expand {
display: none;
}
.account_settings-notification_item-remove.link-disabled, .account_settings-notification_item-remove.link-disabled:hover, .account_settings-notification_item-remove.link-disabled:focus, .account_settings-notification_item-remove.link-disabled:active, .account_settings-notification_item-remove[disabled], .account_settings-notification_item-remove[disabled]:hover, .account_settings-notification_item-remove[disabled]:focus, .account_settings-notification_item-remove[disabled]:active {
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.account_settings-notification_item-remove {
display: inline-block;
cursor: pointer;
color: #076795;
}
.account_settings-notification_item-remove:hover, .account_settings-notification_item-remove:active {
text-decoration: underline;
}
.account_settings-notification_item-remove {
font-size: 1rem;
color: #646464;
text-decoration: underline;
}
.account_settings-notification_item-remove.m-no-line {
text-decoration: none;
}
@media only screen and (max-width: 1024px) {
.account_settings-notification_item-remove:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 18px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f138";
}
.account_settings-notification_item-remove {
font-size: 0;
margin-left: 15px;
}
.account_settings-notification_item-remove::before {
width: 18px;
}
}
.account_settings-notification_item-remove:hover {
text-decoration: none;
}
.account_settings-notification_item-removal {
color: #646464;
}
.account_settings-notification_item-removal.m-no-line {
text-decoration: none;
}
@media only screen and (max-width: 1024px) {
.account_settings-notification_item-removal {
width: 100%;
text-align: center;
color: #000000;
font: 1rem / 1.3571428571rem brandongrotesque-medium, Arial, Helvetica, sans-serif;
}
}
.account_settings-notification_modal-subtitle {
font: 1.2857142857rem / 1.7142857143rem brandongrotesque-medium, Arial, Helvetica, sans-serif;
margin: 20px 0 10px;
}
.account_settings-notification_modal-label:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 10px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f15d";
}
.account_settings-notification_modal-label {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
margin-bottom: 20px;
}
.account_settings-notification_modal-label::before {
padding-right: 7px;
}
.account_settings-notification_modal-checkbox {
padding: 10px 0;
}
.account_settings-notification_modal-checkbox input[type=checkbox]:not(.custom-switch) + label {
color: #434343;
font: 1.1428571429rem / 1.6428571429rem brandongrotesque-regular, Arial, Helvetica, sans-serif;
padding-left: 0;
}
.account_settings-notification_modal-checkbox input[type=checkbox]:not(.custom-switch) + label::before {
left: auto;
right: 0;
}
.account_settings-notification_modal-checkbox input[type=checkbox]:not(.custom-switch) + label::after {
left: auto;
right: 5px;
}
@media only screen and (max-width: 1024px) {
.account_settings-notification_box {
display: grid;
grid-gap: 24px 0;
}
}
.account_settings-notification_box.m-removed {
background: #e7e7e7;
pointer-events: none;
}
.account_settings-notification_box.m-removed .account_settings-notification_item > * {
opacity: 0.8;
}
@media only screen and (max-width: 1024px) {
.account_settings-notification_list {
-ms-flex-order: 3;
order: 3;
width: 100%;
}
.account_settings-notification_list.m-empty {
-ms-flex-order: 2;
order: 2;
}
}
.account_settings-notification_list-headline {
font: 1.2857142857rem / 1.8571428571rem brandongrotesque-medium, Arial, Helvetica, sans-serif;
color: #646464;
margin-bottom: 15px;
text-transform: uppercase;
}
@media only screen and (max-width: 1024px) {
.account_settings-notification_list-headline {
-ms-flex-order: 1;
order: 1;
}
}
.account_settings-notification_list .table_min_tl-header_cell {
font: 0.8571428571rem / 1.2857142857rem brandongrotesque-regular, Arial, Helvetica, sans-serif;
}
.account_settings-notification_list .table_min_tl-header_cell.m-disabled {
opacity: 0.7;
}
@media only screen and (max-width: 1024px) {
.account_settings-email_notification {
padding-bottom: 0;
}
}
.account_settings-email_notification-headline {
font: 1.1428571429rem brandongrotesque-medium, Arial, Helvetica, sans-serif;
color: #213858;
margin-bottom: 20px;
}
.account_settings .account_settings-notification_control-info {
color: #646464;
font: 0.7857142857rem / 1rem opensans-regular, Arial, Helvetica, sans-serif;
margin-top: 8px;
}
@media only screen and (max-width: 767px) {
.account_settings .tooltip::after, .account_settings .tooltip::before {
display: none;
}
}
.account_details-row {
border-bottom: 1px solid #e7e7e7;
margin-bottom: 20px;
}
.account_details-row:last-child {
margin-bottom: 0;
border: 0;
}
.account_details-row_content-default {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 25px;
}
.account_details-row_content-default .account_details-label {
width: auto;
float: inherit;
margin-right: 20px;
}
.account_details-row_content-default .account_details-change_link {
width: auto;
float: inherit;
}
.account_details-row_content-default .account_details-change_link + .account_details-change_link {
margin-left: 20px;
}
@media only screen and (max-width: 767px) {
.account_details-row_content-default .account_details-change_link + .account_details-change_link { /* stylelint-disable-line */
margin-left: 0;
-ms-flex-order: -1;
order: -1;
margin-bottom: 5px;
}
}
.account_details-row_content-control {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: end;
justify-content: flex-end;
}
@media only screen and (max-width: 767px) {
.account_details-row_content-control {
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: start;
justify-content: flex-start;
}
}
@media only screen and (max-width: 767px) {
.account_details-account_delete-cancel {
-ms-flex-order: 1;
order: 1;
}
}
.account_details-label {
display: inline-block;
margin-bottom: 0;
width: 50%;
}
@media only screen and (max-width: 767px) {
.account_details-label.m-site_switcher {
width: auto;
}
}
.account_details-value {
clear: both;
font: 1rem / 2.8571428571rem opensans-regular, Arial, Helvetica, sans-serif;
min-height: 40px;
padding: 5px 0;
}
.account_details-value_email {
overflow: hidden;
text-overflow: ellipsis;
}
.account_details-change_link {
padding: 0;
border: 0;
background: none;
background-color: transparent;
background-image: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.account_details-change_link::-ms-expand {
display: none;
}
.account_details-change_link.link-disabled, .account_details-change_link.link-disabled:hover, .account_details-change_link.link-disabled:focus, .account_details-change_link.link-disabled:active, .account_details-change_link[disabled], .account_details-change_link[disabled]:hover, .account_details-change_link[disabled]:focus, .account_details-change_link[disabled]:active {
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.account_details-change_link {
display: inline-block;
cursor: pointer;
color: #076795;
}
.account_details-change_link:hover, .account_details-change_link:active {
text-decoration: underline;
}
.account_details-change_link {
text-transform: none;
float: right;
text-align: right;
width: 50%;
z-index: 1;
font-family: opensans-regular, Arial, Helvetica, sans-serif;
}
@media only screen and (max-width: 767px) {
.account_details-change_link.m-site_switcher {
width: auto;
}
}
.account_details-change_content {
background-color: #f7f9f9;
margin-top: 20px;
padding: 20px;
}
@media only screen and (min-width: 768px) {
.account_details-change_content {
margin-left: 0;
margin-right: 0;
}
}
.account_details-change_content.m-site_switcher {
margin-top: 25px;
}
.account_details-change_content form + form {
margin-top: 20px;
}
.account_details-action {
margin-top: 20px;
}
@media only screen and (min-width: 768px) {
.account_details-action {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
.account_details-password_tooltip {
display: inline-block;
}
.account_details-password_tooltip .tooltip {
min-width: 200px;
}
.account_details-security_question_tooltip, .account_details-site_switcher_tooltip {
display: inline-block;
}
.account_details-security_question_tooltip .tooltip, .account_details-site_switcher_tooltip .tooltip {
min-width: 150px;
}
.account_details-button {
border-radius: 3px;
padding: 14.5px 20px;
width: 100%;
}
.account_details-button.button-disabled, .sales_rep_promo-upload:not(.active) .account_details-button.sales_rep_promo-upload-label, .account_details-button.button-disabled:hover, .account_details-button.button-disabled:focus, .account_details-button.button-disabled:active, .account_details-button[disabled], .account_details-button[disabled]:hover, .account_details-button[disabled]:focus, .account_details-button[disabled]:active {
background-color: #e7e7e7;
border-color: #e7e7e7;
-webkit-box-shadow: none;
box-shadow: none;
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.account_details-button { /* stylelint-disable-line */
background-color: #076795;
border-color: #076795;
color: #ffffff;
}
.account_details-button:active {
background-color: #d7e7ef;
border-color: #d7e7ef;
color: #076795;
}
@media only screen and (min-width: 1025px) {
.account_details-button:hover {
background-color: #d7e7ef;
border-color: #d7e7ef;
color: #076795;
}
}
.account_details-button:active {
-webkit-box-shadow: inset 0 3px 2px rgba(0, 0, 0, 0.12);
box-shadow: inset 0 3px 2px rgba(0, 0, 0, 0.12);
}
.account_details-button_cancel, .account_details-button_secondary {
border-radius: 3px;
padding: 14.5px 20px;
width: 100%;
}
.account_details-button_cancel.button-disabled, .sales_rep_promo-upload:not(.active) .account_details-button_cancel.sales_rep_promo-upload-label, .account_details-button_cancel.button-disabled:hover, .account_details-button_cancel.button-disabled:focus, .account_details-button_cancel.button-disabled:active, .account_details-button_cancel[disabled], .account_details-button_cancel[disabled]:hover, .account_details-button_cancel[disabled]:focus, .account_details-button_cancel[disabled]:active, .account_details-button_secondary.button-disabled, .sales_rep_promo-upload:not(.active) .account_details-button_secondary.sales_rep_promo-upload-label, .account_details-button_secondary.button-disabled:hover, .account_details-button_secondary.button-disabled:focus, .account_details-button_secondary.button-disabled:active, .account_details-button_secondary[disabled], .account_details-button_secondary[disabled]:hover, .account_details-button_secondary[disabled]:focus, .account_details-button_secondary[disabled]:active {
background-color: #e7e7e7;
border-color: #e7e7e7;
-webkit-box-shadow: none;
box-shadow: none;
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.account_details-button_cancel, .account_details-button_secondary { /* stylelint-disable-line */
background-color: #ffffff;
border-color: #076795;
color: #076795;
}
.account_details-button_cancel:active, .account_details-button_secondary:active {
background-color: rgba(7, 103, 149, 0.1);
border-color: #076795;
color: #076795;
}
@media only screen and (min-width: 1025px) {
.account_details-button_cancel:hover, .account_details-button_secondary:hover {
background-color: rgba(7, 103, 149, 0.1);
border-color: #076795;
color: #076795;
}
}
.account_details-button_cancel:active, .account_details-button_secondary:active {
-webkit-box-shadow: inset 0 4px 2px rgba(0, 0, 0, 0.12);
box-shadow: inset 0 4px 2px rgba(0, 0, 0, 0.12);
}
.account_details-button_cancel, .account_details-button_secondary {
background-color: transparent;
margin-top: 10px;
}
@media only screen and (min-width: 768px) {
.account_details-button_cancel, .account_details-button_secondary {
margin-top: 0;
}
}
@media only screen and (min-width: 768px) {
.account_details-button, .account_details-button_cancel, .account_details-button_secondary {
width: 49%;
}
}
.account_details-default_account-list {
margin-top: 10px;
}
@media only screen and (min-width: 768px) {
.account_details-default_account-list {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
@media only screen and (max-width: 767px) {
.account_details-default_account-item + .account_details-default_account-item {
padding-top: 20px;
}
}
@media only screen and (min-width: 768px) {
.account_details-default_account-item {
width: 50%;
padding: 0 65px 35px 0;
}
}
@media only screen and (max-width: 767px) {
.account_details-default_account-item:last-of-type {
margin-bottom: 20px;
}
}
.account_banner-content {
position: relative;
}
.account_banner-text {
position: absolute;
bottom: 0;
font-size: 1.5714285714rem;
}
@media only screen and (min-width: 768px) {
.account_banner-text {
font-size: 1.2857142857rem;
}
}
.account_banner img {
width: 100%;
border-radius: 3px;
}
.account_banner .promotional_banner-big {
margin-top: 35px;
}
@media only screen and (min-width: 768px) {
.account_banner .promotional_banner-big {
margin-top: 0;
}
}
.account_card {
border: 1px solid #e7e7e7;
border-radius: 3px;
color: #646464;
font: 0.9285714286rem opensans-regular, Arial, Helvetica, sans-serif;
padding: 10px;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
}
@media only screen and (max-width: 374px) {
.account_card {
width: 100%;
}
}
.account_card-main {
-ms-flex-positive: 1;
flex-grow: 1;
}
.account_card-number {
color: #000000;
margin-bottom: 5px;
}
.account_card-about-to-expire {
color: #ff0000;
}
.account_card-about-to-expire .tooltip {
min-width: 200px;
}
.account_card-expired {
color: #ff0000;
margin-bottom: 16px;
}
.account_card-expired-date {
text-decoration: line-through;
}
.account_card-expired-label {
display: block;
}
.account_card-iframe + .billpay_payment-save_card {
margin-top: -15px;
margin-left: 3px;
}
.account_card-edit-icon:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f13d";
}
.account_card-edit-icon {
color: #076795;
cursor: pointer;
margin-left: 5px;
opacity: 0.5;
}
.account_card-edit-icon::before {
margin-top: -6px;
}
.account_card-edit-form {
margin-top: 10px;
}
.account_card-edit-inputs {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.account_card-edit-inputs .invalid-feedback {
margin-bottom: 5px;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
}
.account_card-edit-month {
width: 40%;
}
.account_card-edit-year {
width: 55%;
}
.account_card-edit-button {
border-radius: 3px;
padding: 14.5px 20px;
width: 100%;
}
.account_card-edit-button.button-disabled, .sales_rep_promo-upload:not(.active) .account_card-edit-button.sales_rep_promo-upload-label, .account_card-edit-button.button-disabled:hover, .account_card-edit-button.button-disabled:focus, .account_card-edit-button.button-disabled:active, .account_card-edit-button[disabled], .account_card-edit-button[disabled]:hover, .account_card-edit-button[disabled]:focus, .account_card-edit-button[disabled]:active {
background-color: #e7e7e7;
border-color: #e7e7e7;
-webkit-box-shadow: none;
box-shadow: none;
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.account_card-edit-button { /* stylelint-disable-line */
background-color: #076795;
border-color: #076795;
color: #ffffff;
}
.account_card-edit-button:active {
background-color: #d7e7ef;
border-color: #d7e7ef;
color: #076795;
}
@media only screen and (min-width: 1025px) {
.account_card-edit-button:hover {
background-color: #d7e7ef;
border-color: #d7e7ef;
color: #076795;
}
}
.account_card-edit-button:active {
-webkit-box-shadow: inset 0 3px 2px rgba(0, 0, 0, 0.12);
box-shadow: inset 0 3px 2px rgba(0, 0, 0, 0.12);
}
.account_card-edit-button {
margin-top: 10px;
margin-bottom: 20px;
}
@media only screen and (min-width: 768px) {
.account_card-edit-button {
margin-top: 5px;
padding-right: 10px;
padding-left: 10px;
}
}
.account_card-edit .form-control-label {
display: block;
}
.account_card-save {
margin-top: 5px;
color: #000000;
}
.account_card-delete {
margin-top: 8px;
padding-top: 5px;
border-top: 1px solid #e7e7e7;
}
.account_card-delete-link {
padding: 0;
border: 0;
background: none;
background-color: transparent;
background-image: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.account_card-delete-link::-ms-expand {
display: none;
}
.account_card-delete-link.link-disabled, .account_card-delete-link.link-disabled:hover, .account_card-delete-link.link-disabled:focus, .account_card-delete-link.link-disabled:active, .account_card-delete-link[disabled], .account_card-delete-link[disabled]:hover, .account_card-delete-link[disabled]:focus, .account_card-delete-link[disabled]:active {
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.account_card-delete-link {
display: inline-block;
cursor: pointer;
color: #076795;
}
.account_card-delete-link:hover, .account_card-delete-link:active {
text-decoration: underline;
}
.account_card-delete-link {
display: inline-block;
}
.account_card-warning {
color: #000000;
font: 0.8571428571rem / 0.8571428571rem opensans-regular, Arial, Helvetica, sans-serif;
font-weight: bold;
margin: 14px 0 7px;
}
.account_card-list {
padding-left: 0;
}
.account_card-list:last-child {
margin-bottom: 10px;
}
.account_card-iframe .error_banner {
margin-top: 20px;
}
.account_cards .pagination-container {
margin-top: 30px;
}
#hpf-iframe-wrapper {
position: relative;
width: 100%;
margin-top: 20px;
}
#hpf-iframe-wrapper iframe {
height: 290px;
width: 100%;
border: 0 !important;
background: transparent !important;
font-family: inherit;
}
.payment_info-method #hpf-iframe-wrapper {
margin-top: 0;
padding-bottom: 0;
}
@media (max-width: 1108px) {
.payment_info-method #hpf-iframe-wrapper iframe {
height: 290px;
}
}
@media (min-width: 1109px) {
.payment_info-method #hpf-iframe-wrapper iframe {
height: 190px;
}
}
@media (max-width: 1189px) {
.billpay_payment-main .payment_info-method #hpf-iframe-wrapper iframe {
height: 290px;
}
}
@media (min-width: 1190px) {
.billpay_payment-main .payment_info-method #hpf-iframe-wrapper iframe {
height: 190px;
}
}
@media (max-width: 872px) {
.delayed_rec_orders-content #hpf-iframe-wrapper iframe {
height: 290px;
}
}
@media (min-width: 873px) {
.delayed_rec_orders-content #hpf-iframe-wrapper iframe {
height: 190px;
}
}
@media only screen and (min-width: 1024px) {
.delayed_rec_orders-content #hpf-iframe-wrapper.hpf-form-type-4 iframe {
height: 220px;
}
}
.psp_pay-body #hpf-iframe-wrapper iframe,
.change_payment_method-modal #hpf-iframe-wrapper iframe {
height: 300px;
}
@media (min-width: 1190px) {
.psp_pay-body .billpay_payment-main .payment_info-method #hpf-iframe-wrapper iframe {
height: 300px;
}
}
.add-new-card-hpf-popup .modal-body,
.add-new-card-tokenEx-popup .modal-body,
.m-dhpp .modal-body {
padding-right: 30px;
padding-bottom: 20px;
}
@media only screen and (min-width: 768px) {
.add-new-card-hpf-popup .modal-footer,
.add-new-card-tokenEx-popup .modal-footer,
.m-dhpp .modal-footer {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
@media only screen and (min-width: 768px) {
.add-new-card-hpf-popup .modal-footer button,
.add-new-card-tokenEx-popup .modal-footer button,
.m-dhpp .modal-footer button {
margin-top: 0;
width: 49%;
}
}
.account_cards-details {
font: 0.9285714286rem / 1.0714285714rem opensans-regular, Arial, Helvetica, sans-serif;
color: #646464;
}
.account_cards-info {
font-size: 1.1428571429rem;
}
.account_cards-select {
margin-bottom: 15px;
}
@media only screen and (min-width: 768px) {
.account_cards-select {
margin-bottom: 25px;
}
}
.account_cards-add {
border-radius: 3px;
padding: 14.5px 20px;
width: 100%;
}
.account_cards-add.button-disabled, .sales_rep_promo-upload:not(.active) .account_cards-add.sales_rep_promo-upload-label, .account_cards-add.button-disabled:hover, .account_cards-add.button-disabled:focus, .account_cards-add.button-disabled:active, .account_cards-add[disabled], .account_cards-add[disabled]:hover, .account_cards-add[disabled]:focus, .account_cards-add[disabled]:active {
background-color: #e7e7e7;
border-color: #e7e7e7;
-webkit-box-shadow: none;
box-shadow: none;
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.account_cards-add { /* stylelint-disable-line */
background-color: #076795;
border-color: #076795;
color: #ffffff;
}
.account_cards-add:active {
background-color: #d7e7ef;
border-color: #d7e7ef;
color: #076795;
}
@media only screen and (min-width: 1025px) {
.account_cards-add:hover {
background-color: #d7e7ef;
border-color: #d7e7ef;
color: #076795;
}
}
.account_cards-add:active {
-webkit-box-shadow: inset 0 3px 2px rgba(0, 0, 0, 0.12);
box-shadow: inset 0 3px 2px rgba(0, 0, 0, 0.12);
}
.account_cards-add {
margin-bottom: 30px;
}
@media only screen and (min-width: 768px) {
.account_cards-add {
width: auto;
}
}
.account_cards-method {
margin-bottom: 25px;
}
.account_cards-method-value {
font: 1.0714285714rem opensans-regular, Arial, Helvetica, sans-serif;
}
@media only screen and (min-width: 768px) {
.account_cards-information, .account_cards-list {
display: inline-block;
width: 60%;
}
}
.account_cards-list {
background-color: #ffffff;
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
padding: 30px 10px 0;
width: 100%;
}
@media only screen and (max-width: 767px) {
.account_cards-list {
padding: 0;
margin: 0 -10px;
}
}
@media only screen and (max-width: 1024px) {
.account_cards-list {
grid-template-columns: repeat(2, 1fr);
}
}
@media only screen and (min-width: 768px) {
.account_cards-list {
padding: 0;
margin: 0 0 -30px;
}
}
.account_cards-list-empty {
height: 170px;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
padding: 30px 82px;
text-align: center;
font: 1rem / 1.1428571429rem opensans-regular, Arial, Helvetica, sans-serif;
color: #646464;
background: #e4e5e5;
border-radius: 3px;
}
@media only screen and (min-width: 768px) {
.account_cards-list-empty {
height: 200px;
}
}
@media only screen and (min-width: 768px) {
.account_cards .account-header {
-ms-flex-align: start;
align-items: flex-start;
}
}
.wpwl-error {
color: #ff0000;
background-color: #fff3f3;
border: 1px solid #b20000;
padding: 10px 20px;
margin-top: 20px;
}
.account_registration {
padding: 30px 10px;
}
@media only screen and (min-width: 768px) {
.account_registration {
padding: 30px 30px 50px;
}
}
.account_registration-wrapper {
margin-top: 10px;
margin-bottom: 50px;
}
@media only screen and (min-width: 768px) {
.account_registration-wrapper {
margin-top: 50px;
margin-bottom: 80px;
}
}
.account_registration-title {
margin-bottom: 20px;
}
.account_registration-title.m-top_space {
margin-top: 20px;
}
.account_registration-info {
margin-bottom: 30px;
}
.account_registration-info-title {
margin-bottom: 10px;
color: #213858;
font: 1.1428571429rem brandongrotesque-medium, Arial, Helvetica, sans-serif;
}
.account_registration-info-description {
color: #646464;
font: 0.9285714286rem opensans-regular, Arial, Helvetica, sans-serif;
}
.account_registration-form-wrapper {
width: 100%;
max-width: 410px;
}
.account_registration-field {
margin-bottom: 30px;
}
[locale=ja_JP] .account_registration-field {
color: #000000;
}
.account_registration-field.m-self_registration, .account_registration-field.m-20 {
margin-bottom: 20px;
}
.account_registration-field-label {
color: #213858;
font: 1.0714285714rem / 1 brandongrotesque-medium, Arial, Helvetica, sans-serif;
}
.account_registration .account_registration-field-label.is-disabled, .account_registration .account_registration-field-label.is-disabled::after {
color: #c5c5c5;
pointer-events: none;
}
.account_registration-field-message {
color: #646464;
font: 0.8571428571rem / 1 brandongrotesque-light, Arial, Helvetica, sans-serif;
margin-top: 5px;
}
.account_registration-submit {
border: 1px solid transparent;
cursor: pointer;
display: inline-block;
font: 1rem / 1 brandongrotesque-medium, Arial, Helvetica, sans-serif;
text-align: center;
text-transform: uppercase;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-radius: 3px;
padding: 14.5px 20px;
width: 100%;
}
.account_registration-submit.button-disabled, .sales_rep_promo-upload:not(.active) .account_registration-submit.sales_rep_promo-upload-label, .account_registration-submit.button-disabled:hover, .account_registration-submit.button-disabled:focus, .account_registration-submit.button-disabled:active, .account_registration-submit[disabled], .account_registration-submit[disabled]:hover, .account_registration-submit[disabled]:focus, .account_registration-submit[disabled]:active {
background-color: #e7e7e7;
border-color: #e7e7e7;
-webkit-box-shadow: none;
box-shadow: none;
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.account_registration-submit { /* stylelint-disable-line */
background-color: #076795;
border-color: #076795;
color: #ffffff;
}
.account_registration-submit:active {
background-color: #d7e7ef;
border-color: #d7e7ef;
color: #076795;
}
@media only screen and (min-width: 1025px) {
.account_registration-submit:hover {
background-color: #d7e7ef;
border-color: #d7e7ef;
color: #076795;
}
}
.account_registration-submit:active {
-webkit-box-shadow: inset 0 3px 2px rgba(0, 0, 0, 0.12);
box-shadow: inset 0 3px 2px rgba(0, 0, 0, 0.12);
}
.payment_info-checkbox .account_registration-checkbox-label.custom-control-label {
display: block !important;
}
.account_registration-checkbox-input {
width: auto;
}
.account_registration-category_information-description {
font: 1rem / 1.2857142857rem brandongrotesque-regular, Arial, Helvetica, sans-serif;
margin-bottom: 15px;
}
.registration-request-modal .modal-body div:not(:last-child) {
margin-bottom: 15px;
}
.registration-request-modal .modal-footer {
display: none;
}
.account_addresses-title {
margin-bottom: 10px;
}
.account_addresses-subtitle {
font: 1rem / 1.1428571429rem opensans-regular, Arial, Helvetica, sans-serif;
color: #000000;
margin-bottom: 5px;
}
.account_addresses-description {
font: 0.8571428571rem / 1.2857142857rem opensans-regular, Arial, Helvetica, sans-serif;
text-transform: uppercase;
color: #646464;
}
.account_addresses-description + .account_addresses-title {
margin-top: 20px;
}
.account_addresses-shipto {
margin-bottom: 30px;
}
@media only screen and (min-width: 768px) {
.account_addresses-shipto {
margin-bottom: 45px;
}
}
.account_addresses-user .account_addresses-list {
margin: 0 -10px;
}
.account_addresses-list_title {
margin-bottom: 15px;
}
.account_addresses-user .account_addresses-list-inner {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media only screen and (max-width: 1024px) {
.account_addresses-item::before {
position: absolute;
top: -12px;
left: -12px;
content: "";
border: 12px solid transparent;
border-bottom-color: #efefef;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
}
.account_addresses-item {
border: 1px solid #efefef;
padding: 30px 20px;
border-radius: 3px;
position: relative;
}
@media only screen and (max-width: 1024px) {
.account_addresses-item {
width: 100%;
background-color: #ffffff;
}
}
.account_addresses-user .account_addresses-item {
margin: 0 10px 20px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.account_addresses-user .account_addresses-item {
width: calc(50% - 20px);
}
}
@media only screen and (min-width: 1025px) {
.account_addresses-user .account_addresses-item {
width: calc(33.333% - 20px);
}
}
.account_addresses-superuser .account_addresses-item {
display: -ms-flexbox;
display: flex;
}
@media only screen and (max-width: 767px) {
.account_addresses-superuser .account_addresses-item {
-ms-flex-direction: column;
flex-direction: column;
}
}
@media only screen and (min-width: 768px) {
.account_addresses-superuser .account_addresses-item {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
@media only screen and (max-width: 767px) {
.account_addresses .account_addresses-superuser_item {
margin-top: 20px;
}
.account_addresses .account_addresses-superuser_item:first-child {
margin: 0;
}
}
@media only screen and (min-width: 768px) {
.account_addresses .account_addresses-superuser_item {
width: 50%;
margin-bottom: 20px;
}
}
@media only screen and (min-width: 1200px) {
.account_addresses .account_addresses-superuser_item {
padding-right: 130px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
.account_addresses .account_addresses-superuser_item {
padding-right: 50px;
}
}
.account_addresses .account_addresses-superuser_item-payer {
-ms-flex-order: 2;
order: 2;
}
.account-downloads {
padding-bottom: 20px;
}
@media only screen and (max-width: 767px) {
.account-downloads {
margin-top: 20px;
}
}
.account-downloads__title {
display: block;
margin-bottom: 15px;
}
.account-downloads__description {
font-size: 12px;
}
.account-downloads__items {
display: -ms-flexbox;
display: flex;
}
@media only screen and (max-width: 767px) {
.account-downloads__items {
-ms-flex-direction: column;
flex-direction: column;
}
}
.account-downloads__item {
padding-top: 15px;
margin-bottom: 20px;
margin-right: 20px;
-ms-flex: 1;
flex: 1;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
}
@media only screen and (max-width: 767px) {
.account-downloads__item {
margin-right: 0;
}
}
.account-downloads__item:last-child {
margin-right: 0;
}
@media only screen and (max-width: 767px) {
.account-downloads__item:last-child {
margin-bottom: 0;
}
}
.account-downloads__item.m-bg {
background: #f7f9f9;
padding: 20px;
}
.account-downloads__btn {
max-width: 200px;
margin-top: auto;
}
.account-downloads__btn::before {
margin-top: -6px;
margin-right: 6px;
font-size: 16px;
}
@media only screen and (max-width: 767px) {
.account-downloads__btn {
max-width: 100%;
}
}
@media only screen and (max-width: 1024px) {
.account_orders-item {
-webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.15);
box-shadow: 0 3px 7px rgba(0, 0, 0, 0.15);
}
}
@media only screen and (min-width: 1025px) {
.account_orders-item.table_min_tl-body_row {
background: none;
}
}
@media only screen and (max-width: 1024px) {
.account_orders-item.table_min_tl-body_row {
padding: 30px 15px;
}
}
.account_orders-item .account_orders-order_date {
margin-bottom: 30px;
}
@media only screen and (max-width: 1024px) {
.account_orders-item .account_orders-order_date {
width: 50%;
padding-right: 35px;
}
}
@media only screen and (min-width: 1025px) {
.account_orders-item .account_orders-order_date {
margin-bottom: 0;
}
}
.account_orders-item .account_orders-order_date .value span {
display: inline-block;
vertical-align: middle;
}
@media only screen and (min-width: 1025px) {
.account_orders-item .account_orders-order_date .arrow-icon {
border: 5px solid transparent;
border-left-color: #213858;
border-right-width: 0;
content: "";
-webkit-transition: -webkit-transform 0.2s ease 0s;
transition: -webkit-transform 0.2s ease 0s;
transition: transform 0.2s ease 0s;
transition: transform 0.2s ease 0s, -webkit-transform 0.2s ease 0s;
margin-right: 15px;
width: 10px;
}
}
.account_orders-item .account_orders-order_number {
-ms-flex-order: -1;
order: -1;
margin-bottom: 30px;
padding-right: 5px;
}
@media only screen and (max-width: 1024px) {
.account_orders-item .account_orders-order_number {
width: 50%;
}
}
@media only screen and (min-width: 1025px) {
.account_orders-item .account_orders-order_number {
-ms-flex-order: 0;
order: 0;
margin-bottom: 0;
}
html[locale=de_DE] .account_orders-item .account_orders-order_number {
min-width: 210px;
}
}
.account_orders-item .account_orders-order_number.table_min_tl-body_cell .value {
padding: 0;
border: 0;
background: none;
background-color: transparent;
background-image: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.account_orders-item .account_orders-order_number.table_min_tl-body_cell .value::-ms-expand {
display: none;
}
.account_orders-item .account_orders-order_number.table_min_tl-body_cell .value.link-disabled, .account_orders-item .account_orders-order_number.table_min_tl-body_cell .value.link-disabled:hover, .account_orders-item .account_orders-order_number.table_min_tl-body_cell .value.link-disabled:focus, .account_orders-item .account_orders-order_number.table_min_tl-body_cell .value.link-disabled:active, .account_orders-item .account_orders-order_number.table_min_tl-body_cell .value[disabled], .account_orders-item .account_orders-order_number.table_min_tl-body_cell .value[disabled]:hover, .account_orders-item .account_orders-order_number.table_min_tl-body_cell .value[disabled]:focus, .account_orders-item .account_orders-order_number.table_min_tl-body_cell .value[disabled]:active {
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.account_orders-item .account_orders-order_number.table_min_tl-body_cell .value {
display: inline-block;
cursor: pointer;
color: #076795;
}
.account_orders-item .account_orders-order_number.table_min_tl-body_cell .value:hover, .account_orders-item .account_orders-order_number.table_min_tl-body_cell .value:active {
text-decoration: underline;
}
.account_orders-item .account_orders-order_number.table_min_tl-body_cell .value {
display: -ms-flexbox;
display: flex;
color: #076795;
padding-left: 0;
position: relative;
}
.account_orders-item .account_orders-order_number.table_min_tl-body_cell .value::before {
position: absolute;
left: 0;
color: #a7a7a7;
font-size: 1.4285714286rem;
}
@media only screen and (min-width: 1025px) {
.account_orders-item .account_orders-order_number.table_min_tl-body_cell .value {
font-family: opensans-semibold, Arial, Helvetica, sans-serif;
}
}
.account_orders-item .account_orders-order_number.table_min_tl-body_cell .telephone:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f12a";
}
.account_orders-item .account_orders-order_number.table_min_tl-body_cell .web:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f12e";
}
.account_orders-item .account_orders-order_number.table_min_tl-body_cell .application:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f163";
}
.account_orders-item .account_orders-order_number.table_min_tl-header_cell .label {
padding-left: 28px;
}
@media only screen and (min-width: 1025px) {
.account_orders-item .account_orders-order_number .label {
color: #ffffff;
}
}
@media only screen and (max-width: 1024px) {
.account_orders-item .account_orders-order_number .label,
.account_orders-item .account_orders-order_date .label {
display: block;
margin-bottom: 10px;
}
}
.account_orders-item .account_orders-order_number .value,
.account_orders-item .account_orders-order_date .value { /* stylelint-disable-line */ }
@media only screen and (max-width: 1024px) {
.account_orders-item .account_orders-order_number .value,
.account_orders-item .account_orders-order_date .value {
display: block;
font-size: 1.1428571429rem;
}
}
@media only screen and (max-width: 1024px) {
.account_orders-item .account_orders-order_purchase,
.account_orders-item .account_orders-order_status,
.account_orders-item .account_orders-order_tracking,
.account_orders-item .account_orders-order_type,
.account_orders-item .account_orders-order_total {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 15px;
}
.account_orders-item .account_orders-order_purchase:last-child,
.account_orders-item .account_orders-order_status:last-child,
.account_orders-item .account_orders-order_tracking:last-child,
.account_orders-item .account_orders-order_type:last-child,
.account_orders-item .account_orders-order_total:last-child {
margin-bottom: 0;
}
.account_orders-item .account_orders-order_purchase .value,
.account_orders-item .account_orders-order_status .value,
.account_orders-item .account_orders-order_tracking .value,
.account_orders-item .account_orders-order_type .value,
.account_orders-item .account_orders-order_total .value {
text-align: right;
}
}
.account_orders-item .account_orders-order_purchase,
.account_orders-item .account_orders-order_status,
.account_orders-item .account_orders-order_tracking,
.account_orders-item .account_orders-order_type,
.account_orders-item .account_orders-order_total {
width: 100%;
}
.account_orders-item .account_orders-order_purchase .value,
.account_orders-item .account_orders-order_status .value,
.account_orders-item .account_orders-order_tracking .value,
.account_orders-item .account_orders-order_type .value,
.account_orders-item .account_orders-order_total .value { /* stylelint-disable-line */ }
@media only screen and (max-width: 1024px) {
.account_orders-item .account_orders-order_purchase .value,
.account_orders-item .account_orders-order_status .value,
.account_orders-item .account_orders-order_tracking .value,
.account_orders-item .account_orders-order_type .value,
.account_orders-item .account_orders-order_total .value {
font-family: opensans-semibold, Arial, Helvetica, sans-serif;
}
}
.account_orders-item .account_orders-order_purchase .value.m-tooltip,
.account_orders-item .account_orders-order_status .value.m-tooltip,
.account_orders-item .account_orders-order_tracking .value.m-tooltip,
.account_orders-item .account_orders-order_type .value.m-tooltip,
.account_orders-item .account_orders-order_total .value.m-tooltip {
display: -ms-flexbox;
display: flex;
-ms-flex-align: start;
align-items: flex-start;
}
.account_orders-item .account_orders-order_purchase .value.m-tooltip .tooltip-link,
.account_orders-item .account_orders-order_status .value.m-tooltip .tooltip-link,
.account_orders-item .account_orders-order_tracking .value.m-tooltip .tooltip-link,
.account_orders-item .account_orders-order_type .value.m-tooltip .tooltip-link,
.account_orders-item .account_orders-order_total .value.m-tooltip .tooltip-link {
padding: 0 5px;
}
.account_orders-item .account_orders-order_purchase .value.m-tooltip .tooltip,
.account_orders-item .account_orders-order_status .value.m-tooltip .tooltip,
.account_orders-item .account_orders-order_tracking .value.m-tooltip .tooltip,
.account_orders-item .account_orders-order_type .value.m-tooltip .tooltip,
.account_orders-item .account_orders-order_total .value.m-tooltip .tooltip {
text-align: left;
}
html[locale=de_DE] .account_orders-item .account_orders-order_type.table_min_tl-body_cell {
display: none;
}
.account_orders-item .account_orders-order_tracking {
-ms-flex-align: center;
align-items: center;
}
@media only screen and (max-width: 1024px) {
.account_orders-item .account_orders-order_actions {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
}
.account_orders-item .account_orders-order_actions .value { /* stylelint-disable-line */ }
@media only screen and (max-width: 1024px) {
.account_orders-item .account_orders-order_actions .value {
display: block;
}
}
@media only screen and (min-width: 1025px) {
.account_orders-item .account_orders-order_actions .value {
display: inline-block;
vertical-align: middle;
}
}
@media only screen and (min-width: 1025px) {
.account_orders-item.expanded {
background: #efefef;
}
}
@media only screen and (min-width: 1025px) {
.account_orders-item.expanded .account_orders-order_date .arrow-icon {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
}
.account_orders-item .table_min_tl-body_cell {
cursor: pointer;
}
.account_orders-item .order_actions {
cursor: default;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex: 2;
flex: 2;
gap: 10px;
padding-right: 20px;
}
@media only screen and (max-width: 1024px) {
.account_orders-item .order_actions {
-ms-flex: 1 1 100%;
flex: 1 1 100%;
margin-top: 10px;
padding-right: 0;
}
}
.account_orders-item .order_actions a {
white-space: nowrap;
}
.account_orders-item .placed_order-img_wrap {
max-height: 230px;
}
@media only screen and (max-width: 1024px) {
.account_orders-item .placed_order-img_wrap {
max-height: 120px;
}
}
.account_orders-item .placed_order-img_wrap img {
height: 100%;
-o-object-fit: contain;
object-fit: contain;
width: 100%;
}
html[locale=de_DE] .account_orders-header .account_orders-order_type.table_min_tl-header_cell {
display: none;
}
@media only screen and (min-width: 1025px) {
.account_orders-reorder_btn {
margin-right: 15px;
}
}
.account_orders .table_min_tl-header_cell:first-child {
padding-left: 40px;
}
.account_orders .table_min_tl-header_cell:first-child.m-oad {
padding-left: 20px;
}
.account_orders .table_min_tl-header_cell:last-child.m-oad {
-ms-flex: 2;
flex: 2;
}
@media only screen and (min-width: 1025px) {
.account_orders .account_orders-order_channel {
display: block;
}
}
.account_orders .account_orders-order_channel::after {
content: "/";
margin-left: 4px;
}
[locale=de_DE] .account_orders .account_orders-order_channel, [locale=en_GB] .account_orders .account_orders-order_channel, [locale*=_BR] .account_orders .account_orders-order_channel {
display: none;
}
.account_orders .account_orders-order_date { /* stylelint-disable-line */ }
@media only screen and (min-width: 1025px) {
.account_orders .account_orders-order_date {
max-width: 160px;
}
}
@media only screen and (min-width: 1025px) {
html[locale=de_DE] .account_orders .account_orders-order_number {
min-width: 210px;
}
}
@media only screen and (min-width: 1025px) {
.account_orders .account_orders-order_total {
text-align: right;
}
}
.account_orders .account_orders-subitem {
background: #ffffff;
width: 100%;
}
@media only screen and (min-width: 1025px) {
.account_orders .account_orders-subitem {
padding: 0 20px;
}
}
@media only screen and (max-width: 767px) {
.account_orders-table_body {
border: none;
padding: 0;
}
}
@media only screen and (max-width: 767px) {
.account_orders-table_body .table_min_tm-body_cell {
min-width: 100%;
}
}
.orders_refinements-form {
margin-bottom: 40px;
}
@media only screen and (min-width: 1025px) {
.orders_refinements-form {
margin-bottom: 20px;
}
}
@media only screen and (min-width: 1025px) {
.orders_refinements-form .form-group {
margin: 0;
padding-right: 10px;
}
}
@media only screen and (min-width: 1025px) {
.orders_refinements-form .orders_refinements-order,
.orders_refinements-form .orders_refinements-ponumber {
-ms-flex-preferred-size: 17%;
flex-basis: 17%;
}
}
.orders_refinements-form .orders_refinements-type {
width: 100%;
}
@media only screen and (min-width: 1025px) {
.orders_refinements-form .orders_refinements-type {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
}
}
.orders_refinements-form .orders_refinements-creation_day {
width: 100%;
}
@media only screen and (min-width: 1025px) {
.orders_refinements-form .orders_refinements-creation_day,
.orders_refinements-form .orders_refinements-channel {
-ms-flex-preferred-size: 18%;
flex-basis: 18%;
}
}
@media only screen and (min-width: 1025px) {
.orders_refinements-form .orders_refinements-status {
-ms-flex-preferred-size: 20%;
flex-basis: 20%;
}
}
@media only screen and (max-width: 1024px) {
.orders_refinements-form .orders_refinements-order,
.orders_refinements-form .orders_refinements-status,
.orders_refinements-form .orders_refinements-channel,
.orders_refinements-form .orders_refinements-ponumber {
-ms-flex-preferred-size: 49%;
flex-basis: 49%;
}
}
[locale=it_IT] .orders_refinements-form .orders_refinements-channel {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
}
[locale=it_IT] .orders_refinements-form .orders_refinements-channel .select {
margin-top: auto;
}
.orders_refinements-form_main {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: justify;
justify-content: space-between;
}
.orders_refinements-form_additional {
display: -ms-flexbox;
display: flex;
}
@media only screen and (max-width: 1024px) {
.orders_refinements-form_additional {
-ms-flex-pack: justify;
justify-content: space-between;
}
}
@media only screen and (max-width: 1024px) {
.orders_refinements-form_additional .form-group {
margin: 0;
}
}
@media only screen and (min-width: 1025px) {
.orders_refinements-form_main, .orders_refinements-form_additional {
-ms-flex-align: end;
align-items: flex-end;
}
}
.orders_refinements-refine_btn {
border: 1px solid transparent;
cursor: pointer;
display: inline-block;
font: 1rem / 1 brandongrotesque-medium, Arial, Helvetica, sans-serif;
text-align: center;
text-transform: uppercase;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-radius: 3px;
padding: 14.5px 20px;
width: 100%;
}
.orders_refinements-refine_btn.button-disabled, .sales_rep_promo-upload:not(.active) .orders_refinements-refine_btn.sales_rep_promo-upload-label, .orders_refinements-refine_btn.button-disabled:hover, .orders_refinements-refine_btn.button-disabled:focus, .orders_refinements-refine_btn.button-disabled:active, .orders_refinements-refine_btn[disabled], .orders_refinements-refine_btn[disabled]:hover, .orders_refinements-refine_btn[disabled]:focus, .orders_refinements-refine_btn[disabled]:active {
background-color: #e7e7e7;
border-color: #e7e7e7;
-webkit-box-shadow: none;
box-shadow: none;
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.orders_refinements-refine_btn { /* stylelint-disable-line */
background-color: #076795;
border-color: #076795;
color: #ffffff;
}
.orders_refinements-refine_btn:active {
background-color: #d7e7ef;
border-color: #d7e7ef;
color: #076795;
}
@media only screen and (min-width: 1025px) {
.orders_refinements-refine_btn:hover {
background-color: #d7e7ef;
border-color: #d7e7ef;
color: #076795;
}
}
.orders_refinements-refine_btn:active {
-webkit-box-shadow: inset 0 3px 2px rgba(0, 0, 0, 0.12);
box-shadow: inset 0 3px 2px rgba(0, 0, 0, 0.12);
}
@media only screen and (min-width: 1025px) {
.orders_refinements-refine_btn {
width: auto;
-ms-flex-positive: 1;
flex-grow: 1;
padding-left: 10px;
padding-right: 10px;
}
}
@media only screen and (max-width: 1024px) {
.orders_refinements-refine_btn {
margin-top: 20px;
-ms-flex-order: 3;
order: 3;
}
}
.orders_refinements-additional_action {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
margin-top: 20px;
width: 100%;
-ms-flex-order: 2;
order: 2;
}
.orders_refinements-additional_action::after {
position: absolute;
top: 50%;
left: 0;
content: "";
width: 100%;
height: 1px;
background: #e7e7e7;
}
.orders_refinements-additional_form {
width: 100%;
margin-top: 20px;
-ms-flex-order: 1;
order: 1;
}
.orders_refinements-additional_btn {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
padding: 0 20px;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
z-index: 1;
background: #ffffff;
}
.orders_refinements-additional_btn::after {
border: 5px solid transparent;
border-top-color: #076795;
border-bottom-width: 0;
content: "";
display: inline-block;
margin-left: 5px;
}
.orders_refinements-additional_btn.shown::after {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.orders_refinements-headline {
font: 1.2857142857rem opensans-semibold, Arial, Helvetica, sans-serif;
text-transform: uppercase;
margin-bottom: 20px;
color: #646464;
}
.orders_refinements-details_chart {
--pieChartSize: min(100cqi, 300px);
--chartMargin: calc((100% - var(--pieChartSize)) / 2);
width: 100%;
display: grid;
gap: 20px;
grid-template-rows: var(--pieChartSize) 1fr;
position: relative;
}
@supports not (contain: inline-size) {
.orders_refinements-details_chart {
--pieChartSize: min(100%, 240px);
}
@media only screen and (min-width: 768px) {
.orders_refinements-details_chart {
grid-template-rows: min(240px, 20vw) 1fr;
}
}
@media only screen and (max-width: 767px) {
.orders_refinements-details_chart {
grid-template-rows: 240px 1fr;
}
}
}
.orders_refinements-details_chart-key {
grid-row: 2;
list-style: none;
margin: 0;
padding: 0;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 10px;
}
.orders_refinements-details_chart-key-period {
--circumference: calc(2 * pi * 25px);
--degStart: calc(var(--percentStart) * 360deg / 100);
--degSpan: calc(var(--percent) * 360deg / 100);
margin-bottom: 10px;
}
.orders_refinements-details_chart-key-period-current {
--accent: #076795;
}
.orders_refinements-details_chart-key-period-30days {
--accent: #fcbc52;
}
.orders_refinements-details_chart-key-period-60days {
--accent: #f47b1c;
}
.orders_refinements-details_chart-key-period-older {
--accent: #b20000;
}
.orders_refinements-details_chart-key-period-none {
--accent: #c5c5c5;
}
.orders_refinements-details_chart-key-period .billpay_account-item {
gap: 5px;
cursor: pointer;
-ms-flex-align: center;
align-items: center;
font-size: 1rem;
}
.orders_refinements-details_chart-key-period .billpay_account-item::before {
content: "";
height: 1em;
width: 1em;
display: inline-block;
background: var(--accent);
-webkit-transform: translateY(2px);
transform: translateY(2px);
}
.orders_refinements-details_chart-key-graphic {
position: absolute;
grid-row: 1;
top: 0;
left: var(--chartMargin);
width: var(--pieChartSize);
aspect-ratio: 1;
-webkit-transition: opacity 0.4s ease, -webkit-filter 0.4s ease, -webkit-transform 0.4s ease;
transition: opacity 0.4s ease, -webkit-filter 0.4s ease, -webkit-transform 0.4s ease;
transition: filter 0.4s ease, transform 0.4s ease, opacity 0.4s ease;
transition: filter 0.4s ease, transform 0.4s ease, opacity 0.4s ease, -webkit-filter 0.4s ease, -webkit-transform 0.4s ease;
}
.orders_refinements-details_chart-key-graphic .slice {
fill: transparent;
stroke: var(--accent);
stroke-width: 50;
stroke-dasharray: calc(var(--percent) * var(--circumference) / 100) var(--circumference);
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate(calc(-90deg + var(--degStart)));
transform: rotate(calc(-90deg + var(--degStart)));
}
.orders_refinements-details_chart-key-graphic .firstLine,
.orders_refinements-details_chart-key-graphic .secondLine {
-webkit-transform-origin: center;
transform-origin: center;
stroke: #ffffff;
}
.orders_refinements-details_chart-key-graphic .firstLine {
-webkit-transform: rotate(calc(90deg + var(--degStart)));
transform: rotate(calc(90deg + var(--degStart)));
}
.orders_refinements-details_chart-key-graphic .secondLine {
-webkit-transform: rotate(calc(90deg + var(--degStart) + var(--degSpan)));
transform: rotate(calc(90deg + var(--degStart) + var(--degSpan)));
}
@supports not (contain: inline-size) {
.orders_refinements-details_chart-one_period {
grid-template-rows: 1fr;
}
.orders_refinements-details_chart-one_period .orders_refinements-details_chart-key-graphic {
display: none;
}
}
.orders_refinements-details_chart-single_balance_value {
position: absolute;
grid-row: 1;
top: 0;
left: var(--chartMargin);
width: var(--pieChartSize);
aspect-ratio: 1;
color: #ffffff;
display: grid;
place-items: center;
z-index: 3;
font-size: min(10cqi, 2rem);
}
@supports not (contain: inline-size) {
.orders_refinements-details_chart-single_balance_value {
display: none;
}
}
.orders_refinements-details_chart-single_balance_value-none, .orders_refinements-details_chart-single_balance_value-30days, .orders_refinements-details_chart-single_balance_value-60days {
color: #000000;
}
.orders_refinements-details_chart:has(li svg + .billpay_account-item:hover) svg {
-webkit-filter: grayscale(80%);
filter: grayscale(80%);
opacity: 0.5;
}
.orders_refinements-details_chart li:has(svg + .billpay_account-item:hover) svg {
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
opacity: 1;
-webkit-transform: scale(1.1);
transform: scale(1.1);
z-index: 2;
}
.orders_refinements-details_chart li:not(:has(svg + .billpay_account-item:hover)) svg {
-webkit-animation: delay-z-index-change 0.4s;
animation: delay-z-index-change 0.4s;
}
@-webkit-keyframes delay-z-index-change {
0%, 100% {
z-index: 1;
}
}
@keyframes delay-z-index-change {
0%, 100% {
z-index: 1;
}
}
@media only screen and (min-width: 1025px) {
.placed_order-info,
.account_recommended-info {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
}
}
.placed_order-item,
.account_recommended-item {
position: relative;
display: -ms-flexbox;
display: flex;
padding: 15px 0;
}
@media only screen and (min-width: 1025px) {
.placed_order-item,
.account_recommended-item {
padding: 30px 0;
}
}
@media only screen and (min-width: 1025px) {
.placed_order-item + .placed_order-item,
.placed_order-item + .account_recommended-item,
.account_recommended-item + .placed_order-item,
.account_recommended-item + .account_recommended-item {
border-top: 1px solid #e7e7e7;
}
}
@media only screen and (min-width: 1024px) {
.placed_order-item.rejected .placed_order-description,
.account_recommended-item.rejected .placed_order-description {
padding-right: 85px;
}
}
.placed_order-img_wrap,
.account_recommended-img_wrap {
-ms-flex: 0 0 26%;
flex: 0 0 26%;
padding-right: 15px;
}
.rejected .placed_order-img_wrap img,
.rejected .account_recommended-img_wrap img {
opacity: 0.5;
}
.placed_order-actions,
.account_recommended-actions {
padding: 0 0 15px;
}
@media only screen and (min-width: 1025px) {
.placed_order-actions,
.account_recommended-actions {
padding: 20px;
margin: 0 -20px;
border-bottom: 1px solid #e7e7e7;
}
}
.placed_order-cancel-msg,
.account_recommended-cancel-msg {
color: #b20000;
font-size: 1rem;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
margin-bottom: 5px;
}
.placed_order-actions_top,
.account_recommended-actions_top {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: center;
align-items: center;
}
.placed_order-actions_top-replace,
.account_recommended-actions_top-replace {
padding-bottom: 30px;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media only screen and (min-width: 1025px) {
.placed_order-actions_top-replace,
.account_recommended-actions_top-replace {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
}
@media only screen and (max-width: 1024px) {
.placed_order-actions_top-replace,
.account_recommended-actions_top-replace {
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: normal;
align-items: normal;
-ms-flex-order: 1;
order: 1;
width: 100%;
background: #f7f9f9;
padding: 25px 15px 20px;
}
}
@media only screen and (max-width: 1024px) {
.placed_order-actions_top,
.account_recommended-actions_top {
margin: 0 -15px;
-ms-flex-direction: column;
flex-direction: column;
}
}
.placed_order-nickname,
.account_recommended-nickname {
padding-bottom: 30px;
margin-left: auto;
}
@media only screen and (max-width: 1024px) {
.placed_order-nickname,
.account_recommended-nickname {
width: 100%;
padding: 0 15px 15px;
}
}
@media only screen and (min-width: 1025px) {
.placed_order-nickname-value,
.account_recommended-nickname-value {
margin-right: 10px;
}
}
@media only screen and (max-width: 1024px) {
.placed_order-nickname-value,
.account_recommended-nickname-value {
-ms-flex-order: 1;
order: 1;
}
}
.placed_order-nickname .label,
.placed_order-nickname .value,
.account_recommended-nickname .label,
.account_recommended-nickname .value {
margin-right: 10px;
font: 1.0714285714rem / 1.2142857143rem opensans-regular, Arial, Helvetica, sans-serif;
}
@media only screen and (max-width: 1024px) {
.placed_order-nickname .label,
.placed_order-nickname .value,
.account_recommended-nickname .label,
.account_recommended-nickname .value {
font-size: 0.9285714286rem;
}
}
.placed_order-nickname .label,
.account_recommended-nickname .label {
color: #646464;
}
.placed_order-nickname .value,
.account_recommended-nickname .value {
color: #000000;
}
@media only screen and (min-width: 1025px) {
.placed_order-nickname .value,
.account_recommended-nickname .value {
display: -ms-flexbox;
display: flex;
}
}
@media only screen and (max-width: 1024px) {
.placed_order-nickname .value,
.account_recommended-nickname .value {
font-family: opensans-semibold, Arial, Helvetica, sans-serif;
display: -ms-inline-flexbox;
display: inline-flex;
margin: 0;
}
}
.placed_order-nickname-form,
.account_recommended-nickname-form {
margin-top: 20px;
}
.placed_order-nickname-actions,
.account_recommended-nickname-actions {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: 40px;
}
.placed_order-nickname-edit_btn:before,
.account_recommended-nickname-edit_btn:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f13d";
}
.placed_order-nickname-text,
.account_recommended-nickname-text {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
@media only screen and (max-width: 1024px) {
.placed_order-nickname-text,
.account_recommended-nickname-text {
-ms-flex-pack: justify;
justify-content: space-between;
}
}
.placed_order-nickname-save_btn, .placed_order-nickname-cancel_btn,
.account_recommended-nickname-save_btn,
.account_recommended-nickname-cancel_btn {
border-radius: 3px;
padding: 14.5px 20px;
width: 100%;
}
.placed_order-nickname-save_btn.button-disabled, .sales_rep_promo-upload:not(.active) .placed_order-nickname-save_btn.sales_rep_promo-upload-label, .placed_order-nickname-save_btn.button-disabled:hover, .placed_order-nickname-save_btn.button-disabled:focus, .placed_order-nickname-save_btn.button-disabled:active, .placed_order-nickname-save_btn[disabled], .placed_order-nickname-save_btn[disabled]:hover, .placed_order-nickname-save_btn[disabled]:focus, .placed_order-nickname-save_btn[disabled]:active,
.account_recommended-nickname-save_btn.button-disabled,
.sales_rep_promo-upload:not(.active) .account_recommended-nickname-save_btn.sales_rep_promo-upload-label,
.account_recommended-nickname-save_btn.button-disabled:hover,
.account_recommended-nickname-save_btn.button-disabled:focus,
.account_recommended-nickname-save_btn.button-disabled:active,
.account_recommended-nickname-save_btn[disabled],
.account_recommended-nickname-save_btn[disabled]:hover,
.account_recommended-nickname-save_btn[disabled]:focus,
.account_recommended-nickname-save_btn[disabled]:active {
background-color: #e7e7e7;
border-color: #e7e7e7;
-webkit-box-shadow: none;
box-shadow: none;
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.placed_order-nickname-save_btn,
.account_recommended-nickname-save_btn { /* stylelint-disable-line */
background-color: #076795;
border-color: #076795;
color: #ffffff;
}
.placed_order-nickname-save_btn:active,
.account_recommended-nickname-save_btn:active {
background-color: #d7e7ef;
border-color: #d7e7ef;
color: #076795;
}
@media only screen and (min-width: 1025px) {
.placed_order-nickname-save_btn:hover,
.account_recommended-nickname-save_btn:hover {
background-color: #d7e7ef;
border-color: #d7e7ef;
color: #076795;
}
}
.placed_order-nickname-save_btn:active,
.account_recommended-nickname-save_btn:active {
-webkit-box-shadow: inset 0 3px 2px rgba(0, 0, 0, 0.12);
box-shadow: inset 0 3px 2px rgba(0, 0, 0, 0.12);
}
.placed_order-nickname-cancel_btn.button-disabled, .sales_rep_promo-upload:not(.active) .placed_order-nickname-cancel_btn.sales_rep_promo-upload-label, .placed_order-nickname-cancel_btn.button-disabled:hover, .placed_order-nickname-cancel_btn.button-disabled:focus, .placed_order-nickname-cancel_btn.button-disabled:active, .placed_order-nickname-cancel_btn[disabled], .placed_order-nickname-cancel_btn[disabled]:hover, .placed_order-nickname-cancel_btn[disabled]:focus, .placed_order-nickname-cancel_btn[disabled]:active,
.account_recommended-nickname-cancel_btn.button-disabled,
.sales_rep_promo-upload:not(.active) .account_recommended-nickname-cancel_btn.sales_rep_promo-upload-label,
.account_recommended-nickname-cancel_btn.button-disabled:hover,
.account_recommended-nickname-cancel_btn.button-disabled:focus,
.account_recommended-nickname-cancel_btn.button-disabled:active,
.account_recommended-nickname-cancel_btn[disabled],
.account_recommended-nickname-cancel_btn[disabled]:hover,
.account_recommended-nickname-cancel_btn[disabled]:focus,
.account_recommended-nickname-cancel_btn[disabled]:active {
background-color: #e7e7e7;
border-color: #e7e7e7;
-webkit-box-shadow: none;
box-shadow: none;
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.placed_order-nickname-cancel_btn,
.account_recommended-nickname-cancel_btn { /* stylelint-disable-line */
background-color: #ffffff;
border-color: #076795;
color: #076795;
}
.placed_order-nickname-cancel_btn:active,
.account_recommended-nickname-cancel_btn:active {
background-color: rgba(7, 103, 149, 0.1);
border-color: #076795;
color: #076795;
}
@media only screen and (min-width: 1025px) {
.placed_order-nickname-cancel_btn:hover,
.account_recommended-nickname-cancel_btn:hover {
background-color: rgba(7, 103, 149, 0.1);
border-color: #076795;
color: #076795;
}
}
.placed_order-nickname-cancel_btn:active,
.account_recommended-nickname-cancel_btn:active {
-webkit-box-shadow: inset 0 4px 2px rgba(0, 0, 0, 0.12);
box-shadow: inset 0 4px 2px rgba(0, 0, 0, 0.12);
}
.placed_order-nickname-btn,
.account_recommended-nickname-btn {
width: calc(50% - 10px);
}
@media only screen and (max-width: 1024px) {
.placed_order-nickname-btn,
.account_recommended-nickname-btn {
width: calc(50% - 7px);
}
}
.placed_order-nickname-modal .modal-footer,
.account_recommended-nickname-modal .modal-footer {
padding: 0;
}
@media only screen and (max-width: 1024px) {
.placed_order-actions_bottom,
.account_recommended-actions_bottom {
margin: 0 -15px;
padding: 0 15px;
background: #f7f9f9;
}
}
@media only screen and (min-width: 1025px) {
.placed_order-actions_bottom,
.account_recommended-actions_bottom {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
@media only screen and (min-width: 1025px) {
.placed_order-actions_bottom-item,
.account_recommended-actions_bottom-item {
display: -ms-flexbox;
display: flex;
-ms-flex-align: start;
align-items: flex-start;
}
}
@media only screen and (max-width: 1024px) {
.placed_order-actions_bottom-item,
.account_recommended-actions_bottom-item {
padding: 15px 0;
border-top: 1px solid #e7e7e7;
text-align: center;
}
}
@media only screen and (min-width: 1025px) {
.placed_order-actions_bottom-cancel,
.account_recommended-actions_bottom-cancel {
display: none;
}
}
.placed_order-see_details_btn,
.account_recommended-see_details_btn {
border: 1px solid transparent;
cursor: pointer;
display: inline-block;
font: 1rem / 1 brandongrotesque-medium, Arial, Helvetica, sans-serif;
text-align: center;
text-transform: uppercase;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-radius: 3px;
padding: 14.5px 20px;
width: 100%;
}
.placed_order-see_details_btn.button-disabled, .sales_rep_promo-upload:not(.active) .placed_order-see_details_btn.sales_rep_promo-upload-label, .placed_order-see_details_btn.button-disabled:hover, .placed_order-see_details_btn.button-disabled:focus, .placed_order-see_details_btn.button-disabled:active, .placed_order-see_details_btn[disabled], .placed_order-see_details_btn[disabled]:hover, .placed_order-see_details_btn[disabled]:focus, .placed_order-see_details_btn[disabled]:active,
.account_recommended-see_details_btn.button-disabled,
.sales_rep_promo-upload:not(.active) .account_recommended-see_details_btn.sales_rep_promo-upload-label,
.account_recommended-see_details_btn.button-disabled:hover,
.account_recommended-see_details_btn.button-disabled:focus,
.account_recommended-see_details_btn.button-disabled:active,
.account_recommended-see_details_btn[disabled],
.account_recommended-see_details_btn[disabled]:hover,
.account_recommended-see_details_btn[disabled]:focus,
.account_recommended-see_details_btn[disabled]:active {
background-color: #e7e7e7;
border-color: #e7e7e7;
-webkit-box-shadow: none;
box-shadow: none;
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.placed_order-see_details_btn,
.account_recommended-see_details_btn { /* stylelint-disable-line */
background-color: #ffffff;
border-color: #076795;
color: #076795;
}
.placed_order-see_details_btn:active,
.account_recommended-see_details_btn:active {
background-color: rgba(7, 103, 149, 0.1);
border-color: #076795;
color: #076795;
}
@media only screen and (min-width: 1025px) {
.placed_order-see_details_btn:hover,
.account_recommended-see_details_btn:hover {
background-color: rgba(7, 103, 149, 0.1);
border-color: #076795;
color: #076795;
}
}
.placed_order-see_details_btn:active,
.account_recommended-see_details_btn:active {
-webkit-box-shadow: inset 0 4px 2px rgba(0, 0, 0, 0.12);
box-shadow: inset 0 4px 2px rgba(0, 0, 0, 0.12);
}
@media only screen and (min-width: 1025px) {
.placed_order-see_details_btn,
.account_recommended-see_details_btn {
width: auto;
margin-right: 20px;
min-width: 225px;
}
}
@media only screen and (max-width: 1024px) {
.placed_order-see_details_btn,
.account_recommended-see_details_btn {
width: calc(50% - 4px);
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
}
}
.placed_order-buy_again_btn:before,
.account_recommended-buy_again_btn:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f128";
}
@media only screen and (min-width: 1025px) {
.placed_order-track_shipment:before,
.account_recommended-track_shipment:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f14b";
}
}
.placed_order-reorder_btn,
.account_recommended-reorder_btn {
border: 1px solid transparent;
cursor: pointer;
display: inline-block;
font: 1rem / 1 brandongrotesque-medium, Arial, Helvetica, sans-serif;
text-align: center;
text-transform: uppercase;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-radius: 3px;
padding: 14.5px 20px;
width: 100%;
}
.placed_order-reorder_btn.button-disabled, .sales_rep_promo-upload:not(.active) .placed_order-reorder_btn.sales_rep_promo-upload-label, .placed_order-reorder_btn.button-disabled:hover, .placed_order-reorder_btn.button-disabled:focus, .placed_order-reorder_btn.button-disabled:active, .placed_order-reorder_btn[disabled], .placed_order-reorder_btn[disabled]:hover, .placed_order-reorder_btn[disabled]:focus, .placed_order-reorder_btn[disabled]:active,
.account_recommended-reorder_btn.button-disabled,
.sales_rep_promo-upload:not(.active) .account_recommended-reorder_btn.sales_rep_promo-upload-label,
.account_recommended-reorder_btn.button-disabled:hover,
.account_recommended-reorder_btn.button-disabled:focus,
.account_recommended-reorder_btn.button-disabled:active,
.account_recommended-reorder_btn[disabled],
.account_recommended-reorder_btn[disabled]:hover,
.account_recommended-reorder_btn[disabled]:focus,
.account_recommended-reorder_btn[disabled]:active {
background-color: #e7e7e7;
border-color: #e7e7e7;
-webkit-box-shadow: none;
box-shadow: none;
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.placed_order-reorder_btn,
.account_recommended-reorder_btn { /* stylelint-disable-line */
background-color: #076795;
border-color: #076795;
color: #ffffff;
}
.placed_order-reorder_btn:active,
.account_recommended-reorder_btn:active {
background-color: #d7e7ef;
border-color: #d7e7ef;
color: #076795;
}
@media only screen and (min-width: 1025px) {
.placed_order-reorder_btn:hover,
.account_recommended-reorder_btn:hover {
background-color: #d7e7ef;
border-color: #d7e7ef;
color: #076795;
}
}
.placed_order-reorder_btn:active,
.account_recommended-reorder_btn:active {
-webkit-box-shadow: inset 0 3px 2px rgba(0, 0, 0, 0.12);
box-shadow: inset 0 3px 2px rgba(0, 0, 0, 0.12);
}
@media only screen and (min-width: 1025px) {
.placed_order-reorder_btn,
.account_recommended-reorder_btn {
width: auto;
margin-right: 15px;
min-width: 225px;
}
.placed_order-reorder_btn.placed_order, .placed_order-reorder_btn .account_recommended-button,
.account_recommended-reorder_btn.placed_order,
.account_recommended-reorder_btn .account_recommended-button {
min-width: auto;
}
}
@media only screen and (max-width: 1024px) {
.placed_order-reorder_btn,
.account_recommended-reorder_btn {
width: calc(50% - 4px);
}
}
[locale=de_DE] .placed_order-reorder_btn,
[locale=de_DE] .account_recommended-reorder_btn {
display: none;
}
.placed_order-cancel_btn,
.account_recommended-cancel_btn {
border: 1px solid transparent;
cursor: pointer;
display: inline-block;
font: 1rem / 1 brandongrotesque-medium, Arial, Helvetica, sans-serif;
text-align: center;
text-transform: uppercase;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-radius: 3px;
padding: 14.5px 20px;
width: 100%;
}
.placed_order-cancel_btn.button-disabled, .sales_rep_promo-upload:not(.active) .placed_order-cancel_btn.sales_rep_promo-upload-label, .placed_order-cancel_btn.button-disabled:hover, .placed_order-cancel_btn.button-disabled:focus, .placed_order-cancel_btn.button-disabled:active, .placed_order-cancel_btn[disabled], .placed_order-cancel_btn[disabled]:hover, .placed_order-cancel_btn[disabled]:focus, .placed_order-cancel_btn[disabled]:active,
.account_recommended-cancel_btn.button-disabled,
.sales_rep_promo-upload:not(.active) .account_recommended-cancel_btn.sales_rep_promo-upload-label,
.account_recommended-cancel_btn.button-disabled:hover,
.account_recommended-cancel_btn.button-disabled:focus,
.account_recommended-cancel_btn.button-disabled:active,
.account_recommended-cancel_btn[disabled],
.account_recommended-cancel_btn[disabled]:hover,
.account_recommended-cancel_btn[disabled]:focus,
.account_recommended-cancel_btn[disabled]:active {
background-color: #e7e7e7;
border-color: #e7e7e7;
-webkit-box-shadow: none;
box-shadow: none;
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.placed_order-cancel_btn,
.account_recommended-cancel_btn { /* stylelint-disable-line */
background-color: #ffffff;
border-color: #076795;
color: #076795;
}
.placed_order-cancel_btn:active,
.account_recommended-cancel_btn:active {
background-color: rgba(7, 103, 149, 0.1);
border-color: #076795;
color: #076795;
}
@media only screen and (min-width: 1025px) {
.placed_order-cancel_btn:hover,
.account_recommended-cancel_btn:hover {
background-color: rgba(7, 103, 149, 0.1);
border-color: #076795;
color: #076795;
}
}
.placed_order-cancel_btn:active,
.account_recommended-cancel_btn:active {
-webkit-box-shadow: inset 0 4px 2px rgba(0, 0, 0, 0.12);
box-shadow: inset 0 4px 2px rgba(0, 0, 0, 0.12);
}
.placed_order-cancel_btn,
.account_recommended-cancel_btn {
max-width: 153px;
}
@media only screen and (max-width: 1024px) {
.placed_order-button,
.account_recommended-button {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
}
.placed_order-button.placed_order, .placed_order-button .account_recommended-cancel_btn,
.account_recommended-button.placed_order,
.account_recommended-button .account_recommended-cancel_btn {
display: none;
}
}
@media only screen and (min-width: 1025px) {
.placed_order-button,
.account_recommended-button {
margin-right: 15px;
min-width: auto;
white-space: nowrap;
}
.placed_order-button:last-child,
.account_recommended-button:last-child {
margin-right: 20px;
}
}
.placed_order-create_rec_orders,
.account_recommended-create_rec_orders {
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: center;
align-items: center;
}
.placed_order-create_rec_orders .tooltip-link,
.account_recommended-create_rec_orders .tooltip-link {
padding: 0 5px;
}
@media only screen and (max-width: 1024px) {
.placed_order-create_rec_orders .tooltip-link,
.account_recommended-create_rec_orders .tooltip-link {
display: none;
}
}
.placed_order-create_rec_orders .tooltip-link::after,
.account_recommended-create_rec_orders .tooltip-link::after {
font-size: 1.1428571429rem;
}
@media only screen and (min-width: 1025px) {
.placed_order-create_rec_orders, .placed_order-track_shipment, .placed_order-favorite,
.account_recommended-create_rec_orders,
.account_recommended-track_shipment,
.account_recommended-favorite {
margin-right: 20px;
}
}
.placed_order-action_link,
.account_recommended-action_link {
padding: 0;
border: 0;
background: none;
background-color: transparent;
background-image: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.placed_order-action_link::-ms-expand,
.account_recommended-action_link::-ms-expand {
display: none;
}
.placed_order-action_link.link-disabled, .placed_order-action_link.link-disabled:hover, .placed_order-action_link.link-disabled:focus, .placed_order-action_link.link-disabled:active, .placed_order-action_link[disabled], .placed_order-action_link[disabled]:hover, .placed_order-action_link[disabled]:focus, .placed_order-action_link[disabled]:active,
.account_recommended-action_link.link-disabled,
.account_recommended-action_link.link-disabled:hover,
.account_recommended-action_link.link-disabled:focus,
.account_recommended-action_link.link-disabled:active,
.account_recommended-action_link[disabled],
.account_recommended-action_link[disabled]:hover,
.account_recommended-action_link[disabled]:focus,
.account_recommended-action_link[disabled]:active {
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.placed_order-action_link,
.account_recommended-action_link {
display: inline-block;
cursor: pointer;
color: #076795;
}
.placed_order-action_link:hover, .placed_order-action_link:active,
.account_recommended-action_link:hover,
.account_recommended-action_link:active {
text-decoration: underline;
}
.placed_order-action_link:hover, .placed_order-action_link:active,
.account_recommended-action_link:hover,
.account_recommended-action_link:active {
text-decoration: none;
}
.placed_order-action_link,
.account_recommended-action_link {
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: center;
align-items: center;
font: 1rem / 1.1428571429rem brandongrotesque-medium, Arial, Helvetica, sans-serif;
-webkit-transition: color 0.2s ease 0s;
transition: color 0.2s ease 0s;
text-transform: uppercase;
}
[locale=de_DE] .placed_order-action_link.placed_order-track_shipment,
[locale=de_DE] .account_recommended-action_link.placed_order-track_shipment {
display: none;
}
.placed_order-action_link::before,
.account_recommended-action_link::before {
opacity: 0.5;
}
.placed_order-action_link::before,
.placed_order-action_link .favourites-icon::before,
.account_recommended-action_link::before,
.account_recommended-action_link .favourites-icon::before {
-webkit-transition: opacity 0.2s ease 0s;
transition: opacity 0.2s ease 0s;
margin-right: 10px;
width: 18px;
font-size: 1.1428571429rem;
text-align: center;
}
.placed_order-action_link:hover,
.account_recommended-action_link:hover {
color: #213858;
}
.placed_order-action_link:hover::before,
.placed_order-action_link:hover .favourites-icon::before,
.account_recommended-action_link:hover::before,
.account_recommended-action_link:hover .favourites-icon::before {
opacity: 1;
}
.rejected .placed_order-action_link,
.rejected .account_recommended-action_link {
color: rgba(7, 103, 149, 0.5);
}
.placed_order-description,
.account_recommended-description {
-ms-flex-positive: 1;
flex-grow: 1;
}
.placed_order-description .product_tile-form,
.account_recommended-description .product_tile-form {
-ms-flex-pack: start;
justify-content: flex-start;
margin: 0;
}
.placed_order-product_name,
.account_recommended-product_name {
display: inline-block;
margin-bottom: 15px;
font: 1.2857142857rem / 1.4285714286rem brandongrotesque-medium, Arial, Helvetica, sans-serif;
}
.rejected .placed_order-product_name,
.rejected .account_recommended-product_name {
color: rgba(7, 103, 149, 0.3);
}
.placed_order-product_price,
.account_recommended-product_price {
font: 1.2857142857rem / 1.4285714286rem brandongrotesque-medium, Arial, Helvetica, sans-serif;
margin-bottom: 10px;
}
.rejected .placed_order-product_price,
.rejected .account_recommended-product_price {
color: rgba(0, 0, 0, 0.3);
}
.placed_order-product_price .value,
.account_recommended-product_price .value {
font-size: 0.8571428571rem;
}
.placed_order-product_quantity,
.account_recommended-product_quantity {
margin-bottom: 20px;
}
.placed_order-product_quantity .label,
.account_recommended-product_quantity .label {
color: #646464;
}
.rejected .placed_order-product_quantity .label,
.rejected .account_recommended-product_quantity .label {
color: rgba(100, 100, 100, 0.5);
}
.placed_order-product_quantity .value,
.account_recommended-product_quantity .value {
font-family: brandongrotesque-medium, Arial, Helvetica, sans-serif;
}
.rejected .placed_order-product_quantity .value,
.rejected .account_recommended-product_quantity .value {
color: rgba(0, 0, 0, 0.5);
}
.placed_order-canceled_label,
.account_recommended-canceled_label {
position: absolute;
top: 15px;
right: 0;
padding: 5px 10px;
background: rgba(197, 197, 197, 0.5);
color: #646464;
text-transform: uppercase;
border-radius: 3px;
font: 0.8571428571rem opensans-semibold, Arial, Helvetica, sans-serif;
}
@media only screen and (min-width: 1025px) {
.placed_order-canceled_label,
.account_recommended-canceled_label {
top: 30px;
}
}
@media only screen and (max-width: 1023px) {
.placed_order-canceled_label,
.account_recommended-canceled_label {
position: static;
margin-top: 15px;
display: inline-block;
}
}
.placed_order-explanatory .content-asset,
.account_recommended-explanatory .content-asset {
margin-bottom: 20px;
}
.tracking_numbers-list {
margin-top: 20px;
}
.tracking_numbers-item + .tracking_numbers-item {
margin-top: 10px;
}
.tracking_numbers-link {
padding: 0;
border: 0;
background: none;
background-color: transparent;
background-image: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.tracking_numbers-link::-ms-expand {
display: none;
}
.tracking_numbers-link.link-disabled, .tracking_numbers-link.link-disabled:hover, .tracking_numbers-link.link-disabled:focus, .tracking_numbers-link.link-disabled:active, .tracking_numbers-link[disabled], .tracking_numbers-link[disabled]:hover, .tracking_numbers-link[disabled]:focus, .tracking_numbers-link[disabled]:active {
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.tracking_numbers-link {
display: inline-block;
cursor: pointer;
color: #076795;
}
.tracking_numbers-link:hover, .tracking_numbers-link:active {
text-decoration: underline;
}
@media only screen and (max-width: 767px) {
.order_details-inner {
border-radius: 3px;
padding: 40px 20px 0;
background-color: #ffffff;
margin-bottom: 20px;
}
}
.order_details-header::after {
content: "";
display: table;
clear: both;
}
.order_details-header-inner {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between;
}
.order_details-print-button:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 18px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f153";
}
.order_details-print-button {
margin: 0 0 10px 20px;
color: #646464;
background: none;
}
.order_details-print-button:hover {
color: #000000;
}
.order_details-print-button::before {
margin-right: 7px;
}
@media only screen and (max-width: 1024px) {
.order_details-print-button {
display: none;
}
}
.order_details-print-label {
font: 0.8571428571rem / 1.2857142857rem opensans-regular, Arial, Helvetica, sans-serif;
text-decoration: underline;
text-transform: capitalize;
}
.order_details-header_item {
margin-bottom: 10px;
color: #646464;
font-family: opensans-regular, Arial, Helvetica, sans-serif;
}
@media only screen and (min-width: 768px) {
.order_details-header_item {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 15px;
}
}
.order_details-prescriber {
display: -ms-flexbox;
display: flex;
gap: 10px;
}
@media only screen and (max-width: 767px) {
.order_details-prescriber {
margin-top: 15px;
}
}
.order_details-purchase_details {
font-size: 0.9285714286rem;
}
.order_details-purchase_owner {
font-size: 1rem;
}
.order_details-purchase_text span {
font-family: opensans-semibold, Arial, Helvetica, sans-serif;
color: #000000;
}
.order_details .account-title {
margin-bottom: 20px;
}
@media only screen and (min-width: 768px) {
.order_details .account-title {
margin-bottom: 10px;
}
}
.order_details-link_show::after, .order_details-link_hide::after {
border: 5px solid transparent;
border-top-color: #076795;
border-bottom-width: 0;
content: "";
margin: 0 0 0 10px;
width: auto;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
-webkit-transform: rotate(0);
transform: rotate(0);
-ms-flex-item-align: center;
align-self: center;
}
.m-selected .order_details-link_show::after, .m-selected .order_details-link_hide::after {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.order_details-link_show, .order_details-link_hide {
display: -ms-flexbox;
display: flex;
font-size: 1.1428571429rem;
}
.m-selected .order_details-link_show {
display: none;
}
.order_details-link_hide {
display: none;
}
.m-selected .order_details-link_hide {
display: -ms-flexbox;
display: flex;
}
.order_details-view_rec_orders {
-ms-flex-order: 3;
order: 3;
}
@media only screen and (max-width: 767px) {
.order_details-view_rec_orders {
-ms-flex: 1 1 100%;
flex: 1 1 100%;
border-top: 1px solid #e7e7e7;
padding-top: 15px;
margin-top: 20px;
}
}
@media only screen and (min-width: 768px) {
.order_details-view_rec_orders {
-ms-flex-order: 2;
order: 2;
}
}
.order_details-view_rec_orders-link {
font-size: 1.1428571429rem;
}
.order_details-account {
margin-bottom: 50px;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.order_details-account-link {
padding: 0;
border: 0;
background: none;
background-color: transparent;
background-image: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.order_details-account-link::-ms-expand {
display: none;
}
.order_details-account-link.link-disabled, .order_details-account-link.link-disabled:hover, .order_details-account-link.link-disabled:focus, .order_details-account-link.link-disabled:active, .order_details-account-link[disabled], .order_details-account-link[disabled]:hover, .order_details-account-link[disabled]:focus, .order_details-account-link[disabled]:active {
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.order_details-account-link {
display: inline-block;
cursor: pointer;
color: #076795;
}
.order_details-account-link:hover, .order_details-account-link:active {
text-decoration: underline;
}
@media only screen and (min-width: 768px) {
.order_details-account-link {
-ms-flex-order: 1;
order: 1;
margin-right: 20px;
}
}
.order_details-account-link:hover {
text-decoration: none;
}
.order_details-account .user_info-title, .order_details-account .psp_pay-confirmation .order_receipt-order_date .label, .psp_pay-confirmation .order_receipt-order_date .order_details-account .label,
.order_details-account .psp_pay-confirmation .order_receipt-order_number .label,
.psp_pay-confirmation .order_receipt-order_number .order_details-account .label,
.order_details-account .psp_pay-confirmation .psp_pay-confirmation-info .label,
.psp_pay-confirmation .psp_pay-confirmation-info .order_details-account .label,
.order_details-account .psp_pay-confirmation .order_receipt-payment_info .label,
.psp_pay-confirmation .order_receipt-payment_info .order_details-account .label {
margin-bottom: 10px;
}
.order_details-account-body {
-ms-flex: 1 1 100%;
flex: 1 1 100%;
display: none;
-ms-flex-order: 2;
order: 2;
overflow: hidden;
}
@media only screen and (min-width: 768px) {
.order_details-account-body {
-ms-flex-order: 3;
order: 3;
}
}
.order_details-account-info {
margin-top: 20px;
padding: 25px 20px 0;
background-color: #ffffff;
}
@media only screen and (min-width: 768px) {
.order_details-account-info {
padding: 0;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.order_details-account-item {
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px solid #e7e7e7;
}
@media only screen and (min-width: 768px) {
.order_details-account-item {
border-bottom: 0;
padding: 0 15px 0 0;
margin-bottom: 0;
}
}
@media only screen and (min-width: 1025px) {
.order_details-account-item {
width: 25%;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.order_details-account-item {
width: 50%;
}
}
@media only screen and (max-width: 767px) {
.order_details-account-item:last-child {
border-bottom: 0;
}
}
.order_details-account .order_details-backorder_remove-btn_wrap {
-ms-flex: 1 1 100%;
flex: 1 1 100%;
-ms-flex-order: 4;
order: 4;
}
.order_details-account .order_details-backorder_remove-btn_wrap .button {
margin-top: 30px;
}
@media only screen and (min-width: 768px) {
.order_details-account .order_details-backorder_remove-btn_wrap .button {
width: auto;
}
}
.order_details .order_receipt-md_selected {
margin-top: 50px;
margin-bottom: 0;
}
.order_details-box {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media only screen and (max-width: 767px) {
.order_details-box {
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
}
.order_details-box .order_details-payment {
width: 25%;
}
@media only screen and (max-width: 1024px) {
.order_details-box .order_details-payment {
width: 40%;
}
}
@media only screen and (max-width: 767px) {
.order_details-box .order_details-payment {
width: 100%;
}
}
.order_details-box .order_details-payment-info,
.order_details-box .order_details-reorder {
width: 100%;
}
.order_details-product_list {
padding-bottom: 5px;
}
@media only screen and (min-width: 768px) {
.order_details-product_list {
padding: 0;
border-bottom: 1px solid #e7e7e7;
}
}
.order_details-tracking_group {
border-top: 1px solid #e7e7e7;
}
.order_details-tracking_group + .order_details-tracking_group {
margin-top: 60px;
}
@media only screen and (min-width: 768px) {
.order_details-tracking_group + .order_details-tracking_group {
margin-top: 25px;
}
}
.order_details-tracking_label:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 25px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f16a";
}
.order_details-tracking_label {
position: relative;
float: right;
min-width: 200px;
margin: -25px 0 -15px;
padding: 14px 15px 14px 47px;
color: #ffffff;
word-break: break-all;
background-color: #213858;
border-radius: 35px 35px 0 35px;
font: 1.0714285714rem / 1.2857142857rem opensans-regular, Arial, Helvetica, sans-serif;
}
.order_details-tracking_label.m-copy {
padding: 14px 35px 14px 47px;
}
.order_details-tracking_label a {
color: inherit;
}
.order_details-tracking_label::before {
position: absolute;
top: 50%;
left: 12px;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
opacity: 0.5;
}
@media only screen and (max-width: 767px) {
.order_details-tracking_label {
margin-bottom: 25px;
}
}
.order_details-tracking_link {
color: inherit;
}
.order_details-tracking_copy {
background: transparent;
color: inherit;
position: absolute;
right: 10px;
top: 13px;
}
.order_details-tracking_copy .icon-folders {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.order_details-tracking_copy .icon-folders::before {
font-size: 18px;
}
.order_details-payment {
position: relative;
padding: 20px 25px 25px;
background-color: #ffffff;
font-family: opensans-regular, Arial, Helvetica, sans-serif;
}
@media only screen and (max-width: 767px) {
.order_details-payment {
border-radius: 3px;
}
}
.order_details-payment .order_product-label,
.order_details-payment .order_product-value {
color: #646464;
}
@media only screen and (min-width: 768px) {
.order_details-payment {
padding: 20px 0 0;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: end;
align-items: flex-end;
}
.order_details-payment::before {
content: none;
}
.account_main .order_details-payment {
margin-left: auto;
}
}
@media only screen and (min-width: 1025px) {
.order_details-payment-info {
width: 25%;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.order_details-payment-info {
width: 100%;
}
}
.order_details-payment-control {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: end;
justify-content: flex-end;
-ms-flex-align: start;
align-items: flex-start;
width: 100%;
margin-top: 20px;
}
@media only screen and (max-width: 1024px) {
.order_details-payment-control {
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
}
.order_details-total-value, .order_details-total-label {
color: #213858;
font-size: 1.2857142857rem;
}
.order_details-reorder {
border-radius: 3px;
padding: 14.5px 20px;
width: 100%;
}
.order_details-reorder.button-disabled, .sales_rep_promo-upload:not(.active) .order_details-reorder.sales_rep_promo-upload-label, .order_details-reorder.button-disabled:hover, .order_details-reorder.button-disabled:focus, .order_details-reorder.button-disabled:active, .order_details-reorder[disabled], .order_details-reorder[disabled]:hover, .order_details-reorder[disabled]:focus, .order_details-reorder[disabled]:active {
background-color: #e7e7e7;
border-color: #e7e7e7;
-webkit-box-shadow: none;
box-shadow: none;
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.order_details-reorder { /* stylelint-disable-line */
background-color: #076795;
border-color: #076795;
color: #ffffff;
}
.order_details-reorder:active {
background-color: #d7e7ef;
border-color: #d7e7ef;
color: #076795;
}
@media only screen and (min-width: 1025px) {
.order_details-reorder:hover {
background-color: #d7e7ef;
border-color: #d7e7ef;
color: #076795;
}
}
.order_details-reorder:active {
-webkit-box-shadow: inset 0 3px 2px rgba(0, 0, 0, 0.12);
box-shadow: inset 0 3px 2px rgba(0, 0, 0, 0.12);
}
@media only screen and (min-width: 1025px) {
.order_details-reorder {
width: 25%;
}
}
.order_details-cancel {
border-radius: 3px;
padding: 14.5px 20px;
width: 100%;
}
.order_details-cancel.button-disabled, .sales_rep_promo-upload:not(.active) .order_details-cancel.sales_rep_promo-upload-label, .order_details-cancel.button-disabled:hover, .order_details-cancel.button-disabled:focus, .order_details-cancel.button-disabled:active, .order_details-cancel[disabled], .order_details-cancel[disabled]:hover, .order_details-cancel[disabled]:focus, .order_details-cancel[disabled]:active {
background-color: #e7e7e7;
border-color: #e7e7e7;
-webkit-box-shadow: none;
box-shadow: none;
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.order_details-cancel { /* stylelint-disable-line */
background-color: #ffffff;
border-color: #076795;
color: #076795;
}
.order_details-cancel:active {
background-color: rgba(7, 103, 149, 0.1);
border-color: #076795;
color: #076795;
}
@media only screen and (min-width: 1025px) {
.order_details-cancel:hover {
background-color: rgba(7, 103, 149, 0.1);
border-color: #076795;
color: #076795;
}
}
.order_details-cancel:active {
-webkit-box-shadow: inset 0 4px 2px rgba(0, 0, 0, 0.12);
box-shadow: inset 0 4px 2px rgba(0, 0, 0, 0.12);
}
.order_details-cancel {
width: 100%;
}
@media only screen and (min-width: 1025px) {
.order_details-cancel-wrapper {
width: 25%;
margin-right: 10px;
}
}
@media only screen and (max-width: 1024px) {
.order_details-cancel-wrapper {
width: 100%;
margin-top: 10px;
}
}
.order_details-actions {
margin-top: 20px;
}
.order_details-actions-title {
font-size: 1.1428571429rem;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.order_details-actions {
width: 50%;
}
}
.order_details-download_form {
margin-top: 10px;
}
.order_details-upload-button {
border-radius: 3px;
padding: 14.5px 20px;
width: 100%;
}
.order_details-upload-button.button-disabled, .sales_rep_promo-upload:not(.active) .order_details-upload-button.sales_rep_promo-upload-label, .order_details-upload-button.button-disabled:hover, .order_details-upload-button.button-disabled:focus, .order_details-upload-button.button-disabled:active, .order_details-upload-button[disabled], .order_details-upload-button[disabled]:hover, .order_details-upload-button[disabled]:focus, .order_details-upload-button[disabled]:active {
background-color: #e7e7e7;
border-color: #e7e7e7;
-webkit-box-shadow: none;
box-shadow: none;
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.order_details-upload-button { /* stylelint-disable-line */
background-color: #ffffff;
border-color: #076795;
color: #076795;
}
.order_details-upload-button:active {
background-color: rgba(7, 103, 149, 0.1);
border-color: #076795;
color: #076795;
}
@media only screen and (min-width: 1025px) {
.order_details-upload-button:hover {
background-color: rgba(7, 103, 149, 0.1);
border-color: #076795;
color: #076795;
}
}
.order_details-upload-button:active {
-webkit-box-shadow: inset 0 4px 2px rgba(0, 0, 0, 0.12);
box-shadow: inset 0 4px 2px rgba(0, 0, 0, 0.12);
}
.order_details-upload-button {
display: block;
margin-top: 10px;
background-color: transparent;
width: auto;
}
.order_details-upload-description {
font-size: 0.8571428571rem;
color: #646464;
margin-top: 5px;
}
.order_details-backorder_remove-form::after {
content: "";
display: table;
clear: both;
}
.order_details-backorder_remove-checkbox {
margin-top: 15px;
}
@media only screen and (min-width: 768px) {
.order_details-backorder_remove-checkbox {
margin-top: 25px;
}
}
.order_details-backorder_remove-checkbox .payment_info-checkbox {
width: 100%;
}
.order_details-backorder_remove-btn_wrap .button {
margin-top: 20px;
}
.order_details-placed_order-button:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f125";
}
.order_details-placed_order-button {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
margin-bottom: 20px;
line-height: 1;
}
.order_details-placed_order-button::before {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
font-size: 0.8571428571rem;
margin-right: 5px;
}
@media only screen and (min-width: 768px) {
.order_details-placed_order-button::before {
-webkit-transform: rotate(180deg) translateY(2px);
transform: rotate(180deg) translateY(2px);
}
}
@media only screen and (min-width: 768px) {
.backorder-wrapper .order_details {
margin: 20px 0;
padding: 30px 20px;
}
}
.order_product {
margin-bottom: 20px;
margin-top: 25px;
clear: both;
font-family: opensans-regular, Arial, Helvetica, sans-serif;
color: #646464;
}
.order_product.rejected {
color: rgba(100, 100, 100, 0.5);
}
.order_product.rejected .product-sku-value {
color: rgba(100, 100, 100, 0.5);
}
@media only screen and (min-width: 768px) {
.order_product {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 20px 0;
margin-bottom: 0;
border-bottom: 1px solid #e7e7e7;
}
.order_product:last-child {
border-bottom: 0;
}
}
.order_product-title {
position: relative;
margin-bottom: 15px;
z-index: 1;
}
@media only screen and (min-width: 768px) {
.order_product-title {
width: 100%;
}
}
.order_product-link {
padding: 0;
border: 0;
background: none;
background-color: transparent;
background-image: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.order_product-link::-ms-expand {
display: none;
}
.order_product-link.link-disabled, .order_product-link.link-disabled:hover, .order_product-link.link-disabled:focus, .order_product-link.link-disabled:active, .order_product-link[disabled], .order_product-link[disabled]:hover, .order_product-link[disabled]:focus, .order_product-link[disabled]:active {
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.order_product-link {
display: inline-block;
cursor: pointer;
color: #076795;
}
.order_product-link:hover, .order_product-link:active {
text-decoration: underline;
}
.order_product-link {
font-size: 1.2857142857rem;
}
.rejected .order_product-link {
color: rgba(7, 103, 149, 0.5);
}
.order_product-name {
font-size: 1.2857142857rem;
color: #000000;
}
@media only screen and (min-width: 1025px) {
.order_product-block {
width: 25%;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.order_product-block {
width: 40%;
}
}
.order_product-cancel:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f130";
}
.order_product-cancel {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
color: #646464;
}
.order_product-cancel::before {
margin-right: 6px;
font-size: 0.8571428571rem;
}
.order_product-cancel-wrapper {
margin-top: 30px;
}
@media only screen and (max-width: 1024px) {
.order_product-cancel-wrapper {
display: none;
}
}
.order_product-cancel-label {
text-decoration: underline;
-webkit-transition: color 0.3s ease-in;
transition: color 0.3s ease-in;
}
.order_product-cancel-label:hover {
color: #000000;
}
.order_product-cancel-msg {
color: #b20000;
font-size: 1rem;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
margin-top: 5px;
}
.order_product-cancel-container {
display: none;
}
@media only screen and (max-width: 1024px) {
.order_product-cancel-container {
display: block;
}
}
.order_product-cancel-container .order_product-cancel-wrapper {
display: block;
margin-top: 10px;
}
@media only screen and (min-width: 1025px) {
.order_product-details_block {
font-size: 0.9285714286rem;
}
}
@media only screen and (min-width: 1025px) {
.order_product-details_block {
width: 75%;
display: -ms-flexbox;
display: flex;
}
}
.order_product-details_block .placed_order-img_wrap {
-ms-flex: 0 0 33%;
flex: 0 0 33%;
}
@media only screen and (max-width: 767px) {
.order_product-details_block .placed_order-img_wrap {
text-align: center;
}
}
.order_product-details_block .order_product-details_info {
-ms-flex: 1 1 60%;
flex: 1 1 60%;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.backorder-wrapper .order_product-details_block {
width: 60%;
display: -ms-flexbox;
display: flex;
}
}
.order_product-row,
.order_product .product-sku-container {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
line-height: 1.5;
}
@media only screen and (min-width: 768px) {
.order_product-status,
.order_product .product-sku-container {
display: inline-block;
}
}
.order_product-value {
text-align: right;
}
.order_product-value.m-left {
text-align: left;
}
.order_product .product-sku-value {
font-family: brandongrotesque-regular, Arial, Helvetica, sans-serif;
color: #646464;
text-align: right;
}
@media only screen and (max-width: 767px) {
.order_product-download_btn {
border: 1px solid transparent;
cursor: pointer;
display: inline-block;
font: 1rem / 1 brandongrotesque-medium, Arial, Helvetica, sans-serif;
text-align: center;
text-transform: uppercase;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-radius: 3px;
padding: 14.5px 20px;
width: 100%;
}
.order_product-download_btn.button-disabled, .sales_rep_promo-upload:not(.active) .order_product-download_btn.sales_rep_promo-upload-label, .order_product-download_btn.button-disabled:hover, .order_product-download_btn.button-disabled:focus, .order_product-download_btn.button-disabled:active, .order_product-download_btn[disabled], .order_product-download_btn[disabled]:hover, .order_product-download_btn[disabled]:focus, .order_product-download_btn[disabled]:active {
background-color: #e7e7e7;
border-color: #e7e7e7;
-webkit-box-shadow: none;
box-shadow: none;
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.order_product-download_btn { /* stylelint-disable-line */
background-color: #ffffff;
border-color: #076795;
color: #076795;
}
.order_product-download_btn:active {
background-color: rgba(7, 103, 149, 0.1);
border-color: #076795;
color: #076795;
}
.order_product-download_btn {
margin-top: 10px;
}
}
@media only screen and (max-width: 767px) and (min-width: 1025px) {
.order_product-download_btn:hover {
background-color: rgba(7, 103, 149, 0.1);
border-color: #076795;
color: #076795;
}
}
@media only screen and (max-width: 767px) {
.order_product-download_btn:active {
-webkit-box-shadow: inset 0 4px 2px rgba(0, 0, 0, 0.12);
box-shadow: inset 0 4px 2px rgba(0, 0, 0, 0.12);
}
}
.order_product-coupon {
margin-top: 20px;
}
@media only screen and (max-width: 767px) {
.order_product-coupon {
margin-bottom: 20px;
}
}
.order_product-coupon-status {
font: 0.9285714286rem / 1.4285714286rem opensans-semibold, Arial, Helvetica, sans-serif;
}
.order_product-total, .order_product-saving {
margin-bottom: 20px;
}
html[locale=de_DE] .order_product-total {
-ms-flex-align: end;
align-items: flex-end;
}
html[locale=de_DE] .order_product-total .order_product-label {
max-width: 68%;
}
.order_product-warning {
background: #ffefae;
color: #646464;
font-size: 0.8571428571rem;
margin-bottom: 10px;
padding: 10px;
}
@media only screen and (min-width: 1025px) {
.order_product-warning {
max-width: 350px;
}
}
@media only screen and (max-width: 767px) {
.account_users .account-header {
-ms-flex-direction: row;
flex-direction: row;
}
}
.account_users-add_user_btn {
border-radius: 3px;
padding: 14.5px 20px;
width: 100%;
}
.account_users-add_user_btn.button-disabled, .sales_rep_promo-upload:not(.active) .account_users-add_user_btn.sales_rep_promo-upload-label, .account_users-add_user_btn.button-disabled:hover, .account_users-add_user_btn.button-disabled:focus, .account_users-add_user_btn.button-disabled:active, .account_users-add_user_btn[disabled], .account_users-add_user_btn[disabled]:hover, .account_users-add_user_btn[disabled]:focus, .account_users-add_user_btn[disabled]:active {
background-color: #e7e7e7;
border-color: #e7e7e7;
-webkit-box-shadow: none;
box-shadow: none;
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.account_users-add_user_btn { /* stylelint-disable-line */
background-color: #076795;
border-color: #076795;
color: #ffffff;
}
.account_users-add_user_btn:active {
background-color: #d7e7ef;
border-color: #d7e7ef;
color: #076795;
}
@media only screen and (min-width: 1025px) {
.account_users-add_user_btn:hover {
background-color: #d7e7ef;
border-color: #d7e7ef;
color: #076795;
}
}
.account_users-add_user_btn:active {
-webkit-box-shadow: inset 0 3px 2px rgba(0, 0, 0, 0.12);
box-shadow: inset 0 3px 2px rgba(0, 0, 0, 0.12);
}
.account_users-add_user_btn {
width: auto;
text-transform: uppercase;
}
.account_users-refine_reset {
font: 1.1428571429rem / 1.4285714286rem brandongrotesque-medium, Arial, Helvetica, sans-serif;
padding-right: 15px;
margin-right: 13px;
border-right: 1px solid #c5c5c5;
}
@media only screen and (max-width: 1024px) {
.account_users-refine_reset {
display: inline-block;
margin-bottom: 20px;
}
}
.account_users-refine_reset_btn {
background: transparent;
font: 1rem / 1.4285714286rem opensans-regular, Arial, Helvetica, sans-serif;
text-transform: initial;
text-decoration: underline;
}
.account_users-status option {
text-align: left;
}
.account_users-suggestions {
position: relative;
}
.account_users-suggestions_wrapper.m-active {
position: relative;
}
.account_users-suggestions_wrapper.m-active::before {
content: "";
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='255px' height='255px' fill='%23000000'%3E%3Cpolygon points='0,63.75 127.5,191.25 255,63.75 '/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-size: 100%;
display: block;
width: 10px;
height: 10px;
position: absolute;
top: 18px;
right: 10px;
z-index: 1;
}
.account_users-suggestions_wrapper.m-active .account_users-suggestions_list {
border: 1px solid #c5c5c5;
}
.account_users-suggestions_list {
background-color: #ffffff;
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 2;
max-height: 320px;
overflow-y: auto;
}
@media only screen and (max-width: 767px) {
.account_users-suggestions_list {
max-height: 200px;
}
}
.account_users-suggestions_list li {
padding: 10px;
}
.account_users-suggestions_list li:hover {
background-color: #076795;
color: #ffffff;
cursor: pointer;
}
.account_users-refine_form {
margin-bottom: 30px;
}
@media only screen and (min-width: 1025px) {
.account_users-refine_form {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: end;
align-items: flex-end;
margin-bottom: 20px;
}
}
@media only screen and (min-width: 1025px) {
.account_users-search {
width: 245px;
margin-bottom: 10px;
margin-right: 25px;
}
.account_users-search.m-users {
margin-right: 0;
}
}
@media only screen and (max-width: 767px) {
.account_users-search {
padding-bottom: 20px;
border-bottom: 1px solid #e7e7e7;
}
}
.account_users-search .quantity_combobox-field {
width: 100%;
}
.account_users-search .select2-selection__arrow {
background-color: transparent;
right: 0;
z-index: 1;
}
.account_users-search .select2-container .select2-selection--single:hover .select2-selection__arrow {
background-color: transparent;
}
.account_users-search .select2-container .select2-selection--single:hover .select2-selection__arrow b {
border-top-color: #000000;
}
.account_users-search .quantity_combobox .select2-container {
width: 100% !important;
}
.account_users-refine_list {
z-index: 1;
}
@media only screen and (max-width: 1024px) {
.account_users-refine_list {
margin: 0 0 10px;
}
}
.account_users-refine_list .button {
padding: 5px;
background: none;
color: #076795;
font: 1.1428571429rem / 1.2857142857rem brandongrotesque-regular, Arial, Helvetica, sans-serif;
text-transform: capitalize;
margin-bottom: 15px;
}
.account_users-refine_list .button.selected {
background: rgba(33, 56, 88, 0.1);
color: #213858;
font-family: brandongrotesque-medium, Arial, Helvetica, sans-serif;
}
@media only screen and (max-width: 767px) {
.account_users-error_banner {
margin-bottom: 20px;
}
}
.account_users-list_title {
margin-bottom: 15px;
}
@media only screen and (max-width: 1024px) {
.account_users-item::before {
position: absolute;
top: -12px;
left: -12px;
content: "";
border: 12px solid transparent;
border-bottom-color: #efefef;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
}
.account_users-item.updated-user {
border-color: #076795;
}
.account_users-item.updated-user::before {
border-bottom-color: #076795;
}
@media only screen and (max-width: 1024px) {
.account_users-item.table_min_tl-body_row {
font-size: 1rem;
}
}
@media only screen and (min-width: 1025px) {
.account_users-item.table_min_tl-body_row .table_min_tl-body_cell {
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-direction: row;
flex-direction: row;
padding: 15px 5px 15px 0;
margin-right: 15px;
}
.account_users-item.table_min_tl-body_row .table_min_tl-body_cell:last-child {
margin-right: 0;
}
.account_users-item.table_min_tl-body_row .table_min_tl-body_cell:first-child {
padding-left: 20px;
padding-right: 0;
}
.account_users-item.table_min_tl-body_row .table_min_tl-body_cell.account_users-user_ship, .account_users-item.table_min_tl-body_row .table_min_tl-body_cell.account_users-user_payer {
padding-right: 10px;
}
}
.account_users-item.table_min_tl-body_row .button {
background: none;
text-transform: initial;
font: 1rem / 1rem brandongrotesque-regular, Arial, Helvetica, sans-serif;
}
.account_users-item.table_min_tl-body_row .button .icon-dots {
color: #076795;
padding: 0 3px;
position: relative;
left: 3px;
top: -3px;
}
.account_users-item.table_min_tl-body_row .button .value {
font: 1rem / 1rem opensans-regular, Arial, Helvetica, sans-serif;
text-decoration: underline;
}
@media only screen and (max-width: 1024px) {
.account_users-item .account_users-user_name {
padding-right: 35px;
margin-bottom: 5px;
font-size: 1.2857142857rem;
}
}
.account_users-item .account_users-user_email {
margin-bottom: 40px;
}
@media only screen and (min-width: 1025px) {
.account_users-item .account_users-user_email {
margin-bottom: 0;
}
}
.account_users-item .account_users-user_email.m-users_pending {
margin-bottom: 10px;
}
@media only screen and (min-width: 1025px) {
.account_users-item .account_users-user_email.m-users_pending {
padding-right: 20px;
margin-bottom: 0;
}
}
.account_users-item .account_users-request_btn {
text-decoration: underline;
}
.account_users-item .account_users-request_btn:hover {
text-decoration: none;
}
@media only screen and (max-width: 1024px) {
.account_users-item .account_users-user_status,
.account_users-item .account_users-user_role,
.account_users-item .account_users-user_ship,
.account_users-item .account_users-user_payer {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 15px;
}
.account_users-item .account_users-user_status:last-child,
.account_users-item .account_users-user_role:last-child,
.account_users-item .account_users-user_ship:last-child,
.account_users-item .account_users-user_payer:last-child {
margin-bottom: 0;
}
.account_users-item .account_users-user_status .value,
.account_users-item .account_users-user_role .value,
.account_users-item .account_users-user_ship .value,
.account_users-item .account_users-user_payer .value {
text-align: right;
}
}
.account_users-item .account_users-user_ship,
.account_users-item .account_users-user_payer {
-ms-flex-align: start;
align-items: flex-start;
}
@media only screen and (max-width: 1024px) {
.account_users-item .account_users-user_ship .label,
.account_users-item .account_users-user_payer .label {
margin: 0 auto 0 0;
}
}
@media only screen and (max-width: 1024px) {
.account_users-item .table_min_tl-body_cell {
width: 100%;
}
}
.account_users-header .label {
vertical-align: middle;
}
.account_users-header .arrow-icon:after {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f125";
}
.account_users-header .arrow-icon {
padding-left: 10px;
}
.account_users-header .arrow-icon::after {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
@media only screen and (min-width: 1025px) {
.account_users-header .table_min_tl-header_cell {
border-right: 1px solid #ffffff;
margin-right: 15px;
}
.account_users-header .table_min_tl-header_cell:last-child {
margin-right: 0;
border-right: 0;
}
}
.account_users-pending-back_btn {
font-size: 1.1428571429rem;
text-decoration: underline;
}
.account_users-pending-back_btn:hover {
text-decoration: none;
}
@media only screen and (max-width: 767px) {
.account_users-pending-back_btn {
-ms-flex-order: -1;
order: -1;
margin-bottom: 30px;
}
}
.account_users-pending-text {
font: 1rem / 1.1428571429rem opensans-regular, Arial, Helvetica, sans-serif;
margin-bottom: 10px;
}
@media only screen and (max-width: 767px) {
.account_users-pending {
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: start;
align-items: flex-start;
}
}
.account_users-pending {
background-color: #E8E8EA;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 15px;
margin-bottom: 20px;
}
@media only screen and (min-width: 1025px) {
.account_users-pending_message {
padding-right: 15px;
}
}
@media only screen and (max-width: 767px) {
.account_users-pending_message {
margin-bottom: 15px;
}
}
.account_users-pending_title {
font: 1.1428571429rem / 1.5714285714rem brandongrotesque-medium, Arial, Helvetica, sans-serif;
display: -ms-flexbox;
display: flex;
}
@media only screen and (max-width: 1024px) {
.account_users-pending_title .notification_icon-inner {
position: initial;
}
}
.account_users-pending_subtitle {
display: -ms-flexbox;
display: flex;
}
.account_users-pending_button a {
border: 1px solid transparent;
cursor: pointer;
display: inline-block;
font: 1rem / 1 brandongrotesque-medium, Arial, Helvetica, sans-serif;
text-align: center;
text-transform: uppercase;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-radius: 3px;
padding: 14.5px 20px;
width: 100%;
}
.account_users-pending_button a.button-disabled, .account_users-pending_button .sales_rep_promo-upload:not(.active) a.sales_rep_promo-upload-label, .sales_rep_promo-upload:not(.active) .account_users-pending_button a.sales_rep_promo-upload-label, .account_users-pending_button a.button-disabled:hover, .account_users-pending_button a.button-disabled:focus, .account_users-pending_button a.button-disabled:active, .account_users-pending_button a[disabled], .account_users-pending_button a[disabled]:hover, .account_users-pending_button a[disabled]:focus, .account_users-pending_button a[disabled]:active {
background-color: #e7e7e7;
border-color: #e7e7e7;
-webkit-box-shadow: none;
box-shadow: none;
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.account_users-pending_button a { /* stylelint-disable-line */
background-color: #ffffff;
border-color: #076795;
color: #076795;
}
.account_users-pending_button a:active {
background-color: rgba(7, 103, 149, 0.1);
border-color: #076795;
color: #076795;
}
@media only screen and (min-width: 1025px) {
.account_users-pending_button a:hover {
background-color: rgba(7, 103, 149, 0.1);
border-color: #076795;
color: #076795;
}
}
.account_users-pending_button a:active {
-webkit-box-shadow: inset 0 4px 2px rgba(0, 0, 0, 0.12);
box-shadow: inset 0 4px 2px rgba(0, 0, 0, 0.12);
}
.account_users-pending_button a:after {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f125";
}
.account_users-pending_button a {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
min-width: 165px;
}
.account_users-pending_button a::after {
position: relative;
top: -1px;
left: 5px;
}
.account_users-waiting_link {
text-decoration: underline;
}
.account_users-waiting_link:hover {
text-decoration: none;
}
@media only screen and (min-width: 1025px) {
.account_users .account_users-user_email {
-ms-flex-positive: 2;
flex-grow: 2;
}
}
.account_users-message .notification_banner {
border: 0;
}
.account_users-message .notification_banner-text {
padding: 10px 15px;
text-align: left;
}
@media only screen and (min-width: 1025px) {
.account_users.m-pending .account_users-user_email {
-ms-flex-positive: 1;
flex-grow: 1;
}
}
@media only screen and (min-width: 1025px) {
.account_users .account_users-user_status {
max-width: 150px;
}
}
.account_users-modal .modal-dialog {
max-width: 830px;
max-height: 100%;
width: 100%;
}
.account_users-modal .modal-content {
padding: 0 20px 20px;
position: relative;
}
.account_users-modal .account_addresses-list-inner {
margin-bottom: 20px;
}
.account_users-modal .account_addresses-pagination {
min-height: 55px;
margin-bottom: 30px;
width: 45%;
margin-left: 55%;
}
@media only screen and (max-width: 767px) {
.account_users-modal .account_addresses-pagination {
margin-bottom: 0;
width: 100%;
margin-left: 0;
}
}
.account_users-modal .account_addresses-list_title {
margin-bottom: 0;
color: #646464;
margin-right: 70px;
}
@media only screen and (max-width: 767px) {
.account_users-modal .account_addresses-list_title {
margin-right: 20px;
}
}
.account_users-modal .account_addresses-form {
-ms-flex-positive: 1;
flex-grow: 1;
}
.account_users-modal .account_addresses-header {
position: absolute;
top: 50px;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
@media only screen and (max-width: 767px) {
.account_users-modal .account_addresses-header {
position: relative;
top: 0;
margin-bottom: 15px;
}
}
.account_users-modal .account_addresses-item {
width: 50%;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
margin: 0;
padding: 20px;
border-radius: 0;
}
.account_users-modal .account_addresses-item::before {
display: none;
}
@media only screen and (min-width: 1025px) {
.account_users-modal .account_addresses-item {
border-top: 0;
border-right: 0;
}
.account_users-modal .account_addresses-item:nth-child(1), .account_users-modal .account_addresses-item:nth-child(2) {
border-top: 1px solid #efefef;
}
.account_users-modal .account_addresses-item:nth-child(2n) {
border-right: 1px solid #efefef;
}
}
@media only screen and (max-width: 767px) {
.account_users-modal .account_addresses-item {
width: 100%;
padding: 10px 20px;
border-bottom: 0;
}
.account_users-modal .account_addresses-item:last-child {
border-bottom: 1px solid #efefef;
}
}
.account_users-modal .account_addresses-subtitle {
-ms-flex-align: center;
align-items: center;
display: -ms-flexbox;
display: flex;
}
.account_users-modal .account_addresses-shared {
margin-left: 10px;
padding: 4px 8px;
border-radius: 4px;
background: #008900;
color: #ffffff;
font: 1rem / 1rem brandongrotesque-regular, Arial, Helvetica, sans-serif;
}
.account_users-modal .account_addresses-icon {
margin-right: 15px;
color: #008900;
}
.account_users-modal .account_addresses-icon::before {
font-size: 18px;
font-weight: bold;
}
.account_users-modal_name {
margin: -20px 0 30px;
color: #213858;
font: 2.1428571429rem / 2.5714285714rem brandongrotesque-medium, Arial, Helvetica, sans-serif;
}
.account_users-modal .pagination-container_right {
-ms-flex-pack: end;
justify-content: flex-end;
margin-left: auto;
-ms-flex-direction: row;
flex-direction: row;
}
@media only screen and (max-width: 1024px) {
.account_users-modal .pagination-container_right {
-ms-flex-positive: 1;
flex-grow: 1;
}
}
.account_users-modal .pagination-text {
margin: 0;
}
.account_users-modal .pagination-text + .pagination {
display: -ms-flexbox;
display: flex;
margin: 5px 0;
-ms-flex-align: center;
align-items: center;
}
.account_users-modal .pagination-text + .pagination::before {
content: "";
height: 17px;
margin-left: 20px;
padding-left: 20px;
border-left: 1px solid #efefef;
}
.account_users-modal .modal-footer {
display: -ms-flexbox;
display: flex;
gap: 20px;
margin-top: auto;
padding: 0;
}
@media only screen and (max-width: 767px) {
.account_users-modal .modal-footer {
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
}
@media only screen and (max-width: 767px) {
.account_user .account-header {
-ms-flex-direction: row;
flex-direction: row;
}
}
.account_user .account-link {
font-size: 1rem;
}
.account_user .account_user-suspend_icon::after {
font-size: 1.1428571429rem;
}
.account_user-banner {
margin-bottom: 30px;
}
@media only screen and (min-width: 768px) {
.account_user-email_fieldset {
display: -ms-flexbox;
display: flex;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
@media only screen and (min-width: 768px) {
.account_user-add_user-email_group {
max-width: 305px;
-ms-flex-positive: 1;
flex-grow: 1;
margin-right: 20px;
}
}
.account_user-add_user-email_input.is-available {
background-color: #f8fcf8;
border-color: #83c487;
color: #646464;
opacity: 1;
}
.account_user-availability {
color: #646464;
font: 0.7857142857rem / 1rem opensans-regular, Arial, Helvetica, sans-serif;
margin-top: 8px;
}
@media only screen and (max-width: 767px) {
.account_user-availability {
margin-bottom: 30px;
}
}
.account_user-availability-free {
color: #83c487;
}
@media only screen and (max-width: 767px) {
.account_user-actions_top {
margin-top: 15px;
}
}
.account_user-check_btn {
border: 1px solid transparent;
cursor: pointer;
display: inline-block;
font: 1rem / 1 brandongrotesque-medium, Arial, Helvetica, sans-serif;
text-align: center;
text-transform: uppercase;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-radius: 3px;
padding: 14.5px 20px;
width: 100%;
}
.account_user-check_btn.button-disabled, .sales_rep_promo-upload:not(.active) .account_user-check_btn.sales_rep_promo-upload-label, .account_user-check_btn.button-disabled:hover, .account_user-check_btn.button-disabled:focus, .account_user-check_btn.button-disabled:active, .account_user-check_btn[disabled], .account_user-check_btn[disabled]:hover, .account_user-check_btn[disabled]:focus, .account_user-check_btn[disabled]:active {
background-color: #e7e7e7;
border-color: #e7e7e7;
-webkit-box-shadow: none;
box-shadow: none;
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.account_user-check_btn { /* stylelint-disable-line */
background-color: #076795;
border-color: #076795;
color: #ffffff;
}
.account_user-check_btn:active {
background-color: #d7e7ef;
border-color: #d7e7ef;
color: #076795;
}
@media only screen and (min-width: 1025px) {
.account_user-check_btn:hover {
background-color: #d7e7ef;
border-color: #d7e7ef;
color: #076795;
}
}
.account_user-check_btn:active {
-webkit-box-shadow: inset 0 3px 2px rgba(0, 0, 0, 0.12);
box-shadow: inset 0 3px 2px rgba(0, 0, 0, 0.12);
}
@media only screen and (min-width: 768px) {
.account_user-check_btn {
width: auto;
margin-top: 24px;
}
}
@media only screen and (min-width: 768px) {
.account_user-edit_link {
padding: 0;
border: 0;
background: none;
background-color: transparent;
background-image: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.account_user-edit_link::-ms-expand {
display: none;
}
.account_user-edit_link.link-disabled, .account_user-edit_link.link-disabled:hover, .account_user-edit_link.link-disabled:focus, .account_user-edit_link.link-disabled:active, .account_user-edit_link[disabled], .account_user-edit_link[disabled]:hover, .account_user-edit_link[disabled]:focus, .account_user-edit_link[disabled]:active {
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.account_user-edit_link {
display: inline-block;
cursor: pointer;
color: #076795;
}
.account_user-edit_link:hover, .account_user-edit_link:active {
text-decoration: underline;
}
.account_user-edit_link:hover, .account_user-edit_link:active {
text-decoration: none;
}
.account_user-edit_link:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f13d";
}
.account_user-edit_link {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
font: 1rem / 1.1428571429rem brandongrotesque-medium, Arial, Helvetica, sans-serif;
text-transform: uppercase;
-webkit-transition: color 0.2s ease 0s;
transition: color 0.2s ease 0s;
-ms-flex: 1 0 63%;
flex: 1 0 63%;
margin-top: 15px;
}
}
@media only screen and (min-width: 768px) and (min-width: 768px) {
.account_user-edit_link {
margin-top: 39px;
}
}
@media only screen and (min-width: 768px) {
.account_user-edit_link::before {
opacity: 0.5;
-webkit-transition: opacity 0.2s ease 0s;
transition: opacity 0.2s ease 0s;
margin-right: 10px;
}
.account_user-edit_link:hover {
color: #213858;
}
.account_user-edit_link:hover::before {
opacity: 1;
}
}
@media only screen and (max-width: 767px) {
.account_user-edit_link {
border: 1px solid transparent;
cursor: pointer;
display: inline-block;
font: 1rem / 1 brandongrotesque-medium, Arial, Helvetica, sans-serif;
text-align: center;
text-transform: uppercase;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-radius: 3px;
padding: 14.5px 20px;
width: 100%;
}
.account_user-edit_link.button-disabled, .sales_rep_promo-upload:not(.active) .account_user-edit_link.sales_rep_promo-upload-label, .account_user-edit_link.button-disabled:hover, .account_user-edit_link.button-disabled:focus, .account_user-edit_link.button-disabled:active, .account_user-edit_link[disabled], .account_user-edit_link[disabled]:hover, .account_user-edit_link[disabled]:focus, .account_user-edit_link[disabled]:active {
background-color: #e7e7e7;
border-color: #e7e7e7;
-webkit-box-shadow: none;
box-shadow: none;
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.account_user-edit_link { /* stylelint-disable-line */
background-color: #076795;
border-color: #076795;
color: #ffffff;
}
.account_user-edit_link:active {
background-color: #d7e7ef;
border-color: #d7e7ef;
color: #076795;
}
}
@media only screen and (max-width: 767px) and (min-width: 1025px) {
.account_user-edit_link:hover {
background-color: #d7e7ef;
border-color: #d7e7ef;
color: #076795;
}
}
@media only screen and (max-width: 767px) {
.account_user-edit_link:active {
-webkit-box-shadow: inset 0 3px 2px rgba(0, 0, 0, 0.12);
box-shadow: inset 0 3px 2px rgba(0, 0, 0, 0.12);
}
}
@media only screen and (max-width: 767px) {
.account_user-main {
margin-top: 30px;
}
}
@media only screen and (max-width: 767px) {
.account_user-main .form-group + .form-group {
margin-top: 30px;
}
}
@media only screen and (min-width: 768px) {
.account_user-top_form {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: baseline;
align-items: baseline;
}
}
.account_user-top_form.account_user-divider {
padding-bottom: 30px;
border-bottom: 1px solid #e7e7e7;
}
.account_user-top_form .form-group {
/* stylelint-disable */
}
@media only screen and (min-width: 768px) {
.account_user-top_form .form-group {
width: 48%;
}
}
.account_user-user_details_link {
border: 1px solid transparent;
cursor: pointer;
display: inline-block;
font: 1rem / 1 brandongrotesque-medium, Arial, Helvetica, sans-serif;
text-align: center;
text-transform: uppercase;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-radius: 3px;
padding: 14.5px 20px;
width: 100%;
}
.account_user-user_details_link.button-disabled, .sales_rep_promo-upload:not(.active) .account_user-user_details_link.sales_rep_promo-upload-label, .account_user-user_details_link.button-disabled:hover, .account_user-user_details_link.button-disabled:focus, .account_user-user_details_link.button-disabled:active, .account_user-user_details_link[disabled], .account_user-user_details_link[disabled]:hover, .account_user-user_details_link[disabled]:focus, .account_user-user_details_link[disabled]:active {
background-color: #e7e7e7;
border-color: #e7e7e7;
-webkit-box-shadow: none;
box-shadow: none;
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.account_user-user_details_link { /* stylelint-disable-line */
background-color: #ffffff;
border-color: #076795;
color: #076795;
}
.account_user-user_details_link:active {
background-color: rgba(7, 103, 149, 0.1);
border-color: #076795;
color: #076795;
}
@media only screen and (min-width: 1025px) {
.account_user-user_details_link:hover {
background-color: rgba(7, 103, 149, 0.1);
border-color: #076795;
color: #076795;
}
}
.account_user-user_details_link:active {
-webkit-box-shadow: inset 0 4px 2px rgba(0, 0, 0, 0.12);
box-shadow: inset 0 4px 2px rgba(0, 0, 0, 0.12);
}
.account_user-user_details_link {
margin-top: 30px;
}
@media only screen and (min-width: 768px) {
.account_user-user_details_link {
width: auto;
margin-top: 40px;
}
}
.account_user-warning {
color: #ff0000;
font: 1rem / 1.1428571429rem opensans-regular, Arial, Helvetica, sans-serif;
margin-top: 20px;
}
@media only screen and (min-width: 768px) {
.account_user-warning {
margin-top: 10px;
}
}
.account_user-warning_permission {
color: #646464;
}
.account_user-states_wrap {
margin-top: 20px;
}
@media only screen and (min-width: 768px) {
.account_user-states_wrap {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
.h-hidden + .account_user-states_wrap {
margin-top: 10px;
}
@media only screen and (max-width: 767px) {
.h-hidden + .account_user-states_wrap {
margin-top: 30px;
}
}
.account_user-state {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
}
@media only screen and (min-width: 768px) {
.account_user-state {
width: 48%;
}
}
@media only screen and (max-width: 767px) {
.account_user-state {
margin-bottom: 30px;
}
}
.account_user-choose_msg {
display: -ms-flexbox;
display: flex;
height: 100%;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
font: 1rem / 1.1428571429rem opensans-regular, Arial, Helvetica, sans-serif;
color: #646464;
min-height: 150px;
}
@media only screen and (max-width: 767px) {
.account_user-choose_msg {
margin-top: 30px;
}
}
.account_user-refinement {
margin-top: 30px;
}
@media only screen and (min-width: 768px) {
.account_user-refinement-group {
max-width: 260px;
}
}
.account_user-list_wrap.is-disabled {
color: rgba(0, 0, 0, 0.6);
background: #e7e7e7;
}
.account_user-state_accounts, .account_user-list_wrap, .account_user-no_matches {
margin-top: 20px;
}
@media only screen and (max-width: 1024px) {
.account_user-list {
margin-bottom: 25px;
}
}
.account_user-list.m-pending .account_user-item label.account_user-item-wrapper {
padding: 10px;
}
.account_user-item {
--_borderColor: #efefef;
border: 1px solid var(--_borderColor);
border-top: 0;
}
.account_user-item:first-child {
border-radius: 3px 3px 0 0;
border-top: 1px solid var(--_borderColor);
}
.account_user-item:last-child {
border-radius: 0 0 3px 3px;
}
.account_user-item > input[type=checkbox] + label {
font: 0.8571428571rem opensans-regular, Arial, Helvetica, sans-serif;
padding-left: 34px;
margin-bottom: 5px;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
min-height: 21px;
}
@media only screen and (min-width: 768px) and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.account_user-item > input[type=checkbox] + label {
padding-top: 2px;
}
}
.account_user-item > input[type=checkbox] + label {
position: relative;
z-index: 1;
}
.account_user-item > input[type=checkbox] + label::before {
position: absolute;
top: 0;
left: 0;
height: 21px;
width: 21px;
content: "";
display: inline-block;
background-color: #ffffff;
border: 1px solid #076795;
border-radius: 3px;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
}
.account_user-item > input[type=checkbox] + label::after {
position: absolute;
top: 5px;
left: 5px;
height: 11px;
width: 11px;
content: "";
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
background: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill='%23076795' x='0px' y='0px' viewBox='0 0 31 31' style='enable-background:new 0 0 31 31;' xml:space='preserve'%3E%3Cpath class='st0' d='M23,2'/%3E%3Cpath class='st0' d='M7,2'/%3E%3Cg%3E%3Cg id='chevron-right'%3E%3Cpolygon points='31,7.9 27.4,4.3 12.1,19.6 3.5,11 0,14.6 12.2,26.7'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat center;
}
@media only screen and (min-width: 1025px) {
.account_user-item > input[type=checkbox] + label:hover::before {
background-color: #f7f9f9;
border-width: 2px;
}
}
.account_user-item > input[type=checkbox] + label.is-white {
color: #ffffff;
font-size: 1rem;
margin: 20px 10px 0 0;
}
.account_user-item > input[type=checkbox] + label.is-white::after {
background: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill='%23ffffff' x='0px' y='0px' viewBox='0 0 31 31' style='enable-background:new 0 0 31 31;' xml:space='preserve'%3E%3Cpath class='st0' d='M23,2'/%3E%3Cpath class='st0' d='M7,2'/%3E%3Cg%3E%3Cg id='chevron-right'%3E%3Cpolygon points='31,7.9 27.4,4.3 12.1,19.6 3.5,11 0,14.6 12.2,26.7'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat center;
}
.account_user-item > input[type=checkbox] + label.is-white::before {
border-color: #ffffff;
background-color: rgba(255, 255, 255, 0.1);
}
@media only screen and (min-width: 768px) {
.account_user-item > input[type=checkbox] + label.is-white::before {
background-color: #4d4d4d;
}
}
.account_user-item > input[type=checkbox]:checked + label::before {
border-width: 2px;
}
.account_user-item > input[type=checkbox]:checked + label::after {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.account_user-item > input[type=checkbox]:disabled + label {
color: #888888;
pointer-events: none;
}
.account_user-item > input[type=checkbox]:disabled + label::before {
background-color: #e7e7e7;
border-color: #e7e7e7;
}
.account_user-item > input[type=checkbox]:disabled + label:hover::before {
-webkit-box-shadow: none;
box-shadow: none;
}
.account_user-item > input[type=checkbox]:checked:disabled + label::after {
background: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill='%23c5c5c5' x='0px' y='0px' viewBox='0 0 31 31' style='enable-background:new 0 0 31 31;' xml:space='preserve'%3E%3Cpath class='st0' d='M23,2'/%3E%3Cpath class='st0' d='M7,2'/%3E%3Cg%3E%3Cg id='chevron-right'%3E%3Cpolygon points='31,7.9 27.4,4.3 12.1,19.6 3.5,11 0,14.6 12.2,26.7'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat center;
}
.account_user-item label.account_user-item-wrapper,
.account_user-item > input[type=checkbox] + label.account_user-item-wrapper {
display: block;
margin-bottom: 0;
padding: 10px 10px 10px 54px;
}
.account_user-item label.account_user-item-wrapper::before,
.account_user-item > input[type=checkbox] + label.account_user-item-wrapper::before {
left: 19px;
top: calc(50% - 10px);
}
.account_user-item label.account_user-item-wrapper::after,
.account_user-item > input[type=checkbox] + label.account_user-item-wrapper::after {
left: 24px;
top: calc(50% - 5px);
}
.account_user-item-search_result {
--_borderColor: #076795;
}
.account_user-item-search_result label,
.account_user-item-search_result label:hover {
background-image: linear-gradient(to right, #076795 5px, #d7e7ef 5px);
}
@media only screen and (max-width: 767px) {
.account_user-item-wrapper {
padding-top: 5px;
}
}
.account_user-item-wrapper {
z-index: 1;
}
input:checked + .account_user-item-wrapper, input:not(:disabled) + .account_user-item-wrapper:hover {
background-color: #f7f9f9;
}
.account_user-item-wrapper.account_user-view_checked:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f15d";
}
.account_user-item-wrapper.account_user-view_checked {
position: relative;
cursor: default;
}
.account_user-item-wrapper.account_user-view_checked::before {
position: absolute;
left: 19px;
top: calc(50% - 10px);
color: #c5c5c5;
}
.account_user-item-wrapper.account_user-view_checked .account_user-item-title,
.account_user-item-wrapper.account_user-view_checked .account_user-item-description {
color: #c5c5c5;
}
.account_user-item-title {
display: block;
font: 0.8571428571rem / 1.1428571429rem opensans-semibold, Arial, Helvetica, sans-serif;
}
.account_user-item-description {
font: 0.8571428571rem / 1.1428571429rem opensans-regular, Arial, Helvetica, sans-serif;
color: #646464;
text-transform: uppercase;
display: block;
}
.account_user .form-group:has(.form-control:disabled) .form-control-label, .account_user .form-group:has(.form-control:disabled) .form-control-label::after,
.account_user .form-control-label.is-disabled,
.account_user .form-control-label.is-disabled::after {
color: #c5c5c5;
pointer-events: none;
}
.account_user-actions_bottom {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -5px;
}
@media only screen and (min-width: 768px) {
.account_user-actions_bottom {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
margin: 40px 0 0;
}
}
@media only screen and (min-width: 1025px) {
.account_user-actions_bottom {
width: 48%;
}
}
.account_user-actions_bottom.m-pending {
width: auto;
}
.account_user-actions_bottom.m-pending .account_user-cancel_btn,
.account_user-actions_bottom.m-pending .account_user-save_btn {
-ms-flex: 1 1 220px;
flex: 1 1 220px;
max-width: 220px;
margin-right: 0;
}
@media only screen and (max-width: 767px) {
.account_user-actions_bottom.m-pending .account_user-cancel_btn,
.account_user-actions_bottom.m-pending .account_user-save_btn {
max-width: 100%;
margin-right: 5px;
}
}
.account_user-actions_bottom.m-pending .account_user-cancel_btn {
margin-right: 20px;
}
@media only screen and (max-width: 767px) {
.account_user-actions_bottom.m-pending .account_user-cancel_btn {
margin-right: 5px;
}
}
.account_user-approved {
font: 1.1428571429rem / 1.2857142857rem opensans-regular, Arial, Helvetica, sans-serif;
color: #646464;
margin-bottom: 20px;
}
.account_user-add_btn, .account_user-save_btn, .account_user-cancel_btn, .account_user-back_btn, .account_user-ship_to_search_btn {
border: 1px solid transparent;
cursor: pointer;
display: inline-block;
font: 1rem / 1 brandongrotesque-medium, Arial, Helvetica, sans-serif;
text-align: center;
text-transform: uppercase;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-radius: 3px;
padding: 14.5px 20px;
width: 100%;
margin: 5px;
width: auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
@media only screen and (min-width: 768px) {
.account_user-add_btn, .account_user-save_btn, .account_user-cancel_btn, .account_user-back_btn, .account_user-ship_to_search_btn {
margin: 0;
}
}
.account_user-add_btn.button-disabled, .sales_rep_promo-upload:not(.active) .account_user-add_btn.sales_rep_promo-upload-label, .account_user-add_btn.button-disabled:hover, .account_user-add_btn.button-disabled:focus, .account_user-add_btn.button-disabled:active, .account_user-add_btn[disabled], .account_user-add_btn[disabled]:hover, .account_user-add_btn[disabled]:focus, .account_user-add_btn[disabled]:active, .account_user-save_btn.button-disabled, .sales_rep_promo-upload:not(.active) .account_user-save_btn.sales_rep_promo-upload-label, .account_user-save_btn.button-disabled:hover, .account_user-save_btn.button-disabled:focus, .account_user-save_btn.button-disabled:active, .account_user-save_btn[disabled], .account_user-save_btn[disabled]:hover, .account_user-save_btn[disabled]:focus, .account_user-save_btn[disabled]:active {
background-color: #e7e7e7;
border-color: #e7e7e7;
-webkit-box-shadow: none;
box-shadow: none;
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.account_user-add_btn, .account_user-save_btn { /* stylelint-disable-line */
background-color: #076795;
border-color: #076795;
color: #ffffff;
}
.account_user-add_btn:active, .account_user-save_btn:active {
background-color: #d7e7ef;
border-color: #d7e7ef;
color: #076795;
}
@media only screen and (min-width: 1025px) {
.account_user-add_btn:hover, .account_user-save_btn:hover {
background-color: #d7e7ef;
border-color: #d7e7ef;
color: #076795;
}
}
.account_user-add_btn:active, .account_user-save_btn:active {
-webkit-box-shadow: inset 0 3px 2px rgba(0, 0, 0, 0.12);
box-shadow: inset 0 3px 2px rgba(0, 0, 0, 0.12);
}
@media only screen and (min-width: 768px) {
.account_user-add_btn, .account_user-save_btn {
-ms-flex-preferred-size: 70%;
flex-basis: 70%;
margin-right: 20px;
}
}
.account_user-cancel_btn.button-disabled, .sales_rep_promo-upload:not(.active) .account_user-cancel_btn.sales_rep_promo-upload-label, .account_user-cancel_btn.button-disabled:hover, .account_user-cancel_btn.button-disabled:focus, .account_user-cancel_btn.button-disabled:active, .account_user-cancel_btn[disabled], .account_user-cancel_btn[disabled]:hover, .account_user-cancel_btn[disabled]:focus, .account_user-cancel_btn[disabled]:active, .account_user-back_btn.button-disabled, .sales_rep_promo-upload:not(.active) .account_user-back_btn.sales_rep_promo-upload-label, .account_user-back_btn.button-disabled:hover, .account_user-back_btn.button-disabled:focus, .account_user-back_btn.button-disabled:active, .account_user-back_btn[disabled], .account_user-back_btn[disabled]:hover, .account_user-back_btn[disabled]:focus, .account_user-back_btn[disabled]:active {
background-color: #e7e7e7;
border-color: #e7e7e7;
-webkit-box-shadow: none;
box-shadow: none;
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.account_user-cancel_btn, .account_user-back_btn { /* stylelint-disable-line */
background-color: #ffffff;
border-color: #076795;
color: #076795;
}
.account_user-cancel_btn:active, .account_user-back_btn:active {
background-color: rgba(7, 103, 149, 0.1);
border-color: #076795;
color: #076795;
}
@media only screen and (min-width: 1025px) {
.account_user-cancel_btn:hover, .account_user-back_btn:hover {
background-color: rgba(7, 103, 149, 0.1);
border-color: #076795;
color: #076795;
}
}
.account_user-cancel_btn:active, .account_user-back_btn:active {
-webkit-box-shadow: inset 0 4px 2px rgba(0, 0, 0, 0.12);
box-shadow: inset 0 4px 2px rgba(0, 0, 0, 0.12);
}
@media only screen and (min-width: 768px) {
.account_user-cancel_btn, .account_user-back_btn {
-ms-flex-preferred-size: 30%;
flex-basis: 30%;
}
}
.account_user-ship_to_search_btn.button-disabled, .sales_rep_promo-upload:not(.active) .account_user-ship_to_search_btn.sales_rep_promo-upload-label, .account_user-ship_to_search_btn.button-disabled:hover, .account_user-ship_to_search_btn.button-disabled:focus, .account_user-ship_to_search_btn.button-disabled:active, .account_user-ship_to_search_btn[disabled], .account_user-ship_to_search_btn[disabled]:hover, .account_user-ship_to_search_btn[disabled]:focus, .account_user-ship_to_search_btn[disabled]:active {
background-color: #e7e7e7;
border-color: #e7e7e7;
-webkit-box-shadow: none;
box-shadow: none;
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.account_user-ship_to_search_btn { /* stylelint-disable-line */
background-color: #076795;
border-color: #076795;
color: #ffffff;
}
.account_user-ship_to_search_btn:active {
background-color: #d7e7ef;
border-color: #d7e7ef;
color: #076795;
}
@media only screen and (min-width: 1025px) {
.account_user-ship_to_search_btn:hover {
background-color: #d7e7ef;
border-color: #d7e7ef;
color: #076795;
}
}
.account_user-ship_to_search_btn:active {
-webkit-box-shadow: inset 0 3px 2px rgba(0, 0, 0, 0.12);
box-shadow: inset 0 3px 2px rgba(0, 0, 0, 0.12);
}
.account_user-ship_to_search_btn {
width: 100%;
}
@media only screen and (min-width: 768px) {
.account_user-ship_to_search_btn {
width: auto;
margin-top: 24px;
}
}
.account_user-ship_to_search {
border-bottom: 1px solid #e7e7e7;
padding-block: 30px;
display: -ms-flexbox;
display: flex;
gap: 20px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 30px;
}
@media only screen and (min-width: 768px) {
.account_user-ship_to_search {
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-align: start;
align-items: flex-start;
}
}
.account_user-ship_to_search-input_group textarea {
min-height: 60px;
white-space: initial;
padding: 10px;
overflow: initial;
}
@media only screen and (min-width: 768px) {
.account_user-ship_to_search-input_group {
max-width: 305px;
-ms-flex-positive: 1;
flex-grow: 1;
}
}
.rewards_dashboard {
--section-spacing: 40px;
font: 1rem / 140% opensans-regular, Arial, Helvetica, sans-serif;
}
.rewards_dashboard-intro {
grid-column: 1/span 2;
}
.rewards_dashboard-intro p {
margin-bottom: 10px;
}
.rewards_dashboard-messages {
margin-bottom: var(--section-spacing);
}
.rewards_dashboard-section {
margin-bottom: var(--section-spacing);
container-type: inline-size;
}
.rewards_dashboard-section-title {
font: 1.7142857143rem / 2.2857142857rem brandongrotesque-medium, Arial, Helvetica, sans-serif;
color: #213858;
margin-bottom: 10px;
}
.rewards_dashboard-section-description {
margin-bottom: 20px;
}
.rewards_dashboard-offer_overview {
display: grid;
margin-top: var(--section-spacing);
gap: 5px;
grid-template-columns: 1fr 1fr 1fr;
}
.rewards_dashboard-offer_overview > a {
display: grid;
position: relative;
max-width: 125px;
padding-inline: 5px;
place-content: center;
gap: 10px;
aspect-ratio: 1;
border-radius: 100%;
border: solid 5px #242424;
background: #242424;
color: #ffffff;
text-align: center;
}
.rewards_dashboard-offer_overview > a:hover::before, .rewards_dashboard-offer_overview > a:focus-visible::before {
border-color: #242424;
}
.rewards_dashboard-offer_overview > a img {
max-width: 50%;
margin: auto;
}
.rewards_dashboard-offer_overview > a::before {
content: "";
position: absolute;
inset: 0;
border-radius: 100%;
border: solid #ffffff 1px;
-webkit-transition: border 250ms ease-in-out;
transition: border 250ms ease-in-out;
}
.rewards_dashboard-tile {
--_spacing: 10px;
border: 1px solid #e7e7e7;
border-radius: 3px;
padding: 20px;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: var(--_spacing);
}
.rewards_dashboard-tile[data-enabled=false] {
opacity: 0.5;
-webkit-filter: grayscale(1);
filter: grayscale(1);
pointer-events: none;
}
.rewards_dashboard-tile h4 {
font: 1.1428571429rem / 150% opensans-semibold, Arial, Helvetica, sans-serif;
color: #213858;
}
.rewards_dashboard-tile-redeem {
border-radius: 3px;
padding: 14.5px 20px;
width: 100%;
}
.rewards_dashboard-tile-redeem.button-disabled, .sales_rep_promo-upload:not(.active) .rewards_dashboard-tile-redeem.sales_rep_promo-upload-label, .rewards_dashboard-tile-redeem.button-disabled:hover, .rewards_dashboard-tile-redeem.button-disabled:focus, .rewards_dashboard-tile-redeem.button-disabled:active, .rewards_dashboard-tile-redeem[disabled], .rewards_dashboard-tile-redeem[disabled]:hover, .rewards_dashboard-tile-redeem[disabled]:focus, .rewards_dashboard-tile-redeem[disabled]:active {
background-color: #e7e7e7;
border-color: #e7e7e7;
-webkit-box-shadow: none;
box-shadow: none;
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.rewards_dashboard-tile-redeem { /* stylelint-disable-line */
background-color: #076795;
border-color: #076795;
color: #ffffff;
}
.rewards_dashboard-tile-redeem:active {
background-color: #d7e7ef;
border-color: #d7e7ef;
color: #076795;
}
@media only screen and (min-width: 1025px) {
.rewards_dashboard-tile-redeem:hover {
background-color: #d7e7ef;
border-color: #d7e7ef;
color: #076795;
}
}
.rewards_dashboard-tile-redeem:active {
-webkit-box-shadow: inset 0 3px 2px rgba(0, 0, 0, 0.12);
box-shadow: inset 0 3px 2px rgba(0, 0, 0, 0.12);
}
.rewards_dashboard-tile-redeem {
display: inline-block;
margin-top: auto;
}
.rewards_dashboard-tile-detail {
display: -ms-flexbox;
display: flex;
gap: var(--_spacing);
}
.rewards_dashboard-tile-detail-value {
font-family: opensans-semibold, Arial, Helvetica, sans-serif;
}
.rewards_dashboard-tile-description p {
margin-bottom: var(--_spacing, 10px);
}
.rewards_dashboard-grid {
--_cols: 1;
display: grid;
gap: 20px;
grid-template-columns: repeat(var(--_cols), 1fr);
}
@container (min-width: 420px) {
.rewards_dashboard-grid {
--_cols: 2;
}
}
@container (min-width: 630px) {
.rewards_dashboard-grid {
--_cols: 3;
}
}
.rewards_dashboard-status {
border: 1px solid #e7e7e7;
border-radius: 3px;
padding: 10px 20px;
grid-column: span 2;
}
@container (min-width: 630px) {
.rewards_dashboard-status {
grid-column: span 1;
}
}
.rewards_dashboard-status img {
width: 100%;
margin-bottom: 5px;
}
.rewards_dashboard-status-table {
width: 100%;
color: #888888;
}
.rewards_dashboard-status-table td:last-child {
font-family: opensans-semibold, Arial, Helvetica, sans-serif;
color: #000000;
}
.rewards_dashboard-list {
margin-bottom: var(--_spacing, 10px);
}
.rewards_dashboard-list li {
padding: 5px;
border-top: 1px solid #e7e7e7;
}
.rewards_dashboard-list li:last-child {
border-bottom: 1px solid #e7e7e7;
}
.rewards_dashboard-history {
border-radius: 3px;
border: 1px solid #e7e7e7;
width: 100%;
border-spacing: 0;
}
.rewards_dashboard-history thead {
background: #e7e7e7;
}
.rewards_dashboard-history th,
.rewards_dashboard-history td {
padding: 10px 5px;
text-align: left;
}
.rewards_dashboard-history th:first-child,
.rewards_dashboard-history td:first-child {
padding-left: 20px;
}
.rewards_dashboard-history th:last-child,
.rewards_dashboard-history td:last-child {
padding-right: 20px;
}
.rewards_dashboard-history td {
border-top: 1px solid #e7e7e7;
}
@container (max-width: 600px) {
.rewards_dashboard-history thead {
display: none;
}
.rewards_dashboard-history tbody,
.rewards_dashboard-history td,
.rewards_dashboard-history table {
display: block;
}
.rewards_dashboard-history tr {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
padding: 10px;
gap: 5px;
}
.rewards_dashboard-history tr:not(:last-child) {
border-bottom: 1px solid #e7e7e7;
}
.rewards_dashboard-history tr:nth-child(odd) {
background-color: #efefef;
}
.rewards_dashboard-history td {
text-align: left;
font-family: opensans-regular, Arial, Helvetica, sans-serif;
padding: 0;
border: 0;
}
.rewards_dashboard-history td:first-child, .rewards_dashboard-history td:last-child {
padding-inline: 0;
text-align: left;
}
.rewards_dashboard-history td[data-title]::before {
content: attr(data-title) ": ";
display: inline;
font-family: opensans-semibold, Arial, Helvetica, sans-serif;
}
}
.rewards_dashboard-modal .modal-dialog {
max-width: 700px;
}
.rewards_dashboard-modal .modal-header {
margin-bottom: 20px;
}
.rewards_dashboard-modal .modal-body {
--_spacing: 20px;
font: 1rem / 140% opensans-regular, Arial, Helvetica, sans-serif;
}
.rewards_dashboard-modal .modal-body strong {
font-family: opensans-semibold, Arial, Helvetica, sans-serif;
}
.rewards_dashboard-modal .modal-footer {
display: -ms-flexbox;
display: flex;
gap: 20px;
}
@media only screen and (max-width: 767px) {
.rewards_dashboard-modal .modal-footer {
-ms-flex-direction: column;
flex-direction: column;
}
}
.rewards_dashboard-modal .modal-footer button + button {
margin: 0;
}
.rewards_dashboard-modal-step {
display: none;
}
.rewards_dashboard-modal-step.active {
display: block;
}
.security_settings-default_password {
font-size: 1.1428571429rem;
}
.security_settings-confirm_account {
padding-left: 34px;
margin-bottom: 20px;
}
.security_settings-acknowledge_modal .modal-header {
margin-bottom: 20px;
}
.security_settings-acknowledge_label strong {
font-size: 1.1428571429rem;
}
.delayed_rec_orders {
margin-bottom: 50px;
}
@media only screen and (min-width: 768px) {
.delayed_rec_orders {
margin-bottom: 80px;
}
}
.delayed_rec_orders-warning_box {
background-color: #ffffff;
font: 0.9285714286rem / 1.0714285714rem opensans-semibold, Arial, Helvetica, sans-serif;
text-align: left;
color: #ff0000;
padding: 25px 10px;
}
@media only screen and (min-width: 768px) {
.delayed_rec_orders-warning_box {
padding: 25px;
}
}
.delayed_rec_orders-top {
background-color: #f0f5f7;
}
@media only screen and (min-width: 768px) {
.delayed_rec_orders-top {
border-radius: 3px;
margin-bottom: 20px;
}
}
.delayed_rec_orders-nav {
padding: 25px 10px;
}
@media only screen and (min-width: 768px) {
.delayed_rec_orders-nav {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 25px;
-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
}
}
.delayed_rec_orders-nav-list {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
@media only screen and (min-width: 768px) {
.delayed_rec_orders-nav-list {
-ms-flex: 1;
flex: 1;
padding-right: 25px;
}
}
.delayed_rec_orders-nav-title {
text-align: center;
}
@media only screen and (min-width: 768px) {
.delayed_rec_orders-nav-title {
padding-right: 45px;
}
}
@media only screen and (max-width: 767px) {
.delayed_rec_orders-nav-title {
padding-bottom: 15px;
border-bottom: 1px solid #e7e7e7;
margin-bottom: 25px;
}
}
.delayed_rec_orders-nav-item {
font-size: 1.0714285714rem;
color: #646464;
}
@media only screen and (max-width: 767px) {
.delayed_rec_orders-nav-item {
text-align: center;
-ms-flex: 1 1 26%;
flex: 1 1 26%;
}
}
.delayed_rec_orders-nav-item.selected {
font-family: brandongrotesque-bold, Arial, Helvetica, sans-serif;
color: #213858;
}
.delayed_rec_orders-nav-item:not(.selected) .delayed_rec_orders-nav-link {
text-decoration: underline;
}
.delayed_rec_orders-nav-item:not(.selected) .delayed_rec_orders-nav-link:hover {
text-decoration: none;
}
.delayed_rec_orders-nav-icon:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f125";
}
.delayed_rec_orders-nav-icon {
text-align: center;
}
@media only screen and (max-width: 767px) {
.delayed_rec_orders-nav-icon {
-ms-flex: 1 1 10%;
flex: 1 1 10%;
}
}
@media only screen and (min-width: 768px) {
.delayed_rec_orders-nav-icon {
padding: 0 10px;
}
}
.delayed_rec_orders-nav-icon::before {
color: #c5c5c5;
font-size: 1.2142857143rem;
}
.delayed_rec_orders-nav-icon:last-child {
display: none;
}
.previous .delayed_rec_orders-nav-link {
text-decoration: underline;
}
@media only screen and (max-width: 767px) {
.delayed_rec_orders-proceed {
padding: 25px 0;
}
}
.delayed_rec_orders-proceed-button {
border: 1px solid transparent;
cursor: pointer;
display: inline-block;
font: 1rem / 1 brandongrotesque-medium, Arial, Helvetica, sans-serif;
text-align: center;
text-transform: uppercase;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-radius: 3px;
padding: 14.5px 20px;
width: 100%;
}
.delayed_rec_orders-proceed-button.button-disabled, .sales_rep_promo-upload:not(.active) .delayed_rec_orders-proceed-button.sales_rep_promo-upload-label, .delayed_rec_orders-proceed-button.button-disabled:hover, .delayed_rec_orders-proceed-button.button-disabled:focus, .delayed_rec_orders-proceed-button.button-disabled:active, .delayed_rec_orders-proceed-button[disabled], .delayed_rec_orders-proceed-button[disabled]:hover, .delayed_rec_orders-proceed-button[disabled]:focus, .delayed_rec_orders-proceed-button[disabled]:active {
background-color: #e7e7e7;
border-color: #e7e7e7;
-webkit-box-shadow: none;
box-shadow: none;
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.delayed_rec_orders-proceed-button { /* stylelint-disable-line */
background-color: #076795;
border-color: #076795;
color: #ffffff;
}
.delayed_rec_orders-proceed-button:active {
background-color: #d7e7ef;
border-color: #d7e7ef;
color: #076795;
}
@media only screen and (min-width: 1025px) {
.delayed_rec_orders-proceed-button:hover {
background-color: #d7e7ef;
border-color: #d7e7ef;
color: #076795;
}
}
.delayed_rec_orders-proceed-button:active {
-webkit-box-shadow: inset 0 3px 2px rgba(0, 0, 0, 0.12);
box-shadow: inset 0 3px 2px rgba(0, 0, 0, 0.12);
}
.delayed_rec_orders-proceed-button {
width: 100%;
}
@media only screen and (max-width: 767px) {
.delayed_rec_orders-search .delayed_rec_orders-proceed {
margin-top: 25px;
border-top: 1px solid #e7e7e7;
padding: 25px 10px;
}
}
@media only screen and (max-width: 767px) {
.delayed_rec_orders-action {
background-color: #f0f5f7;
padding: 0 10px 30px;
}
}
@media only screen and (min-width: 768px) {
.delayed_rec_orders-action {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
border-top: 1px solid #e7e7e7;
background-color: #f0f5f7;
padding: 25px;
-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
}
}
.delayed_rec_orders-action.delayed_rec_orders-search {
-ms-flex-pack: justify;
justify-content: space-between;
}
@media only screen and (max-width: 767px) {
.delayed_rec_orders-action.delayed_rec_orders-search {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
background: none;
padding: 0;
}
}
@media only screen and (min-width: 768px) {
.delayed_rec_orders-action .search {
max-width: 450px;
margin-right: 30px;
margin-left: 0;
}
}
@media only screen and (max-width: 767px) {
.delayed_rec_orders-action .search {
background: #ffffff;
padding: 30px 10px 10px;
}
}
@media only screen and (max-width: 767px) {
.delayed_rec_orders-action-text {
border-top: 1px solid #e7e7e7;
padding-top: 30px;
text-align: center;
}
}
.delayed_rec_orders-action-title {
font: 1.0714285714rem / 1.2142857143rem brandongrotesque-bold, Arial, Helvetica, sans-serif;
color: #213858;
margin-bottom: 5px;
}
@media only screen and (min-width: 768px) {
.delayed_rec_orders-action-title {
font-size: 1.2857142857rem;
}
}
.delayed_rec_orders-action-subtitle {
font: 0.8571428571rem / 1rem opensans-regular, Arial, Helvetica, sans-serif;
color: #646464;
}
@media only screen and (max-width: 767px) {
.delayed_rec_orders-action-subtitle {
margin-bottom: 10px;
}
}
@media only screen and (min-width: 768px) {
.delayed_rec_orders-action-subtitle {
font-size: 1rem;
}
}
@media only screen and (min-width: 768px) {
.delayed_rec_orders-details {
border-left: 1px solid #e7e7e7;
padding-left: 30px;
margin-left: 30px;
}
}
.delayed_rec_orders-details .form-group {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between;
}
.delayed_rec_orders-details label.label {
margin-bottom: 0;
font: 1.1428571429rem / 1.2857142857rem brandongrotesque-regular, Arial, Helvetica, sans-serif;
margin-right: auto;
}
.delayed_rec_orders-content {
padding: 35px 10px 30px;
}
@media only screen and (max-width: 767px) {
.delayed_rec_orders-content {
border-radius: 0;
}
}
@media only screen and (min-width: 768px) {
.delayed_rec_orders-content {
margin: 0;
padding: 25px;
}
}
.delayed_rec_orders-content-title {
font: 1.2857142857rem brandongrotesque-medium, Arial, Helvetica, sans-serif;
color: #213858;
text-transform: uppercase;
margin-bottom: 20px;
}
.delayed_rec_orders-content-text {
font: 0.8571428571rem opensans-regular, Arial, Helvetica, sans-serif;
color: #646464;
}
.delayed_rec_orders-content .product_card-bundle {
margin-bottom: 10px;
margin-top: 20px;
}
@media only screen and (min-width: 768px) {
.delayed_rec_orders-content .product_card-bundle {
margin-top: 10px;
}
}
.delayed_rec_orders-content .product_card-bundle-details {
margin-top: 0;
}
.delayed_rec_orders-content .product_card-bundle-item_wrapper,
.delayed_rec_orders-content .product_card-bundle_table {
margin-top: 20px;
}
.delayed_rec_orders-content .checkout-payment_info {
padding: 0;
}
.delayed_rec_orders-content .payment_info-user_info {
padding-top: 0;
padding-bottom: 35px;
}
.delayed_rec_orders-content .payment_info-method-inner {
padding-bottom: 5px;
}
.delayed_rec_orders-content .payment_info-method {
background: none;
}
.delayed_rec_orders-content .payment_info-btn_wrapper {
padding: 0;
border: 0;
}
.delayed_rec_orders-content .product_card-name .link, .delayed_rec_orders-content .product_card-name .pdp-recommendation-link {
font: 1.2857142857rem / 1.2 brandongrotesque-regular, Arial, Helvetica, sans-serif;
color: #000000;
cursor: default;
}
.delayed_rec_orders-content .product_card-name .link:hover, .delayed_rec_orders-content .product_card-name .pdp-recommendation-link:hover {
text-decoration: none;
}
@media only screen and (min-width: 1025px) {
.delayed_rec_orders-content .order_receipt-order_details {
margin-bottom: 35px;
}
}
@media only screen and (max-width: 767px) {
.delayed_rec_orders-content .payment_info-agreement {
position: relative;
}
}
@media only screen and (min-width: 768px) {
.delayed_rec_orders-content .payment_info-agreement {
border-top: 1px solid #e7e7e7;
}
}
@media only screen and (max-width: 767px) {
.delayed_rec_orders-content .payment_info-agreement::before {
position: absolute;
top: 0;
left: 10px;
border-top: 1px solid #e7e7e7;
content: "";
width: calc(100% - 20px);
}
}
@media only screen and (min-width: 768px) {
.delayed_rec_orders-order_setting {
-ms-flex-align: baseline;
align-items: baseline;
}
}
@media only screen and (max-width: 767px) {
.delayed_rec_orders-order_setting {
border-bottom: 1px solid #e7e7e7;
padding-bottom: 30px;
margin-bottom: 25px;
}
}
@media only screen and (min-width: 768px) {
.delayed_rec_orders-order_setting .delayed_rec_orders-delivery_options {
margin-right: 30px;
}
}
@media only screen and (max-width: 767px) {
.delayed_rec_orders-order_setting .delayed_rec_orders-delivery_options {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
@media only screen and (max-width: 767px) {
.delayed_rec_orders-order_setting .delayed_rec_orders-delivery_options .form-control-label {
-ms-flex: 1 1 100%;
flex: 1 1 100%;
}
}
@media only screen and (min-width: 768px) {
.delayed_rec_orders-order_setting .delayed_rec_orders-delivery_options .form-control-label {
display: block;
}
}
@media only screen and (max-width: 767px) {
.delayed_rec_orders-order_setting .delayed_rec_orders-delivery_options .select {
-ms-flex: 1;
flex: 1;
}
}
@media only screen and (min-width: 768px) {
.delayed_rec_orders-order_setting .delayed_rec_orders-delivery_options .select {
display: inline-block;
}
}
@media only screen and (max-width: 767px) {
.delayed_rec_orders-order_setting .delayed_rec_orders-delivery_options .tooltip-link {
margin-left: 10px;
}
}
@media only screen and (min-width: 768px) {
.delayed_rec_orders-order_setting .form-group {
margin-bottom: 20px;
min-width: 190px;
}
}
@media only screen and (min-width: 768px) {
.delayed_rec_orders-order_setting .form-group + .delayed_rec_orders-order_setting .form-group {
margin-top: 0;
}
}
.delayed_rec_orders-order_setting .delayed_rec_orders-end_ship,
.delayed_rec_orders-order_setting .delayed_rec_orders-next_ship {
margin-right: 30px;
}
@media only screen and (max-width: 767px) {
.delayed_rec_orders-order_setting .delayed_rec_orders-end_ship,
.delayed_rec_orders-order_setting .delayed_rec_orders-next_ship {
-ms-flex: 1;
flex: 1;
max-width: calc(50% - 7px);
}
}
@media only screen and (max-width: 767px) {
.delayed_rec_orders-order_setting .delayed_rec_orders-next_ship {
margin-right: 14px;
}
}
@media only screen and (max-width: 767px) {
.delayed_rec_orders-order_setting .delayed_rec_orders-practice_email {
-ms-flex: 1 1 100%;
flex: 1 1 100%;
}
}
.delayed_rec_orders-review_details-order, .delayed_rec_orders-order_setting {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media only screen and (min-width: 768px) {
.delayed_rec_orders-review_details-order .form-group + .form-group, .delayed_rec_orders-order_setting .form-group + .form-group {
margin-top: 0;
}
}
.delayed_rec_orders-review_details .label {
font: 0.9285714286rem opensans-regular, Arial, Helvetica, sans-serif;
color: #646464;
}
.delayed_rec_orders-review_details .value {
font: 0.9285714286rem opensans-semibold, Arial, Helvetica, sans-serif;
color: #000000;
word-break: break-all;
}
@media only screen and (min-width: 1025px) {
.delayed_rec_orders-review_details .value {
font-size: 1.0714285714rem;
}
}
.delayed_rec_orders-review_details-order {
-ms-flex-align: center;
align-items: center;
}
@media only screen and (max-width: 767px) {
.delayed_rec_orders-review_details-order {
margin-bottom: 20px;
}
}
.delayed_rec_orders-review_details-order .form-group {
display: -ms-flexbox;
display: flex;
}
@media only screen and (min-width: 768px) {
.delayed_rec_orders-review_details-order .form-group {
-ms-flex-direction: column;
flex-direction: column;
margin-right: 7%;
margin-bottom: 20px;
}
}
@media only screen and (max-width: 767px) {
.delayed_rec_orders-review_details-order .form-group {
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
}
}
@media only screen and (max-width: 767px) {
.delayed_rec_orders-review_details-order .form-group + .form-group {
margin-top: 7px;
}
}
@media only screen and (max-width: 767px) {
.delayed_rec_orders-review_details-product .form-group {
margin-top: 0;
margin-bottom: 5px;
}
}
@media only screen and (max-width: 1024px) {
.order_receipt-order_table .delayed_rec_orders-review_details-product .label::after {
content: none;
}
}
.delayed_rec_orders-product_setting {
display: -ms-flexbox;
display: flex;
}
@media only screen and (max-width: 1024px) {
.delayed_rec_orders-product_setting {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 10px;
}
}
.delayed_rec_orders-product_setting .product_card-qty {
-ms-flex: 1;
flex: 1;
}
@media only screen and (min-width: 1025px) {
.delayed_rec_orders-product_setting .form-group + .form-group {
margin-top: 0;
}
}
@media only screen and (max-width: 1024px) {
.delayed_rec_orders-product_setting .delayed_rec_orders-end_ship,
.delayed_rec_orders-product_setting .delayed_rec_orders-next_ship {
max-width: calc(50% - 15px);
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
}
@media only screen and (max-width: 767px) {
.delayed_rec_orders-product_setting .delayed_rec_orders-end_ship,
.delayed_rec_orders-product_setting .delayed_rec_orders-next_ship {
max-width: calc(50% - 7px);
}
}
@media only screen and (min-width: 1025px) {
.delayed_rec_orders-product_setting .delayed_rec_orders-delivery_options {
margin-right: 30px;
}
}
@media only screen and (max-width: 1024px) {
.delayed_rec_orders-product_setting .delayed_rec_orders-delivery_options {
-ms-flex: 1 1 50%;
flex: 1 1 50%;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.delayed_rec_orders-product_setting .delayed_rec_orders-delivery_options {
margin-right: 15px;
}
}
.delayed_rec_orders-product_setting .delayed_rec_orders-next_ship {
margin-right: 14px;
}
@media only screen and (min-width: 768px) {
.delayed_rec_orders-product_setting .delayed_rec_orders-next_ship {
margin-right: 30px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.delayed_rec_orders-product_setting .delayed_rec_orders-next_ship {
margin-right: 15px;
}
}
@media only screen and (max-width: 767px) {
.delayed_rec_orders-delivery_options {
-ms-flex: 1 1 100%;
flex: 1 1 100%;
}
}
.delayed_rec_orders-review_order_btn {
margin-top: 25px;
width: auto;
}
.delayed_rec_orders-review_order_btn-wrap {
text-align: center;
}
@media only screen and (min-width: 768px) {
.delayed_rec_orders-plp .plp-load_more {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
}
}
@media only screen and (min-width: 768px) {
.delayed_rec_orders-plp .delayed_rec_orders-proceed {
margin-right: 30px;
}
}
.delayed_rec_orders-plp .product_tile-title .link, .delayed_rec_orders-plp .product_tile-title .pdp-recommendation-link {
font: 1.2857142857rem / 1.2 brandongrotesque-regular, Arial, Helvetica, sans-serif;
color: #000000;
cursor: default;
}
.delayed_rec_orders-plp .product_tile-title .link:hover, .delayed_rec_orders-plp .product_tile-title .pdp-recommendation-link:hover {
text-decoration: none;
}
.delayed_rec_orders-plp .plp-compact_view {
display: none;
}
.delayed_rec_orders-confirm_rec_products.order_receipt-order_details {
padding: 0;
border-radius: 0;
}
.delayed_rec_orders-confirm_rec_products .product_total {
color: #000000;
font-family: opensans-regular, Arial, Helvetica, sans-serif;
}
.delayed_rec_orders-confirm_rec_products .product-price_strike {
font-size: 0.8571428571rem;
}
.delayed_rec_orders-confirm_rec_products .product_name {
font: 1.2857142857rem / 1.4285714286rem brandongrotesque-regular, Arial, Helvetica, sans-serif;
}
.delayed_rec_orders-confirm_rec_products .order_receipt-order_table .value {
font-size: 1rem;
font-family: opensans-regular, Arial, Helvetica, sans-serif;
}
@media only screen and (min-width: 1025px) {
.delayed_rec_orders-confirm_rec_products .order_receipt-order_table .value {
color: #646464;
}
}
@media only screen and (min-width: 1025px) {
.delayed_rec_orders-confirm_rec_products .order_receipt-product_name,
.delayed_rec_orders-confirm_rec_products .order_receipt-product_main {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
}
}
@media only screen and (min-width: 1025px) {
.delayed_rec_orders-confirm_rec_products .order_receipt-product_total {
padding-right: 10px;
-ms-flex-positive: 1;
flex-grow: 1;
}
}
@media only screen and (max-width: 1024px) {
.delayed_rec_orders-confirm_rec_products .order_receipt-delivery_info {
margin-left: 115px;
}
}
@media only screen and (min-width: 1025px) {
.delayed_rec_orders-confirm_rec_products .order_receipt-delivery_info {
padding-right: 20px;
}
}
@media only screen and (min-width: 1200px) and (-ms-high-contrast: active), (-ms-high-contrast: none) {
html[locale=en_US] .delayed_rec_orders-confirm_rec_products .order_receipt-product_deliveryinfo .label {
white-space: nowrap;
}
}
.delayed_rec_orders-confirm_rec_products .product_card-delivery {
padding-left: 0;
}
@media only screen and (min-width: 1025px) {
.delayed_rec_orders-confirm_rec_products .product_card-delivery .form-group {
margin-top: 10px;
}
}
@media only screen and (min-width: 1025px) {
.delayed_rec_orders-confirm_rec_products .product_card-delivery .label,
.delayed_rec_orders-confirm_rec_products .product_card-delivery .value {
font: 1rem / 1.1428571429rem opensans-regular, Arial, Helvetica, sans-serif;
}
}
.delayed_rec_orders-confirm_rec_products .product_card-delivery .label {
display: inline-block;
}
.delayed_rec_orders-confirm_rec_products .product_card-delivery .value {
color: #000000;
}
.delayed_rec_orders-confirm_rec_products .product_card-delivery .link, .delayed_rec_orders-confirm_rec_products .product_card-delivery .pdp-recommendation-link {
font: 0.8571428571rem / 1rem opensans-regular, Arial, Helvetica, sans-serif;
}
@media only screen and (max-width: 1024px) {
.delayed_rec_orders-confirm_rec_products .product_card-delivery .link, .delayed_rec_orders-confirm_rec_products .product_card-delivery .pdp-recommendation-link {
margin-bottom: 5px;
}
}
@media only screen and (max-width: 1024px) {
.delayed_rec_orders-confirm_rec_products .order_receipt-delivery_info,
.delayed_rec_orders-confirm_rec_products .order_receipt-product_total {
margin-bottom: 5px;
}
}
@media only screen and (max-width: 1024px) {
.delayed_rec_orders-confirm_rec_products .order_receipt-delivery_setting {
margin-left: 115px;
}
}
@media only screen and (min-width: 1025px) {
.delayed_rec_orders-confirm_rec_products .delivery_info-title {
display: none;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.delayed_rec_orders-confirm_rec_products .product_card-bundle-wrapper {
margin-left: 115px;
}
}
@media only screen and (min-width: 1025px) {
.delayed_rec_orders-confirm_rec_products .product_card-bundle-wrapper {
margin-left: 135px;
}
}
@media only screen and (min-width: 1025px) {
.delayed_rec_orders-confirm_rec_products .product_card-bundle {
margin-bottom: 20px;
}
}
.delayed_rec_orders-change_msg {
color: #213858;
padding-bottom: 30px;
font: 1.2857142857rem / 1.4285714286rem brandongrotesque-medium, Arial, Helvetica, sans-serif;
}
@media only screen and (max-width: 1024px) {
.delayed_rec_orders-change_msg {
font: 1.0714285714rem / 1.2142857143rem brandongrotesque-medium, Arial, Helvetica, sans-serif;
}
}
.delayed_rec_orders-update_settings {
margin-bottom: 20px;
}
@media only screen and (min-width: 768px) {
.delayed_rec_orders-update_settings {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
@media only screen and (min-width: 768px) {
.delayed_rec_orders-update_settings-btn {
height: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
}
@media only screen and (min-width: 768px) {
.delayed_rec_orders-update_settings .error_banner {
margin-right: 20px;
-ms-flex: 1;
flex: 1;
}
}
@media only screen and (min-width: 768px) {
.review_products-header_error .delayed_rec_orders-update_settings .error_banner {
margin-bottom: 0;
}
}
.delayed_rec_orders-update_settings .error_banner span:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f169";
}
.delayed_rec_orders-update_settings .error_banner span::before {
margin-right: 5px;
vertical-align: bottom;
}
.product_setting_card-line {
border-radius: 3px;
border: solid 1px #e7e7e7;
padding: 20px 20px 10px;
position: relative;
margin-top: 20px;
}
@media only screen and (max-width: 767px) {
.product_setting_card-line {
padding: 25px 10px 15px;
}
}
@media only screen and (max-width: 767px) {
.product_setting_card-main_info {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
@media only screen and (min-width: 768px) {
.product_setting_card-image {
float: left;
margin-right: 35px;
}
}
.product_setting_card-remove_btn:after {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 12px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f130";
}
.product_setting_card-remove_btn {
position: absolute;
top: 10px;
right: 10px;
line-height: 12px;
font-size: 0;
padding: 10px;
background: transparent;
color: #c5c5c5;
}
@media only screen and (max-width: 767px) {
.product_setting_card-remove_btn {
top: 20px;
}
}
.product_setting_card-info_top {
-ms-flex: 1;
flex: 1;
}
.product_setting_card-info_top > div + div {
margin-top: 5px;
}
@media only screen and (min-width: 768px) {
.product_setting_card-info_top, .product_setting_card-info_bot {
margin-left: 125px;
}
}
.product_setting_card-info_bot {
margin-top: 20px;
}
.product_setting_card-info_bot .delayed_rec_orders-order_setting {
margin-bottom: 0;
padding-bottom: 0;
border-bottom-width: 0;
}
@media only screen and (max-width: 767px) {
.product_setting_card-info_bot .delayed_rec_orders-delivery_options {
margin-left: 15px;
}
}
@media only screen and (max-width: 767px) {
.product_setting_card-info_bot .form-group + .form-group {
margin-top: 10px;
}
}
.product_setting_card .product_card-name {
margin-bottom: 15px;
}
@media only screen and (min-width: 768px) {
.product_setting_card .product_card-name {
margin-left: 125px;
}
}
@media only screen and (max-width: 767px) {
.product_setting_card .product_card-name {
margin-bottom: 25px;
-ms-flex-order: -1;
order: -1;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
padding-right: 45px;
}
}
.product_setting_card .order_receipt-promotion_msg {
margin-left: 0;
}
.product_setting_card .order_receipt-promotion_msg .discount {
margin-top: 0;
}
.product_setting_card .product_card-price-label,
.product_setting_card .product_card-qty-label,
.product_setting_card .product_card-total_price .product-total_price-title {
display: inline-block;
}
.product_setting_card .product_card-price,
.product_setting_card .product_card-qty,
.product_setting_card .product_card-total_price,
.product_setting_card .product_card-delivery {
padding: 0;
}
.product_setting_card .product_card-qty {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 0;
}
@media only screen and (min-width: 768px) {
.product_setting_card .product_card-qty {
margin-right: 30px;
}
}
@media only screen and (min-width: 1200px) {
.product_setting_card .product_card-qty {
-ms-flex: 1;
flex: 1;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.product_setting_card .product_card-qty {
margin-right: 15px;
-ms-flex: 1;
flex: 1;
}
}
.product_setting_card .product_card-qty-label {
margin: 0 0 8px;
}
.product_setting_card .product_card-bundle {
margin-top: 30px;
}
@media only screen and (min-width: 768px) {
.product_setting_card .product_card-bundle {
margin-top: 40px;
}
}
@media only screen and (max-width: 767px) {
.product_setting_card .product_card-bundle {
padding-top: 25px;
border-top: 1px solid #e7e7e7;
}
}
@media only screen and (min-width: 768px) {
.product_setting_card .product_card-bundle-wrapper {
margin-left: 125px;
}
}
@media only screen and (max-width: 1024px) {
.account-recurring_orders {
text-align: center;
}
.account-recurring_orders.account_main-inner {
padding: 0;
}
.account-recurring_orders .account-header,
.account-recurring_orders .rec_order-edit_nickname_form,
.account-recurring_orders .rec_order-status-section {
padding-left: 15px;
padding-right: 15px;
}
}
.account-recurring_orders .account-header {
margin-bottom: 25px;
-ms-flex-pack: start;
justify-content: flex-start;
}
@media only screen and (max-width: 1024px) {
.account-recurring_orders .account-header {
padding-top: 30px;
-ms-flex-direction: column;
flex-direction: column;
}
}
@media only screen and (min-width: 1025px) {
.account-recurring_orders .account-title {
border-right: 1px solid #e7e7e7;
margin-bottom: 0;
margin-right: 20px;
padding-right: 20px;
}
}
@media only screen and (max-width: 1024px) {
.account-recurring_orders .account-title {
word-break: break-word;
}
}
@media only screen and (min-width: 1025px) {
.account-recurring_orders .account-title-rec_order {
display: inline-block;
}
}
.edit_nickname_link:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f13d";
}
.edit_nickname_link {
color: #076795;
font: 1rem / 1 brandongrotesque-medium, Arial, Helvetica, sans-serif;
text-transform: uppercase;
}
.edit_nickname_link::before {
color: #a7bdc8;
margin-right: 10px;
vertical-align: sub;
}
@media only screen and (max-width: 1024px) {
.rec_order-edit_nickname-form {
margin-bottom: 30px;
padding: 35px 15px 0;
}
}
@media only screen and (min-width: 1025px) {
.rec_order-edit_nickname-form {
-ms-flex-align: start;
align-items: flex-start;
display: -ms-flexbox;
display: flex;
margin-bottom: 20px;
}
}
@media only screen and (min-width: 1025px) {
.rec_order-edit_nickname-form .form-control-wrapper {
width: 38%;
}
}
.rec_order-edit_nickname-form .form-message {
color: #c5c5c5;
font: 0.9285714286rem / 1 opensans-regular, Arial, Helvetica, sans-serif;
text-align: left;
}
@media only screen and (max-width: 1024px) {
.rec_order-edit_nickname-actions {
border-bottom: 1px solid #e7e7e7;
margin-top: 18px;
padding-bottom: 20px;
}
}
@media only screen and (min-width: 1025px) {
.rec_order-edit_nickname-actions {
-ms-flex-align: start;
align-items: flex-start;
display: -ms-flexbox;
display: flex;
margin-left: 15px;
}
}
.rec_order-edit_nickname-save {
border-radius: 3px;
padding: 14.5px 20px;
width: 100%;
}
.rec_order-edit_nickname-save.button-disabled, .sales_rep_promo-upload:not(.active) .rec_order-edit_nickname-save.sales_rep_promo-upload-label, .rec_order-edit_nickname-save.button-disabled:hover, .rec_order-edit_nickname-save.button-disabled:focus, .rec_order-edit_nickname-save.button-disabled:active, .rec_order-edit_nickname-save[disabled], .rec_order-edit_nickname-save[disabled]:hover, .rec_order-edit_nickname-save[disabled]:focus, .rec_order-edit_nickname-save[disabled]:active {
background-color: #e7e7e7;
border-color: #e7e7e7;
-webkit-box-shadow: none;
box-shadow: none;
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.rec_order-edit_nickname-save { /* stylelint-disable-line */
background-color: #076795;
border-color: #076795;
color: #ffffff;
}
.rec_order-edit_nickname-save:active {
background-color: #d7e7ef;
border-color: #d7e7ef;
color: #076795;
}
@media only screen and (min-width: 1025px) {
.rec_order-edit_nickname-save:hover {
background-color: #d7e7ef;
border-color: #d7e7ef;
color: #076795;
}
}
.rec_order-edit_nickname-save:active {
-webkit-box-shadow: inset 0 3px 2px rgba(0, 0, 0, 0.12);
box-shadow: inset 0 3px 2px rgba(0, 0, 0, 0.12);
}
.rec_order-edit_nickname-save {
margin-bottom: 15px;
}
@media only screen and (min-width: 1025px) {
.rec_order-edit_nickname-save {
margin-right: 15px;
}
}
.rec_order-edit_nickname-cancel {
border: 1px solid transparent;
cursor: pointer;
display: inline-block;
font: 1rem / 1 brandongrotesque-medium, Arial, Helvetica, sans-serif;
text-align: center;
text-transform: uppercase;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-radius: 3px;
padding: 14.5px 20px;
width: 100%;
}
.rec_order-edit_nickname-cancel.button-disabled, .sales_rep_promo-upload:not(.active) .rec_order-edit_nickname-cancel.sales_rep_promo-upload-label, .rec_order-edit_nickname-cancel.button-disabled:hover, .rec_order-edit_nickname-cancel.button-disabled:focus, .rec_order-edit_nickname-cancel.button-disabled:active, .rec_order-edit_nickname-cancel[disabled], .rec_order-edit_nickname-cancel[disabled]:hover, .rec_order-edit_nickname-cancel[disabled]:focus, .rec_order-edit_nickname-cancel[disabled]:active {
background-color: #e7e7e7;
border-color: #e7e7e7;
-webkit-box-shadow: none;
box-shadow: none;
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.rec_order-edit_nickname-cancel { /* stylelint-disable-line */
background-color: #ffffff;
border-color: #076795;
color: #076795;
}
.rec_order-edit_nickname-cancel:active {
background-color: rgba(7, 103, 149, 0.1);
border-color: #076795;
color: #076795;
}
@media only screen and (min-width: 1025px) {
.rec_order-edit_nickname-cancel:hover {
background-color: rgba(7, 103, 149, 0.1);
border-color: #076795;
color: #076795;
}
}
.rec_order-edit_nickname-cancel:active {
-webkit-box-shadow: inset 0 4px 2px rgba(0, 0, 0, 0.12);
box-shadow: inset 0 4px 2px rgba(0, 0, 0, 0.12);
}
@media only screen and (min-width: 1025px) {
.rec_order-detail_wrapper {
border: 1px solid #e7e7e7;
padding-top: 15px;
}
}
.rec_order-detail_wrapper {
margin-bottom: 10px;
}
@media only screen and (min-width: 1025px) {
.rec_order-detail_wrapper .rec_order-status-section {
padding-bottom: 15px;
}
}
.rec_order-settings-wrapper {
background: #f0f5f7;
padding: 25px 20px;
text-align: center;
}
@media only screen and (min-width: 1025px) {
.rec_order-settings-inner {
border-bottom: 1px solid #e7e7e7;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
padding-bottom: 20px;
margin-bottom: 25px;
}
}
@media only screen and (min-width: 1025px) {
.rec_order-settings-inputs {
display: -ms-flexbox;
display: flex;
-ms-flex: 3;
flex: 3;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
@media only screen and (min-width: 1025px) {
.rec_order-settings-inputs .form-group {
min-width: 140px;
}
}
.rec_order-settings-title, .rec_order-settings-inner {
text-align: left;
}
.rec_order-settings-title {
color: #213858;
font: 1.2857142857rem / 1 brandongrotesque-medium, Arial, Helvetica, sans-serif;
margin-bottom: 20px;
text-transform: uppercase;
}
@media only screen and (min-width: 1025px) {
.rec_order-settings-title {
margin-bottom: 25px;
}
}
.rec_order-settings-payment_method {
margin-bottom: 6px;
font: 1rem / 1 opensans-regular, Arial, Helvetica, sans-serif;
}
.rec_order-settings-payment_method-wrapper {
-ms-flex: 1;
flex: 1;
}
@media only screen and (max-width: 1024px) {
.rec_order-settings-payment_method-wrapper {
padding-bottom: 20px;
}
}
.rec_order-settings-payment_method-label {
color: #213858;
font: 1.0714285714rem / 1 brandongrotesque-medium, Arial, Helvetica, sans-serif;
margin-bottom: 10px;
}
.rec_order-settings-payment_method-card_number {
font: 1rem / 1 opensans-regular, Arial, Helvetica, sans-serif;
}
@media only screen and (max-width: 1024px) {
.rec_order-settings-payment_method-card_number {
margin-bottom: 20px;
}
}
@media only screen and (min-width: 1025px) {
.rec_order-settings-payment_method-card_number {
margin-bottom: 31px;
}
}
.rec_order-settings-update_button {
border: 1px solid transparent;
cursor: pointer;
display: inline-block;
font: 1rem / 1 brandongrotesque-medium, Arial, Helvetica, sans-serif;
text-align: center;
text-transform: uppercase;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-radius: 3px;
padding: 14.5px 20px;
width: 100%;
}
.rec_order-settings-update_button.button-disabled, .sales_rep_promo-upload:not(.active) .rec_order-settings-update_button.sales_rep_promo-upload-label, .rec_order-settings-update_button.button-disabled:hover, .rec_order-settings-update_button.button-disabled:focus, .rec_order-settings-update_button.button-disabled:active, .rec_order-settings-update_button[disabled], .rec_order-settings-update_button[disabled]:hover, .rec_order-settings-update_button[disabled]:focus, .rec_order-settings-update_button[disabled]:active {
background-color: #e7e7e7;
border-color: #e7e7e7;
-webkit-box-shadow: none;
box-shadow: none;
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.rec_order-settings-update_button { /* stylelint-disable-line */
background-color: #ffffff;
border-color: #076795;
color: #076795;
}
.rec_order-settings-update_button:active {
background-color: rgba(7, 103, 149, 0.1);
border-color: #076795;
color: #076795;
}
@media only screen and (min-width: 1025px) {
.rec_order-settings-update_button:hover {
background-color: rgba(7, 103, 149, 0.1);
border-color: #076795;
color: #076795;
}
}
.rec_order-settings-update_button:active {
-webkit-box-shadow: inset 0 4px 2px rgba(0, 0, 0, 0.12);
box-shadow: inset 0 4px 2px rgba(0, 0, 0, 0.12);
}
.rec_order-settings-update_button {
width: auto;
}
.rec_order-change_history_link {
margin-top: 4px;
}
@media only screen and (max-width: 1024px) {
.rec_order-change_history_link {
display: block;
}
}
@media only screen and (max-width: 1024px) {
.rec_order-delivery_options, .rec_order-ship_date-datepicker, .rec_order-settings-payment_method-wrapper {
border-bottom: 1px solid #e7e7e7;
margin-bottom: 25px;
padding-bottom: 25px;
}
}
@media only screen and (min-width: 1025px) {
.rec_order-delivery_options {
-ms-flex: 1;
flex: 1;
margin-right: 15px;
}
}
.rec_order-skip_next_shipment-wrapper {
-ms-flex-align: center;
align-items: center;
display: -ms-flexbox;
display: flex;
}
.rec_order-ship_date-datepicker {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media only screen and (min-width: 1025px) {
.rec_order-ship_date-datepicker:last-child {
margin-right: 30px;
}
}
@media only screen and (min-width: 1025px) {
.rec_order-ship_date-datepicker {
-ms-flex: 2;
flex: 2;
}
.rec_order-ship_date-datepicker.sales_rep_order {
min-width: 50%;
}
}
.rec_order-ship_date-datepicker .form-group + .form-group {
margin-top: 0;
}
@media only screen and (min-width: 1025px) {
.rec_order-next_ship_date-datepicker_wrapper, .rec_order-end_ship_date-datepicker_wrapper {
margin-right: 15px;
}
}
@media only screen and (max-width: 1024px) {
.rec_order-next_ship_date-datepicker_wrapper, .rec_order-end_ship_date-datepicker_wrapper {
max-width: calc(50% - 7px);
}
}
@media only screen and (min-width: 1025px) {
.rec_order-practice_email-wrapper {
margin-right: 15px;
}
}
@media only screen and (max-width: 1024px) {
.rec_order-practice_email-wrapper {
margin-bottom: 25px;
}
}
@media only screen and (max-width: 1024px) {
.rec_order-placed_table {
padding: 25px 15px;
}
}
@media only screen and (min-width: 1025px) {
.rec_order-placed_table {
padding: 25px 0;
}
}
@media only screen and (max-width: 1024px) {
.rec_order-placed_table-item {
-ms-flex-direction: column;
flex-direction: column;
}
.rec_order-placed_table-item .table_min_tl-body_cell {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
@media only screen and (max-width: 1024px) and (max-width: 1024px) {
.rec_order-placed_table-item .table_min_tl-body_cell {
margin-bottom: 15px;
}
}
@media only screen and (max-width: 1024px) {
.rec_order-placed_table-item .value {
font-family: opensans-semibold, Arial, Helvetica, sans-serif;
}
}
@media only screen and (max-width: 1024px) {
.rec_order-placed_table-item .rec_order-placed_table-order_number {
margin-bottom: 25px;
}
}
@media only screen and (max-width: 1024px) {
.rec_order-placed_table-link:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f13f";
}
.rec_order-placed_table-link {
padding-left: 36px;
font-size: 1.1428571429rem;
}
.rec_order-placed_table-link::before {
position: absolute;
left: 0;
color: #a7a7a7;
font-size: 1.8571428571rem;
}
}
@media only screen and (max-width: 1024px) {
.rec_order-placed_table-order_number {
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-order: -1;
order: -1;
}
}
@media only screen and (max-width: 1024px) {
.rec_order-placed_table-order_number .label {
margin-bottom: 5px;
}
}
@media only screen and (max-width: 1024px) {
.rec_order-placed_table-order_number .value {
position: relative;
}
}
@media only screen and (min-width: 1025px) {
.change_history-modal .modal-dialog {
max-width: 830px;
}
}
@media only screen and (max-width: 1024px) {
.change_history-modal .table_min_tl-body_cell {
-ms-flex-align: start;
align-items: flex-start;
}
}
@media only screen and (max-width: 1024px) {
.change_history-modal .table_min_tl-body_cell .label {
word-break: normal;
padding-right: 10px;
}
}
@media only screen and (max-width: 1024px) {
.change_history-modal {
font-size: 1.2857142857rem;
}
}
.change_history-user_mail {
text-transform: lowercase;
}
.change_payment_method-modal .modal-header {
margin-bottom: 30px;
}
.change_payment_method-modal .modal-dialog {
max-width: 630px;
}
.change_payment_method-modal .payment_info-method_title {
display: none;
}
.account-header-rec_orders {
margin-bottom: 25px;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media only screen and (max-width: 1024px) {
.account-header-rec_orders {
-ms-flex-align: stretch;
align-items: stretch;
-ms-flex-direction: column;
flex-direction: column;
}
}
.account-header-rec_orders .account-header_inner {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media only screen and (min-width: 1025px) {
.account-header-rec_orders .account-header_inner {
-ms-flex: 1 0 auto;
flex: 1 0 auto;
-ms-flex-align: center;
align-items: center;
}
}
.account-header-rec_orders .account-title {
margin-bottom: 30px;
}
@media only screen and (min-width: 1025px) {
.account-header-rec_orders .account-title {
margin-bottom: 0;
margin-right: 20px;
padding-right: 20px;
}
}
@media only screen and (max-width: 1024px) {
.account-header-rec_orders .account-title {
text-align: center;
}
}
@media only screen and (max-width: 1024px) {
.account-header-rec_orders .rec_order-refinements {
-ms-flex-positive: 1;
flex-grow: 1;
}
}
@media only screen and (min-width: 1025px) {
.account-header-rec_orders .rec_order-refinements {
margin-left: auto;
}
}
@media only screen and (max-width: 1024px) {
.account-header-rec_orders .rec_order-create {
-ms-flex-positive: 1;
flex-grow: 1;
margin-right: 15px;
}
}
.account-header-rec_orders .rec_order-create_btn {
padding-left: 10px;
padding-right: 10px;
}
.rec_order-link {
padding: 0;
border: 0;
background: none;
background-color: transparent;
background-image: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.rec_order-link::-ms-expand {
display: none;
}
.rec_order-link.link-disabled, .rec_order-link.link-disabled:hover, .rec_order-link.link-disabled:focus, .rec_order-link.link-disabled:active, .rec_order-link[disabled], .rec_order-link[disabled]:hover, .rec_order-link[disabled]:focus, .rec_order-link[disabled]:active {
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.rec_order-link {
display: inline-block;
cursor: pointer;
color: #076795;
}
.rec_order-link:hover, .rec_order-link:active {
text-decoration: underline;
}
.rec_order-link {
color: #076795;
font: 1.1428571429rem / 1 brandongrotesque-regular, Arial, Helvetica, sans-serif;
}
.rec_order-link_additional {
padding: 0;
border: 0;
background: none;
background-color: transparent;
background-image: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.rec_order-link_additional::-ms-expand {
display: none;
}
.rec_order-link_additional.link-disabled, .rec_order-link_additional.link-disabled:hover, .rec_order-link_additional.link-disabled:focus, .rec_order-link_additional.link-disabled:active, .rec_order-link_additional[disabled], .rec_order-link_additional[disabled]:hover, .rec_order-link_additional[disabled]:focus, .rec_order-link_additional[disabled]:active {
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.rec_order-link_additional {
display: inline-block;
cursor: pointer;
color: #076795;
}
.rec_order-link_additional:hover, .rec_order-link_additional:active {
text-decoration: underline;
}
.rec_order-link_additional {
color: #076795;
font: 0.8571428571rem / 1 opensans-semibold, Arial, Helvetica, sans-serif;
text-decoration: underline;
}
.rec_order-link_additional:hover, .rec_order-link_additional:active {
text-decoration: none;
}
@media print, only screen and (min-width: 1025px) {
.rec_order-status {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex: 1;
flex: 1; /* stylelint-disable-line */
}
.rec_order-status:first-child {
padding-left: 20px;
}
.rec_order-status:last-child {
padding-right: 20px;
}
}
@media only screen and (max-width: 1024px) {
.rec_order-status {
-ms-flex-align: center;
align-items: center;
}
}
.rec_order-status {
font-family: opensans-regular, Arial, Helvetica, sans-serif;
word-break: break-word;
}
.rec_order-status .label {
color: #646464;
}
.rec_order-status .value {
color: #000000;
}
@media print, only screen and (min-width: 1025px) {
.rec_order-status {
padding: 20px 10px 20px 0;
}
.rec_order-status .label {
display: none;
}
.rec_order-status .value {
color: #646464;
}
}
@media only screen and (max-width: 1024px) {
.rec_order-status {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 15px;
}
.rec_order-status:last-child {
margin-bottom: 0;
}
.rec_order-status .value {
text-align: right;
}
}
@media only screen and (max-width: 1024px) {
.rec_order-status {
-ms-flex-align: start;
align-items: flex-start;
}
}
@media only screen and (min-width: 1025px) {
.rec_order-status {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
-ms-flex-direction: column;
flex-direction: column;
}
}
@media only screen and (max-width: 1024px) {
.rec_order-status-section {
padding-bottom: 20px;
}
}
@media only screen and (min-width: 1025px) {
.rec_order-status-section {
-ms-flex-align: start;
align-items: flex-start;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
padding-left: 20px;
padding-bottom: 30px;
padding-right: 20px;
}
}
.rec_order-status .label {
display: block;
font: 0.9285714286rem / 1 opensans-regular, Arial, Helvetica, sans-serif;
}
@media only screen and (max-width: 1024px) {
.rec_order-status .label {
text-align: left;
}
}
@media only screen and (min-width: 1025px) {
.rec_order-status .label {
margin-bottom: 7px;
}
}
.rec_order-status .value {
color: #000000;
font: 0.9285714286rem / 1 opensans-semibold, Arial, Helvetica, sans-serif;
}
@media only screen and (min-width: 1025px) {
.rec_order-status .value {
font-size: 1.0714285714rem;
}
}
.rec_order-control {
text-transform: capitalize;
font: 1.1428571429rem brandongrotesque-regular, Arial, Helvetica, sans-serif;
}
@media only screen and (min-width: 1025px) {
.rec_order-control {
padding: 0;
border: 0;
background: none;
background-color: transparent;
background-image: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.rec_order-control::-ms-expand {
display: none;
}
.rec_order-control.link-disabled, .rec_order-control.link-disabled:hover, .rec_order-control.link-disabled:focus, .rec_order-control.link-disabled:active, .rec_order-control[disabled], .rec_order-control[disabled]:hover, .rec_order-control[disabled]:focus, .rec_order-control[disabled]:active {
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.rec_order-control {
display: inline-block;
cursor: pointer;
color: #076795;
}
.rec_order-control:hover, .rec_order-control:active {
text-decoration: underline;
}
}
@media only screen and (max-width: 1024px) {
.rec_order-control {
border: 1px solid transparent;
cursor: pointer;
display: inline-block;
font: 1rem / 1 brandongrotesque-medium, Arial, Helvetica, sans-serif;
text-align: center;
text-transform: uppercase;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-radius: 3px;
padding: 14.5px 20px;
width: 100%;
}
.rec_order-control.button-disabled, .sales_rep_promo-upload:not(.active) .rec_order-control.sales_rep_promo-upload-label, .rec_order-control.button-disabled:hover, .rec_order-control.button-disabled:focus, .rec_order-control.button-disabled:active, .rec_order-control[disabled], .rec_order-control[disabled]:hover, .rec_order-control[disabled]:focus, .rec_order-control[disabled]:active {
background-color: #e7e7e7;
border-color: #e7e7e7;
-webkit-box-shadow: none;
box-shadow: none;
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.rec_order-control { /* stylelint-disable-line */
background-color: #ffffff;
border-color: #076795;
color: #076795;
}
.rec_order-control:active {
background-color: rgba(7, 103, 149, 0.1);
border-color: #076795;
color: #076795;
}
.rec_order-control {
margin-right: 15px;
}
}
@media only screen and (max-width: 1024px) and (min-width: 1025px) {
.rec_order-control:hover {
background-color: rgba(7, 103, 149, 0.1);
border-color: #076795;
color: #076795;
}
}
@media only screen and (max-width: 1024px) {
.rec_order-control:active {
-webkit-box-shadow: inset 0 4px 2px rgba(0, 0, 0, 0.12);
box-shadow: inset 0 4px 2px rgba(0, 0, 0, 0.12);
}
}
.rec_order-control-section {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 0 20px;
}
@media only screen and (max-width: 1024px) {
.rec_order-control-wrapper {
margin-top: 30px;
}
}
@media only screen and (min-width: 1025px) {
.rec_order-control-wrapper {
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-item-align: center;
align-self: center;
display: -ms-flexbox;
display: flex;
margin-left: auto;
}
}
.rec_order-control-inner {
-ms-flex-align: center;
align-items: center;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media only screen and (max-width: 1024px) {
.rec_order-control-inner {
margin-bottom: 15px;
}
}
@media only screen and (min-width: 1025px) {
.rec_order-control-inner + .rec_order-control-inner {
margin-left: 30px;
}
.rec_order-control-inner {
font-size: 1.1428571429rem;
}
}
.rec_order-products-wrapper {
padding: 35px 20px 25px;
text-align: left;
}
.rec_order-products-total_quantity {
color: #646464;
font: 1rem / 1 opensans-regular, Arial, Helvetica, sans-serif;
}
.rec_order-products-line_item {
border-top: 1px solid #e7e7e7;
display: -ms-flexbox;
display: flex;
margin-top: 10px;
padding-top: 20px;
}
.rec_order-products-line_item-image {
-ms-flex-negative: 0;
flex-shrink: 0;
max-width: 100px;
}
.rec_order-products-line_item-info {
padding-left: 15px;
}
.rec_order-products-line_item-info b {
font: 1rem / 1.4 opensans-semibold, Arial, Helvetica, sans-serif;
}
.rec_order-products-line_item-sku {
margin-bottom: 5px;
}
.rec_order-products-line_item-name {
font: 1.2857142857rem / 1.2 brandongrotesque-regular, Arial, Helvetica, sans-serif;
margin-bottom: 20px;
}
.rec_order-products-line_item-quantity, .rec_order-products-line_item-price, .rec_order-products-line_item-est_delivery_date, .rec_order-products-line_item-shipping_method {
font: 1rem / 1 opensans-regular, Arial, Helvetica, sans-serif;
margin-bottom: 10px;
}
.rec_order-products-line_item-change_free_product {
font-size: 1.1428571429rem;
}
.rec_order-manage_delivery_dates-inner, .rec_order-skip_next_shipment-inner {
margin-top: 10px;
}
.rec_order-manage_delivery_dates-wrapper {
-ms-flex: 1 1 100%;
flex: 1 1 100%;
}
.rec_order-no_result {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: center;
align-items: center;
}
.rec_order-no_result-text, .account_recommended-no_result-text {
font-size: 1.2857142857rem;
margin-bottom: 30px;
}
.rec_order-no_result .rec_order-create_btn {
width: auto;
}
.account-rec_order-list .rec_order-create_btn {
border: 1px solid transparent;
cursor: pointer;
display: inline-block;
font: 1rem / 1 brandongrotesque-medium, Arial, Helvetica, sans-serif;
text-align: center;
text-transform: uppercase;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-radius: 3px;
padding: 14.5px 20px;
width: 100%;
}
.account-rec_order-list .rec_order-create_btn.button-disabled, .account-rec_order-list .sales_rep_promo-upload:not(.active) .rec_order-create_btn.sales_rep_promo-upload-label, .sales_rep_promo-upload:not(.active) .account-rec_order-list .rec_order-create_btn.sales_rep_promo-upload-label, .account-rec_order-list .rec_order-create_btn.button-disabled:hover, .account-rec_order-list .rec_order-create_btn.button-disabled:focus, .account-rec_order-list .rec_order-create_btn.button-disabled:active, .account-rec_order-list .rec_order-create_btn[disabled], .account-rec_order-list .rec_order-create_btn[disabled]:hover, .account-rec_order-list .rec_order-create_btn[disabled]:focus, .account-rec_order-list .rec_order-create_btn[disabled]:active {
background-color: #e7e7e7;
border-color: #e7e7e7;
-webkit-box-shadow: none;
box-shadow: none;
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.account-rec_order-list .rec_order-create_btn { /* stylelint-disable-line */
background-color: #076795;
border-color: #076795;
color: #ffffff;
}
.account-rec_order-list .rec_order-create_btn:active {
background-color: #d7e7ef;
border-color: #d7e7ef;
color: #076795;
}
@media only screen and (min-width: 1025px) {
.account-rec_order-list .rec_order-create_btn:hover {
background-color: #d7e7ef;
border-color: #d7e7ef;
color: #076795;
}
}
.account-rec_order-list .rec_order-create_btn:active {
-webkit-box-shadow: inset 0 3px 2px rgba(0, 0, 0, 0.12);
box-shadow: inset 0 3px 2px rgba(0, 0, 0, 0.12);
}
.account-rec_order-list .rec_order-create_btn {
display: block;
text-transform: uppercase;
}
.account-rec_order-list .rec_order-status-section {
padding: 20px 10px 15px;
}
@media only screen and (max-width: 1024px) {
.account-rec_order-list .rec_order-status-section {
-ms-flex-align: stretch;
align-items: stretch;
-ms-flex-direction: column;
flex-direction: column;
}
}
@media only screen and (min-width: 1025px) {
.account-rec_order-list .rec_order-status-section {
padding: 0;
}
}
@media only screen and (min-width: 1025px) {
.account-rec_order-list .rec_order-status {
min-width: 10%;
}
}
@media only screen and (max-width: 1024px) {
.account-rec_order-list .slide_flyout-content {
-ms-flex-pack: start;
justify-content: flex-start;
}
}
@media only screen and (max-width: 1024px) {
.account-rec_order-list .rec_order-control-section {
-ms-flex-align: stretch;
align-items: stretch;
-ms-flex-direction: column;
flex-direction: column;
padding: 0 10px;
}
}
.account-rec_order-list .rec_order-control-wrapper {
padding-top: 0;
}
@media only screen and (min-width: 1025px) {
.account-rec_order-list .rec_order-control-wrapper {
margin-left: 0;
}
}
.account-rec_order-list .rec_order-products-wrapper {
padding-top: 0;
}
.account-rec_order-list .rec_order-list_pagination {
display: -ms-flexbox;
display: flex;
margin-top: 30px;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media only screen and (max-width: 1024px) {
.account-rec_order-list .rec_order-list_pagination {
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: center;
align-items: center;
}
}
@media only screen and (max-width: 1024px) {
.account-rec_order-list .rec_order-list_pagination .rec_order-create {
margin-bottom: 30px;
}
}
@media only screen and (min-width: 1025px) {
.account-rec_order-list .rec_order-status-last_mod {
max-width: 18%;
}
}
.account-rec_order-list .rec_order-status-last_mod .value {
word-break: break-all;
}
@media only screen and (min-width: 768px) {
.rec_order-filter {
position: relative;
}
.rec_order-filter::before, .rec_order-filter::after {
content: "";
position: absolute;
bottom: -100%;
}
.rec_order-filter::after {
border: 12px solid transparent;
border-bottom-color: #ffffff;
border-top-width: 0;
left: auto;
right: 13px;
z-index: 7;
}
.rec_order-filter::before {
background-color: transparent;
-webkit-box-shadow: 0 5px 38px rgba(0, 0, 0, 0.1);
box-shadow: 0 5px 38px rgba(0, 0, 0, 0.1);
height: 18px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
width: 18px;
z-index: 1;
right: 16px;
}
.rec_order-filter-wrapper {
-webkit-box-shadow: 0 5px 38px rgba(0, 0, 0, 0.1);
box-shadow: 0 5px 38px rgba(0, 0, 0, 0.1);
left: auto;
position: absolute;
right: 0;
top: calc(100% + 20px);
width: 300px;
}
.rec_order-filter-wrapper::before {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: #ffffff;
content: "";
z-index: -1;
}
.rec_order-filter-wrapper,
.rec_order-filter::before,
.rec_order-filter::after {
visibility: hidden;
opacity: 0;
-webkit-transition: visibility 0s, opacity 0s;
transition: visibility 0s, opacity 0s;
}
.rec_order-filter.m-flyout-selected .rec_order-filter-wrapper {
visibility: visible;
opacity: 1;
-webkit-transition: visibility 0s, opacity 0.5s, bottom 0.2s;
transition: visibility 0s, opacity 0.5s, bottom 0.2s;
}
.rec_order-filter.m-flyout-selected::before,
.rec_order-filter.m-flyout-selected::after {
visibility: visible;
opacity: 1;
-webkit-transition: visibility 0s, opacity 0.5s, bottom 0.2s;
transition: visibility 0s, opacity 0.5s, bottom 0.2s;
}
.rec_order-filter.m-flyout-selected::before {
bottom: -29px;
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.rec_order-filter.m-flyout-selected::after {
bottom: -20px;
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
}
}
@media only screen and (max-width: 1024px) {
.rec_order-filter-btn {
border: 1px solid transparent;
cursor: pointer;
display: inline-block;
font: 1rem / 1 brandongrotesque-medium, Arial, Helvetica, sans-serif;
text-align: center;
text-transform: uppercase;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-radius: 3px;
padding: 14.5px 20px;
width: 100%;
}
.rec_order-filter-btn.button-disabled, .sales_rep_promo-upload:not(.active) .rec_order-filter-btn.sales_rep_promo-upload-label, .rec_order-filter-btn.button-disabled:hover, .rec_order-filter-btn.button-disabled:focus, .rec_order-filter-btn.button-disabled:active, .rec_order-filter-btn[disabled], .rec_order-filter-btn[disabled]:hover, .rec_order-filter-btn[disabled]:focus, .rec_order-filter-btn[disabled]:active {
background-color: #e7e7e7;
border-color: #e7e7e7;
-webkit-box-shadow: none;
box-shadow: none;
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.rec_order-filter-btn { /* stylelint-disable-line */
background-color: #ffffff;
border-color: #076795;
color: #076795;
}
.rec_order-filter-btn:active {
background-color: rgba(7, 103, 149, 0.1);
border-color: #076795;
color: #076795;
}
.rec_order-filter-btn {
text-transform: uppercase;
line-height: 1rem;
}
}
@media only screen and (max-width: 1024px) and (min-width: 1025px) {
.rec_order-filter-btn:hover {
background-color: rgba(7, 103, 149, 0.1);
border-color: #076795;
color: #076795;
}
}
@media only screen and (max-width: 1024px) {
.rec_order-filter-btn:active {
-webkit-box-shadow: inset 0 4px 2px rgba(0, 0, 0, 0.12);
box-shadow: inset 0 4px 2px rgba(0, 0, 0, 0.12);
}
}
@media only screen and (min-width: 1025px) {
.rec_order-filter-btn {
-ms-flex-align: center;
align-items: center;
cursor: pointer;
display: -ms-flexbox;
display: flex;
font: 1.1428571429rem brandongrotesque-regular, Arial, Helvetica, sans-serif;
color: #076795;
margin-right: 15px;
position: relative;
border-bottom: 1px solid #076795;
}
.rec_order-filter-btn::after {
position: absolute;
top: 50%;
right: -15px;
border: 5px solid transparent;
border-top-color: #076795;
border-bottom-width: 0;
content: "";
width: 10px;
}
}
@media only screen and (max-width: 767px) {
.rec_order-filter-content.m-scroll {
height: 100%;
overflow-y: auto;
}
}
.rec_order-filter-wrapper {
background-color: #ffffff;
z-index: 3;
}
@media only screen and (max-width: 767px) {
.rec_order-filter-wrapper {
padding-top: 90px;
top: 0;
bottom: 0;
left: 100%;
width: 100%;
}
.m-flyout-selected .rec_order-filter-wrapper {
-webkit-transition: left 0s ease 0s;
transition: left 0s ease 0s;
left: 0;
}
}
.rec_order-filter-header {
position: relative;
margin: 30px 20px;
}
.rec_order-filter-close {
font-size: 0;
}
@media only screen and (max-width: 767px) {
.rec_order-filter-close:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f126";
}
.rec_order-filter-close {
position: absolute;
top: 0;
left: 0;
}
}
@media only screen and (min-width: 768px) {
.rec_order-filter-close:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f130";
}
.rec_order-filter-close {
position: absolute;
top: 0;
right: 0;
line-height: 12px;
padding: 10px;
margin: -6px -12px 0 0;
background: transparent;
}
}
.rec_order-filter-close::before {
color: #646464;
font-size: 0.8571428571rem;
}
@media only screen and (max-width: 767px) {
.rec_order-filter-close::before {
font-size: 2.0714285714rem;
}
}
.rec_order-filter-title {
font-size: 1.2857142857rem;
}
@media only screen and (max-width: 767px) {
.rec_order-filter-title {
margin-left: 45px;
}
}
.rec_order-filter-inner {
padding: 0 20px 20px;
}
.rec_order-filter-apply {
border-radius: 3px;
padding: 14.5px 20px;
width: 100%;
}
.rec_order-filter-apply.button-disabled, .sales_rep_promo-upload:not(.active) .rec_order-filter-apply.sales_rep_promo-upload-label, .rec_order-filter-apply.button-disabled:hover, .rec_order-filter-apply.button-disabled:focus, .rec_order-filter-apply.button-disabled:active, .rec_order-filter-apply[disabled], .rec_order-filter-apply[disabled]:hover, .rec_order-filter-apply[disabled]:focus, .rec_order-filter-apply[disabled]:active {
background-color: #e7e7e7;
border-color: #e7e7e7;
-webkit-box-shadow: none;
box-shadow: none;
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.rec_order-filter-apply { /* stylelint-disable-line */
background-color: #076795;
border-color: #076795;
color: #ffffff;
}
.rec_order-filter-apply:active {
background-color: #d7e7ef;
border-color: #d7e7ef;
color: #076795;
}
@media only screen and (min-width: 1025px) {
.rec_order-filter-apply:hover {
background-color: #d7e7ef;
border-color: #d7e7ef;
color: #076795;
}
}
.rec_order-filter-apply:active {
-webkit-box-shadow: inset 0 3px 2px rgba(0, 0, 0, 0.12);
box-shadow: inset 0 3px 2px rgba(0, 0, 0, 0.12);
}
.rec_order-filter-apply {
margin-top: 30px;
}
.rec_order-filter-footer {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
padding: 20px;
background-color: #f7f9f9;
}
.rec_order-filter-clear {
font-size: 1.1428571429rem;
color: #076795;
text-transform: capitalize;
background-color: #f7f9f9;
}
.rec_order-wrapper {
border-width: 0 1px 1px 1px;
border-style: solid;
border-color: #e7e7e7;
}
.rec_order-wrapper:first-child {
border-top-width: 1px;
}
.rec_order-wrapper.expanded-details .rec_order-row_header {
background-color: #f0f5f7;
}
.rec_order-wrapper.expanded-details .rec_order-row_header .rec_order-row_count,
.rec_order-wrapper.expanded-details .rec_order-row_header .rec_order-ships_on,
.rec_order-wrapper.expanded-details .rec_order-row_header .rec_order-total {
display: none;
}
.rec_order-wrapper.expanded-details .rec_order-row_id {
color: #076795;
}
.rec_order-wrapper.expanded-details .rec_order-row_id::before {
border-left-color: #076795;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.rec_order-row_header {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 10px;
-ms-flex-pack: justify;
justify-content: space-between;
font: 1.2857142857rem brandongrotesque-regular, Arial, Helvetica, sans-serif;
}
@media only screen and (max-width: 1024px) {
.rec_order-row_header {
-ms-flex-direction: column;
flex-direction: column;
}
}
@media only screen and (min-width: 1025px) {
.rec_order-row_header {
padding: 20px;
}
}
.m-p3 .rec_order-row_header {
background-color: #f7f9f9;
border: 1px solid #e7e7e7;
border-top: 0;
text-transform: capitalize;
}
@media only screen and (max-width: 1024px) {
.m-p3 .rec_order-row_header {
border: 0;
background-color: #e7e7e7;
}
}
@media only screen and (max-width: 1024px) {
.rec_order-row_header .rec_order-row_count,
.rec_order-row_header .rec_order-ships_on,
.rec_order-row_header .rec_order-total {
padding-top: 10px;
padding-left: 20px;
}
}
@media only screen and (min-width: 1025px) {
.rec_order-ships_on {
margin-right: auto;
padding-left: 5px;
}
}
@media only screen and (max-width: 1024px) {
.rec_order-ships_on .dashboard_rec_orders-ships_on {
margin: 0;
}
}
@media only screen and (min-width: 1025px) {
.rec_order-total {
margin-right: 30px;
width: 10%;
text-align: right;
}
}
.rec_order-row_count {
font: 1.1428571429rem brandongrotesque-regular, Arial, Helvetica, sans-serif;
color: #646464;
}
@media only screen and (min-width: 1025px) {
.rec_order-row_count {
min-width: 10%;
text-align: right;
}
}
.rec_order-row_id {
position: relative;
padding-left: 20px;
color: #000000;
word-break: break-all;
}
.rec_order-row_id::before {
border: 5px solid transparent;
border-left-color: #000000;
border-right-width: 0;
position: absolute;
top: 8px;
left: 0;
content: "";
width: 10px;
height: 10px;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
-webkit-transform: rotate(0);
transform: rotate(0);
}
.rec_order-manage_order {
border: 1px solid transparent;
cursor: pointer;
display: inline-block;
font: 1rem / 1 brandongrotesque-medium, Arial, Helvetica, sans-serif;
text-align: center;
text-transform: uppercase;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-radius: 3px;
padding: 14.5px 20px;
width: 100%;
}
.rec_order-manage_order.button-disabled, .sales_rep_promo-upload:not(.active) .rec_order-manage_order.sales_rep_promo-upload-label, .rec_order-manage_order.button-disabled:hover, .rec_order-manage_order.button-disabled:focus, .rec_order-manage_order.button-disabled:active, .rec_order-manage_order[disabled], .rec_order-manage_order[disabled]:hover, .rec_order-manage_order[disabled]:focus, .rec_order-manage_order[disabled]:active {
background-color: #e7e7e7;
border-color: #e7e7e7;
-webkit-box-shadow: none;
box-shadow: none;
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.rec_order-manage_order { /* stylelint-disable-line */
background-color: #076795;
border-color: #076795;
color: #ffffff;
}
.rec_order-manage_order:active {
background-color: #d7e7ef;
border-color: #d7e7ef;
color: #076795;
}
@media only screen and (min-width: 1025px) {
.rec_order-manage_order:hover {
background-color: #d7e7ef;
border-color: #d7e7ef;
color: #076795;
}
}
.rec_order-manage_order:active {
-webkit-box-shadow: inset 0 3px 2px rgba(0, 0, 0, 0.12);
box-shadow: inset 0 3px 2px rgba(0, 0, 0, 0.12);
}
.rec_order-manage_order {
display: block;
}
@media only screen and (min-width: 1025px) {
.rec_order-manage_order.button-disabled, .sales_rep_promo-upload:not(.active) .rec_order-manage_order.sales_rep_promo-upload-label, .rec_order-manage_order.button-disabled:hover, .rec_order-manage_order.button-disabled:focus, .rec_order-manage_order.button-disabled:active, .rec_order-manage_order[disabled], .rec_order-manage_order[disabled]:hover, .rec_order-manage_order[disabled]:focus, .rec_order-manage_order[disabled]:active {
background-color: #e7e7e7;
border-color: #e7e7e7;
-webkit-box-shadow: none;
box-shadow: none;
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.rec_order-manage_order { /* stylelint-disable-line */
background-color: #ffffff;
border-color: #076795;
color: #076795;
}
.rec_order-manage_order:active {
background-color: rgba(7, 103, 149, 0.1);
border-color: #076795;
color: #076795;
}
}
@media only screen and (min-width: 1025px) and (min-width: 1025px) {
.rec_order-manage_order:hover {
background-color: rgba(7, 103, 149, 0.1);
border-color: #076795;
color: #076795;
}
}
@media only screen and (min-width: 1025px) {
.rec_order-manage_order:active {
-webkit-box-shadow: inset 0 4px 2px rgba(0, 0, 0, 0.12);
box-shadow: inset 0 4px 2px rgba(0, 0, 0, 0.12);
}
}
.rec_order_frequency-modal .modal-header {
padding-bottom: 30px;
}
.rec_order_frequency-modal .modal-footer {
text-align: center;
}
.rec_order_frequency-modal .modal-footer .button {
width: auto;
}
.rec_order_frequency-set_mode .form-control {
padding-right: 30px;
}
.rec_order_frequency-set_mode .rec_order_frequency-item_text {
padding-left: 10px;
display: -ms-inline-flexbox;
display: inline-flex;
position: relative;
}
.rec_order_frequency-set_mode .icon-close {
position: absolute;
top: 15px;
right: 10px;
}
.rec_order_frequency-set_mode .rec_order_frequency-list {
max-width: 300px;
margin: 0 auto;
}
.rec_order_frequency-form {
display: -ms-flexbox;
display: flex;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 30px;
}
.rec_order_frequency-form .button,
.rec_order_frequency-form .form-group {
width: calc(50% - 10px);
}
.rec_order_frequency-form .form-control-label {
-ms-flex: 1 1 100%;
flex: 1 1 100%;
}
.rec_order_frequency-set_action {
margin-bottom: 15px;
text-align: center;
}
.rec_order_frequency-set_action .rec_order-link {
text-decoration: underline;
}
.rec_order_frequency-set_action .rec_order-link:hover {
text-decoration: none;
}
.rec_order_frequency-name {
padding-bottom: 20px;
color: #646464;
font: 1rem / 1.1428571429rem opensans-regular, Arial, Helvetica, sans-serif;
}
.rec_order_frequency-list_wrap {
padding: 30px 0;
margin: 0 -30px;
background-color: #f7f9f9;
}
.rec_order_frequency-list {
overflow-y: auto;
padding: 0 30px 0 60px;
max-height: 310px;
}
.rec_order_frequency-item {
color: #646464;
list-style-type: decimal;
list-style-position: outside;
font: 1.1428571429rem opensans-regular, Arial, Helvetica, sans-serif;
}
@media screen and (-ms-high-contrast: none) {
.rec_order_frequency-item { /* stylelint-disable-line */
font: 1.1428571429rem / 1.4285714286rem opensans-regular, Arial, Helvetica, sans-serif;
}
}
.rec_order_frequency-item + .rec_order_frequency-item {
padding-top: 10px;
}
.rec_order_frequency-item_text {
font-size: 1rem;
color: #000000;
padding-left: 20px;
}
.rec_order_frequency-item_text .form-control {
width: auto;
}
.account_recommended-subitem {
display: none;
background: #ffffff;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
min-width: 100%;
}
@media only screen and (max-width: 1024px) {
.account_recommended-info {
margin-top: 50px;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
}
}
.account_recommended-info .error_banner {
margin: 0 20px 20px;
max-width: 100%;
}
@media only screen and (max-width: 1024px) {
.account_recommended-info .error_banner {
-ms-flex-order: -1;
order: -1;
margin: -25px 0 40px;
}
}
.account_recommended-info .error_banner-text {
padding: 14px 20px;
}
.account_recommended-info .tooltip-link {
padding: 0;
margin-left: 2px;
display: inline-block;
}
@media only screen and (min-width: 1025px) {
.account_recommended-info .tooltip-link {
top: -2px;
}
}
.account_recommended-actions {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: center;
align-items: center;
padding: 20px 0;
margin: 0 20px;
border-bottom: none;
}
@media only screen and (max-width: 1024px) {
.account_recommended-actions {
-ms-flex-direction: column;
flex-direction: column;
background: #f7f9f9;
margin: -20px;
padding: 20px;
}
}
.account_recommended-actions_top {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
white-space: nowrap;
}
@media only screen and (max-width: 1024px) {
.account_recommended-actions_top {
min-width: 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
-ms-flex-direction: row;
flex-direction: row;
}
}
.account_recommended-actions_top .button + .button {
margin-left: 15px;
}
@media only screen and (max-width: 1024px) {
.account_recommended-actions_bottom {
margin-top: 20px;
padding-top: 15px;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
min-width: 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
border-top: 1px solid #e7e7e7;
}
}
@media only screen and (max-width: 1024px) {
.account_recommended-actions_bottom-item {
padding: 0;
border: none;
}
.account_recommended-actions_bottom-item:first-of-type {
border-right: 1px solid #e7e7e7;
}
}
.account_recommended-share:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 18px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f162";
}
.account_recommended-share {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
color: #646464;
text-transform: uppercase;
}
@media only screen and (max-width: 1024px) {
.account_recommended-share {
-ms-flex-pack: center;
justify-content: center;
margin-right: 28px;
}
}
.account_recommended-share:hover {
color: #000000;
}
.account_recommended-share::before {
margin-right: 6px;
}
.account_recommended-share[disabled] {
opacity: 0.7;
pointer-events: none;
}
.account_recommended-delete:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 18px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f138";
}
.account_recommended-delete {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
color: #646464;
text-transform: uppercase;
}
@media only screen and (min-width: 1025px) {
.account_recommended-delete {
margin-left: 30px;
}
}
@media only screen and (max-width: 1024px) {
.account_recommended-delete {
-ms-flex-pack: center;
justify-content: center;
margin-left: 28px;
}
}
.account_recommended-delete:hover {
color: #000000;
}
.account_recommended-delete::before {
margin-right: 6px;
}
.account_recommended-delete[disabled] {
opacity: 0.7;
pointer-events: none;
}
.account_recommended .account_recommended-item {
padding: 20px 0;
}
@media only screen and (max-width: 1024px) {
.account_recommended-item {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.account_recommended-item + .account_recommended-item {
border-top: 1px solid #e7e7e7;
}
@media only screen and (min-width: 1025px) {
.account_recommended-list {
margin: 0 20px;
border-top: 1px solid #e7e7e7;
}
}
@media only screen and (max-width: 1024px) {
.account_recommended-list {
margin-top: 40px;
}
}
@media only screen and (min-width: 1025px) {
.account_recommended-general-item.expanded {
background: #f7f9f9;
}
}
.account_recommended-general-item.expanded .account_recommended-subitem {
display: block;
}
.account_recommended-general-item.expanded .arrow-icon {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
margin-top: 5px;
}
@media only screen and (max-width: 1023px) {
.account_recommended-general-item .expand_details {
top: 10px;
}
}
@media only screen and (max-width: 767px) {
.account_recommended-general-item .expand_details {
top: 30px;
}
}
@media only screen and (min-width: 1025px) {
.account_recommended-date, .account_recommended-name, .account_recommended-created_by, .account_recommended-last_used {
cursor: pointer;
}
}
@media only screen and (max-width: 1024px) {
.account_recommended-date, .account_recommended-name, .account_recommended-created_by, .account_recommended-last_used, .account_recommended-tax, .account_recommended-total, .account_recommended-promo_message {
font: 1rem / 1.1428571429rem opensans-regular, Arial, Helvetica, sans-serif;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: start;
align-items: flex-start;
min-width: 100%;
}
.account_recommended-date .label, .account_recommended-name .label, .account_recommended-created_by .label, .account_recommended-last_used .label, .account_recommended-tax .label, .account_recommended-total .label, .account_recommended-promo_message .label {
margin-right: 10px;
color: #646464;
}
.account_recommended-date .value, .account_recommended-name .value, .account_recommended-created_by .value, .account_recommended-last_used .value, .account_recommended-tax .value, .account_recommended-total .value, .account_recommended-promo_message .value {
color: #646464;
}
}
.account_recommended-promo_message .label {
color: #a7a7a7;
}
.account_recommended-total .label,
.account_recommended-total .value {
font: 1.1428571429rem / 1.2857142857rem brandongrotesque-regular, Arial, Helvetica, sans-serif;
color: #434343;
}
.account_recommended-date .value {
display: -ms-flexbox;
display: flex;
-ms-flex-align: start;
align-items: flex-start;
}
@media only screen and (min-width: 1025px) {
.account_recommended-date .arrow-icon {
border: 6px solid transparent;
border-left-color: #213858;
border-right-width: 0;
content: "";
margin-top: 5px;
-webkit-transition: -webkit-transform 0.2s ease 0s;
transition: -webkit-transform 0.2s ease 0s;
transition: transform 0.2s ease 0s;
transition: transform 0.2s ease 0s, -webkit-transform 0.2s ease 0s;
margin-right: 15px;
width: 10px;
}
}
@media only screen and (max-width: 1024px) {
.account_recommended-name {
-ms-flex-order: -1;
order: -1;
margin-bottom: 20px;
min-width: calc(100% - 40px);
max-width: calc(100% - 40px);
width: calc(100% - 40px);
min-height: 32px;
}
.account_recommended-name .label {
white-space: nowrap;
}
}
@media only screen and (max-width: 1024px) {
.account_recommended-date, .account_recommended-created_by, .account_recommended-last_used, .account_recommended-tax, .account_recommended-total {
margin-bottom: 15px;
}
}
.account_recommended-description {
width: 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
}
@media only screen and (max-width: 1024px) {
.account_recommended-description {
width: calc(100% - 100px);
-ms-flex: 0 0 calc(100% - 100px);
flex: 0 0 calc(100% - 100px);
}
}
.account_recommended-img_wrap {
width: 16%;
-ms-flex: 0 0 16%;
flex: 0 0 16%;
}
@media only screen and (max-width: 1024px) {
.account_recommended-img_wrap {
width: 100%;
-ms-flex: 0 0 100px;
flex: 0 0 100px;
}
}
.account_recommended-product-error {
margin-top: 10px;
}
.account_recommended-product-details {
margin-left: auto;
width: 30%;
-ms-flex: 0 0 30%;
flex: 0 0 30%;
}
@media only screen and (max-width: 1024px) {
.account_recommended-product-details {
margin-top: 15px;
width: 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
}
.account_recommended-product-details_item {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
color: #646464;
}
@media only screen and (max-width: 1024px) {
.account_recommended-product-details_item {
font: 1rem / 1.1428571429rem opensans-regular, Arial, Helvetica, sans-serif;
}
}
.account_recommended-product-details_item + .account_recommended-product-details_item {
margin-top: 5px;
}
.account_recommended-product_sku .label {
color: #646464;
}
.account_recommended-product_sku .value {
color: #434343;
}
.account_recommended-product-total .label,
.account_recommended-product-total .value {
font: 1.1428571429rem / 1.2857142857rem brandongrotesque-regular, Arial, Helvetica, sans-serif;
color: #434343;
}
.account_recommended-promo {
margin-top: 10px;
}
.account_recommended-promo + .account_recommended-promo {
margin-top: 5px;
}
.account_recommended .pagination {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
/* stylelint-disable */
.checkout {
padding: 0 0 20px;
}
@media only screen and (max-width: 1024px) {
.checkout-order_receipt {
background-color: #e4e5e5;
}
}
.checkout-banner .content-asset:not(.js-content-asset) > div {
margin-top: 15px;
}
.checkout-personalized-banner .personalized-banner {
margin-top: 30px;
}
.checkout-back {
margin-top: 20px;
margin-bottom: 20px;
text-align: center;
}
@media only screen and (min-width: 768px) {
.checkout-back {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: start;
justify-content: flex-start;
text-align: initial;
}
}
.checkout-back_link:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f126";
}
.checkout-back_link {
padding-left: 35px;
position: relative;
color: #000000;
font-size: 1rem;
}
.checkout-back_link::before {
position: absolute;
top: 50%;
right: auto;
left: 0;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
opacity: 0.5;
font-size: 1.8571428571rem;
text-decoration: none;
}
.checkout-back_link:hover::before {
opacity: 1;
text-decoration: none;
}
.checkout-back_link-text {
padding: 0;
border: 0;
background: none;
background-color: transparent;
background-image: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.checkout-back_link-text::-ms-expand {
display: none;
}
.checkout-back_link-text.link-disabled, .checkout-back_link-text.link-disabled:hover, .checkout-back_link-text.link-disabled:focus, .checkout-back_link-text.link-disabled:active, .checkout-back_link-text[disabled], .checkout-back_link-text[disabled]:hover, .checkout-back_link-text[disabled]:focus, .checkout-back_link-text[disabled]:active {
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.checkout-back_link-text {
display: inline-block;
cursor: pointer;
color: #076795;
}
.checkout-back_link-text:hover, .checkout-back_link-text:active {
text-decoration: underline;
}
.checkout-back_link-text {
font: 0.8571428571rem opensans-regular, Arial, Helvetica, sans-serif;
color: inherit;
font-size: 1rem;
}
.checkout-main_title {
text-align: center;
margin-bottom: 15px;
}
@media only screen and (min-width: 1025px) {
.checkout-main_title {
margin-bottom: 0;
}
}
@media only screen and (max-width: 767px) {
.checkout-review_products, .checkout-purchase_info {
background-color: #e4e5e5;
}
}
@media only screen and (max-width: 767px) {
.checkout-review_products-inner, .checkout-purchase_info-inner {
background-color: #ffffff;
padding: 0 10px 40px;
border-radius: 0 0 3px 3px;
}
}
.checkout-review_products.m-banner, .checkout-purchase_info.m-banner {
margin-top: 15px;
}
@media only screen and (max-width: 767px) {
.checkout-payment_info {
padding: 0 10px;
}
}
@media only screen and (min-width: 768px) {
.checkout-step {
border-bottom: 1px solid #c5c5c5;
padding-bottom: 60px;
}
}
.checkout-step_awaiting {
padding: 0 10px;
background-color: #ffffff;
}
@media only screen and (min-width: 768px) {
.checkout-step_awaiting {
padding: 0;
}
}
.checkout-step_header {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
border-bottom: 1px solid #c5c5c5;
}
.checkout-step_title {
text-transform: uppercase;
padding: 30px 20px 30px 0;
}
@media only screen and (max-width: 1024px) {
.review_products-header .checkout-step_title {
padding: 15px 0;
}
}
.checkout-step_awaiting .checkout-step_title {
opacity: 0.5;
}
html[locale=fr_FR] .checkout-step_title {
text-transform: none;
}
.checkout-sub_title {
margin-bottom: 20px;
}
.checkout-step_edit_btn {
padding: 0;
border: 0;
background: none;
background-color: transparent;
background-image: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.checkout-step_edit_btn::-ms-expand {
display: none;
}
.checkout-step_edit_btn.link-disabled, .checkout-step_edit_btn.link-disabled:hover, .checkout-step_edit_btn.link-disabled:focus, .checkout-step_edit_btn.link-disabled:active, .checkout-step_edit_btn[disabled], .checkout-step_edit_btn[disabled]:hover, .checkout-step_edit_btn[disabled]:focus, .checkout-step_edit_btn[disabled]:active {
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.checkout-step_edit_btn {
display: inline-block;
cursor: pointer;
color: #076795;
}
.checkout-step_edit_btn:hover, .checkout-step_edit_btn:active {
text-decoration: underline;
}
.checkout-step_edit_btn:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f13d";
}
.checkout-step_edit_btn {
color: #076795;
display: -ms-flexbox;
display: flex;
}
.checkout-step_edit_btn::before {
opacity: 0.5;
margin-right: 5px;
vertical-align: bottom;
}
@media only screen and (min-width: 768px) {
.checkout-content_wrapper {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: start;
align-items: flex-start;
}
}
.checkout-content_inner {
padding: 40px 0 30px;
}
@media only screen and (min-width: 768px) {
.checkout-content_inner {
margin: 0;
padding: 40px 20px;
width: 67%;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.app-view .checkout-content_inner {
width: 100%;
}
}
@media only screen and (min-width: 1025px) {
.checkout-content_inner {
width: 77%;
}
}
.checkout-order_summary {
display: none;
}
@media only screen and (min-width: 768px) {
.checkout-order_summary {
width: 23%;
display: block;
padding-left: 15px;
position: sticky;
top: 90px;
z-index: 1;
}
.checkout-order_summary::before, .checkout-order_summary::after {
content: "";
clear: both;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.checkout-order_summary {
width: 33%;
}
}
@media only screen and (min-width: 768px) {
.checkout-order_summary .order_summary {
padding: 40px 20px;
}
}
.checkout-checkbox_callout {
padding-left: 34px;
}
.checkout-not_work-notification:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 25px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f129";
}
.checkout-not_work-notification {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
padding: 10px;
margin-top: 10px;
background: #ffefae;
}
.checkout-not_work-notification::before {
margin-right: 17px;
}
.checkout .coupon {
margin-top: 20px;
}
.checkout .coupon-wrapper {
margin-bottom: 30px;
position: relative;
z-index: 0;
}
.checkout .coupon-wrapper.coupon-wrapper-wallet {
z-index: 2;
}
.checkout .coupon-inner {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.checkout .coupon-toggle {
margin: 25px 0 0;
position: relative;
z-index: 100;
}
.checkout .coupon-toggle-label {
font-size: 1.1428571429rem;
}
.checkout .coupon-error {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
color: #ff0000;
}
.checkout .coupon-control {
display: -ms-flexbox;
display: flex;
}
[locale=ja_JP] .checkout .coupon-control {
width: 100%;
}
@media only screen and (max-width: 1024px) {
.checkout .coupon-control {
width: 100%;
}
}
.checkout .coupon-control-code {
display: inline-block;
color: #000000;
}
.checkout .coupon-control-promotion {
margin-top: 5px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
color: #646464;
}
.checkout .coupon-control-list {
position: absolute;
display: none;
-ms-flex-direction: column;
flex-direction: column;
top: 43px;
left: 0;
width: 100%;
max-height: 168px;
overflow-y: auto;
background: #ffffff;
border: 1px solid #c5c5c5;
border-radius: 0 3px 3px 0;
}
.checkout .coupon-control-list.active {
display: -ms-flexbox;
display: flex;
}
.checkout .coupon-control-item {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
margin: 8px 0 12px;
font: 1rem / 1rem opensans-regular, Arial, Helvetica, sans-serif;
cursor: pointer;
padding: 0 20px 0 15px;
}
.checkout .coupon-control-item:first-of-type {
padding: 8px 20px 0 15px;
}
.checkout .coupon-control-item_empty {
font: 0.8571428571rem / 1rem opensans-regular, Arial, Helvetica, sans-serif;
}
.checkout .coupon-field {
-ms-flex: 0 0 370px;
flex: 0 0 370px;
margin-right: 15px;
position: relative;
}
@media only screen and (max-width: 1024px) {
.checkout .coupon-field {
-ms-flex: 1;
flex: 1;
}
}
@media only screen and (max-width: 1024px) {
.checkout_sales_rep_optimized .checkout .coupon-field {
-ms-flex: 0 0 370px;
flex: 0 0 370px;
}
}
@media only screen and (max-width: 767px) {
.checkout_sales_rep_optimized .checkout .coupon-field {
-ms-flex: 1;
flex: 1;
}
}
.checkout .coupon-field-input {
position: relative;
z-index: 10;
}
.checkout .coupon-field-dropdown {
padding: 0 25px 0 15px;
position: relative;
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='255px' height='255px' fill='%23000000'%3E%3Cpolygon points='0,63.75 127.5,191.25 255,63.75 '/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-size: 10px;
background-position: calc(100% - 10px);
z-index: 10;
}
.checkout .coupon-field-dropdown:focus::-webkit-input-placeholder {
color: #000000;
}
.checkout .coupon-field-dropdown:focus::-moz-placeholder {
color: #000000;
}
.checkout .coupon-field-dropdown:focus::-ms-input-placeholder {
color: #000000;
}
.checkout .coupon-field-dropdown:focus::placeholder {
color: #000000;
}
.checkout .coupon-field-dropdown:focus {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='255px' height='255px' fill='%23000000' %3E%3Cpolygon transform='scale(1, -1) translate(0, -255)' points='255,63.75 127.5,191.25 0,63.75 '/%3E%3C/svg%3E");
}
@media only screen and (max-width: 1024px) {
.checkout .coupon-submit {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
}
.checkout .coupon-list {
margin-top: 15px;
}
.checkout .coupon-item {
font: 1rem / 1rem opensans-regular, Arial, Helvetica, sans-serif;
}
.checkout .coupon-item + .coupon-item {
margin-top: 10px;
}
.checkout .coupon-code {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
width: 370px;
}
@media only screen and (max-width: 1024px) {
.checkout .coupon-code {
width: auto;
}
}
.checkout .coupon-id {
margin-right: 5px;
}
.checkout .coupon-label {
margin: 0 20px 0 auto;
white-space: nowrap;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.checkout .coupon-label {
margin: 0 60px 0 auto;
}
}
@media only screen and (max-width: 767px) {
.checkout .coupon-label {
margin: 0 10px 0 auto;
}
}
.checkout .coupon-remove {
background: none;
text-transform: capitalize;
opacity: 0.67;
-webkit-transition: opacity 0.3s easy-in;
transition: opacity 0.3s easy-in;
color: #ff0000;
font: 1rem / 1.1428571429rem opensans-regular, Arial, Helvetica, sans-serif;
white-space: nowrap;
}
.checkout .coupon-remove:hover {
opacity: 0.9;
}
.checkout .coupon-remove:focus {
outline: none;
}
.checkout .coupon-remove-label:after {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 12px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f130";
}
.checkout .coupon-remove-label {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
.checkout .coupon-remove-label::after {
margin-left: 3px;
}
.checkout .coupon-relationships {
margin-top: 10px;
padding-bottom: 15px;
border-bottom: 1px solid #076795;
font: 1rem / 1rem opensans-semibold, Arial, Helvetica, sans-serif;
opacity: 0.8;
}
.checkout .coupon-relationship + .coupon-relationship {
margin-top: 8px;
}
.checkout .coupon-ro-notification {
font: 0.9285714286rem / 1.2857142857rem opensans-semibold, Arial, Helvetica, sans-serif;
color: #646464;
margin: 15px 0;
display: none;
}
.checkout .coupon-ro-notification.active {
display: block;
}
.checkout-staff_order {
margin: 20px 0 30px;
}
.checkout-staff_order-inner {
background: #f7f9f9;
padding: 20px 20px 30px;
}
@media only screen and (max-width: 767px) {
.checkout-staff_order-inner {
padding: 20px 20px 25px;
}
}
.checkout-staff_order-header {
display: -ms-flexbox;
display: flex;
margin-bottom: 5px;
}
.checkout-staff_order-tooltip .tooltip {
min-width: 200px;
}
.checkout-staff_order-description {
color: #646464;
margin: 5px 0 25px;
}
@media only screen and (max-width: 767px) {
.checkout-staff_order-description {
margin: 5px 0 20px;
}
}
.checkout-staff_order-form-wrapper {
margin: 25px 0 30px;
}
@media only screen and (max-width: 767px) {
.checkout-staff_order-form-wrapper {
margin: 20px 0;
}
}
.checkout-staff_order-button {
max-width: 280px;
}
@media only screen and (max-width: 767px) {
.checkout-staff_order-button {
max-width: 100%;
}
}
.checkout-staff_order-label {
color: #434343;
}
.checkout-staff_order-message {
color: #646464;
}
.checkout-staff_order-remove {
color: #646464;
text-decoration: underline;
}
.checkout-staff_order-remove:hover {
color: #000000;
}
.checkout-staff_order-remove-wrapper {
display: inline;
}
@media only screen and (max-width: 767px) {
.checkout-staff_order-remove-wrapper {
display: block;
}
}
.checkout .ai_slider .slick-list {
margin: 0;
width: 100%;
}
.checkout .ai_slider .slick-slide > div > div { /* stylelint-disable-line */
display: -ms-flexbox !important;
display: flex !important;
}
.checkout .ai_slider .product_tile {
max-width: 100%;
}
@media only screen and (max-width: 767px) {
.checkout .ai_slider .product_tile {
min-width: 100%;
}
}
.checkout .ai_slider h3 {
margin-bottom: 30px;
}
.review_products-notification_banner .notification_banner {
background-color: #ffefae;
border: 1px solid #213858;
border-radius: 3px;
display: -ms-flexbox;
display: flex;
padding: 0;
}
.review_products-notification_banner .notification_banner-icon {
/* stylelint-disable-line */
}
.review_products-notification_banner .notification_banner-icon:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f173";
}
.review_products-notification_banner .notification_banner-icon {
background-color: #213858;
color: #ffefae;
min-height: 100%;
min-width: 46px;
position: relative;
}
.review_products-notification_banner .notification_banner-icon::before {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
font-size: 1.2857142857rem;
}
.review_products-notification_banner .notification_banner-text {
-ms-flex-item-align: center;
align-self: center;
color: #213858;
-ms-flex-positive: 1;
flex-grow: 1;
font: 0.9285714286rem / 1.2857142857rem opensans-regular, Arial, Helvetica, sans-serif;
padding: 18px 20px;
text-align: center;
}
.review_products-notification_banner .notification_banner-text p + p {
margin-top: 10px;
}
.review_products-notification_banner .notification_banner-link {
padding: 0;
border: 0;
background: none;
background-color: transparent;
background-image: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.review_products-notification_banner .notification_banner-link::-ms-expand {
display: none;
}
.review_products-notification_banner .notification_banner-link.link-disabled, .review_products-notification_banner .notification_banner-link.link-disabled:hover, .review_products-notification_banner .notification_banner-link.link-disabled:focus, .review_products-notification_banner .notification_banner-link.link-disabled:active, .review_products-notification_banner .notification_banner-link[disabled], .review_products-notification_banner .notification_banner-link[disabled]:hover, .review_products-notification_banner .notification_banner-link[disabled]:focus, .review_products-notification_banner .notification_banner-link[disabled]:active {
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.review_products-notification_banner .notification_banner-link {
display: inline-block;
cursor: pointer;
color: #076795;
}
.review_products-notification_banner .notification_banner-link:hover, .review_products-notification_banner .notification_banner-link:active {
text-decoration: underline;
}
.review_products-notification_banner .notification_banner-link {
font: 1rem opensans-semibold, Arial, Helvetica, sans-serif;
font-size: 0.9285714286rem;
}
.review_products-notification_banner .notification_banner-button {
border: 1px solid transparent;
cursor: pointer;
display: inline-block;
font: 1rem / 1 brandongrotesque-medium, Arial, Helvetica, sans-serif;
text-align: center;
text-transform: uppercase;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-radius: 3px;
padding: 14.5px 20px;
width: 100%;
background-color: #213858;
border-color: #213858;
color: #ffefae;
}
.review_products-notification_banner .notification_banner-button:hover {
color: #213858;
background-color: #ffefae;
}
.review_products-notification_banner .notification_banner {
margin-bottom: 20px;
}
.review_products-notification_banner-info .notification_banner {
background-color: #ffefae;
border: 1px solid #213858;
border-radius: 3px;
display: -ms-flexbox;
display: flex;
padding: 0;
}
.review_products-notification_banner-info .notification_banner-icon {
/* stylelint-disable-line */
}
.review_products-notification_banner-info .notification_banner-icon:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f149";
}
.review_products-notification_banner-info .notification_banner-icon {
background-color: #213858;
color: #ffefae;
min-height: 100%;
min-width: 46px;
position: relative;
}
.review_products-notification_banner-info .notification_banner-icon::before {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
font-size: 1.2857142857rem;
}
.review_products-notification_banner-info .notification_banner-text {
-ms-flex-item-align: center;
align-self: center;
color: #213858;
-ms-flex-positive: 1;
flex-grow: 1;
font: 0.9285714286rem / 1.2857142857rem opensans-regular, Arial, Helvetica, sans-serif;
padding: 18px 20px;
text-align: center;
}
.review_products-notification_banner-info .notification_banner-text p + p {
margin-top: 10px;
}
.review_products-notification_banner-info .notification_banner-link {
padding: 0;
border: 0;
background: none;
background-color: transparent;
background-image: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.review_products-notification_banner-info .notification_banner-link::-ms-expand {
display: none;
}
.review_products-notification_banner-info .notification_banner-link.link-disabled, .review_products-notification_banner-info .notification_banner-link.link-disabled:hover, .review_products-notification_banner-info .notification_banner-link.link-disabled:focus, .review_products-notification_banner-info .notification_banner-link.link-disabled:active, .review_products-notification_banner-info .notification_banner-link[disabled], .review_products-notification_banner-info .notification_banner-link[disabled]:hover, .review_products-notification_banner-info .notification_banner-link[disabled]:focus, .review_products-notification_banner-info .notification_banner-link[disabled]:active {
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.review_products-notification_banner-info .notification_banner-link {
display: inline-block;
cursor: pointer;
color: #076795;
}
.review_products-notification_banner-info .notification_banner-link:hover, .review_products-notification_banner-info .notification_banner-link:active {
text-decoration: underline;
}
.review_products-notification_banner-info .notification_banner-link {
font: 1rem opensans-semibold, Arial, Helvetica, sans-serif;
font-size: 0.9285714286rem;
}
.review_products-notification_banner-info .notification_banner-button {
border: 1px solid transparent;
cursor: pointer;
display: inline-block;
font: 1rem / 1 brandongrotesque-medium, Arial, Helvetica, sans-serif;
text-align: center;
text-transform: uppercase;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-radius: 3px;
padding: 14.5px 20px;
width: 100%;
background-color: #213858;
border-color: #213858;
color: #ffefae;
}
.review_products-notification_banner-info .notification_banner-button:hover {
color: #213858;
background-color: #ffefae;
}
.review_products-notification_banner-info .notification_banner {
margin-bottom: 20px;
}
.review_products-recurring_banner .notification_banner {
background-color: #ffefae;
border: 1px solid #213858;
border-radius: 3px;
display: -ms-flexbox;
display: flex;
padding: 0;
}
.review_products-recurring_banner .notification_banner-icon {
/* stylelint-disable-line */
}
.review_products-recurring_banner .notification_banner-icon:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f173";
}
.review_products-recurring_banner .notification_banner-icon {
background-color: #213858;
color: #ffefae;
min-height: 100%;
min-width: 46px;
position: relative;
}
.review_products-recurring_banner .notification_banner-icon::before {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
font-size: 1.2857142857rem;
}
.review_products-recurring_banner .notification_banner-text {
-ms-flex-item-align: center;
align-self: center;
color: #213858;
-ms-flex-positive: 1;
flex-grow: 1;
font: 0.9285714286rem / 1.2857142857rem opensans-regular, Arial, Helvetica, sans-serif;
padding: 18px 20px;
text-align: center;
}
.review_products-recurring_banner .notification_banner-text p + p {
margin-top: 10px;
}
.review_products-recurring_banner .notification_banner-link {
padding: 0;
border: 0;
background: none;
background-color: transparent;
background-image: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.review_products-recurring_banner .notification_banner-link::-ms-expand {
display: none;
}
.review_products-recurring_banner .notification_banner-link.link-disabled, .review_products-recurring_banner .notification_banner-link.link-disabled:hover, .review_products-recurring_banner .notification_banner-link.link-disabled:focus, .review_products-recurring_banner .notification_banner-link.link-disabled:active, .review_products-recurring_banner .notification_banner-link[disabled], .review_products-recurring_banner .notification_banner-link[disabled]:hover, .review_products-recurring_banner .notification_banner-link[disabled]:focus, .review_products-recurring_banner .notification_banner-link[disabled]:active {
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.review_products-recurring_banner .notification_banner-link {
display: inline-block;
cursor: pointer;
color: #076795;
}
.review_products-recurring_banner .notification_banner-link:hover, .review_products-recurring_banner .notification_banner-link:active {
text-decoration: underline;
}
.review_products-recurring_banner .notification_banner-link {
font: 1rem opensans-semibold, Arial, Helvetica, sans-serif;
font-size: 0.9285714286rem;
}
.review_products-recurring_banner .notification_banner-button {
border: 1px solid transparent;
cursor: pointer;
display: inline-block;
font: 1rem / 1 brandongrotesque-medium, Arial, Helvetica, sans-serif;
text-align: center;
text-transform: uppercase;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-radius: 3px;
padding: 14.5px 20px;
width: 100%;
background-color: #213858;
border-color: #213858;
color: #ffefae;
}
.review_products-recurring_banner .notification_banner-button:hover {
color: #213858;
background-color: #ffefae;
}
.review_products-recurring_banner .notification_banner {
margin-bottom: 20px;
}
.review_products-header_error .error_banner {
margin-bottom: 20px;
}
@media only screen and (min-width: 768px) {
.review_products-header_form {
display: -ms-flexbox;
display: flex;
-ms-flex-align: start;
align-items: flex-start;
margin-bottom: 20px;
}
}
@media all and (-ms-high-contrast: none) {
[locale=en_JP] .review_products-header_form { /* stylelint-disable-line */
max-width: 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
}
@media only screen and (min-width: 768px) {
.review_products-header_orders {
-ms-flex: 0 1 auto;
flex: 0 1 auto;
margin-left: 20px;
}
}
@media all and (-ms-high-contrast: none) {
[locale=en_JP] .review_products-header_orders { /* stylelint-disable-line */
max-width: calc(100% - 20px);
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
}
.review_products-md_select {
-ms-flex-align: center;
align-items: center;
display: -ms-flexbox;
display: flex;
margin-bottom: 20px;
margin-top: 28px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
.review_products-md_select {
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 65px;
margin-top: 15px;
}
}
.review_products-md_select .form-control-label {
font: 1.1428571429rem / 1.5714285714rem brandongrotesque-regular, Arial, Helvetica, sans-serif;
margin-bottom: 0;
margin-right: 20px;
max-width: 40%;
}
@media only screen and (max-width: 767px) {
.review_products-md_select .form-control-label {
margin-bottom: 10px;
margin-right: 0;
max-width: 100%;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.review_products-md_select .form-control-label {
-ms-flex: 0 0 40%;
flex: 0 0 40%;
}
}
.review_products-md_select .select {
font-size: 1rem;
width: auto;
}
@media only screen and (max-width: 767px) {
.review_products-md_select .select {
width: 100%;
}
}
.review_products-praton {
color: #646464;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
margin-top: 10px;
}
.review_products-table_header {
display: none;
}
@media only screen and (min-width: 1025px) {
.review_products-table_header {
background-color: #213858;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
border-radius: 5px 5px 0 0;
margin-bottom: 20px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.review_products-table_header {
-ms-flex-pack: justify;
justify-content: space-between;
}
}
.review_products-table_header-item {
padding: 10px;
color: #ffffff;
text-transform: uppercase;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
.review_products-table_header-item_delete:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f15a";
}
.review_products-table_header-item_delete {
background-color: #2d4c78;
border-radius: 5px 0 0 0;
position: relative;
min-height: 60px;
padding: 0;
width: 25px;
}
.review_products-table_header-item_delete::before {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
color: #ffffff;
}
.review_products-table_header-item_delete .tooltip {
width: 270px;
padding: 20px 30px;
}
.review_products-remove_tooltip-header {
font: 1.2857142857rem brandongrotesque-medium, Arial, Helvetica, sans-serif;
margin-bottom: 20px;
}
.review_products-remove_tooltip-text span {
font-family: brandongrotesque-bold, Arial, Helvetica, sans-serif;
}
.review_products-remove_tooltip-text + .review_products-remove_tooltip-text {
margin-top: 20px;
}
.review_products-cancel_button {
border-radius: 3px;
padding: 14.5px 20px;
width: 100%;
}
.review_products-cancel_button.button-disabled, .sales_rep_promo-upload:not(.active) .review_products-cancel_button.sales_rep_promo-upload-label, .review_products-cancel_button.button-disabled:hover, .review_products-cancel_button.button-disabled:focus, .review_products-cancel_button.button-disabled:active, .review_products-cancel_button[disabled], .review_products-cancel_button[disabled]:hover, .review_products-cancel_button[disabled]:focus, .review_products-cancel_button[disabled]:active {
background-color: #e7e7e7;
border-color: #e7e7e7;
-webkit-box-shadow: none;
box-shadow: none;
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.review_products-cancel_button { /* stylelint-disable-line */
background-color: #ffffff;
border-color: #076795;
color: #076795;
}
.review_products-cancel_button:active {
background-color: rgba(7, 103, 149, 0.1);
border-color: #076795;
color: #076795;
}
@media only screen and (min-width: 1025px) {
.review_products-cancel_button:hover {
background-color: rgba(7, 103, 149, 0.1);
border-color: #076795;
color: #076795;
}
}
.review_products-cancel_button:active {
-webkit-box-shadow: inset 0 4px 2px rgba(0, 0, 0, 0.12);
box-shadow: inset 0 4px 2px rgba(0, 0, 0, 0.12);
}
.review_products-cancel_button {
width: auto;
}
.review_products-remove_button {
border: 1px solid transparent;
cursor: pointer;
display: inline-block;
font: 1rem / 1 brandongrotesque-medium, Arial, Helvetica, sans-serif;
text-align: center;
text-transform: uppercase;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-radius: 3px;
padding: 14.5px 20px;
width: 100%;
}
.review_products-remove_button.button-disabled, .sales_rep_promo-upload:not(.active) .review_products-remove_button.sales_rep_promo-upload-label, .review_products-remove_button.button-disabled:hover, .review_products-remove_button.button-disabled:focus, .review_products-remove_button.button-disabled:active, .review_products-remove_button[disabled], .review_products-remove_button[disabled]:hover, .review_products-remove_button[disabled]:focus, .review_products-remove_button[disabled]:active {
background-color: #e7e7e7;
border-color: #e7e7e7;
-webkit-box-shadow: none;
box-shadow: none;
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.review_products-remove_button { /* stylelint-disable-line */
background-color: #ffffff;
border-color: #076795;
color: #076795;
}
.review_products-remove_button:active {
background-color: rgba(7, 103, 149, 0.1);
border-color: #076795;
color: #076795;
}
@media only screen and (min-width: 1025px) {
.review_products-remove_button:hover {
background-color: rgba(7, 103, 149, 0.1);
border-color: #076795;
color: #076795;
}
}
.review_products-remove_button:active {
-webkit-box-shadow: inset 0 4px 2px rgba(0, 0, 0, 0.12);
box-shadow: inset 0 4px 2px rgba(0, 0, 0, 0.12);
}
.review_products-remove_button {
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
width: auto;
margin-left: 20px;
}
@media only screen and (min-width: 1025px) {
.review_products-remove_button {
min-width: 230px;
max-width: 80%;
}
}
@media only screen and (max-width: 1024px) {
.review_products-remove_button.button-disabled, .sales_rep_promo-upload:not(.active) .review_products-remove_button.sales_rep_promo-upload-label, .review_products-remove_button.button-disabled:hover, .review_products-remove_button.button-disabled:focus, .review_products-remove_button.button-disabled:active, .review_products-remove_button[disabled], .review_products-remove_button[disabled]:hover, .review_products-remove_button[disabled]:focus, .review_products-remove_button[disabled]:active {
background-color: #e7e7e7;
border-color: #e7e7e7;
-webkit-box-shadow: none;
box-shadow: none;
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.review_products-remove_button { /* stylelint-disable-line */
background-color: #076795;
border-color: #076795;
color: #ffffff;
}
.review_products-remove_button:active {
background-color: #d7e7ef;
border-color: #d7e7ef;
color: #076795;
}
}
@media only screen and (max-width: 1024px) and (min-width: 1025px) {
.review_products-remove_button:hover {
background-color: #d7e7ef;
border-color: #d7e7ef;
color: #076795;
}
}
@media only screen and (max-width: 1024px) {
.review_products-remove_button:active {
-webkit-box-shadow: inset 0 3px 2px rgba(0, 0, 0, 0.12);
box-shadow: inset 0 3px 2px rgba(0, 0, 0, 0.12);
}
}
.review_products-remove_button .value:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f15a";
}
.review_products-remove_button .value {
display: inline-block;
position: relative;
padding-left: 20px;
}
.review_products-remove_button .value::before {
position: absolute;
top: 50%;
right: auto;
left: 0;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
font-size: 1.1428571429rem;
color: #213858;
}
@media only screen and (max-width: 1024px) {
.review_products-remove_button .value {
padding-left: 0;
}
.review_products-remove_button .value::before {
content: none;
}
}
.review_products-remove_button-title {
font-size: 2.1428571429rem;
color: #213858;
}
@media only screen and (max-width: 767px) {
.review_products-remove_button-title {
font-size: 1.4285714286rem;
padding-bottom: 15px;
text-align: left;
}
}
.review_products-remove_button-inner {
display: -ms-flexbox;
display: flex;
}
@media only screen and (min-width: 1025px) {
.review_products-remove_button-inner {
-ms-flex-pack: center;
justify-content: center;
}
}
@media only screen and (max-width: 767px) {
.review_products-remove_button-inner {
-ms-flex-pack: justify;
justify-content: space-between;
}
}
.review_products-remove_button-wrapper {
position: fixed;
left: 0;
background-color: #ffffff;
padding: 15px 0;
text-align: center;
width: 100%;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
z-index: 6;
-webkit-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.2);
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.review_products-remove_button-wrapper {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 20px 60px;
}
}
@media only screen and (max-width: 767px) {
.review_products-remove_button-wrapper {
padding: 20px;
}
}
@media only screen and (min-width: 1025px) {
.review_products-remove_button-wrapper {
padding: 20px 0;
position: static;
background-color: #f7f9f9;
margin-top: -20px;
-webkit-box-shadow: none;
box-shadow: none;
}
}
.app-view .review_products-remove_button-wrapper.is-sticky {
top: 0;
}
.review_products-remove_button-wrapper.button_field-hidden {
padding: 0;
max-height: 0;
margin: 0;
}
.review_products-remove_button-wrapper.button_field-hidden .review_products-remove_button,
.review_products-remove_button-wrapper.button_field-hidden .review_products-cancel_button,
.review_products-remove_button-wrapper.button_field-hidden .review_products-remove_button-title {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
border: 0;
}
.checkout .review_products-tables {
position: relative;
z-index: 3;
}
.review_products-table_body {
position: relative;
z-index: 1;
}
.review_products-table_footer {
display: -ms-flexbox;
display: flex;
margin: 20px 0 0 0;
-ms-flex-direction: column;
flex-direction: column;
}
@media only screen and (min-width: 768px) {
.review_products-table_footer {
-ms-flex-direction: row;
flex-direction: row;
margin: 20px 0 0;
}
}
@media only screen and (min-width: 768px) {
.review_products-table_footer-buttons_wrapper {
max-width: 350px;
}
}
.review_products-table_footer-button_proceed, .review_products-table_footer-button_add {
z-index: 1;
}
.review_products-table_footer-add_wrapper {
padding-top: 25px;
}
@media only screen and (min-width: 768px) {
.review_products-table_footer-add_wrapper {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: center;
align-items: center;
}
}
.review_products-table_footer-button_add {
border-radius: 3px;
padding: 14.5px 20px;
width: 100%;
}
.review_products-table_footer-button_add.button-disabled, .sales_rep_promo-upload:not(.active) .review_products-table_footer-button_add.sales_rep_promo-upload-label, .review_products-table_footer-button_add.button-disabled:hover, .review_products-table_footer-button_add.button-disabled:focus, .review_products-table_footer-button_add.button-disabled:active, .review_products-table_footer-button_add[disabled], .review_products-table_footer-button_add[disabled]:hover, .review_products-table_footer-button_add[disabled]:focus, .review_products-table_footer-button_add[disabled]:active {
background-color: #e7e7e7;
border-color: #e7e7e7;
-webkit-box-shadow: none;
box-shadow: none;
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.review_products-table_footer-button_add { /* stylelint-disable-line */
background-color: #ffffff;
border-color: #076795;
color: #076795;
}
.review_products-table_footer-button_add:active {
background-color: rgba(7, 103, 149, 0.1);
border-color: #076795;
color: #076795;
}
@media only screen and (min-width: 1025px) {
.review_products-table_footer-button_add:hover {
background-color: rgba(7, 103, 149, 0.1);
border-color: #076795;
color: #076795;
}
}
.review_products-table_footer-button_add:active {
-webkit-box-shadow: inset 0 4px 2px rgba(0, 0, 0, 0.12);
box-shadow: inset 0 4px 2px rgba(0, 0, 0, 0.12);
}
.review_products-table_footer-button_add {
width: 340px;
margin-bottom: 10px;
}
@media only screen and (max-width: 767px) {
.review_products-table_footer-button_add {
width: 100%;
}
}
@media only screen and (min-width: 768px) {
.review_products-table_footer-button_add {
margin-right: 20px;
}
}
.review_products-table_footer-button_add .value:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f156";
}
.review_products-table_footer-button_add .value {
position: relative;
padding-left: 20px;
}
.review_products-table_footer-button_add .value::before {
position: absolute;
top: 50%;
right: auto;
left: 0;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
opacity: 0.5;
}
.review_products-table_footer-button_proceed {
border-radius: 3px;
padding: 14.5px 20px;
width: 100%;
}
.review_products-table_footer-button_proceed.button-disabled, .sales_rep_promo-upload:not(.active) .review_products-table_footer-button_proceed.sales_rep_promo-upload-label, .review_products-table_footer-button_proceed.button-disabled:hover, .review_products-table_footer-button_proceed.button-disabled:focus, .review_products-table_footer-button_proceed.button-disabled:active, .review_products-table_footer-button_proceed[disabled], .review_products-table_footer-button_proceed[disabled]:hover, .review_products-table_footer-button_proceed[disabled]:focus, .review_products-table_footer-button_proceed[disabled]:active {
background-color: #e7e7e7;
border-color: #e7e7e7;
-webkit-box-shadow: none;
box-shadow: none;
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.review_products-table_footer-button_proceed { /* stylelint-disable-line */
background-color: #076795;
border-color: #076795;
color: #ffffff;
}
.review_products-table_footer-button_proceed:active {
background-color: #d7e7ef;
border-color: #d7e7ef;
color: #076795;
}
@media only screen and (min-width: 1025px) {
.review_products-table_footer-button_proceed:hover {
background-color: #d7e7ef;
border-color: #d7e7ef;
color: #076795;
}
}
.review_products-table_footer-button_proceed:active {
-webkit-box-shadow: inset 0 3px 2px rgba(0, 0, 0, 0.12);
box-shadow: inset 0 3px 2px rgba(0, 0, 0, 0.12);
}
.review_products-table_footer-message {
color: #646464;
font: 0.8571428571rem / 1rem opensans-regular, Arial, Helvetica, sans-serif;
margin-bottom: 15px;
}
@media only screen and (max-width: 767px) {
.review_products-table_footer-message {
text-align: center;
}
}
@media only screen and (max-width: 767px) {
.future_order {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: start;
align-items: flex-start;
}
}
.future_order-label_datepicker_wrapper {
-ms-flex-align: center;
align-items: center;
display: -ms-flexbox;
display: flex;
}
@media only screen and (max-width: 767px) {
.future_order-label_datepicker_wrapper {
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
}
}
@media only screen and (max-width: 1024px) {
.app-view .checkout_sales_rep_optimized:not(.checkout_psp) .future_order-label_datepicker_wrapper {
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
}
}
@media (min-width: 768px) and (max-width: 1025px) and (orientation: landscape) {
.app-view .checkout_sales_rep_optimized:not(.checkout_psp) .future_order-label_datepicker_wrapper { /* stylelint-disable-line */
-ms-flex-direction: row;
flex-direction: row;
}
}
.future_order-label {
font-family: opensans-regular, Arial, Helvetica, sans-serif;
color: #213858;
}
.sr_section_form .future_order {
height: 100%;
}
@media only screen and (min-width: 768px) {
.future_order input[type=checkbox]:not(.custom-switch) + label {
margin-bottom: 0;
font-size: 1rem;
}
}
.future_order-datepicker {
-ms-flex: 0 1 280px;
flex: 0 1 280px;
}
@media only screen and (max-width: 767px) {
.future_order-datepicker {
width: 100%;
margin-top: 20px;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
}
}
@media only screen and (min-width: 768px) {
.future_order-datepicker-wrapper.future_order-toggle {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
}
.future_order-datepicker_label {
color: #646464;
}
@media only screen and (min-width: 768px) {
.future_order-datepicker_label {
font: 1rem / 1.4285714286rem opensans-regular, Arial, Helvetica, sans-serif;
margin: 0 15px 0 0;
}
}
@media only screen and (min-width: 768px) {
.future_order-toggle {
-ms-flex: 0 1 auto;
flex: 0 1 auto;
-ms-flex-align: center;
align-items: center;
margin-left: 30px;
}
.future_order-toggle .future_order-datepicker_wrapper {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.app-view .future_order-toggle {
margin: 20px 0 0 0;
}
}
.future_order .price-increase-banner .notification_banner {
background-color: #ffefae;
border: 1px solid #213858;
border-radius: 3px;
display: -ms-flexbox;
display: flex;
padding: 0;
}
.future_order .price-increase-banner .notification_banner-icon {
/* stylelint-disable-line */
}
.future_order .price-increase-banner .notification_banner-icon:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f173";
}
.future_order .price-increase-banner .notification_banner-icon {
background-color: #213858;
color: #ffefae;
min-height: 100%;
min-width: 46px;
position: relative;
}
.future_order .price-increase-banner .notification_banner-icon::before {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
font-size: 1.2857142857rem;
}
.future_order .price-increase-banner .notification_banner-text {
-ms-flex-item-align: center;
align-self: center;
color: #213858;
-ms-flex-positive: 1;
flex-grow: 1;
font: 0.9285714286rem / 1.2857142857rem opensans-regular, Arial, Helvetica, sans-serif;
padding: 18px 20px;
text-align: center;
}
.future_order .price-increase-banner .notification_banner-text p + p {
margin-top: 10px;
}
.future_order .price-increase-banner .notification_banner-link {
padding: 0;
border: 0;
background: none;
background-color: transparent;
background-image: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.future_order .price-increase-banner .notification_banner-link::-ms-expand {
display: none;
}
.future_order .price-increase-banner .notification_banner-link.link-disabled, .future_order .price-increase-banner .notification_banner-link.link-disabled:hover, .future_order .price-increase-banner .notification_banner-link.link-disabled:focus, .future_order .price-increase-banner .notification_banner-link.link-disabled:active, .future_order .price-increase-banner .notification_banner-link[disabled], .future_order .price-increase-banner .notification_banner-link[disabled]:hover, .future_order .price-increase-banner .notification_banner-link[disabled]:focus, .future_order .price-increase-banner .notification_banner-link[disabled]:active {
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.future_order .price-increase-banner .notification_banner-link {
display: inline-block;
cursor: pointer;
color: #076795;
}
.future_order .price-increase-banner .notification_banner-link:hover, .future_order .price-increase-banner .notification_banner-link:active {
text-decoration: underline;
}
.future_order .price-increase-banner .notification_banner-link {
font: 1rem opensans-semibold, Arial, Helvetica, sans-serif;
font-size: 0.9285714286rem;
}
.future_order .price-increase-banner .notification_banner-button {
border: 1px solid transparent;
cursor: pointer;
display: inline-block;
font: 1rem / 1 brandongrotesque-medium, Arial, Helvetica, sans-serif;
text-align: center;
text-transform: uppercase;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-radius: 3px;
padding: 14.5px 20px;
width: 100%;
background-color: #213858;
border-color: #213858;
color: #ffefae;
}
.future_order .price-increase-banner .notification_banner-button:hover {
color: #213858;
background-color: #ffefae;
}
.future_order .price-increase-banner {
display: none;
margin-top: 25px;
}
@media only screen and (max-width: 767px) {
.future_order .price-increase-banner {
margin-bottom: 20px;
margin-top: 15px;
}
}
.future_order.active .price-increase-banner {
display: block;
}
.product_card {
padding: 30px 20px 0;
border: 1px solid transparent;
margin: 0 -20px;
-webkit-transition: -webkit-transform 0.5s ease 0s;
transition: -webkit-transform 0.5s ease 0s;
transition: transform 0.5s ease 0s;
transition: transform 0.5s ease 0s, -webkit-transform 0.5s ease 0s;
-webkit-transition: border-color background-color ease 0s;
transition: border-color background-color ease 0s;
}
@media only screen and (min-width: 1025px) {
.product_card:hover {
border-color: #e7e7e7;
background-color: #f7f9f9;
}
}
.checkout_sales_rep_optimized .product_card {
padding: 30px 20px 5px;
}
.product_card-line_item {
border: 1px solid #213858;
border-top: 1px solid #ffffff;
margin-top: -1px;
padding: 0;
position: relative;
border-radius: 0 0 3px 3px;
}
.product_card-line_item:last-child {
border-bottom: 1px solid #213858;
border-radius: 0 0 3px 3px;
}
@media only screen and (min-width: 1025px) {
.product_card-line_item {
border: none;
border-top: 1px solid #e7e7e7;
border-radius: 0;
margin-top: 0;
}
}
.product_card-line_item::before {
position: absolute;
top: -1px;
right: 1px;
left: 1px;
content: "";
border-top: 1px solid #e7e7e7;
}
@media only screen and (min-width: 1025px) {
.product_card-line_item::before {
content: none;
}
}
.product_card-line_item.has-shipping_select {
border: 1px solid #213858;
border-radius: 3px 3px 0 0;
margin-top: 50px;
}
.product_card-line_item.has-shipping_select:only-child {
border-radius: 3px;
}
.product_card-line_item.has-shipping_select + .product_card-line_item {
border-radius: 0;
}
@media only screen and (min-width: 1025px) {
.product_card-line_item.has-shipping_select {
border: none;
border-top: 1px solid #213858;
border-radius: 0;
margin-top: 0;
}
}
@media only screen and (min-width: 1025px) {
.product_card-line_item.has-shipping_select:last-child {
border-bottom: 1px solid #213858;
}
}
.product_card-line_item.has-shipping_select::before {
content: none;
}
@media only screen and (max-width: 1024px) {
.product_card-wrapper {
padding: 40px 10px 0;
}
}
.product_card-inner {
display: -ms-flexbox;
display: flex;
max-width: 100%;
}
.product_card-content {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
}
@media only screen and (max-width: 767px) {
.product_card-content {
width: calc(100% - 35px);
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.product_card-content {
-ms-flex-pack: justify;
justify-content: space-between;
}
}
@media only screen and (min-width: 1025px) {
.product_card-content {
margin: 0;
-ms-flex-direction: column;
flex-direction: column;
}
}
.product_card-remove {
width: 25px;
margin-right: 10px;
}
@media only screen and (min-width: 1025px) {
.product_card-remove {
margin-right: 0;
}
}
@media only screen and (max-width: 1024px) {
.product_card-remove input[type=checkbox]:not(.custom-switch) + label::before {
top: 20px;
}
}
@media only screen and (max-width: 1024px) {
.product_card-remove input[type=checkbox]:not(.custom-switch) + label::after {
top: 25px;
}
}
.product_card-remove_button:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f15a";
}
.product_card-remove_button {
position: absolute;
top: 0;
left: 100%;
width: 75px;
border-radius: 10px 0 0 10px;
background-color: #ff0000;
height: calc(100% - 20px);
}
.product_card-remove_button::before {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
color: #ffffff;
font-size: 1.2857142857rem;
padding: 10px;
border: 1px solid #ffffff;
border-radius: 100%;
}
.product_card-image {
margin-right: 15px;
width: 90px;
max-width: 90px;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
overflow: hidden;
max-height: 120px;
}
@media only screen and (max-width: 767px) {
.product_card-image {
max-width: 90px;
}
}
.product_card-image img {
-o-object-fit: contain;
object-fit: contain;
height: 100%;
width: 100%;
}
@media only screen and (min-width: 1025px) {
.product_card-info {
display: -ms-flexbox;
display: flex;
}
}
.product_card-main_info {
display: -ms-flexbox;
display: flex;
}
@media only screen and (min-width: 1025px) {
.product_card-main_info {
padding-left: 10px;
}
}
.product_card-sku {
font: 0.9285714286rem / 1.4285714286rem opensans-regular, Arial, Helvetica, sans-serif;
text-transform: uppercase;
margin-bottom: 15px;
color: #646464;
}
@media only screen and (min-width: 1025px) {
.product_card-sku {
margin-bottom: 0;
}
}
html[locale=de_DE] .product_card-sku {
text-transform: capitalize;
}
.product_card-sku .product_tile-sku-number {
font-family: opensans-semibold, Arial, Helvetica, sans-serif;
}
.product_card-tax, .product_card-gross_price {
font-family: opensans-semibold, Arial, Helvetica, sans-serif;
margin-top: 15px;
}
.product_card-tax [class*=title], .product_card-gross_price [class*=title] {
font-size: 1rem;
}
.product_card-name {
font-size: 1.2857142857rem;
color: #076795;
}
@media screen and (-ms-high-contrast: none) {
[locale=ja_JP] .product_card-name { /* stylelint-disable-line */
margin-top: 5px;
}
}
.product_card-serial_number {
line-height: 1.4285714286rem;
}
@media only screen and (min-width: 1025px) {
.product_card-additional_details-wrapper, .product_card-bundle-wrapper, .product_card-error {
margin-left: 115px;
}
}
.product_card-error .product-error_message {
margin-bottom: 25px;
}
.product_card-bundle {
margin-bottom: 20px;
}
.product_card-bundle-link {
padding: 0;
border: 0;
background: none;
background-color: transparent;
background-image: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.product_card-bundle-link::-ms-expand {
display: none;
}
.product_card-bundle-link.link-disabled, .product_card-bundle-link.link-disabled:hover, .product_card-bundle-link.link-disabled:focus, .product_card-bundle-link.link-disabled:active, .product_card-bundle-link[disabled], .product_card-bundle-link[disabled]:hover, .product_card-bundle-link[disabled]:focus, .product_card-bundle-link[disabled]:active {
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.product_card-bundle-link {
display: inline-block;
cursor: pointer;
color: #076795;
}
.product_card-bundle-link:hover, .product_card-bundle-link:active {
text-decoration: underline;
}
.product_card-bundle-link {
font: 1rem opensans-semibold, Arial, Helvetica, sans-serif;
}
.product_card-bundle-link:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 14px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f125";
}
.product_card-bundle-link {
position: relative;
}
.product_card-bundle-link::before {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-transition: -webkit-transform 0.2s ease 0s;
transition: -webkit-transform 0.2s ease 0s;
transition: transform 0.2s ease 0s;
transition: transform 0.2s ease 0s, -webkit-transform 0.2s ease 0s;
opacity: 0.5;
margin-right: 5px;
font-size: 0.8571428571rem;
}
.product_card-bundle-link:hover::before {
opacity: 1;
}
.product_card-bundle.active .product_card-bundle-show {
display: none;
}
.product_card-bundle:not(.active) .product_card-bundle-hide {
display: none;
}
.product_card-bundle.active .product_card-bundle-link::before {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.product_card-bundle-details {
margin-top: 20px;
}
.product_card-bundle-item_title {
padding: 10px;
}
.product_card-bundle-item {
border: none;
word-break: break-word;
}
.product_card-bundle-item + .product_card-bundle-item {
border-top: 1px solid #e7e7e7;
}
.product_card-bundle-item:last-child {
border-bottom: none;
}
.product_card-bundle-item.active .product_card-bundle-item_title {
background-color: #f7f9f9;
}
.product_card-bundle-item_wrapper {
border: 1px solid #e7e7e7;
border-radius: 3px;
}
.product_card-bundle-attributes {
padding: 10px;
}
.product_card-bundle-attribute + .product_card-bundle-attribute {
margin-top: 10px;
}
@media only screen and (min-width: 1025px) {
.product_card-bundle-wrapper {
width: 70%;
}
}
.product_card-bundle_table {
background-color: #ffffff;
}
.product_card-bundle_table-header {
background: #f7f9f9;
border-color: #e7e7e7;
}
.product_card-bundle_table-header .label {
color: #000000;
font: 0.9285714286rem opensans-semibold, Arial, Helvetica, sans-serif;
text-transform: capitalize;
}
.product_card-bundle_table-header_cell, .product_card-bundle_table-body_cell {
-ms-flex: 1 1 20%;
flex: 1 1 20%;
}
.product_card-bundle_table-header_cell-product, .product_card-bundle_table-body_cell-product {
-ms-flex: 1 1 60%;
flex: 1 1 60%;
}
.product_card-bundle_table-body_row:not(:last-child) {
border-bottom: 0;
}
.product_card-bundle_table-body_row:hover {
background: initial;
}
.product_card-frequency, .product_card-split_request {
margin-bottom: 25px;
}
.product_card-split_request .form-group {
display: -ms-flexbox;
display: flex;
}
.product_card-additional_details {
margin-bottom: 25px;
}
.product_card-additional_details-link {
padding: 0;
border: 0;
background: none;
background-color: transparent;
background-image: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.product_card-additional_details-link::-ms-expand {
display: none;
}
.product_card-additional_details-link.link-disabled, .product_card-additional_details-link.link-disabled:hover, .product_card-additional_details-link.link-disabled:focus, .product_card-additional_details-link.link-disabled:active, .product_card-additional_details-link[disabled], .product_card-additional_details-link[disabled]:hover, .product_card-additional_details-link[disabled]:focus, .product_card-additional_details-link[disabled]:active {
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.product_card-additional_details-link {
display: inline-block;
cursor: pointer;
color: #076795;
}
.product_card-additional_details-link:hover, .product_card-additional_details-link:active {
text-decoration: underline;
}
.product_card-additional_details-link {
font: 1rem opensans-semibold, Arial, Helvetica, sans-serif;
}
.product_card-additional_details-link::before, .product_card-additional_details-link::after {
position: absolute;
top: 50%;
left: 5px;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
content: "";
border: 1px solid #076795;
width: 10px;
-webkit-transition: -webkit-transform 0.2s ease 0s;
transition: -webkit-transform 0.2s ease 0s;
transition: transform 0.2s ease 0s;
transition: transform 0.2s ease 0s, -webkit-transform 0.2s ease 0s;
}
.product_card-additional_details-link::after {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
margin-top: -1px;
}
.active .product_card-additional_details-link::after {
-webkit-transform: rotate(0);
transform: rotate(0);
}
.product_card-additional_details-link {
position: relative;
padding-left: 20px;
}
.product_card-additional_details-link[disabled]::before, .product_card-additional_details-link[disabled]::after {
border: 1px solid #c5c5c5;
}
.product_card-additional_details-wallet {
display: none;
text-decoration: underline;
}
.product_card-additional_details-wrapper {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: start;
align-items: flex-start;
}
.checkout-step_submited .product_card-additional_details-wrapper {
margin-left: 0;
}
.product_card-additional_details-header {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
}
.product_card-additional_details.active .product_card-additional_details-wallet {
display: block;
}
.product_card-patient_details {
display: -ms-flexbox;
display: flex;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 10px;
}
@media only screen and (min-width: 1025px) {
.product_card-patient_details .form-group + .form-group {
margin: 0 0 0 15px;
}
}
.product_card-patient_details-date, .product_card-patient_details-initials {
width: 100%;
}
@media only screen and (min-width: 1025px) {
.product_card-patient_details-date, .product_card-patient_details-initials {
width: auto;
}
}
.product_card-patient_details-date {
margin-bottom: 20px;
}
.product_card-patient_details-qty {
width: 100%;
}
@media only screen and (min-width: 1025px) {
.product_card-patient_details {
-ms-flex-direction: row;
flex-direction: row;
}
}
@media only screen and (min-width: 1025px) {
.product_card-delivery {
padding-left: 10px;
}
}
@media only screen and (min-width: 1025px) {
.product_card-line_item.has-shipping_select .product_card-details {
margin-top: 35px;
}
[locale*=_JP] .product_card-line_item.has-shipping_select .product_card-details {
margin-left: auto;
}
}
.product_card-early_devidery {
display: inline-block;
margin-top: 10px;
}
@media only screen and (min-width: 1025px) {
.product_card-early_devidery {
padding-left: 10px;
}
}
@media only screen and (max-width: 1024px) {
.product_card-early_devidery {
margin-bottom: 10px;
}
}
.product_card-early_devidery-label {
font: 0.7857142857rem opensans-semibold, Arial, Helvetica, sans-serif;
background-color: #ffefae;
border-radius: 4px 0 0 4px;
padding: 5px 10px;
color: #ff0000;
}
.product_card-early_devidery-label:empty {
display: none;
}
.product_card-shipping_method {
margin: 0 auto;
max-width: 260px;
}
@media only screen and (min-width: 1025px) {
.product_card-shipping_method {
margin: 0;
max-width: 210px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.product_card-shipping_method {
max-width: 160px;
}
}
.delayed_rec_orders .product_card-shipping_method {
font: 1rem / 1.1428571429rem opensans-regular, Arial, Helvetica, sans-serif;
max-width: 100%;
margin: 0 0 5px 0;
}
@media only screen and (max-width: 1024px) {
.delayed_rec_orders .product_card-shipping_method {
margin-bottom: 15px;
}
}
@media only screen and (min-width: 1025px) {
.delayed_rec_orders .product_card-shipping_method {
max-width: 100%;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.delayed_rec_orders .product_card-shipping_method {
max-width: 100%;
}
}
.delayed_rec_orders .product_card-shipping_method .shipping_method-title {
color: #646464;
}
.delayed_rec_orders .product_card-shipping_method .shipping_method-value {
font: 1rem / 1.1428571429rem opensans-semibold, Arial, Helvetica, sans-serif;
}
.product_card-shipping_method-wrapper {
position: relative;
margin: -40px 0;
}
@media only screen and (min-width: 1025px) {
.product_card-shipping_method-wrapper {
position: absolute;
top: 0;
right: 0;
margin: 0;
z-index: 2;
}
}
.product_card-shipping_method-label {
color: #646464;
margin-bottom: 5px;
}
@media only screen and (min-width: 1025px) {
.product_card-shipping_method-label {
display: none;
}
}
.product_card-shipping_method-select {
border-color: #213858;
border-radius: 5px;
}
@media only screen and (min-width: 1025px) {
.product_card-shipping_method-select {
border-radius: 0 0 5px 5px;
border-top: none;
}
}
.product_card-shipping_method-error {
border: 1px solid #213858;
border-radius: 5px;
padding: 10px;
margin-top: 20px;
background-color: #ffffff;
text-align: center;
color: #ff0000;
}
@media only screen and (min-width: 1025px) {
.product_card-shipping_method-error {
border-radius: 0 0 5px 5px;
border-top: none;
margin-top: 0;
text-align: left;
}
}
.product_card-price {
display: -ms-flexbox;
display: flex;
margin-bottom: 10px;
}
@media only screen and (min-width: 1025px) {
.product_card-price {
margin-bottom: 0;
}
}
.product_card-price-label {
margin-right: 5px;
}
.product_card-price .product-price {
display: inline-block;
}
.product_card-price .product-price_title {
display: none;
}
.product_card-price .product-price_value, .product_card-price .product-price_value-each {
font: 1rem opensans-semibold, Arial, Helvetica, sans-serif;
}
@media only screen and (min-width: 1025px) {
.product_card-price .product-price_value {
text-align: right;
}
.product_setting_card-info_top .product_card-price .product-price_value {
text-align: left;
}
}
.product_card-price .product-price_strike {
font-size: 0.8571428571rem;
}
@media only screen and (min-width: 1025px) {
.product_card-info .product_card-price .product-price_strike {
margin-top: -12px;
}
}
.product_card-qty {
display: -ms-flexbox;
display: flex;
margin-bottom: 10px;
}
@media only screen and (min-width: 1025px) {
.product_card-qty {
margin-bottom: 0;
}
}
.product_card-qty-label {
margin: 15px 15px 0 0;
}
.product_card-qty label { /* stylelint-disable-line */
display: none;
}
.product_card-qty .product_tile-qty {
font-size: 1.1428571429rem;
margin: 0;
}
.product_card-qty .product_tile-qty_message {
text-align: initial;
}
.product_card-validation_error {
font-size: 1rem;
font-family: opensans-regular, Arial, Helvetica, sans-serif;
color: #ff0000;
margin-top: 10px;
}
.product_card-validation_error:empty {
margin-top: 0;
}
@media only screen and (min-width: 1025px) {
.product_card-price, .product_card-qty {
padding: 0 10px;
}
}
.product_card-price-label, .product_card-qty-label {
font-family: opensans-regular, Arial, Helvetica, sans-serif;
color: #646464;
}
@media only screen and (min-width: 1025px) {
.product_card-price-label, .product_card-qty-label {
display: none;
}
}
.product_card-qty_simple {
margin-bottom: 15px;
font: 1.1428571429rem / 1.4285714286rem brandongrotesque-medium, Arial, Helvetica, sans-serif;
}
@media only screen and (min-width: 1025px) {
.product_card-qty_simple {
margin-bottom: 0;
}
}
.product_card-total_price .total_price {
margin-bottom: 15px;
font-family: opensans-regular, Arial, Helvetica, sans-serif;
font-size: 1rem;
display: -ms-flexbox;
display: flex;
}
@media only screen and (min-width: 1025px) {
.product_card-total_price .total_price {
margin-bottom: 0;
}
}
.product_card-total_price .total_price-title {
font-family: opensans-regular, Arial, Helvetica, sans-serif;
margin-right: 5px;
}
@media only screen and (min-width: 1025px) {
.product_card-total_price .total_price-title {
display: none;
}
.product_setting_card-info_top .product_card-total_price .total_price-title {
display: block;
}
}
.product_card-total_price .total_price-value {
font-family: opensans-semibold, Arial, Helvetica, sans-serif;
}
@media only screen and (min-width: 1025px) {
.product_card-info .product_card-total_price .total_price-value {
text-align: right;
width: 100%;
}
}
.product_card-total_price .product-price_strike {
font-size: 0.8571428571rem;
}
@media only screen and (min-width: 1025px) {
.product_card-info .product_card-total_price .product-price_strike {
margin-top: -12px;
}
}
@media only screen and (min-width: 1025px) {
.product_card-total_price {
padding: 0 10px;
}
}
@media only screen and (min-width: 1025px) {
.product_card-shipping_info {
padding: 0 10px;
}
}
@media only screen and (max-width: 1024px) {
.product_card-shipping_info .shipping_info {
margin-bottom: 15px;
}
}
.product_card-variation-name, .product_card-bundle_attribute-name {
color: #646464;
}
.product_card-variation-value, .product_card-bundle_attribute-value {
font-family: brandongrotesque-medium, Arial, Helvetica, sans-serif;
}
.product_card-variation,
.product_card .link,
.product_card .pdp-recommendation-link,
.product_card .tax,
.product_card .discount,
.product_card .gross_price {
margin-bottom: 15px;
}
@media only screen and (max-width: 1024px) {
.product_card .tax {
margin: 0 0 15px 0;
}
}
.product_card-life_cell {
background-color: #ffefae;
border: 1px solid #213858;
border-radius: 3px;
display: -ms-flexbox;
display: flex;
padding: 0;
}
.product_card-life_cell-icon {
/* stylelint-disable-line */
}
.product_card-life_cell-icon:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f173";
}
.product_card-life_cell-icon {
background-color: #213858;
color: #ffefae;
min-height: 100%;
min-width: 46px;
position: relative;
}
.product_card-life_cell-icon::before {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
font-size: 1.2857142857rem;
}
.product_card-life_cell-text {
-ms-flex-item-align: center;
align-self: center;
color: #213858;
-ms-flex-positive: 1;
flex-grow: 1;
font: 0.9285714286rem / 1.2857142857rem opensans-regular, Arial, Helvetica, sans-serif;
padding: 18px 20px;
text-align: center;
}
.product_card-life_cell-text p + p {
margin-top: 10px;
}
.product_card-life_cell-link {
padding: 0;
border: 0;
background: none;
background-color: transparent;
background-image: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.product_card-life_cell-link::-ms-expand {
display: none;
}
.product_card-life_cell-link.link-disabled, .product_card-life_cell-link.link-disabled:hover, .product_card-life_cell-link.link-disabled:focus, .product_card-life_cell-link.link-disabled:active, .product_card-life_cell-link[disabled], .product_card-life_cell-link[disabled]:hover, .product_card-life_cell-link[disabled]:focus, .product_card-life_cell-link[disabled]:active {
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.product_card-life_cell-link {
display: inline-block;
cursor: pointer;
color: #076795;
}
.product_card-life_cell-link:hover, .product_card-life_cell-link:active {
text-decoration: underline;
}
.product_card-life_cell-link {
font: 1rem opensans-semibold, Arial, Helvetica, sans-serif;
font-size: 0.9285714286rem;
}
.product_card-life_cell-button {
border: 1px solid transparent;
cursor: pointer;
display: inline-block;
font: 1rem / 1 brandongrotesque-medium, Arial, Helvetica, sans-serif;
text-align: center;
text-transform: uppercase;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-radius: 3px;
padding: 14.5px 20px;
width: 100%;
background-color: #213858;
border-color: #213858;
color: #ffefae;
}
.product_card-life_cell-button:hover {
color: #213858;
background-color: #ffefae;
}
.product_card-life_cell {
margin-bottom: 20px;
}
.product_card-life_cell .life_cell-info-text {
padding: 18px 20px;
color: #213858;
font-size: 0.9285714286rem;
}
.product_card-life_cell .life_cell-info-icon:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f149";
}
.product_card-life_cell .life_cell-info-icon {
background-color: #213858;
color: #ffefae;
min-height: 100%;
min-width: 46px;
position: relative;
}
.product_card-life_cell .life_cell-info-icon::before {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.product_card-discounts.m-discount_list {
display: grid;
grid-gap: 15px;
justify-items: start;
}
.checkout_sales_rep_optimized .checkout-step_submited .product_card-discounts.m-sales_rep {
margin-left: 10px;
}
@media only screen and (max-width: 767px) {
.checkout_sales_rep_optimized .checkout-step_submited .product_card-discounts.m-sales_rep {
margin-left: 0;
}
}
.discount {
background-color: #ffefae;
padding: 5px 10px;
border-radius: 3px;
display: inline-block;
color: #646464;
font: 0.8571428571rem opensans-semibold, Arial, Helvetica, sans-serif;
}
.discount + .discount {
margin-top: 15px;
}
.discount.m-out_of_table {
width: 100%;
max-width: 390px;
color: #000000;
font: 0.8571428571rem opensans-regular, Arial, Helvetica, sans-serif;
padding: 10px;
margin-top: 0;
}
.discount.m-list + .discount.m-list {
margin-top: 0;
}
.discount-table {
width: 100%;
max-width: 390px;
border-radius: 2px;
border: 1px solid #c5c5c5;
}
@media only screen and (max-width: 1024px) {
.discount-table:not(.m-checkout) {
max-width: 100%;
}
}
@media only screen and (max-width: 767px) {
.checkout-step_submited .discount-table {
width: 100%;
}
}
.discount-table-wrapper {
margin-bottom: 20px;
}
.discount-table-wrapper.m-recommended {
margin: 20px 0 0;
}
@media only screen and (max-width: 1024px) {
.discount-table-wrapper.m-recommended {
margin: 0 0 20px;
}
}
.discount-table-wrapper.m-checkout {
width: 100%;
}
.discount-table-header::before, .discount-table-header::after {
position: absolute;
top: 50%;
left: 5px;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
content: "";
border: 1px solid #076795;
width: 10px;
-webkit-transition: -webkit-transform 0.2s ease 0s;
transition: -webkit-transform 0.2s ease 0s;
transition: transform 0.2s ease 0s;
transition: transform 0.2s ease 0s, -webkit-transform 0.2s ease 0s;
}
.discount-table-header::after {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
margin-top: -1px;
}
.active .discount-table-header::after {
-webkit-transform: rotate(0);
transform: rotate(0);
}
.discount-table-header {
background: #ffefae;
padding: 12px 30px;
font: 0.8571428571rem / 1rem opensans-semibold, Arial, Helvetica, sans-serif;
position: relative;
cursor: pointer;
}
.discount-table-header::before, .discount-table-header::after {
left: 10px;
border-color: #000000;
width: 12px;
}
.discount-table-header_inner {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
}
.discount-table-list {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
}
.toggle-wrapper.active .discount-table-list {
padding: 5px 30px;
}
.discount-table-item {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
font: 0.8571428571rem / 2rem opensans-regular, Arial, Helvetica, sans-serif;
border-bottom: 1px solid #e7e7e7;
}
.discount-table-item:last-of-type {
border-bottom: none;
}
.discount-table-item_text {
display: inline-block;
}
.discount-table-item_text + .discount-table-item_text {
margin-left: 20px;
}
.tax,
.gross_price,
.serial_number,
.total_price {
font-size: 1.1428571429rem;
}
.tax-title,
.gross_price-title,
.serial_number-title,
.total_price-title {
color: #646464;
}
.tax-value,
.gross_price-value,
.serial_number-value,
.total_price-value {
color: #000000;
font-family: brandongrotesque-medium, Arial, Helvetica, sans-serif;
}
@media only screen and (max-width: 1024px) {
html[locale*=JP] .tax-value,
html[locale*=JP] .gross_price-value,
html[locale*=JP] .serial_number-value,
html[locale*=JP] .total_price-value {
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-direction: column;
flex-direction: column;
}
}
[locale*=_IT] .tax {
display: none;
}
@media only screen and (min-width: 1025px) {
.shipping_info-item + .shipping_info-item {
margin-top: 15px;
}
}
.shipping_info-item {
display: -ms-flexbox;
display: flex;
-ms-flex-align: baseline;
align-items: baseline;
font-size: 1.1428571429rem;
}
.shipping_info-title {
margin-bottom: 5px;
font-size: 1.1428571429rem;
color: #646464;
}
@media only screen and (min-width: 1025px) {
.shipping_info-title {
display: none;
}
}
.shipping_info-status {
width: 8px;
height: 8px;
-ms-flex-negative: 0;
flex-shrink: 0;
border: 0;
border-radius: 100%;
margin-right: 10px;
}
.shipping_info-status.success {
background-color: #83c487;
}
.shipping_info-status.warning {
background-color: #ebc71d;
}
.shipping_info-status.out-of-stock {
background-color: #ff0000;
}
.delivery_info {
margin-bottom: 15px;
}
@media only screen and (min-width: 1025px) {
.delivery_info {
margin-bottom: 0;
}
}
.delivery_info-title {
font: 0.9285714286rem opensans-semibold, Arial, Helvetica, sans-serif;
color: #000000;
margin-bottom: 5px;
}
@media only screen and (min-width: 1025px) {
.delivery_info-title {
margin-bottom: 10px;
}
}
.delivery_info-item {
font: 0.9285714286rem opensans-regular, Arial, Helvetica, sans-serif;
color: #646464;
display: -ms-flexbox;
display: flex;
-ms-flex-align: baseline;
align-items: baseline;
}
.delivery_info-item.m-column {
-ms-flex-direction: column;
flex-direction: column;
}
.delivery_info-item + .delivery_info-item {
margin-top: 10px;
}
.delivery_info-item .tooltip {
width: 180px;
}
@media only screen and (max-width: 374px) {
.delivery_info-item .tooltip {
min-width: 100px;
}
}
@media only screen and (min-width: 768px) {
.delivery_info-item .tooltip {
min-width: 220px;
}
}
.delivery_info-label {
font-weight: bold;
padding-top: 20px;
}
.delivery_info-status {
width: 12px;
height: 12px;
-ms-flex-negative: 0;
flex-shrink: 0;
border: 0;
border-radius: 100%;
margin-right: 10px;
}
.delivery_info-status.out-of-stock {
background-color: #ff0000;
}
.delivery_info-status.warning {
background-color: #ebc71d;
}
.delivery_info-status.success {
background-color: #008900;
}
.delivery_info-warning {
color: #646464;
}
@media only screen and (min-width: 1025px) {
.patient_details {
-ms-flex: 0 1 280px;
flex: 0 1 280px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.checkout_psp .review_products-table_header {
-ms-flex-pack: start;
justify-content: flex-start;
}
}
.checkout_psp .review_products-table_header-item_product {
-ms-flex-preferred-size: 55%;
flex-basis: 55%;
}
.checkout_psp .review_products-table_header-item_qty {
-ms-flex-preferred-size: 20%;
flex-basis: 20%;
}
.checkout_psp .review_products-table_header-item_shipping {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
}
@media only screen and (min-width: 768px) {
.checkout_psp .product_card-main_info {
-ms-flex-preferred-size: 55%;
flex-basis: 55%;
}
}
@media only screen and (min-width: 768px) {
.checkout_psp .product_card-qty {
-ms-flex-preferred-size: 20%;
flex-basis: 20%;
}
}
@media only screen and (min-width: 768px) {
.checkout_psp .product_card-details {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
}
}
.checkout_psp .product_card-total_price {
padding: 0;
}
@media only screen and (min-width: 1025px) {
.checkout_psp .product_card-shipping_method {
max-width: 195px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.checkout_psp .product_card-shipping_method {
max-width: 170px;
}
}
.checkout_psp.m-ov .product_card-total_price {
display: none;
}
.checkout_psp.m-ov.checkout_sales_rep_optimized .review_products-table_header-item_shipping {
-ms-flex-preferred-size: auto;
flex-basis: auto;
}
.checkout_psp.m-ov.checkout_sales_rep_optimized .review_products-table_header-item_product {
-ms-flex-preferred-size: 41%;
flex-basis: 41%;
}
.checkout_psp.m-ov.checkout_sales_rep_optimized .product_card-main_info {
-ms-flex-preferred-size: 42%;
flex-basis: 42%;
}
.checkout_psp.m-ov.checkout_sales_rep_optimized .product_card-qty {
-ms-flex-preferred-size: 16%;
flex-basis: 16%;
}
@media only screen and (min-width: 768px) {
.checkout_psp.m-ov.checkout_sales_rep_optimized .product_card-qty {
padding-left: 5px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.checkout_cr .review_products-table_header {
-ms-flex-pack: start;
justify-content: flex-start;
}
}
.checkout_cr .review_products-table_header-item_product {
-ms-flex-preferred-size: 40%;
flex-basis: 40%;
}
.checkout_cr .review_products-table_header-item_price {
-ms-flex-preferred-size: 20%;
flex-basis: 20%;
}
.checkout_cr .review_products-table_header-item_qty {
-ms-flex-preferred-size: 17%;
flex-basis: 17%;
}
.checkout_cr .review_products-table_header-item_total {
display: none;
}
.checkout_cr .review_products-table_header-item_shipping {
-ms-flex-preferred-size: 22%;
flex-basis: 22%;
}
@media only screen and (min-width: 1025px) {
.checkout_cr .product_card-main_info {
-ms-flex-preferred-size: 40%;
flex-basis: 40%;
}
}
.checkout_cr .product_card-remove input[type=checkbox]:not(.custom-switch) + label::before {
top: 0;
}
.checkout_cr .product_card-remove input[type=checkbox]:not(.custom-switch) + label::after {
top: 5px;
}
.checkout_cr .product_card-additional_details-wrapper {
margin-left: 0;
}
@media only screen and (max-width: 1024px) {
.checkout_cr .product_card-price {
-ms-flex-order: 6;
order: 6;
}
}
@media only screen and (min-width: 1025px) {
.checkout_cr .product_card-price {
-ms-flex-preferred-size: 20%;
flex-basis: 20%;
}
}
.checkout_cr .product_card-qty {
display: -ms-flexbox;
display: flex;
}
@media only screen and (min-width: 1025px) {
.checkout_cr .product_card-qty {
-ms-flex-preferred-size: 17%;
flex-basis: 17%;
}
}
.checkout_cr .product_card-qty .product_tile-qty {
font: 1.1428571429rem / 1.4285714286rem brandongrotesque-medium, Arial, Helvetica, sans-serif;
}
@media only screen and (max-width: 1024px) {
.checkout_cr .product_card-qty-label {
display: inline-block;
margin-top: 0;
}
}
.checkout_cr .product_card-total_price {
display: none;
}
@media only screen and (min-width: 1025px) {
.checkout_cr .product_card-shipping_info, .checkout_cr .product_card-details {
-ms-flex-preferred-size: 22%;
flex-basis: 22%;
}
}
@media only screen and (min-width: 1025px) {
.checkout_cr .product_card-shipping_method {
max-width: none;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.checkout_cr .product_card-shipping_method {
max-width: 150px;
}
}
@media only screen and (min-width: 1025px) {
.checkout_cr .product_card-shipping_method-wrapper {
max-width: 22%;
}
}
.checkout_cr .product_card-id {
display: -ms-flexbox;
display: flex;
}
@media only screen and (min-width: 1025px) {
.checkout_cr .product_card-id {
margin-bottom: 15px;
}
}
.checkout_cr .product_card-sku {
margin-right: 10px;
}
@media only screen and (min-width: 1025px) {
.checkout_cr .product_card-sku {
width: auto;
}
}
.checkout_cr .product_card-serial_number .serial_number-value {
color: #646464;
font: 0.9285714286rem opensans-semibold, Arial, Helvetica, sans-serif;
}
@media only screen and (max-width: 1024px) {
.checkout_cr .product_card-info_row {
-ms-flex-order: 5;
order: 5;
}
}
@media only screen and (max-width: 1024px) {
.checkout_cr .product_card-shipping_info {
-ms-flex-order: 1;
order: 1;
}
}
@media only screen and (max-width: 1024px) {
.checkout_cr .product_card-delivery {
-ms-flex-order: 2;
order: 2;
}
}
@media only screen and (max-width: 1024px) {
.checkout_cr.m-ov .product_card-price {
-ms-flex-order: initial;
order: initial;
}
}
@media only screen and (min-width: 768px) {
.checkout_cr.m-ov.checkout_sales_rep_optimized .review_products-table_header-item_product {
-ms-flex-preferred-size: 34%;
flex-basis: 34%;
}
}
@media only screen and (min-width: 768px) {
.checkout_cr.m-ov.checkout_sales_rep_optimized .product_card-main_info {
-ms-flex-preferred-size: 35.5%;
flex-basis: 35.5%;
}
}
@media only screen and (min-width: 1025px) {
.checkout_cr.m-ov.checkout_sales_rep_optimized .product_card-main_info {
-ms-flex-preferred-size: 35%;
flex-basis: 35%;
}
}
@media only screen and (min-width: 768px) {
.checkout_cr.m-ov.checkout_sales_rep_optimized .product_card-price {
-ms-flex-preferred-size: 12%;
flex-basis: 12%;
}
}
.checkout_cr .purchase_info-patient_initials {
padding: 0 10px 40px;
background-color: #ffffff;
border-radius: 0 0 3px 3px;
}
@media only screen and (min-width: 768px) {
.checkout_cr .purchase_info-patient_initials {
padding: 0;
background-color: transparent;
border-radius: 0;
max-width: 340px;
}
}
@media only screen and (max-width: 1024px) {
.checkout_cr .checkout-step_submited .product_card-discounts {
margin-left: 0;
}
}
@media only screen and (max-width: 1024px) {
.checkout_cr .product_card-discounts {
margin-left: 0;
}
}
@media only screen and (max-width: 1024px) {
.checkout_cr .product_card-discounts .order_receipt-promotion_msg {
margin-left: 0;
}
}
.checkout_pp .review_products-table_header-item_product {
-ms-flex-preferred-size: 40%;
flex-basis: 40%;
}
.checkout_pp .review_products-table_header-item_price {
-ms-flex-preferred-size: 10%;
flex-basis: 10%;
}
.checkout_pp .review_products-table_header-item_qty {
-ms-flex-preferred-size: 15%;
flex-basis: 15%;
}
.checkout_pp .review_products-table_header-item_total {
-ms-flex-preferred-size: 13%;
flex-basis: 13%;
}
.checkout_pp .review_products-table_header-item_shipping {
-ms-flex-preferred-size: 22%;
flex-basis: 22%;
}
[locale*=_JP] .checkout_pp .review_products-table_header-item_shipping {
margin-left: auto;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.checkout_pp .checkout-step_submited .product_card-discounts {
margin-left: 0;
}
}
.checkout_pp .product_card-discounts {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: start;
align-items: flex-start;
margin-bottom: 15px;
}
.checkout_pp .product_card-discounts > .discount {
margin: 0 0 8px 0;
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.checkout_pp .product_card-serial_number {
display: none;
}
}
@media only screen and (min-width: 1025px) {
.checkout_pp .product_card-main_info {
-ms-flex-preferred-size: 40%;
flex-basis: 40%;
}
}
@media only screen and (min-width: 1025px) {
.checkout_pp .product_card-price {
-ms-flex-preferred-size: 10%;
flex-basis: 10%;
}
}
@media only screen and (min-width: 1025px) {
.checkout_pp .product_card-qty {
-ms-flex-preferred-size: 15%;
flex-basis: 15%;
}
}
@media only screen and (min-width: 1025px) {
.checkout_pp .product_card-qty .quantity_combobox {
margin-top: -15px;
}
}
@media only screen and (min-width: 1025px) {
.checkout_pp .product_card-total_price {
-ms-flex-preferred-size: 13%;
flex-basis: 13%;
}
}
@media only screen and (min-width: 1025px) {
.checkout_pp .product_card-details {
-ms-flex-preferred-size: 22%;
flex-basis: 22%;
}
[locale*=_JP] .checkout_pp .product_card-details {
margin-left: auto;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.checkout_pp .product_card-shipping_method {
max-width: 160px;
}
}
@media only screen and (min-width: 1200px) {
.checkout_pp .product_card-shipping_method {
max-width: 170px;
}
}
@media only screen and (max-width: 1024px) {
.checkout_pp .product_card-bonus_product .product_card-qty-label {
margin: 0 15px 0 0;
}
.checkout_pp .product_card-bonus_product .order_receipt-promotion_msg {
margin-left: 0;
}
.checkout_pp .product_card-bonus_product .order_receipt-promotion_msg .discount {
margin-top: 0;
}
}
.payment_info-header {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
}
.payment_info-btn {
border: 1px solid transparent;
cursor: pointer;
display: inline-block;
font: 1rem / 1 brandongrotesque-medium, Arial, Helvetica, sans-serif;
text-align: center;
text-transform: uppercase;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-radius: 3px;
padding: 14.5px 20px;
width: 100%;
}
.payment_info-btn.button-disabled, .sales_rep_promo-upload:not(.active) .payment_info-btn.sales_rep_promo-upload-label, .payment_info-btn.button-disabled:hover, .payment_info-btn.button-disabled:focus, .payment_info-btn.button-disabled:active, .payment_info-btn[disabled], .payment_info-btn[disabled]:hover, .payment_info-btn[disabled]:focus, .payment_info-btn[disabled]:active {
background-color: #e7e7e7;
border-color: #e7e7e7;
-webkit-box-shadow: none;
box-shadow: none;
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.payment_info-btn { /* stylelint-disable-line */
background-color: #076795;
border-color: #076795;
color: #ffffff;
}
.payment_info-btn:active {
background-color: #d7e7ef;
border-color: #d7e7ef;
color: #076795;
}
@media only screen and (min-width: 1025px) {
.payment_info-btn:hover {
background-color: #d7e7ef;
border-color: #d7e7ef;
color: #076795;
}
}
.payment_info-btn:active {
-webkit-box-shadow: inset 0 3px 2px rgba(0, 0, 0, 0.12);
box-shadow: inset 0 3px 2px rgba(0, 0, 0, 0.12);
}
@media only screen and (min-width: 768px) {
.payment_info-btn {
width: 340px;
}
}
.payment_info-btn_wrapper {
margin-top: 20px;
padding-bottom: 30px;
border-bottom: 1px solid #c5c5c5;
}
@media only screen and (min-width: 768px) {
.payment_info-btn_wrapper {
padding: 0;
border: 0;
max-width: 340px;
}
}
@media only screen and (min-width: 768px) {
.payment_info-user_item {
width: 37%;
padding-right: 20px;
display: inline-block;
vertical-align: top;
}
}
@media only screen and (max-width: 767px) {
.payment_info-user_item + .payment_info-user_item {
margin-top: 30px;
}
}
.payment_info-user_item .phone {
display: none;
}
.payment_info-user_info {
padding-bottom: 30px;
}
@media only screen and (min-width: 768px) {
.payment_info-user_info {
padding-top: 20px;
}
}
.payment_info-method .error_banner {
margin-bottom: 20px;
}
.payment_info-method .electroniccard-error_banner .error_banner {
margin: 20px 0 0;
}
@media only screen and (max-width: 767px) {
.payment_info-method {
background-color: #e4e5e5;
margin: 0 -10px;
}
}
.payment_info-method-inner {
padding: 0 10px 40px;
background-color: #ffffff;
border-radius: 0 0 3px 3px;
}
@media only screen and (min-width: 768px) {
.payment_info-method-inner {
padding: 0;
border-radius: 0;
}
}
@media only screen and (min-width: 768px) {
.payment_info-method-empty {
margin-bottom: 25px;
}
}
.payment_info-method .order_summary-mobile {
margin: 30px 0;
border-radius: 3px;
}
.payment_info-method .accordion-item-header {
cursor: pointer;
}
.payment_info-method .accordion-item_body {
display: none;
}
.payment_info-method .accordion-item.active > .accordion-item_body {
display: block;
}
.payment_info-method .payment_info-suboption {
border: 0;
}
@media only screen and (min-width: 768px) {
.payment_info-method .credit_card-owner,
.payment_info-method .credit_card-numbers {
width: 45%;
display: inline-block;
vertical-align: top;
margin: 0;
}
}
@media only screen and (min-width: 768px) {
.payment_info-method .credit_card-owner {
margin-right: 25px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
[locale=de_CH] .payment_info-method .credit_card-owner .form-control-label {
white-space: nowrap;
}
}
@media only screen and (min-width: 1025px) {
.payment_info-method .credit_card-expiration {
width: 45%;
margin-top: -25px;
}
}
.payment_info-method .credit_card-expiration label {
width: 100%;
}
@media only screen and (min-width: 768px) {
.payment_info-method .credit_card-year {
width: 36%;
}
}
@media only screen and (min-width: 768px) {
.payment_info-method .credit_card-month {
width: 62%;
}
}
@media only screen and (min-width: 768px) {
.payment_info-method .credit_card-code {
display: block;
}
}
.payment_info-method .credit_card-code label {
width: auto;
}
.payment_info-method .credit_card-code-divider {
width: 100%;
}
@media only screen and (min-width: 1025px) {
.payment_info-method .credit_card-code-value {
width: 21%;
}
}
@media only screen and (min-width: 768px) {
.payment_info-method .credit_card-code-value, .payment_info-method .credit_card-code-example {
display: inline-block;
vertical-align: middle;
}
}
@media only screen and (min-width: 1025px) {
.payment_info-method .form-tokenEx .credit_card-expiration {
margin-top: -45px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.payment_info-method .form-tokenEx .credit_card-owner,
.payment_info-method .form-tokenEx .credit_card-numbers {
width: 98%;
display: inline-block;
margin: 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.payment_info-method .form-tokenEx .credit_card-owner {
margin-right: 0;
margin-bottom: 25px;
}
}
.payment_info-method_title {
font-size: 1.5714285714rem;
color: #213858;
margin-bottom: 25px;
}
@media only screen and (min-width: 768px) {
.payment_info-method_title {
margin-bottom: 25px;
}
}
.payment_info-option {
padding: 20px;
border: 1px solid #e7e7e7;
background: #ffffff;
margin-bottom: 20px;
}
@media only screen and (min-width: 768px) {
.payment_info-option {
padding: 30px 25px 30px 35px;
}
}
.payment_info-option.active {
background: #f7f9f9;
}
@media only screen and (min-width: 768px) {
.payment_info-option_header {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
}
}
@media only screen and (max-width: 767px) {
.payment_info-option_discount {
margin-top: 15px;
}
}
@media only screen and (min-width: 768px) {
.payment_info-option_discount {
width: 390px;
}
}
.payment_info-option_discount .discount {
width: 100%;
text-align: center;
}
.payment_info-option_discount .discount-price {
color: #000000;
}
.payment_info-msg {
color: #646464;
font-size: 1.1428571429rem;
margin-bottom: 20px;
}
.payment_info-msg.m-disabled {
margin: 20px 0 0;
}
@media only screen and (min-width: 768px) {
.payment_info-msg.m-disabled {
padding-left: 35px;
}
}
.payment_info-suboption_header {
display: inline-block;
}
.payment_info-suboption_header + .payment_info-suboption_header {
margin-left: 50px;
}
.payment_info-option_body {
margin-top: 20px;
}
@media only screen and (min-width: 768px) {
.payment_info-option_body {
padding-left: 35px;
}
}
.payment_info-option_header .label, .payment_info-stored_payments > .label {
margin: 0 auto 0 0;
font: 1.1428571429rem / 1.2857142857rem brandongrotesque-medium, Arial, Helvetica, sans-serif;
color: #213858;
}
.payment_info-stored_payments {
margin-top: 20px;
}
.payment_info-stored_payments .label {
margin-bottom: 5px;
}
.payment_info-stored_payments .select {
margin-bottom: 15px;
}
@media only screen and (min-width: 768px) {
.payment_info-stored_payments .select {
width: auto;
}
}
.payment_info-stored_data {
font-size: 1.1428571429rem;
margin-bottom: 15px;
}
.payment_info-stored_data .label {
color: #646464;
display: inline-block;
}
.payment_info-suboption_header .label {
font-size: 1.1428571429rem;
color: #000000;
}
.payment_info-suboption_header_list {
padding-bottom: 5px;
}
.payment_info-option_list {
margin-bottom: 30px;
}
@media only screen and (min-width: 768px) {
.payment_info-option_list {
margin-bottom: 35px;
}
}
@media only screen and (min-width: 768px) {
.payment_info-option-echeck {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
.payment_info-echeck-form {
margin-bottom: 30px;
}
@media only screen and (min-width: 768px) {
.payment_info-echeck-form {
width: 44%;
margin-bottom: 0;
margin-right: 9%;
}
}
@media only screen and (max-width: 767px) {
.payment_info-echeck-image {
padding-top: 20px;
}
}
@media only screen and (min-width: 768px) {
.payment_info-echeck-image {
width: 47%;
margin-top: 20px;
}
}
.payment_info-notification_banner .notification_banner {
background-color: #ffefae;
border: 1px solid #213858;
border-radius: 3px;
display: -ms-flexbox;
display: flex;
padding: 0;
}
.payment_info-notification_banner .notification_banner-icon {
/* stylelint-disable-line */
}
.payment_info-notification_banner .notification_banner-icon:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f173";
}
.payment_info-notification_banner .notification_banner-icon {
background-color: #213858;
color: #ffefae;
min-height: 100%;
min-width: 46px;
position: relative;
}
.payment_info-notification_banner .notification_banner-icon::before {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
font-size: 1.2857142857rem;
}
.payment_info-notification_banner .notification_banner-text {
-ms-flex-item-align: center;
align-self: center;
color: #213858;
-ms-flex-positive: 1;
flex-grow: 1;
font: 0.9285714286rem / 1.2857142857rem opensans-regular, Arial, Helvetica, sans-serif;
padding: 18px 20px;
text-align: center;
}
.payment_info-notification_banner .notification_banner-text p + p {
margin-top: 10px;
}
.payment_info-notification_banner .notification_banner-link {
padding: 0;
border: 0;
background: none;
background-color: transparent;
background-image: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.payment_info-notification_banner .notification_banner-link::-ms-expand {
display: none;
}
.payment_info-notification_banner .notification_banner-link.link-disabled, .payment_info-notification_banner .notification_banner-link.link-disabled:hover, .payment_info-notification_banner .notification_banner-link.link-disabled:focus, .payment_info-notification_banner .notification_banner-link.link-disabled:active, .payment_info-notification_banner .notification_banner-link[disabled], .payment_info-notification_banner .notification_banner-link[disabled]:hover, .payment_info-notification_banner .notification_banner-link[disabled]:focus, .payment_info-notification_banner .notification_banner-link[disabled]:active {
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.payment_info-notification_banner .notification_banner-link {
display: inline-block;
cursor: pointer;
color: #076795;
}
.payment_info-notification_banner .notification_banner-link:hover, .payment_info-notification_banner .notification_banner-link:active {
text-decoration: underline;
}
.payment_info-notification_banner .notification_banner-link {
font: 1rem opensans-semibold, Arial, Helvetica, sans-serif;
font-size: 0.9285714286rem;
}
.payment_info-notification_banner .notification_banner-button {
border: 1px solid transparent;
cursor: pointer;
display: inline-block;
font: 1rem / 1 brandongrotesque-medium, Arial, Helvetica, sans-serif;
text-align: center;
text-transform: uppercase;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-radius: 3px;
padding: 14.5px 20px;
width: 100%;
background-color: #213858;
border-color: #213858;
color: #ffefae;
}
.payment_info-notification_banner .notification_banner-button:hover {
color: #213858;
background-color: #ffefae;
}
.payment_info-notification_banner .notification_banner {
margin-top: 20px;
}
.payment_info-agreement {
margin: 0;
padding: 30px 10px 0;
}
@media only screen and (min-width: 768px) {
.payment_info-agreement {
padding: 30px 0 0;
border-radius: 0;
}
}
@media only screen and (min-width: 1025px) {
.payment_info-agreement.payment_info-place_order .form-group {
max-width: none;
}
}
.payment_info-agreement .custom-control-label {
display: block !important;
}
.payment_info-checkbox {
color: #646464;
margin-bottom: 15px;
position: relative;
}
@media only screen and (min-width: 1025px) {
.payment_info-checkbox {
width: 75%;
}
}
@media only screen and (min-width: 1025px) {
.payment_info-checkbox.m-category_information {
width: 100%;
}
}
.payment_info-checkbox.required::after {
display: inline-block;
margin-left: 2px;
content: "*";
position: absolute;
color: #ff0000;
top: 0;
left: 23px;
font: 1.0714285714rem / 1.2857142857rem brandongrotesque-regular, Arial, Helvetica, sans-serif;
}
html[locale=fr_FR] .payment_info-terms_label {
font-family: opensans-semibold, Arial, Helvetica, sans-serif;
}
.payment_info-default-title {
font: 1.1428571429rem brandongrotesque-medium, Arial, Helvetica, sans-serif;
color: #213858;
margin-bottom: 10px;
}
.payment_info-default-value {
color: #646464;
font: 0.9285714286rem opensans-regular, Arial, Helvetica, sans-serif;
}
.payment_info-default-value.expiration-value {
display: inline-block;
}
.payment_info-cards_switch-item_wrap {
display: -ms-flexbox;
display: flex;
}
.payment_info-cards_switch-item_wrap + .payment_info-cards_switch-item_wrap {
margin-top: 35px;
}
.payment_info-cards_switch-item {
-ms-flex: 1;
flex: 1;
}
.payment_info-cards_switch-count {
padding-right: 10px;
font: 1.1428571429rem / 1.2857142857rem brandongrotesque-medium, Arial, Helvetica, sans-serif;
color: #213858;
}
@media only screen and (min-width: 768px) {
.payment_info-cards_switch-count {
padding-right: 15px;
}
}
.payment_info-cards_switch-payment_amount {
margin-top: 20px;
width: 200px;
}
.payment_info-cards_switch-link {
display: inline-block;
margin-top: 30px;
font: 0.9285714286rem / 1.0714285714rem opensans-semibold, Arial, Helvetica, sans-serif;
}
.payment_info-installments {
margin-bottom: 25px;
}
@media only screen and (min-width: 768px) {
.payment_info-installments-select {
width: auto;
min-width: 310px;
}
}
.payment_info-edit_card {
border: 1px solid transparent;
cursor: pointer;
display: inline-block;
font: 1rem / 1 brandongrotesque-medium, Arial, Helvetica, sans-serif;
text-align: center;
text-transform: uppercase;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-radius: 3px;
padding: 14.5px 20px;
width: 100%;
}
.payment_info-edit_card.button-disabled, .sales_rep_promo-upload:not(.active) .payment_info-edit_card.sales_rep_promo-upload-label, .payment_info-edit_card.button-disabled:hover, .payment_info-edit_card.button-disabled:focus, .payment_info-edit_card.button-disabled:active, .payment_info-edit_card[disabled], .payment_info-edit_card[disabled]:hover, .payment_info-edit_card[disabled]:focus, .payment_info-edit_card[disabled]:active {
background-color: #e7e7e7;
border-color: #e7e7e7;
-webkit-box-shadow: none;
box-shadow: none;
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.payment_info-edit_card { /* stylelint-disable-line */
border-color: #076795;
color: #076795;
}
.payment_info-edit_card:active {
background-color: rgba(7, 103, 149, 0.1);
border-color: #076795;
color: #076795;
}
@media only screen and (min-width: 1025px) {
.payment_info-edit_card:hover {
background-color: rgba(7, 103, 149, 0.1);
border-color: #076795;
color: #076795;
}
}
.payment_info-edit_card {
width: auto;
min-width: 190px;
margin-top: 30px;
}
@media only screen and (max-width: 767px) {
.order_summary {
padding: 30px 0;
}
}
.order_summary-saving_msg {
text-transform: none;
color: #83c487;
}
html[locale=de_DE] .app-view .order_summary-saving_msg {
font-size: 0.8571428571rem;
}
.order_summary-saving_msg .label,
.order_summary-saving_msg .value {
padding-top: 20px;
}
.order_summary-saving_msg .label {
font-family: opensans-semibold, Arial, Helvetica, sans-serif;
}
.order_summary-saving_msg .value {
color: #008900;
font-family: opensans-semibold, Arial, Helvetica, sans-serif;
}
.order_summary-subtotal, .order_summary-shipping, .order_summary-taxes, .order_summary-total, .order_summary-discount, .order_summary-saving_msg, .order_summary-surcharge {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
}
.order_summary-subtotal, .order_summary-shipping, .order_summary-taxes, .order_summary-total, .order_summary-discount, .order_summary-surcharge {
margin-top: 15px;
}
.order_summary-mobile {
background: #ffffff;
padding: 0 15px;
border-radius: 3px 3px 0 0;
margin: 30px 0 0 0;
}
@media only screen and (min-width: 768px) {
.order_summary-mobile {
display: none;
}
}
.order_summary-mobile-button_wrapper {
padding-bottom: 30px;
border-bottom: 1px solid #c5c5c5;
}
@media only screen and (min-width: 1025px) {
.order_summary-mobile-button_wrapper {
padding: 0;
border: 0;
max-width: 340px;
}
}
@media only screen and (max-width: 767px) {
.order_summary-mobile-button_wrapper {
border-bottom: none;
}
}
@media only screen and (min-width: 1025px) {
html[locale^=de] .order_summary-title, html[locale^=fr] .order_summary-title, html[locale^=it] .order_summary-title {
font-size: 1.7857142857rem;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
html[locale^=de] .order_summary-title, html[locale^=fr] .order_summary-title, html[locale^=it] .order_summary-title {
font-size: 1.5714285714rem;
}
}
.order_summary-title {
text-align: center;
margin-bottom: 20px;
}
.order_summary-update {
margin-bottom: 30px;
}
.order_summary-update_btn {
border: 1px solid transparent;
cursor: pointer;
display: inline-block;
font: 1rem / 1 brandongrotesque-medium, Arial, Helvetica, sans-serif;
text-align: center;
text-transform: uppercase;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-radius: 3px;
padding: 14.5px 20px;
width: 100%;
}
.order_summary-update_btn.button-disabled, .sales_rep_promo-upload:not(.active) .order_summary-update_btn.sales_rep_promo-upload-label, .order_summary-update_btn.button-disabled:hover, .order_summary-update_btn.button-disabled:focus, .order_summary-update_btn.button-disabled:active, .order_summary-update_btn[disabled], .order_summary-update_btn[disabled]:hover, .order_summary-update_btn[disabled]:focus, .order_summary-update_btn[disabled]:active {
background-color: #e7e7e7;
border-color: #e7e7e7;
-webkit-box-shadow: none;
box-shadow: none;
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.order_summary-update_btn { /* stylelint-disable-line */
background-color: #ffffff;
border-color: #076795;
color: #076795;
}
.order_summary-update_btn:active {
background-color: rgba(7, 103, 149, 0.1);
border-color: #076795;
color: #076795;
}
@media only screen and (min-width: 1025px) {
.order_summary-update_btn:hover {
background-color: rgba(7, 103, 149, 0.1);
border-color: #076795;
color: #076795;
}
}
.order_summary-update_btn:active {
-webkit-box-shadow: inset 0 4px 2px rgba(0, 0, 0, 0.12);
box-shadow: inset 0 4px 2px rgba(0, 0, 0, 0.12);
}
.order_summary-account {
margin-bottom: 20px;
}
.order_summary-purchase {
width: 100%;
margin-bottom: 20px;
color: #646464;
font: 1rem / 1.1428571429rem opensans-regular, Arial, Helvetica, sans-serif;
text-transform: capitalize;
word-wrap: break-word;
border-top: 1px solid #e7e7e7;
}
.order_summary-purchase-top {
padding-bottom: 15px;
border-bottom: 1px solid #e7e7e7;
}
.order_summary-purchase .value {
padding-left: 5px;
text-align: right;
white-space: nowrap;
}
.order_summary-number-tooltip {
color: #646464;
}
.order_summary-number-tooltip .tooltip {
border-color: #e7e7e7;
border-style: solid;
border-width: 1px;
background-color: #ffffff;
-webkit-box-shadow: rgba(0, 0, 0, 0.5) 0 3px 10px;
box-shadow: rgba(0, 0, 0, 0.5) 0 3px 10px;
padding: 15px 22px;
width: 340px;
line-height: normal;
}
@media only screen and (max-width: 1024px) {
.order_summary-number-tooltip .tooltip {
left: 10px !important;
bottom: auto !important;
top: 0 !important;
}
}
@media only screen and (max-width: 767px) {
.order_summary-number-tooltip .tooltip {
bottom: auto !important;
top: auto !important;
}
}
.order_summary-number-tooltip .tooltip::before, .order_summary-number-tooltip .tooltip::after {
display: none;
}
.order_summary-number-label:hover {
color: #000000;
text-decoration: underline;
}
.order_summary-total {
color: #213858;
font-family: opensans-semibold, Arial, Helvetica, sans-serif;
}
.order_summary-action {
text-align: center;
margin-bottom: 25px;
}
.order_summary-cancel-btn {
padding: 0;
border: 0;
background: none;
background-color: transparent;
background-image: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.order_summary-cancel-btn::-ms-expand {
display: none;
}
.order_summary-cancel-btn.link-disabled, .order_summary-cancel-btn.link-disabled:hover, .order_summary-cancel-btn.link-disabled:focus, .order_summary-cancel-btn.link-disabled:active, .order_summary-cancel-btn[disabled], .order_summary-cancel-btn[disabled]:hover, .order_summary-cancel-btn[disabled]:focus, .order_summary-cancel-btn[disabled]:active {
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.order_summary-cancel-btn {
display: inline-block;
cursor: pointer;
color: #076795;
}
.order_summary-cancel-btn:hover, .order_summary-cancel-btn:active {
text-decoration: underline;
}
.order_summary-cancel-btn {
font: 1rem opensans-semibold, Arial, Helvetica, sans-serif;
}
.order_summary-shipping_free {
background-color: #ffefae;
margin: 10px -5px -5px;
padding: 5px;
border: 1px solid #e9d892;
border-radius: 3px;
}
.order_summary-ssl {
text-align: center;
}
.order_summary-ssl img {
margin-bottom: 5px;
}
.order_summary-ssl p {
font-size: 1.1428571429rem;
color: #c5c5c5;
}
.order_receipt {
background-color: #ffffff;
padding: 40px 0 30px;
}
@media only screen and (max-width: 1024px) {
.order_receipt {
border-radius: 3px;
}
}
@media only screen and (min-width: 768px) {
.order_receipt {
padding: 40px 100px;
}
}
.order_receipt .checkout-main_title {
margin-bottom: 20px;
}
@media only screen and (min-width: 1025px) {
.order_receipt .checkout-main_title {
margin-bottom: 40px;
}
}
@media only screen and (min-width: 1025px) {
.order_receipt .checkout-content::after {
content: "";
display: table;
clear: both;
}
}
@media only screen and (max-width: 767px) {
.order_receipt .checkout-content {
background-color: #e4e5e5;
}
}
.order_receipt-subtitle {
text-align: center;
margin-bottom: 40px;
}
@media only screen and (max-width: 1024px) {
.order_receipt-subtitle {
padding: 0 10px;
margin-bottom: 10px;
}
}
@media only screen and (max-width: 767px) {
.order_receipt-subtitle h1 {
font-size: 1.5714285714rem;
}
}
.order_receipt-shipping_info {
margin-bottom: 25px;
}
@media only screen and (max-width: 1024px) {
.order_receipt-shipping_info {
padding: 0 10px;
}
.order_receipt-shipping_info.m-ppp {
background-color: #ffffff;
margin-bottom: 0;
}
}
.order_receipt-shipping_info .notification_banner {
background-color: #f8fcf8;
border: 1px solid #83c487;
border-radius: 3px;
display: -ms-flexbox;
display: flex;
padding: 0;
}
.order_receipt-shipping_info .notification_banner-icon {
/* stylelint-disable-line */
}
.order_receipt-shipping_info .notification_banner-icon:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f15d";
}
.order_receipt-shipping_info .notification_banner-icon {
background-color: #83c487;
color: #ffffff;
min-height: 100%;
min-width: 46px;
position: relative;
}
.order_receipt-shipping_info .notification_banner-icon::before {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
font-size: 0.8571428571rem;
}
.order_receipt-shipping_info .notification_banner-text {
-ms-flex-item-align: center;
align-self: center;
color: #646464;
-ms-flex-positive: 1;
flex-grow: 1;
font: 0.9285714286rem / 1.2857142857rem opensans-regular, Arial, Helvetica, sans-serif;
padding: 18px 20px;
text-align: center;
}
.order_receipt-shipping_info .notification_banner-text p + p {
margin-top: 10px;
}
.order_receipt-shipping_info .notification_banner-link {
padding: 0;
border: 0;
background: none;
background-color: transparent;
background-image: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.order_receipt-shipping_info .notification_banner-link::-ms-expand {
display: none;
}
.order_receipt-shipping_info .notification_banner-link.link-disabled, .order_receipt-shipping_info .notification_banner-link.link-disabled:hover, .order_receipt-shipping_info .notification_banner-link.link-disabled:focus, .order_receipt-shipping_info .notification_banner-link.link-disabled:active, .order_receipt-shipping_info .notification_banner-link[disabled], .order_receipt-shipping_info .notification_banner-link[disabled]:hover, .order_receipt-shipping_info .notification_banner-link[disabled]:focus, .order_receipt-shipping_info .notification_banner-link[disabled]:active {
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.order_receipt-shipping_info .notification_banner-link {
display: inline-block;
cursor: pointer;
color: #076795;
}
.order_receipt-shipping_info .notification_banner-link:hover, .order_receipt-shipping_info .notification_banner-link:active {
text-decoration: underline;
}
.order_receipt-shipping_info .notification_banner-link {
font: 1rem opensans-semibold, Arial, Helvetica, sans-serif;
font-size: 0.9285714286rem;
}
.order_receipt-shipping_info .notification_banner-button {
border: 1px solid transparent;
cursor: pointer;
display: inline-block;
font: 1rem / 1 brandongrotesque-medium, Arial, Helvetica, sans-serif;
text-align: center;
text-transform: uppercase;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-radius: 3px;
padding: 14.5px 20px;
width: 100%;
background-color: #83c487;
border-color: #83c487;
color: #ffffff;
}
.order_receipt-shipping_info .notification_banner-button:hover {
color: #646464;
background-color: #f8fcf8;
}
.order_receipt-shipping_info .notification_banner.m-error {
background-color: #fff3f3;
border: 1px solid #ff0000;
border-radius: 3px;
display: -ms-flexbox;
display: flex;
padding: 0;
}
.order_receipt-shipping_info .notification_banner.m-error-icon {
/* stylelint-disable-line */
display: none;
}
.order_receipt-shipping_info .notification_banner.m-error-text {
-ms-flex-item-align: center;
align-self: center;
color: #ff0000;
-ms-flex-positive: 1;
flex-grow: 1;
font: 0.9285714286rem / 1.2857142857rem opensans-regular, Arial, Helvetica, sans-serif;
padding: 18px 20px;
text-align: center;
}
.order_receipt-shipping_info .notification_banner.m-error-text p + p {
margin-top: 10px;
}
.order_receipt-shipping_info .notification_banner.m-error-link {
padding: 0;
border: 0;
background: none;
background-color: transparent;
background-image: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.order_receipt-shipping_info .notification_banner.m-error-link::-ms-expand {
display: none;
}
.order_receipt-shipping_info .notification_banner.m-error-link.link-disabled, .order_receipt-shipping_info .notification_banner.m-error-link.link-disabled:hover, .order_receipt-shipping_info .notification_banner.m-error-link.link-disabled:focus, .order_receipt-shipping_info .notification_banner.m-error-link.link-disabled:active, .order_receipt-shipping_info .notification_banner.m-error-link[disabled], .order_receipt-shipping_info .notification_banner.m-error-link[disabled]:hover, .order_receipt-shipping_info .notification_banner.m-error-link[disabled]:focus, .order_receipt-shipping_info .notification_banner.m-error-link[disabled]:active {
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.order_receipt-shipping_info .notification_banner.m-error-link {
display: inline-block;
cursor: pointer;
color: #076795;
}
.order_receipt-shipping_info .notification_banner.m-error-link:hover, .order_receipt-shipping_info .notification_banner.m-error-link:active {
text-decoration: underline;
}
.order_receipt-shipping_info .notification_banner.m-error-link {
font: 1rem opensans-semibold, Arial, Helvetica, sans-serif;
font-size: 0.9285714286rem;
}
.order_receipt-shipping_info .notification_banner.m-error-button {
border: 1px solid transparent;
cursor: pointer;
display: inline-block;
font: 1rem / 1 brandongrotesque-medium, Arial, Helvetica, sans-serif;
text-align: center;
text-transform: uppercase;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-radius: 3px;
padding: 14.5px 20px;
width: 100%;
background-color: #83c487;
border-color: #83c487;
color: #ffffff;
}
.order_receipt-shipping_info .notification_banner.m-error-button:hover {
color: #ff0000;
background-color: #fff3f3;
}
.order_receipt-shipping_info .notification_banner.m-warning {
background-color: #ffefae;
border: 1px solid #213858;
border-radius: 3px;
display: -ms-flexbox;
display: flex;
padding: 0;
}
.order_receipt-shipping_info .notification_banner.m-warning-icon {
/* stylelint-disable-line */
}
.order_receipt-shipping_info .notification_banner.m-warning-icon:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f173";
}
.order_receipt-shipping_info .notification_banner.m-warning-icon {
background-color: #213858;
color: #ffefae;
min-height: 100%;
min-width: 46px;
position: relative;
}
.order_receipt-shipping_info .notification_banner.m-warning-icon::before {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
font-size: 1.2857142857rem;
}
.order_receipt-shipping_info .notification_banner.m-warning-text {
-ms-flex-item-align: center;
align-self: center;
color: #213858;
-ms-flex-positive: 1;
flex-grow: 1;
font: 0.9285714286rem / 1.2857142857rem opensans-regular, Arial, Helvetica, sans-serif;
padding: 18px 20px;
text-align: center;
}
.order_receipt-shipping_info .notification_banner.m-warning-text p + p {
margin-top: 10px;
}
.order_receipt-shipping_info .notification_banner.m-warning-link {
padding: 0;
border: 0;
background: none;
background-color: transparent;
background-image: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.order_receipt-shipping_info .notification_banner.m-warning-link::-ms-expand {
display: none;
}
.order_receipt-shipping_info .notification_banner.m-warning-link.link-disabled, .order_receipt-shipping_info .notification_banner.m-warning-link.link-disabled:hover, .order_receipt-shipping_info .notification_banner.m-warning-link.link-disabled:focus, .order_receipt-shipping_info .notification_banner.m-warning-link.link-disabled:active, .order_receipt-shipping_info .notification_banner.m-warning-link[disabled], .order_receipt-shipping_info .notification_banner.m-warning-link[disabled]:hover, .order_receipt-shipping_info .notification_banner.m-warning-link[disabled]:focus, .order_receipt-shipping_info .notification_banner.m-warning-link[disabled]:active {
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.order_receipt-shipping_info .notification_banner.m-warning-link {
display: inline-block;
cursor: pointer;
color: #076795;
}
.order_receipt-shipping_info .notification_banner.m-warning-link:hover, .order_receipt-shipping_info .notification_banner.m-warning-link:active {
text-decoration: underline;
}
.order_receipt-shipping_info .notification_banner.m-warning-link {
font: 1rem opensans-semibold, Arial, Helvetica, sans-serif;
font-size: 0.9285714286rem;
}
.order_receipt-shipping_info .notification_banner.m-warning-button {
border: 1px solid transparent;
cursor: pointer;
display: inline-block;
font: 1rem / 1 brandongrotesque-medium, Arial, Helvetica, sans-serif;
text-align: center;
text-transform: uppercase;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-radius: 3px;
padding: 14.5px 20px;
width: 100%;
background-color: #213858;
border-color: #213858;
color: #ffefae;
}
.order_receipt-shipping_info .notification_banner.m-warning-button:hover {
color: #213858;
background-color: #ffefae;
}
.order_receipt-shipping_info .notification_banner.m-warning .notification_banner-icon:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f149";
}
.order_receipt-shipping_info .notification_banner.m-warning .notification_banner-icon {
background-color: #213858;
}
.order_receipt-order_attachment_error_block {
margin-bottom: 25px;
}
@media only screen and (max-width: 1024px) {
.order_receipt-order_attachment_error_block {
padding: 0 10px;
}
}
.order_receipt-order_attachment_error_block .notification_banner {
background-color: #ffefae;
border: 1px solid #213858;
border-radius: 3px;
display: -ms-flexbox;
display: flex;
padding: 0;
}
.order_receipt-order_attachment_error_block .notification_banner-icon {
/* stylelint-disable-line */
}
.order_receipt-order_attachment_error_block .notification_banner-icon:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f173";
}
.order_receipt-order_attachment_error_block .notification_banner-icon {
background-color: #213858;
color: #ffefae;
min-height: 100%;
min-width: 46px;
position: relative;
}
.order_receipt-order_attachment_error_block .notification_banner-icon::before {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
font-size: 1.2857142857rem;
}
.order_receipt-order_attachment_error_block .notification_banner-text {
-ms-flex-item-align: center;
align-self: center;
color: #213858;
-ms-flex-positive: 1;
flex-grow: 1;
font: 0.9285714286rem / 1.2857142857rem opensans-regular, Arial, Helvetica, sans-serif;
padding: 18px 20px;
text-align: center;
}
.order_receipt-order_attachment_error_block .notification_banner-text p + p {
margin-top: 10px;
}
.order_receipt-order_attachment_error_block .notification_banner-link {
padding: 0;
border: 0;
background: none;
background-color: transparent;
background-image: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.order_receipt-order_attachment_error_block .notification_banner-link::-ms-expand {
display: none;
}
.order_receipt-order_attachment_error_block .notification_banner-link.link-disabled, .order_receipt-order_attachment_error_block .notification_banner-link.link-disabled:hover, .order_receipt-order_attachment_error_block .notification_banner-link.link-disabled:focus, .order_receipt-order_attachment_error_block .notification_banner-link.link-disabled:active, .order_receipt-order_attachment_error_block .notification_banner-link[disabled], .order_receipt-order_attachment_error_block .notification_banner-link[disabled]:hover, .order_receipt-order_attachment_error_block .notification_banner-link[disabled]:focus, .order_receipt-order_attachment_error_block .notification_banner-link[disabled]:active {
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.order_receipt-order_attachment_error_block .notification_banner-link {
display: inline-block;
cursor: pointer;
color: #076795;
}
.order_receipt-order_attachment_error_block .notification_banner-link:hover, .order_receipt-order_attachment_error_block .notification_banner-link:active {
text-decoration: underline;
}
.order_receipt-order_attachment_error_block .notification_banner-link {
font: 1rem opensans-semibold, Arial, Helvetica, sans-serif;
font-size: 0.9285714286rem;
}
.order_receipt-order_attachment_error_block .notification_banner-button {
border: 1px solid transparent;
cursor: pointer;
display: inline-block;
font: 1rem / 1 brandongrotesque-medium, Arial, Helvetica, sans-serif;
text-align: center;
text-transform: uppercase;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-radius: 3px;
padding: 14.5px 20px;
width: 100%;
background-color: #213858;
border-color: #213858;
color: #ffefae;
}
.order_receipt-order_attachment_error_block .notification_banner-button:hover {
color: #213858;
background-color: #ffefae;
}
.order_receipt-order_attachment_success_block {
margin-bottom: 25px;
}
@media only screen and (max-width: 1024px) {
.order_receipt-order_attachment_success_block {
padding: 0 10px;
}
}
.order_receipt-order_attachment_success_block .notification_banner {
background-color: #f8fcf8;
border: 1px solid #83c487;
border-radius: 3px;
display: -ms-flexbox;
display: flex;
padding: 0;
}
.order_receipt-order_attachment_success_block .notification_banner-icon {
/* stylelint-disable-line */
}
.order_receipt-order_attachment_success_block .notification_banner-icon:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f15d";
}
.order_receipt-order_attachment_success_block .notification_banner-icon {
background-color: #83c487;
color: #ffffff;
min-height: 100%;
min-width: 46px;
position: relative;
}
.order_receipt-order_attachment_success_block .notification_banner-icon::before {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
font-size: 0.8571428571rem;
}
.order_receipt-order_attachment_success_block .notification_banner-text {
-ms-flex-item-align: center;
align-self: center;
color: #646464;
-ms-flex-positive: 1;
flex-grow: 1;
font: 0.9285714286rem / 1.2857142857rem opensans-regular, Arial, Helvetica, sans-serif;
padding: 18px 20px;
text-align: center;
}
.order_receipt-order_attachment_success_block .notification_banner-text p + p {
margin-top: 10px;
}
.order_receipt-order_attachment_success_block .notification_banner-link {
padding: 0;
border: 0;
background: none;
background-color: transparent;
background-image: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.order_receipt-order_attachment_success_block .notification_banner-link::-ms-expand {
display: none;
}
.order_receipt-order_attachment_success_block .notification_banner-link.link-disabled, .order_receipt-order_attachment_success_block .notification_banner-link.link-disabled:hover, .order_receipt-order_attachment_success_block .notification_banner-link.link-disabled:focus, .order_receipt-order_attachment_success_block .notification_banner-link.link-disabled:active, .order_receipt-order_attachment_success_block .notification_banner-link[disabled], .order_receipt-order_attachment_success_block .notification_banner-link[disabled]:hover, .order_receipt-order_attachment_success_block .notification_banner-link[disabled]:focus, .order_receipt-order_attachment_success_block .notification_banner-link[disabled]:active {
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.order_receipt-order_attachment_success_block .notification_banner-link {
display: inline-block;
cursor: pointer;
color: #076795;
}
.order_receipt-order_attachment_success_block .notification_banner-link:hover, .order_receipt-order_attachment_success_block .notification_banner-link:active {
text-decoration: underline;
}
.order_receipt-order_attachment_success_block .notification_banner-link {
font: 1rem opensans-semibold, Arial, Helvetica, sans-serif;
font-size: 0.9285714286rem;
}
.order_receipt-order_attachment_success_block .notification_banner-button {
border: 1px solid transparent;
cursor: pointer;
display: inline-block;
font: 1rem / 1 brandongrotesque-medium, Arial, Helvetica, sans-serif;
text-align: center;
text-transform: uppercase;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-radius: 3px;
padding: 14.5px 20px;
width: 100%;
background-color: #83c487;
border-color: #83c487;
color: #ffffff;
}
.order_receipt-order_attachment_success_block .notification_banner-button:hover {
color: #646464;
background-color: #f8fcf8;
}
.order_receipt-banner {
padding: 0;
margin-bottom: 20px;
}
@media only screen and (max-width: 1024px) {
.order_receipt-banner {
padding: 0 10px;
}
}
.order_receipt-banner img {
min-width: 100%;
}
@media only screen and (max-width: 1024px) {
.order_receipt-confirm_details {
background-color: #ffffff;
padding: 0 10px 30px;
}
}
@media print, only screen and (min-width: 768px) {
.order_receipt-confirm_details {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 45px;
}
}
.order_receipt-confirm_details .label,
.order_receipt-confirm_details .user_info-title,
.order_receipt-confirm_details .psp_pay-confirmation .order_receipt-order_date .label,
.psp_pay-confirmation .order_receipt-order_date .order_receipt-confirm_details .label,
.order_receipt-confirm_details .psp_pay-confirmation .order_receipt-order_number .label,
.psp_pay-confirmation .order_receipt-order_number .order_receipt-confirm_details .label,
.order_receipt-confirm_details .psp_pay-confirmation .psp_pay-confirmation-info .label,
.psp_pay-confirmation .psp_pay-confirmation-info .order_receipt-confirm_details .label,
.order_receipt-confirm_details .psp_pay-confirmation .order_receipt-payment_info .label,
.psp_pay-confirmation .order_receipt-payment_info .order_receipt-confirm_details .label {
margin-bottom: 5px;
font: 1.1428571429rem / 1.2857142857rem brandongrotesque-medium, Arial, Helvetica, sans-serif;
color: #213858;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.order_receipt-confirm_details .label,
.order_receipt-confirm_details .user_info-title,
.order_receipt-confirm_details .psp_pay-confirmation .order_receipt-order_date .label,
.psp_pay-confirmation .order_receipt-order_date .order_receipt-confirm_details .label,
.order_receipt-confirm_details .psp_pay-confirmation .order_receipt-order_number .label,
.psp_pay-confirmation .order_receipt-order_number .order_receipt-confirm_details .label,
.order_receipt-confirm_details .psp_pay-confirmation .psp_pay-confirmation-info .label,
.psp_pay-confirmation .psp_pay-confirmation-info .order_receipt-confirm_details .label,
.order_receipt-confirm_details .psp_pay-confirmation .order_receipt-payment_info .label,
.psp_pay-confirmation .order_receipt-payment_info .order_receipt-confirm_details .label {
min-height: 36px;
}
}
@media only screen and (min-width: 1025px) {
.order_receipt-confirm_details .label,
.order_receipt-confirm_details .user_info-title,
.order_receipt-confirm_details .psp_pay-confirmation .order_receipt-order_date .label,
.psp_pay-confirmation .order_receipt-order_date .order_receipt-confirm_details .label,
.order_receipt-confirm_details .psp_pay-confirmation .order_receipt-order_number .label,
.psp_pay-confirmation .order_receipt-order_number .order_receipt-confirm_details .label,
.order_receipt-confirm_details .psp_pay-confirmation .psp_pay-confirmation-info .label,
.psp_pay-confirmation .psp_pay-confirmation-info .order_receipt-confirm_details .label,
.order_receipt-confirm_details .psp_pay-confirmation .order_receipt-payment_info .label,
.psp_pay-confirmation .order_receipt-payment_info .order_receipt-confirm_details .label {
margin-bottom: 10px;
}
}
.order_receipt-confirm_details .value {
font: 1.1428571429rem / 1.2857142857rem brandongrotesque-medium, Arial, Helvetica, sans-serif;
color: #000000;
}
.order_receipt-confirm_item {
-ms-flex: 1;
flex: 1;
}
@media only screen and (min-width: 768px) {
.order_receipt-confirm_item + .order_receipt-confirm_item {
padding-left: 15px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.order_receipt-confirm_item .user_info-title, .order_receipt-confirm_item .psp_pay-confirmation .order_receipt-order_date .label, .psp_pay-confirmation .order_receipt-order_date .order_receipt-confirm_item .label,
.order_receipt-confirm_item .psp_pay-confirmation .order_receipt-order_number .label,
.psp_pay-confirmation .order_receipt-order_number .order_receipt-confirm_item .label,
.order_receipt-confirm_item .psp_pay-confirmation .psp_pay-confirmation-info .label,
.psp_pay-confirmation .psp_pay-confirmation-info .order_receipt-confirm_item .label,
.order_receipt-confirm_item .psp_pay-confirmation .order_receipt-payment_info .label,
.psp_pay-confirmation .order_receipt-payment_info .order_receipt-confirm_item .label {
margin-bottom: 5px;
min-height: 36px;
}
}
@media only screen and (max-width: 767px) {
.order_receipt-confirm_item .user_info-title, .order_receipt-confirm_item .psp_pay-confirmation .order_receipt-order_date .label, .psp_pay-confirmation .order_receipt-order_date .order_receipt-confirm_item .label,
.order_receipt-confirm_item .psp_pay-confirmation .order_receipt-order_number .label,
.psp_pay-confirmation .order_receipt-order_number .order_receipt-confirm_item .label,
.order_receipt-confirm_item .psp_pay-confirmation .psp_pay-confirmation-info .label,
.psp_pay-confirmation .psp_pay-confirmation-info .order_receipt-confirm_item .label,
.order_receipt-confirm_item .psp_pay-confirmation .order_receipt-payment_info .label,
.psp_pay-confirmation .order_receipt-payment_info .order_receipt-confirm_item .label {
margin-bottom: 0;
}
}
@media only screen and (max-width: 767px) {
.order_receipt-account_info, .order_receipt-order_date, .order_receipt-order_number, .order_receipt-purchase_order {
margin-bottom: 25px;
}
}
.order_receipt-purchase_order .value {
word-break: break-all;
}
.order_receipt-top_actions {
text-align: center;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
}
@media only screen and (max-width: 1024px) {
.order_receipt-top_actions {
background-color: #ffffff;
padding: 0 10px 60px;
}
}
@media only screen and (min-width: 1025px) {
.order_receipt-top_actions {
margin-bottom: 60px;
}
}
.order_receipt-top_actions-inner {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
}
@media only screen and (max-width: 767px) {
.order_receipt-top_actions-inner {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.order_receipt-return_home {
margin-bottom: 15px;
}
@media only screen and (min-width: 768px) {
.order_receipt-return_home {
margin-bottom: 0;
margin-right: 15px;
}
}
.order_receipt-printer_friendly, .order_receipt-return_home {
border: 1px solid transparent;
cursor: pointer;
display: inline-block;
font: 1rem / 1 brandongrotesque-medium, Arial, Helvetica, sans-serif;
text-align: center;
text-transform: uppercase;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-radius: 3px;
padding: 14.5px 20px;
width: 100%;
}
.order_receipt-printer_friendly.button-disabled, .sales_rep_promo-upload:not(.active) .order_receipt-printer_friendly.sales_rep_promo-upload-label, .order_receipt-printer_friendly.button-disabled:hover, .order_receipt-printer_friendly.button-disabled:focus, .order_receipt-printer_friendly.button-disabled:active, .order_receipt-printer_friendly[disabled], .order_receipt-printer_friendly[disabled]:hover, .order_receipt-printer_friendly[disabled]:focus, .order_receipt-printer_friendly[disabled]:active, .order_receipt-return_home.button-disabled, .sales_rep_promo-upload:not(.active) .order_receipt-return_home.sales_rep_promo-upload-label, .order_receipt-return_home.button-disabled:hover, .order_receipt-return_home.button-disabled:focus, .order_receipt-return_home.button-disabled:active, .order_receipt-return_home[disabled], .order_receipt-return_home[disabled]:hover, .order_receipt-return_home[disabled]:focus, .order_receipt-return_home[disabled]:active {
background-color: #e7e7e7;
border-color: #e7e7e7;
-webkit-box-shadow: none;
box-shadow: none;
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.order_receipt-printer_friendly, .order_receipt-return_home { /* stylelint-disable-line */
background-color: #ffffff;
border-color: #076795;
color: #076795;
}
.order_receipt-printer_friendly:active, .order_receipt-return_home:active {
background-color: rgba(7, 103, 149, 0.1);
border-color: #076795;
color: #076795;
}
@media only screen and (min-width: 1025px) {
.order_receipt-printer_friendly:hover, .order_receipt-return_home:hover {
background-color: rgba(7, 103, 149, 0.1);
border-color: #076795;
color: #076795;
}
}
.order_receipt-printer_friendly:active, .order_receipt-return_home:active {
-webkit-box-shadow: inset 0 4px 2px rgba(0, 0, 0, 0.12);
box-shadow: inset 0 4px 2px rgba(0, 0, 0, 0.12);
}
.order_receipt-printer_friendly, .order_receipt-return_home {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
line-height: 1;
}
@media only screen and (min-width: 768px) {
.order_receipt-printer_friendly, .order_receipt-return_home {
width: auto;
max-width: 218px;
}
}
@media only screen and (max-width: 767px) {
.order_receipt-printer_friendly, .order_receipt-return_home {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
}
.order_receipt-product_info {
width: 100%;
}
@media only screen and (max-width: 1024px) {
.order_receipt-product_info .order_receipt-product_serial,
.order_receipt-product_info .order_receipt-product_sku {
display: inline-block;
}
}
@media only screen and (max-width: 1024px) {
.order_receipt-product_info .frequency-label {
margin-bottom: 5px;
}
}
@media only screen and (min-width: 1025px) {
.order_receipt-product_info .frequency-label {
margin-top: 15px;
}
}
.order_receipt-product_image {
min-width: 90px;
width: 90px;
margin-right: 25px;
}
.order_receipt-product_image img {
width: 100%;
-o-object-fit: contain;
object-fit: contain;
max-height: 110px;
}
.order_receipt-product_main {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
}
.order_receipt-bonus_product .order_receipt-product_main {
margin-bottom: 0;
}
@media only screen and (max-width: 1024px) {
.order_receipt-product_main .product_name {
margin-bottom: 15px;
}
}
@media print, only screen and (min-width: 1025px) {
.order_receipt-product_main {
-ms-flex-preferred-size: 40%;
flex-basis: 40%;
padding-right: 0;
-ms-flex-align: start;
align-items: flex-start;
}
}
@media only screen and (max-width: 1024px) {
.order_receipt-product_price, .order_receipt-product_quantity {
margin-bottom: 5px;
}
}
@media only screen and (max-width: 1024px) {
.order_receipt-product_price, .order_receipt-product_quantity, .order_receipt-product_total, .order_receipt-promotion_msg {
margin-left: 115px;
}
.order_receipt-crf_flow .order_receipt-product_price, .order_receipt-crf_flow .order_receipt-product_quantity, .order_receipt-crf_flow .order_receipt-product_total, .order_receipt-crf_flow .order_receipt-promotion_msg {
margin-left: 0;
}
}
@media only screen and (min-width: 1025px) {
.order_receipt-product_price {
padding-right: 20px;
}
}
.order_receipt-product_price .product-price_title {
display: none;
}
@media only screen and (max-width: 1024px) {
html[locale*=JP] .order_receipt-product_price {
display: -ms-flexbox;
display: flex;
-ms-flex-align: start;
align-items: flex-start;
}
}
@media only screen and (max-width: 1024px) {
.delayed_rec_orders-confirm_rec_products .order_receipt-product_price {
display: -ms-flexbox;
display: flex;
-ms-flex-align: start;
align-items: flex-start;
}
.delayed_rec_orders-confirm_rec_products .order_receipt-product_price .label {
margin-right: 5px;
}
}
.order_receipt-product_quantity {
-ms-flex-positive: 0.5;
flex-grow: 0.5;
}
[locale=es_ES] .order_receipt-product_quantity {
-ms-flex-positive: 0.8;
flex-grow: 0.8;
}
.order_receipt-product_price .product-price_strike, .order_receipt-product_total .product-price_strike {
font-size: 1rem;
}
@media only screen and (max-width: 1024px) {
.order_receipt-product_price, .order_receipt-product_total {
display: -ms-flexbox;
display: flex;
-ms-flex-align: start;
align-items: flex-start;
}
.order_receipt-product_price .label, .order_receipt-product_total .label {
margin-right: 5px;
}
}
.order_receipt-product_total {
-ms-flex-positive: 1.2;
flex-grow: 1.2;
padding-right: 20px;
}
@media only screen and (max-width: 1024px) {
html[locale*=JP] .order_receipt-product_total {
display: -ms-flexbox;
display: flex;
-ms-flex-align: start;
align-items: flex-start;
}
}
@media only screen and (max-width: 1024px) {
.delayed_rec_orders-confirm_rec_products .order_receipt-product_total {
display: -ms-flexbox;
display: flex;
-ms-flex-align: start;
align-items: flex-start;
}
.delayed_rec_orders-confirm_rec_products .order_receipt-product_total .label {
margin-right: 5px;
}
}
.order_receipt-order_table .value,
.order_receipt-order_table .total_price-value {
display: inline-block;
color: #000000;
font: 1.1428571429rem / 1.2857142857rem brandongrotesque-regular, Arial, Helvetica, sans-serif;
}
@media only screen and (min-width: 1025px) {
.order_receipt-order_table .value,
.order_receipt-order_table .total_price-value {
font: 1.2857142857rem / 1.4285714286rem brandongrotesque-regular, Arial, Helvetica, sans-serif;
}
}
.order_receipt-order_table .total_price-title {
display: none;
}
@media only screen and (max-width: 1024px) {
.order_receipt-order_table .table_min_tl-body_row {
-ms-flex-direction: column;
flex-direction: column;
padding: 20px 0;
border: 0;
border-top: 1px solid #e7e7e7;
margin: 0;
border-radius: 0;
}
}
.order_receipt-order_table .table_min_tl-body_row:hover {
background: none;
}
.order_receipt-order_table .product_main {
font-size: 1.2857142857rem;
}
@media only screen and (max-width: 1024px) {
.order_receipt-order_table .label::after {
content: ":";
display: inline-block;
}
}
@media only screen and (max-width: 1024px) {
.order_receipt-order_table .order_receipt-product_total .label::after,
.order_receipt-order_table .order_receipt-product_price .label::after {
display: inline;
}
}
.order_receipt-shipping_label {
margin-top: 10px;
}
@media only screen and (min-width: 1025px) {
.order_receipt-shipping_label {
border-bottom: 1px solid #e7e7e7;
}
}
.order_receipt-shipping_label-text {
background-color: #d7e7ef;
padding: 10px 20px;
display: inline-block;
border-radius: 5px 5px 0 0;
}
@media print, only screen and (min-width: 1025px) {
.order_receipt-product_name {
-ms-flex-preferred-size: 40%;
flex-basis: 40%;
}
}
@media only screen and (max-width: 1024px) {
.order_receipt-product_serial {
margin: 0 20px 15px 0;
}
}
@media only screen and (min-width: 1025px) {
.order_receipt-product_sku {
padding-left: 20px;
}
}
@media only screen and (max-width: 1024px) {
.order_receipt-product_sku {
-ms-flex-order: -1;
order: -1;
margin-bottom: 15px;
}
}
@media only screen and (max-width: 1024px) {
.order_receipt-product_sku .label {
text-transform: uppercase;
}
}
.order_receipt-product_details {
padding-top: 20px;
}
.order_receipt-product_details-title {
padding-bottom: 5px;
}
@media only screen and (min-width: 1025px) {
.order_receipt-product_details-title {
padding-bottom: 10px;
}
}
.order_receipt-patient {
margin: 15px 0 10px;
font: 0.9285714286rem opensans-regular, Arial, Helvetica, sans-serif;
color: #646464;
}
@media only screen and (min-width: 1025px) {
.order_receipt-patient {
margin: 20px 0 0;
}
}
.order_receipt-patient-title, .order_receipt-patient-value {
font-family: opensans-semibold, Arial, Helvetica, sans-serif;
color: #000000;
}
.order_receipt-patient-details {
margin-top: 10px;
}
.order_receipt-patient-info {
display: block;
}
@media only screen and (min-width: 1025px) {
.order_receipt-patient-info {
display: inline-block;
}
.order_receipt-patient-info + .order_receipt-patient-info {
margin-left: 40px;
}
}
.order_receipt-attribute_item + .order_receipt-attribute_item {
padding-top: 10px;
}
.order_receipt-attribute_label {
color: #646464;
}
.order_receipt-attribute_value {
font-family: brandongrotesque-regular, Arial, Helvetica, sans-serif;
}
.order_receipt-order_details {
margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
.order_receipt-order_details.m-failed {
margin-bottom: 0;
}
}
@media only screen and (max-width: 1024px) {
.order_receipt-order_details {
background-color: #ffffff;
padding: 0 10px;
border-radius: 0 0 3px 3px;
}
}
@media only screen and (min-width: 1025px) {
.order_receipt-order_details {
margin-bottom: 45px;
}
}
.order_receipt-order_details .product_card-bundle-wrapper {
margin-left: 115px;
}
@media only screen and (min-width: 1025px) {
.order_receipt-order_details .product_card-bundle-wrapper {
margin-left: 135px;
}
}
.order_receipt-order_details .product_card-bundle-wrapper.product_card-bundle-wrapper--no-image {
margin-left: 20px;
}
@media only screen and (max-width: 1024px) {
.order_receipt-order_details .product_card-bundle-wrapper.product_card-bundle-wrapper--no-image {
margin-left: 0;
}
}
.order_receipt-md_selected {
color: #646464;
font-size: 1.1428571429rem;
}
@media only screen and (min-width: 1025px) {
.order_receipt-md_selected {
margin-bottom: 60px;
}
}
@media only screen and (max-width: 1024px) {
.order_receipt-md_selected {
background-color: #ffffff;
border-radius: 3px 3px 3px 3px;
margin-bottom: 20px;
padding: 15px;
}
}
.order_receipt-md_selected span {
color: #000000;
font-family: brandongrotesque-medium, Arial, Helvetica, sans-serif;
}
@media only screen and (max-width: 1024px) {
.order_receipt-md_selected span {
display: block;
}
}
@media only screen and (max-width: 1024px) {
.order_receipt-order_sumary {
background-color: #ffffff;
padding: 40px 15px 0;
border-radius: 3px 3px 0 0;
}
}
@media print, only screen and (min-width: 1025px) {
.order_receipt-order_sumary {
width: 270px;
float: right;
margin-bottom: 45px;
}
.order_receipt-order_sumary.m-no_float {
float: initial;
margin: 0 0 50px auto;
}
}
@media only screen and (max-width: 1024px) {
.order_receipt-order_sumary ~ .order_receipt-headline {
padding-top: 50px;
}
}
@media only screen and (min-width: 1025px) {
.order_receipt-order_sumary .order_summary-title {
text-align: left;
}
}
@media only screen and (max-width: 1024px) {
.order_receipt-order_sumary .order_summary-purchase {
padding-bottom: 20px;
margin-bottom: 0;
}
}
@media only screen and (max-width: 1024px) {
.order_receipt-bottom_actions {
background-color: #ffffff;
padding: 0 15px;
}
}
@media print, only screen and (min-width: 1025px) {
.order_receipt-bottom_actions {
clear: both;
width: 370px;
margin: 0 auto;
}
}
@media only screen and (max-width: 767px) {
.order_receipt-bottom_actions {
padding: 15px 15px 0;
}
}
.order_receipt-return_home_btn {
border: 1px solid transparent;
cursor: pointer;
display: inline-block;
font: 1rem / 1 brandongrotesque-medium, Arial, Helvetica, sans-serif;
text-align: center;
text-transform: uppercase;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-radius: 3px;
padding: 14.5px 20px;
width: 100%;
}
.order_receipt-return_home_btn.button-disabled, .sales_rep_promo-upload:not(.active) .order_receipt-return_home_btn.sales_rep_promo-upload-label, .order_receipt-return_home_btn.button-disabled:hover, .order_receipt-return_home_btn.button-disabled:focus, .order_receipt-return_home_btn.button-disabled:active, .order_receipt-return_home_btn[disabled], .order_receipt-return_home_btn[disabled]:hover, .order_receipt-return_home_btn[disabled]:focus, .order_receipt-return_home_btn[disabled]:active {
background-color: #e7e7e7;
border-color: #e7e7e7;
-webkit-box-shadow: none;
box-shadow: none;
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.order_receipt-return_home_btn { /* stylelint-disable-line */
background-color: #ffffff;
border-color: #076795;
color: #076795;
}
.order_receipt-return_home_btn:active {
background-color: rgba(7, 103, 149, 0.1);
border-color: #076795;
color: #076795;
}
@media only screen and (min-width: 1025px) {
.order_receipt-return_home_btn:hover {
background-color: rgba(7, 103, 149, 0.1);
border-color: #076795;
color: #076795;
}
}
.order_receipt-return_home_btn:active {
-webkit-box-shadow: inset 0 4px 2px rgba(0, 0, 0, 0.12);
box-shadow: inset 0 4px 2px rgba(0, 0, 0, 0.12);
}
@media only screen and (min-width: 1025px) {
.order_receipt-promotion_msg.m-discount_table {
display: block;
width: 100%;
margin-left: 135px;
}
}
.order_receipt-promotion_msg.m-discount_list {
display: grid;
grid-gap: 15px;
justify-items: start;
}
.order_receipt-promotion_msg .discount {
margin-top: 15px;
}
@media only screen and (min-width: 1025px) {
.order_receipt-promotion_msg .discount {
margin-top: 20px;
}
}
.order_receipt-bundle {
margin-top: 20px;
}
@media only screen and (max-width: 1024px) {
.order_receipt-notification_banner {
padding: 0 10px;
}
}
.order_receipt-notification_banner .notification_banner {
background-color: #ffefae;
border: 1px solid #213858;
border-radius: 3px;
display: -ms-flexbox;
display: flex;
padding: 0;
}
.order_receipt-notification_banner .notification_banner-icon {
/* stylelint-disable-line */
}
.order_receipt-notification_banner .notification_banner-icon:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f173";
}
.order_receipt-notification_banner .notification_banner-icon {
background-color: #213858;
color: #ffefae;
min-height: 100%;
min-width: 46px;
position: relative;
}
.order_receipt-notification_banner .notification_banner-icon::before {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
font-size: 1.2857142857rem;
}
.order_receipt-notification_banner .notification_banner-text {
-ms-flex-item-align: center;
align-self: center;
color: #213858;
-ms-flex-positive: 1;
flex-grow: 1;
font: 0.9285714286rem / 1.2857142857rem opensans-regular, Arial, Helvetica, sans-serif;
padding: 18px 20px;
text-align: center;
}
.order_receipt-notification_banner .notification_banner-text p + p {
margin-top: 10px;
}
.order_receipt-notification_banner .notification_banner-link {
padding: 0;
border: 0;
background: none;
background-color: transparent;
background-image: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.order_receipt-notification_banner .notification_banner-link::-ms-expand {
display: none;
}
.order_receipt-notification_banner .notification_banner-link.link-disabled, .order_receipt-notification_banner .notification_banner-link.link-disabled:hover, .order_receipt-notification_banner .notification_banner-link.link-disabled:focus, .order_receipt-notification_banner .notification_banner-link.link-disabled:active, .order_receipt-notification_banner .notification_banner-link[disabled], .order_receipt-notification_banner .notification_banner-link[disabled]:hover, .order_receipt-notification_banner .notification_banner-link[disabled]:focus, .order_receipt-notification_banner .notification_banner-link[disabled]:active {
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.order_receipt-notification_banner .notification_banner-link {
display: inline-block;
cursor: pointer;
color: #076795;
}
.order_receipt-notification_banner .notification_banner-link:hover, .order_receipt-notification_banner .notification_banner-link:active {
text-decoration: underline;
}
.order_receipt-notification_banner .notification_banner-link {
font: 1rem opensans-semibold, Arial, Helvetica, sans-serif;
font-size: 0.9285714286rem;
}
.order_receipt-notification_banner .notification_banner-button {
border: 1px solid transparent;
cursor: pointer;
display: inline-block;
font: 1rem / 1 brandongrotesque-medium, Arial, Helvetica, sans-serif;
text-align: center;
text-transform: uppercase;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-radius: 3px;
padding: 14.5px 20px;
width: 100%;
background-color: #213858;
border-color: #213858;
color: #ffefae;
}
.order_receipt-notification_banner .notification_banner-button:hover {
color: #213858;
background-color: #ffefae;
}
.order_receipt-notification_banner .notification_banner {
margin-bottom: 45px;
}
.order_receipt-payment_info + .order_receipt-payment_info {
margin-top: 30px;
}
@media only screen and (max-width: 1024px) {
.delayed_rec_orders .order_receipt-shipping_method {
margin: 0 0 5px 115px;
}
}
.order_receipt-attachment_file .attachment {
margin: 0 0 25px;
padding: 0 0 30px;
border-bottom: 1px solid #c5c5c5;
}
@media only screen and (max-width: 1024px) {
.order_receipt-attachment_file .attachment {
padding: 0 10px 30px;
}
}
.order_receipt-attachment_file .attachment-title {
display: none;
}
.order_receipt-attachment_file .attachment-caption {
display: none;
}
.order_receipt-attachment_file .attachment-form {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-direction: row;
flex-direction: row;
}
@media only screen and (max-width: 767px) {
.order_receipt-attachment_file .attachment-form {
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.order_receipt-attachment_file .attachment-btn {
min-height: 42px;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
font-size: 1.1428571429rem;
margin: 0 20px 0 0;
}
@media only screen and (max-width: 767px) {
.order_receipt-attachment_file .attachment-btn {
margin: 0;
}
}
.order_receipt-attachment_file .attachment-ok {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
.order_receipt-attachment_file .attachment-success {
padding: 30px 0 40px;
color: #646464;
border-bottom: 1px solid #c5c5c5;
}
@media only screen and (max-width: 767px) {
.order_receipt-attachment_file .attachment-success {
padding: 20px 0 30px;
}
}
.order_receipt-attachment_file .attachment-error {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
margin: 0;
}
@media only screen and (max-width: 767px) {
.order_receipt-attachment_file .attachment-error {
max-width: 100%;
}
.order_receipt-attachment_file .attachment-error:not(:empty) {
margin-top: 15px;
}
}
.order_receipt-attachment_file .attachment-file-name {
font: 1rem / 1.1428571429rem brandongrotesque-bold, Arial, Helvetica, sans-serif;
}
.order_receipt-attachment_file .attachment-staff_order-button {
max-width: 214px;
width: 214px;
}
@media only screen and (max-width: 767px) {
.order_receipt-attachment_file .attachment-staff_order-button {
width: 100%;
max-width: 100%;
}
}
.order_receipt-attachment_file .attachment .checkout-staff_order-button {
margin-right: 20px;
}
.order_receipt-header {
position: relative;
padding: 0 50px;
}
@media only screen and (max-width: 767px) {
.order_receipt-header {
padding: 14px 0 0;
}
}
.order_receipt-print {
position: absolute;
top: 8px;
right: 0;
}
@media only screen and (max-width: 767px) {
.order_receipt-print {
top: -18px;
right: 18px;
}
}
.order_receipt-print-button:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 18px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f154";
}
.order_receipt-print-button {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
text-transform: none;
background: none;
color: #646464;
}
.order_receipt-print-button:hover {
color: #000000;
}
.order_receipt-print-button::before {
margin-right: 8px;
}
.order_receipt-print-label {
font-size: 0.8571428571rem;
text-transform: initial;
}
.order_receipt-headline {
-ms-flex-align: start;
align-items: flex-start;
display: -ms-flexbox;
display: flex;
}
@media only screen and (max-width: 1024px) {
.order_receipt-headline {
background-color: #ffffff;
padding: 0 10px 30px;
}
}
.order_receipt-headline_type {
background-color: #e4e5e5;
border-radius: 4px;
font-size: 1.2857142857rem;
margin-right: 20px;
text-transform: uppercase;
padding: 5px 10px;
}
@media only screen and (max-width: 1024px) {
.order_receipt-headline ~ .order_receipt-order_details .order_receipt-shipping_label {
margin-top: 0;
}
}
.purchase_info-proceed_btn {
border: 1px solid transparent;
cursor: pointer;
display: inline-block;
font: 1rem / 1 brandongrotesque-medium, Arial, Helvetica, sans-serif;
text-align: center;
text-transform: uppercase;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-radius: 3px;
padding: 14.5px 20px;
width: 100%;
}
.purchase_info-proceed_btn.button-disabled, .sales_rep_promo-upload:not(.active) .purchase_info-proceed_btn.sales_rep_promo-upload-label, .purchase_info-proceed_btn.button-disabled:hover, .purchase_info-proceed_btn.button-disabled:focus, .purchase_info-proceed_btn.button-disabled:active, .purchase_info-proceed_btn[disabled], .purchase_info-proceed_btn[disabled]:hover, .purchase_info-proceed_btn[disabled]:focus, .purchase_info-proceed_btn[disabled]:active {
background-color: #e7e7e7;
border-color: #e7e7e7;
-webkit-box-shadow: none;
box-shadow: none;
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.purchase_info-proceed_btn { /* stylelint-disable-line */
background-color: #076795;
border-color: #076795;
color: #ffffff;
}
.purchase_info-proceed_btn:active {
background-color: #d7e7ef;
border-color: #d7e7ef;
color: #076795;
}
@media only screen and (min-width: 1025px) {
.purchase_info-proceed_btn:hover {
background-color: #d7e7ef;
border-color: #d7e7ef;
color: #076795;
}
}
.purchase_info-proceed_btn:active {
-webkit-box-shadow: inset 0 3px 2px rgba(0, 0, 0, 0.12);
box-shadow: inset 0 3px 2px rgba(0, 0, 0, 0.12);
}
.purchase_info-btn_wrapper {
padding-bottom: 30px;
border-bottom: 1px solid #c5c5c5;
}
@media only screen and (min-width: 768px) {
.purchase_info-btn_wrapper {
padding: 0;
border: 0;
max-width: 340px;
}
}
.purchase_info-fields {
margin-bottom: 30px;
}
.purchase_info-method_form .form-group {
max-width: 450px;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: justify;
justify-content: space-between;
}
.purchase_info-method_form .form-control-label {
-ms-flex: 2;
flex: 2;
}
[locale*=_BR] .purchase_info-method_form .form-control-label {
-ms-flex: 1 1 100%;
flex: 1 1 100%;
}
[locale*=_BR] .purchase_info-method_form .form-control-label.m-bold {
font-weight: bold;
}
[locale*=_BR] .purchase_info-method_form .form-control-label.m-shorter {
-ms-flex: 0 1 auto;
flex: 0 1 auto;
}
[locale*=_BR] .purchase_info-method_form .form-control-label.m-shorter + .tooltip-link {
margin: -4px auto 2px 0;
}
.purchase_info-method_form .form-control {
-ms-flex: 1 1 100%;
flex: 1 1 100%;
}
[locale*=_BR] .purchase_info-method_form .purchase_info-additional .form-control {
min-height: auto;
max-width: 340px;
height: 70px;
white-space: initial;
}
.purchase_info-method_form .error_banner {
margin-bottom: 20px;
}
.purchase_info-method_form .purchase_info-order_note-field {
overflow-x: auto;
word-wrap: normal;
white-space: pre-wrap;
}
@media only screen and (min-width: 768px) {
.purchase_info-order_number .tooltip, .purchase_info-order_note .tooltip {
min-width: 220px;
}
.purchase_info-order_number .tooltip-link, .purchase_info-order_note .tooltip-link {
line-height: 18px;
vertical-align: bottom;
}
}
.purchase_info-order_number .tooltip-link, .purchase_info-order_note .tooltip-link {
-ms-flex: 1;
flex: 1;
display: -ms-flexbox;
display: flex;
-ms-flex-align: end;
align-items: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
margin-bottom: 4px;
padding: 0;
}
.purchase_info-order_number .tooltip-link .order_summary-number-label, .purchase_info-order_note .tooltip-link .order_summary-number-label {
white-space: nowrap;
}
.purchase_info-order_number .tooltip-link::after, .purchase_info-order_note .tooltip-link::after {
padding-left: 3px;
}
@media only screen and (min-width: 768px) {
.purchase_info-order_number .tooltip-link::after, .purchase_info-order_note .tooltip-link::after {
margin-bottom: 2px;
}
}
.purchase_info-order_number .order-note-label, .purchase_info-order_note .order-note-label {
margin-top: 20px;
}
.purchase_info-order_number .order-note-disclaimer, .purchase_info-order_note .order-note-disclaimer {
margin-top: 10px;
color: #646464;
}
.purchase_info-submited {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
border-bottom: 1px solid #c5c5c5;
}
.purchase_info-submited-item {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
font-size: 1.1428571429rem;
min-width: 50%;
padding: 0 20px 30px 0;
}
@media only screen and (min-width: 768px) {
.purchase_info-submited-item {
min-width: 33.3333333333%;
}
}
.purchase_info-submited-title {
color: #646464;
}
.purchase_info-submited-value {
color: #000000;
font-family: brandongrotesque-medium, Arial, Helvetica, sans-serif;
}
.purchase_info-surgery_date .value {
font-family: opensans-regular, Arial, Helvetica, sans-serif;
color: #646464;
margin-top: 7px;
}
@media only screen and (min-width: 768px) {
.purchase_info-psp-itl .purchase_info-fields {
display: -ms-flexbox;
display: flex;
}
}
@media only screen and (min-width: 768px) {
.purchase_info-psp-itl .purchase_info-fields-left,
.purchase_info-psp-itl .purchase_info-fields-right {
-ms-flex: 0 0 40%;
flex: 0 0 40%;
}
}
@media only screen and (min-width: 768px) {
.purchase_info-psp-itl .purchase_info-fields-left {
margin-right: 30px;
}
}
@media only screen and (max-width: 767px) {
.purchase_info-psp-itl .purchase_info-fields-left {
margin-bottom: 20px;
}
}
@media only screen and (min-width: 768px) {
.purchase_info-psp-itl .purchase_info-additional {
display: -ms-flexbox;
display: flex;
-ms-flex-flow: column;
flex-flow: column;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
}
}
.purchase_info-psp-itl .purchase_info-additional .form-control {
white-space: normal;
}
@media only screen and (min-width: 768px) {
.purchase_info-psp-itl .purchase_info-additional .form-control {
-ms-flex: 1 1 100%;
flex: 1 1 100%;
}
}
@media only screen and (min-width: 768px) {
.purchase_info-psp-itl .purchase_info-additional .form-control-label {
-ms-flex: 2 2 auto;
flex: 2 2 auto;
}
}
@media only screen and (min-width: 768px) {
.purchase_info-psp-itl .purchase_info-fields-right {
display: -ms-flexbox;
display: flex;
-ms-flex: 1;
flex: 1;
}
}
.purchase_info-psp-default {
margin-top: 15px;
}
@media only screen and (min-width: 768px) {
.purchase_info-psp-default .purchase_info-fields-top,
.purchase_info-psp-default .purchase_info-fields-bottom {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
[locale=fr_CA] .purchase_info-psp-default .purchase_info-fields-top .form-group,
[locale=fr_CA] .purchase_info-psp-default .purchase_info-fields-bottom .form-group {
-ms-flex: 0 0 calc(50% - 30px);
flex: 0 0 calc(50% - 30px);
}
}
@media only screen and (min-width: 768px) {
.purchase_info-psp-default .purchase_info-fields-top .form-group,
.purchase_info-psp-default .purchase_info-fields-bottom .form-group {
-ms-flex: 0 0 40%;
flex: 0 0 40%;
margin-right: 30px;
}
}
@media only screen and (min-width: 768px) {
.purchase_info-psp-default .purchase_info-fields-top {
-ms-flex-align: start;
align-items: flex-start;
}
}
@media only screen and (min-width: 768px) {
.purchase_info-psp-default .purchase_info-fields-top .purchase_info-order_number,
.purchase_info-psp-default .purchase_info-fields-top .purchase_info-order_note {
-ms-flex-order: 1;
order: 1;
}
}
@media only screen and (min-width: 768px) {
.purchase_info-psp-default .purchase_info-fields-top .purchase_info-surgery_date {
-ms-flex-order: 3;
order: 3;
height: 1px;
min-height: 69px;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
@media only screen and (max-width: 767px) {
.purchase_info-psp-default .purchase_info-fields-top .purchase_info-surgery_date .value {
margin-top: 0;
}
}
@media only screen and (min-width: 768px) {
.purchase_info-psp-default .purchase_info-fields-top .purchase_info-sap {
-ms-flex-order: 2;
order: 2;
margin-top: 0;
}
.purchase_info-psp-default .purchase_info-fields-top .purchase_info-sap .form-control-label {
height: 36px;
}
.app-view .purchase_info-psp-default .purchase_info-fields-top .purchase_info-sap .form-control-label {
height: auto;
}
}
@media only screen and (min-width: 1024px) {
.purchase_info-psp-default .purchase_info-fields-top .purchase_info-sap {
display: block;
}
.purchase_info-psp-default .purchase_info-fields-top .purchase_info-sap .form-control-label {
height: auto;
}
}
@media only screen and (min-width: 768px) {
.purchase_info-psp-default .purchase_info-fields-top .purchase_info-cc {
-ms-flex-order: 4;
order: 4;
}
}
.purchase_info-psp-default .purchase_info-fields-bottom {
margin-top: 20px;
}
@media only screen and (min-width: 768px) {
.purchase_info-psp-default .purchase_info-fields-bottom .purchase_info-patient_initials {
margin-top: 0;
}
}
.purchase_info-psp-default .purchase_info-physicians_name {
display: block;
}
@media only screen and (min-width: 768px) {
.purchase_info-bill_to, .purchase_info-ship_to {
-ms-flex: 0 0 40%;
flex: 0 0 40%;
margin-right: 30px;
}
}
@media only screen and (min-width: 768px) {
.purchase_info-bill_to-container, .purchase_info-ship_to-container {
-ms-flex: 0 0 40%;
flex: 0 0 40%;
}
}
.purchase_info-bill_to-container .link, .purchase_info-bill_to-container .pdp-recommendation-link, .purchase_info-ship_to-container .link, .purchase_info-ship_to-container .pdp-recommendation-link {
font-size: 1rem;
}
@media only screen and (max-width: 767px) {
.purchase_info-bill_to + .purchase_info-bill_to-container, .purchase_info-bill_to + .purchase_info-ship_to-container, .purchase_info-ship_to + .purchase_info-bill_to-container, .purchase_info-ship_to + .purchase_info-ship_to-container {
margin-top: 20px;
}
}
@media only screen and (min-width: 768px) {
.purchase_info-bill_to-wrap, .purchase_info-ship_to-wrap {
display: -ms-flexbox;
display: flex;
margin-bottom: 30px;
}
}
.purchase_info-bill_to-wrap .user_info-subtitle, .purchase_info-ship_to-wrap .user_info-subtitle {
margin-bottom: 5px;
}
.purchase_info-ship_to-wrap, .purchase_info-psp-itl .purchase_info-fields, .purchase_info-psp-au .purchase_info-fields {
padding-bottom: 30px;
margin-bottom: 30px;
border-bottom: 1px solid #c5c5c5;
}
@media only screen and (min-width: 768px) {
.purchase_info-psp-au .purchase_info-fields {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.purchase_info-psp-au .purchase_info-fields .purchase_info-surgery_date, .purchase_info-psp-au .purchase_info-fields .purchase_info-order_number, .purchase_info-psp-au .purchase_info-fields .purchase_info-order_note {
display: block;
}
.purchase_info-psp-au .purchase_info-fields .tooltip-link {
display: -ms-inline-flexbox;
display: inline-flex;
}
.purchase_info-psp-au {
/* stylelint-disable */
}
@media only screen and (min-width: 768px) {
.purchase_info-psp-au .form-group {
-ms-flex: 0 0 40%;
flex: 0 0 40%;
}
}
@media only screen and (min-width: 768px) {
.purchase_info-psp-au .purchase_info-order_number,
.purchase_info-psp-au .purchase_info-order_note {
-ms-flex-order: -2;
order: -2;
}
}
@media only screen and (min-width: 768px) {
.purchase_info-psp-au .purchase_info-order_number,
.purchase_info-psp-au .purchase_info-order_note,
.purchase_info-psp-au .purchase_info-surgery_date {
margin-right: 30px;
}
}
.purchase_info-psp-au .purchase_info-order_number .value,
.purchase_info-psp-au .purchase_info-order_note .value,
.purchase_info-psp-au .purchase_info-surgery_date .value,
.purchase_info-psp-au .purchase_info-country .value {
font-family: opensans-regular, Arial, Helvetica, sans-serif;
color: #646464;
margin-top: 7px;
}
.purchase_info-psp-au {
/* stylelint-enable */
}
@media only screen and (min-width: 768px) {
.purchase_info-psp-au .purchase_info-patient_firstname {
-ms-flex-order: -1;
order: -1;
margin-top: 0;
}
}
@media only screen and (min-width: 768px) {
.purchase_info-procedure {
width: 40%;
}
}
.purchase_info-procedure {
margin-bottom: 20px;
}
@media only screen and (min-width: 768px) {
.purchase_info-procedure-wrap {
display: -ms-flexbox;
display: flex;
}
}
.purchase_info-procedure-wrap .form-group { /* stylelint-disable-line */
margin-bottom: 20px;
}
@media only screen and (min-width: 768px) {
.purchase_info-procedure-wrap-right, .purchase_info-procedure-wrap-left {
-ms-flex: 0 0 40%;
flex: 0 0 40%;
}
}
@media only screen and (min-width: 768px) {
.purchase_info-procedure-wrap-left {
margin-right: 30px;
}
}
@media only screen and (min-width: 768px) {
.purchase_info-payer-info {
display: -ms-flexbox;
display: flex;
}
}
.purchase_info-payer-info .user_info-subtitle {
margin-bottom: 5px;
}
@media only screen and (min-width: 768px) {
.purchase_info-payer-info-item {
-ms-flex: 0 0 40%;
flex: 0 0 40%;
}
}
@media only screen and (min-width: 768px) {
.purchase_info-payer-info-item + .purchase_info-payer-info-item {
margin-left: 30px;
}
}
.purchase_info-patient_form {
margin-top: 30px;
}
@media only screen and (min-width: 768px) {
.purchase_info-patient_form {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 30px;
}
}
.purchase_info-patient_form-divider {
border-top: 1px solid #c5c5c5;
position: relative;
padding-bottom: 30px;
}
@media only screen and (min-width: 768px) {
.purchase_info-patient_form-divider {
width: calc(80% + 30px);
}
}
.purchase_info-patient_form-title {
position: absolute;
top: 0;
left: 50%;
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
padding: 0 20px;
margin-top: -7px;
background: #ffffff;
color: #c5c5c5;
text-transform: uppercase;
font: 0.8571428571rem / 1rem opensans-semibold, Arial, Helvetica, sans-serif;
}
.purchase_info-patient_form .form-group { /* stylelint-disable-line */ }
@media only screen and (min-width: 768px) {
.purchase_info-patient_form .form-group {
-ms-flex: 0 0 40%;
flex: 0 0 40%;
margin-right: 30px;
}
}
@media only screen and (min-width: 768px) {
.purchase_info-patient_form .purchase_info-address1 {
-ms-flex-order: 1;
order: 1;
}
}
@media only screen and (min-width: 768px) {
.purchase_info-patient_form .purchase_info-postcode {
margin-top: 0;
-ms-flex-order: 2;
order: 2;
}
}
@media only screen and (min-width: 768px) {
.purchase_info-patient_form .purchase_info-address2 {
-ms-flex-order: 3;
order: 3;
}
}
@media only screen and (min-width: 768px) {
.purchase_info-patient_form .purchase_info-country {
-ms-flex-order: 4;
order: 4;
}
}
@media only screen and (min-width: 768px) {
.purchase_info-patient_form .purchase_info-city {
-ms-flex-order: 5;
order: 5;
}
}
@media only screen and (min-width: 768px) {
.purchase_info-patient_form .purchase_info-phone {
-ms-flex-order: 6;
order: 6;
}
}
@media only screen and (min-width: 768px) {
.purchase_info-patient_form .purchase_info-state {
-ms-flex-order: 7;
order: 7;
}
}
@media only screen and (min-width: 768px) {
.purchase_info-patient_form .purchase_info-email {
-ms-flex-order: 8;
order: 8;
}
}
@media only screen and (min-width: 768px) {
.purchase_info-ship_to-details, .purchase_info-procedure_qty {
margin-bottom: 30px;
}
}
@media only screen and (min-width: 1025px) {
.checkout-step_submited .product_card:hover {
border: 1px solid transparent;
background-color: initial;
}
}
.checkout-step_submited .product_card-line_item {
border: none;
border-bottom: 1px solid #e7e7e7;
margin-top: 0;
}
.checkout-step_submited .product_card-line_item:last-child {
border: 0;
}
.checkout-step_submited .product_card-line_item::before {
content: none;
}
.checkout-step_submited .product_card-wrapper {
padding: 0;
}
.checkout-step_submited .product_card-main_info {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.checkout-step_submited .product_card-info_wrapper {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.checkout-step_submited .product_card-name {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: start;
justify-content: flex-start;
}
.checkout-step_submited .product_card-image {
margin-right: 25px;
}
.checkout-step_submited .product_card-price_label {
display: none;
}
.checkout-step_submited .product_card-qty-label {
display: block;
margin: 0 5px 0 0;
}
.checkout-step_submited .product_card-qty .product_tile-qty {
margin: 0;
font: 1rem opensans-regular, Arial, Helvetica, sans-serif;
}
.checkout-step_submited .product_card-price {
display: -ms-flexbox;
display: flex;
}
.checkout-step_submited .product_card-price, .checkout-step_submited .product_card-qty {
padding: 0;
margin-bottom: 15px;
}
@media only screen and (max-width: 1024px) {
.checkout-step_submited .product_card-price-label {
display: -ms-flexbox;
display: flex;
}
.checkout-step_submited .product_card-price-label .product-price {
margin-left: 5px;
}
.checkout-step_submited .product_card-price-label .product-price_value-each {
-ms-flex-item-align: end;
align-self: flex-end;
}
}
@media only screen and (min-width: 768px) {
.checkout-step_submited .product_card-price-label .product-price_strike {
margin-top: 0;
}
}
@media only screen and (max-width: 1024px) {
.checkout-step_submited .product_card-details, .checkout-step_submited .product_card-bundle, .checkout-step_submited .product_card-discounts, .checkout-step_submited .product_card-total_price {
margin-left: 115px;
}
}
@media only screen and (min-width: 1025px) {
.checkout-step_submited .product_card-details {
margin: 0 0 0 auto;
}
}
@media only screen and (max-width: 1024px) {
.checkout_cr .checkout-step_submited .product_card-details {
margin-left: 0;
}
}
.checkout-step_submited .product_card-split_request {
color: #000000;
padding-left: 115px;
font: 1rem / 1.1428571429rem opensans-regular, Arial, Helvetica, sans-serif;
}
@media only screen and (min-width: 1025px) {
.checkout-step_submited .product_card-split_request {
padding-left: 125px;
}
}
.checkout-step_submited .checkout-review_products, .checkout-step_submited .checkout-purchase_info {
padding: 0 10px;
background-color: #ffffff;
}
@media only screen and (min-width: 768px) {
.checkout-step_submited .checkout-review_products, .checkout-step_submited .checkout-purchase_info {
padding: 0;
}
}
.checkout-step_submited .review_products-table {
border-top: 1px solid #c5c5c5;
border-bottom: 1px solid #c5c5c5;
}
.checkout-step_submited .checkout-step_header {
border-bottom: 0;
}
.checkout-step_subtitle {
margin: -20px 0 20px;
}
.checkout_validation-modal .content-asset + .content-asset {
margin-top: 15px;
}
.checkout_validation-body {
margin: 30px 0;
font: 0.9285714286rem / 1.3571428571rem opensans-regular, Arial, Helvetica, sans-serif;
color: #646464;
}
.checkout_validation-body p + p {
margin-top: 15px;
}
.checkout_validation-body ul {
margin-top: 15px;
}
.checkout_validation-body ul li {
list-style-type: disc;
}
.checkout_validation-button + .checkout_validation-button {
margin-top: 15px;
}
.checkout_validation-link {
padding: 0;
border: 0;
background: none;
background-color: transparent;
background-image: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.checkout_validation-link::-ms-expand {
display: none;
}
.checkout_validation-link.link-disabled, .checkout_validation-link.link-disabled:hover, .checkout_validation-link.link-disabled:focus, .checkout_validation-link.link-disabled:active, .checkout_validation-link[disabled], .checkout_validation-link[disabled]:hover, .checkout_validation-link[disabled]:focus, .checkout_validation-link[disabled]:active {
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.checkout_validation-link {
display: inline-block;
cursor: pointer;
color: #076795;
}
.checkout_validation-link:hover, .checkout_validation-link:active {
text-decoration: underline;
}
.checkout_validation-link {
font-size: 1.1428571429rem;
display: block;
text-align: center;
margin-top: 15px;
}
/* stylelint-disable */
/* stylelint-disable */
/* stylelint-disable */
.favourites-icon:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f142";
}
.favourites-icon {
cursor: pointer;
}
.favourites-icon::before {
opacity: 0.5;
}
.favourites-icon::before, .active .favourites-icon::before {
font-size: 1.2857142857rem;
vertical-align: inherit;
color: #076795;
}
[disabled] .favourites-icon::before {
color: #c5c5c5;
}
@media only screen and (min-width: 1025px) {
.favourites-icon:hover::before {
opacity: 1;
}
}
.active .favourites-icon:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f143";
}
.active .favourites-icon::before {
opacity: 1;
}
.pdp .breadcrumbs {
margin-top: 10px;
}
.pdp .pdp-breadcrumbs + .list-prices-message {
margin-bottom: 20px;
}
.pdp-content_wrapper, .pdp-details, .pdp-recommendations {
background-color: #ffffff;
margin-bottom: 30px;
}
@media only screen and (min-width: 768px) {
.pdp-content_wrapper, .pdp-details, .pdp-recommendations {
background-color: transparent;
margin-bottom: 30px;
}
}
.pdp-content_wrapper, .pdp-details {
padding: 20px 0 40px;
}
@media only screen and (min-width: 768px) {
.pdp-content_wrapper, .pdp-details {
padding: 0;
}
}
@media only screen and (max-width: 767px) {
.pdp-content_wrapper {
padding-bottom: 20px;
margin-bottom: 0;
}
}
@media only screen and (max-width: 767px) {
.pdp-details {
padding: 0;
}
}
.pdp-content {
padding: 0 10px;
}
@media only screen and (min-width: 768px) {
.pdp-content {
display: -ms-flexbox;
display: flex;
background-color: #ffffff;
padding: 40px 50px;
border-radius: 3px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.pdp-rec_alert {
width: 100%;
margin-bottom: 20px;
}
.pdp-rec_alert .notification_banner {
background-color: #ffefae;
border: 1px solid #213858;
border-radius: 3px;
display: -ms-flexbox;
display: flex;
padding: 0;
}
.pdp-rec_alert .notification_banner-icon {
/* stylelint-disable-line */
}
.pdp-rec_alert .notification_banner-icon:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f173";
}
.pdp-rec_alert .notification_banner-icon {
background-color: #213858;
color: #ffefae;
min-height: 100%;
min-width: 46px;
position: relative;
}
.pdp-rec_alert .notification_banner-icon::before {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
font-size: 1.2857142857rem;
}
.pdp-rec_alert .notification_banner-text {
-ms-flex-item-align: center;
align-self: center;
color: #213858;
-ms-flex-positive: 1;
flex-grow: 1;
font: 0.9285714286rem / 1.2857142857rem opensans-regular, Arial, Helvetica, sans-serif;
padding: 18px 20px;
text-align: center;
}
.pdp-rec_alert .notification_banner-text p + p {
margin-top: 10px;
}
.pdp-rec_alert .notification_banner-link {
padding: 0;
border: 0;
background: none;
background-color: transparent;
background-image: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.pdp-rec_alert .notification_banner-link::-ms-expand {
display: none;
}
.pdp-rec_alert .notification_banner-link.link-disabled, .pdp-rec_alert .notification_banner-link.link-disabled:hover, .pdp-rec_alert .notification_banner-link.link-disabled:focus, .pdp-rec_alert .notification_banner-link.link-disabled:active, .pdp-rec_alert .notification_banner-link[disabled], .pdp-rec_alert .notification_banner-link[disabled]:hover, .pdp-rec_alert .notification_banner-link[disabled]:focus, .pdp-rec_alert .notification_banner-link[disabled]:active {
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.pdp-rec_alert .notification_banner-link {
display: inline-block;
cursor: pointer;
color: #076795;
}
.pdp-rec_alert .notification_banner-link:hover, .pdp-rec_alert .notification_banner-link:active {
text-decoration: underline;
}
.pdp-rec_alert .notification_banner-link {
font: 1rem opensans-semibold, Arial, Helvetica, sans-serif;
font-size: 0.9285714286rem;
}
.pdp-rec_alert .notification_banner-button {
border: 1px solid transparent;
cursor: pointer;
display: inline-block;
font: 1rem / 1 brandongrotesque-medium, Arial, Helvetica, sans-serif;
text-align: center;
text-transform: uppercase;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-radius: 3px;
padding: 14.5px 20px;
width: 100%;
background-color: #213858;
border-color: #213858;
color: #ffefae;
}
.pdp-rec_alert .notification_banner-button:hover {
color: #213858;
background-color: #ffefae;
}
.pdp-images {
margin-bottom: 30px;
position: relative;
}
@media only screen and (min-width: 768px) {
.pdp-images {
-ms-flex-order: 2;
order: 2;
margin-left: 50px;
width: calc(50% - 50px);
margin-bottom: 0;
}
}
.pdp-images .slick-track {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-align: center;
align-items: center;
}
.pdp-images .product-image {
max-height: 580px;
}
@media only screen and (min-width: 768px) {
.pdp-description-banners {
-ms-flex-order: 3;
order: 3;
width: 100%;
}
}
.pdp-pricing {
display: -ms-flexbox;
display: flex;
margin-bottom: 30px;
}
.pdp-pricing .product-weight_wrapper, .pdp-pricing .product-price_wrapper {
display: -ms-flexbox;
display: flex;
white-space: nowrap;
}
.pdp-pricing .product-price_wrapper + .product-weight_wrapper .product-weight {
border-left: 1px solid #c5c5c5;
margin-left: 30px;
padding-left: 30px;
}
.pdp-pricing .product-price, .pdp-pricing .product-weight {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: end;
justify-content: flex-end;
}
.pdp-messages {
margin: 10px 0 30px;
}
.pdp-messages .product_tile-qty_error {
text-align: left;
}
.pdp-zoom_icon:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f177";
}
.pdp-zoom_icon {
position: absolute;
top: 0;
right: 0;
}
.pdp-zoom_icon::before {
color: #076795;
font-size: 1.5rem;
}
.pdp-zoom_icon {
pointer-events: none;
z-index: 1;
}
@media only screen and (min-width: 768px) {
.pdp-info {
-ms-flex-order: 1;
order: 1;
padding-right: 50px;
width: 50%;
}
}
.pdp-banners-before-after {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
margin-top: 30px;
-ms-flex-order: 4;
order: 4;
}
.pdp-promotions {
width: 100%;
margin-top: 30px;
}
@media only screen and (min-width: 768px) {
.pdp-promotions {
width: 70%;
margin-top: 35px;
}
}
.pdp-description {
margin-top: 30px;
}
.pdp-description p {
color: #646464;
font: 1.1428571429rem / 1.4285714286rem brandongrotesque-regular, Arial, Helvetica, sans-serif;
}
.pdp-description p:not(:last-child) {
margin-bottom: 10px;
}
.pdp-details .product-full_description {
border-top: 1px solid #e7e7e7;
border-bottom: 1px solid #e7e7e7;
}
@media only screen and (min-width: 768px) {
.pdp-details .product-full_description {
border: 0;
}
}
.pdp-heading {
margin-bottom: 30px;
display: -ms-flexbox;
display: flex;
}
.pdp-heading .favourites {
margin-top: 5px;
}
.pdp-recently_viewed {
margin-bottom: 20px;
}
@media only screen and (min-width: 768px) {
.pdp-recently_viewed {
margin-bottom: 100px;
}
}
.pdp-recommendation {
margin-top: 25px;
}
.pdp-recommendation-link:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 18px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f158";
}
.pdp-recommendation-link {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
text-transform: uppercase;
opacity: 0.8;
}
.pdp-recommendation-link::before {
margin-right: 10px;
}
.pdp-recommendation-link:hover {
opacity: 1;
text-decoration: none;
}
.pdp-recommendation-link[disabled] {
color: #646464;
opacity: 0.8;
pointer-events: none;
}
.pdp-recommendation-text {
text-decoration: underline;
line-height: 1.2857142857rem;
font-size: 1.1428571429rem;
}
.pdp-message_info .pdp-rec_alert {
margin: 30px -5px;
}
@media only screen and (max-width: 767px) {
.pdp-message_info .pdp-rec_alert {
margin: 20px -5px;
}
}
.pdp-message_info .notification_banner {
border: none;
}
.pdp-message_info .notification_banner-text {
text-align: left;
padding: 8px 11px;
}
@media only screen and (max-width: 767px) {
.pdp-message_info .notification_banner-text {
padding: 5px;
}
}
.pdp_set {
background-color: #ffffff;
margin-top: 20px;
padding: 30px 0;
}
@media only screen and (min-width: 768px) {
.pdp_set {
background-color: transparent;
margin: 0 0 30px 0;
padding: 0;
}
}
.pdp_set-wrapper {
background-color: #ffffff;
}
@media only screen and (min-width: 768px) {
.pdp_set-wrapper {
padding: 50px 0;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
}
}
.pdp_set-title {
text-align: center;
}
@media only screen and (min-width: 768px) {
.pdp_set-title {
margin-bottom: 40px;
}
}
.pdp_set-item {
padding: 40px 0 0;
border-bottom: 1px solid #e7e7e7;
}
.pdp_set-item:last-child {
padding-bottom: 0;
border-bottom: 0;
}
@media only screen and (min-width: 768px) {
.pdp_set-item {
max-width: 770px;
width: 100%;
display: -ms-flexbox;
display: flex;
padding: 40px;
}
}
@media only screen and (min-width: 768px) {
.pdp_set-info {
width: 66.6666666667%;
margin-left: 100px;
}
}
.pdp_set-info .product-actions {
margin-bottom: 0;
}
.pdp_bundle {
background-color: #ffffff;
padding: 30px 0;
}
@media only screen and (min-width: 768px) {
.pdp_bundle {
background-color: transparent;
margin-bottom: 30px;
padding: 0;
}
}
.pdp_bundle-wrapper {
background-color: #ffffff;
}
@media only screen and (min-width: 768px) {
.pdp_bundle-wrapper {
padding: 50px 100px;
}
}
.pdp_bundle-title {
margin-bottom: 40px;
text-align: center;
}
@media only screen and (max-width: 767px) {
.pdp_bundle-items_row:last-child .pdp_bundle-item:last-child {
border-bottom: 0;
padding-bottom: 0;
}
}
@media only screen and (min-width: 768px) {
.pdp_bundle-items_row {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.pdp_bundle-items_row:last-child .pdp_bundle-item {
padding-bottom: 0;
}
}
@media only screen and (min-width: 768px) {
.pdp_bundle-items_row + .pdp_bundle-items_row {
border-top: 1px solid #e7e7e7;
}
}
.pdp_bundle-item {
border-bottom: 1px solid #e7e7e7;
padding: 40px 0;
width: 100%;
}
@media only screen and (min-width: 768px) {
.pdp_bundle-item {
border-bottom: 0;
display: -ms-flexbox;
display: flex;
width: 50%;
}
.pdp_bundle-item:nth-child(odd) {
padding-right: 15px;
}
.pdp_bundle-item:nth-child(even) {
padding-left: 15px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.pdp_bundle-item .product-attribute {
width: 100%;
}
}
@media only screen and (min-width: 768px) {
.pdp_bundle-info {
margin-left: 30px;
width: 66.6666666667%;
}
}
.quantity_static-value {
color: #646464;
font-size: 1.1428571429rem;
}
.product-sku {
color: #646464;
padding: 0;
margin-bottom: 5px;
}
html[locale=de_DE] .product-sku-label {
text-transform: capitalize;
}
.product-sku-value {
color: #000000;
}
.product-sku-container {
font-family: opensans-regular, Arial, Helvetica, sans-serif;
}
.product-name {
display: inline;
margin-right: 15px;
}
@media screen and (-ms-high-contrast: none) {
[locale=ja_JP] .product-name { /* stylelint-disable-line */
margin-top: 5px;
}
}
.product-price_title, .product-weight_title {
color: #646464;
font-size: 1rem;
font-family: opensans-regular, Arial, Helvetica, sans-serif;
margin-bottom: 5px;
}
.product-price_value, .product-weight_value {
font: 1.4285714286rem / 1.4285714286rem brandongrotesque-medium, Arial, Helvetica, sans-serif;
}
.product-price_strike {
color: #646464;
display: block;
font: 1.1428571429rem / 1.4285714286rem brandongrotesque-light, Arial, Helvetica, sans-serif;
text-decoration: line-through;
}
@media only screen and (min-width: 1025px) {
.product_setting_card-info_top .product-price_strike {
display: inline-block;
}
}
.product-see_price_in_cart {
font: 1.1428571429rem / 1.4285714286rem brandongrotesque-medium, Arial, Helvetica, sans-serif;
margin-bottom: 10px;
}
.product-variations {
-ms-flex-align: end;
align-items: flex-end;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 15px;
}
@media only screen and (min-width: 768px) {
.product-variations {
margin-bottom: 10px;
}
}
.product-attribute {
width: 100%;
}
@media only screen and (min-width: 768px) {
.product-attribute {
width: 50%;
}
}
.product-attribute .variation_attribute-label {
color: #646464;
display: inline-block;
font: 0.8571428571rem brandongrotesque-medium, Arial, Helvetica, sans-serif;
margin-bottom: 8px;
}
.product-actions_wrapper {
-ms-flex-align: end;
align-items: flex-end;
display: -ms-flexbox;
display: flex;
}
.product-actions_wrapper .product_tile-form {
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: start;
align-items: flex-start;
width: 100%;
}
.product-actions_wrapper .product_tile-submit {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
margin: 20px 0 0;
}
@media only screen and (min-width: 1025px) {
.product-actions_wrapper .product_tile-submit {
-ms-flex-direction: row;
flex-direction: row;
}
}
[locale=nl_NL] .product-actions_wrapper .product_tile-submit *::-ms-backdrop,
[locale=nl_NL] .product-actions_wrapper .product_tile-submit .button-dark {
white-space: normal;
}
.product-actions_wrapper .product_tile-add_to_ro {
width: auto;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.product-actions_wrapper .product_tile-add_to_ro {
padding: 14.5px 0;
}
}
.product-actions_wrapper .product_tile-quick_buy_btn {
margin-top: 15px;
}
@media only screen and (min-width: 1025px) {
.product-actions_wrapper .product_tile-quick_buy_btn {
margin: 0 0 0 10px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.product-actions_wrapper_set, .product-actions_wrapper_bundle {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.product-quantity {
margin-right: 10px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.product-actions_wrapper_set .product-quantity, .product-actions_wrapper_bundle .product-quantity {
margin-bottom: 20px;
}
}
.product-add_to_cart {
width: 100%;
}
.product-add_to_cart-button {
border-radius: 3px;
padding: 14.5px 20px;
width: 100%;
}
.product-add_to_cart-button.button-disabled, .sales_rep_promo-upload:not(.active) .product-add_to_cart-button.sales_rep_promo-upload-label, .product-add_to_cart-button.button-disabled:hover, .product-add_to_cart-button.button-disabled:focus, .product-add_to_cart-button.button-disabled:active, .product-add_to_cart-button[disabled], .product-add_to_cart-button[disabled]:hover, .product-add_to_cart-button[disabled]:focus, .product-add_to_cart-button[disabled]:active {
background-color: #e7e7e7;
border-color: #e7e7e7;
-webkit-box-shadow: none;
box-shadow: none;
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.product-add_to_cart-button { /* stylelint-disable-line */
background-color: #076795;
border-color: #076795;
color: #ffffff;
}
.product-add_to_cart-button:active {
background-color: #d7e7ef;
border-color: #d7e7ef;
color: #076795;
}
@media only screen and (min-width: 1025px) {
.product-add_to_cart-button:hover {
background-color: #d7e7ef;
border-color: #d7e7ef;
color: #076795;
}
}
.product-add_to_cart-button:active {
-webkit-box-shadow: inset 0 3px 2px rgba(0, 0, 0, 0.12);
box-shadow: inset 0 3px 2px rgba(0, 0, 0, 0.12);
}
@media only screen and (min-width: 768px) {
.product-add_to_cart-button {
width: 100%;
}
}
.product-availability {
margin-bottom: 10px;
}
.product-availability_msg {
color: #ff0000;
}
.product-description_title {
border-top: 1px solid #e7e7e7;
}
@media only screen and (min-width: 768px) {
.product-description_title {
border: 0;
}
}
.product-description_title:after, .product-full_description-title:after {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 14px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f125";
}
.product-description_title, .product-full_description-title {
-ms-flex-align: center;
align-items: center;
color: #076795;
cursor: pointer;
display: -ms-flexbox;
display: flex;
font: 1.4285714286rem brandongrotesque-medium, Arial, Helvetica, sans-serif;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 15px 0;
position: relative;
text-transform: uppercase;
}
.product-description_title::after, .product-full_description-title::after {
font-weight: bold;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-transition: -webkit-transform 0.2s ease 0s;
transition: -webkit-transform 0.2s ease 0s;
transition: transform 0.2s ease 0s;
transition: transform 0.2s ease 0s, -webkit-transform 0.2s ease 0s;
}
@media only screen and (min-width: 768px) {
.product-description_title::after, .product-full_description-title::after {
display: none;
}
}
.product-description_title.m-selected::after, .product-full_description-title.m-selected::after {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}
@media only screen and (min-width: 768px) {
.product-description_title, .product-full_description-title {
text-transform: none;
-ms-flex-pack: center;
justify-content: center;
}
}
.product-description_content, .product-full_description-content {
display: none;
padding-bottom: 20px;
}
@media only screen and (min-width: 768px) {
.product-description_content, .product-full_description-content {
display: block;
padding: 0;
}
}
.product-full_description {
background-color: #ffffff;
margin-top: -1px;
}
@media only screen and (min-width: 768px) {
.product-full_description {
padding: 40px 50px;
margin-top: 0;
}
}
@media only screen and (min-width: 768px) {
.product-full_description-title {
border: 0;
color: #213858;
font: 2.1428571429rem / 2.5714285714rem brandongrotesque-medium, Arial, Helvetica, sans-serif;
margin-bottom: 40px;
padding: 0;
pointer-events: none;
}
.product-full_description-title::after, .product-full_description-title::before {
content: none;
}
}
.product-full_description-ingredients h5 {
font-size: 1.2857142857rem;
margin-bottom: 30px;
text-transform: uppercase;
}
.product-full_description-ingredients p {
color: #c5c5c5;
font: 1rem / 1.4285714286rem brandongrotesque-regular, Arial, Helvetica, sans-serif;
}
.product-full_description-info {
margin-bottom: 30px;
}
@media only screen and (min-width: 768px) {
.product-full_description-info {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
-webkit-column-gap: 100px;
-moz-column-gap: 100px;
column-gap: 100px;
}
}
.product-full_description-info h5 {
margin-bottom: 25px;
text-transform: uppercase;
}
.product-full_description-info h6 {
margin-bottom: 10px;
}
.product-full_description-info p {
color: #646464;
font: 1rem / 1.1428571429rem opensans-regular, Arial, Helvetica, sans-serif;
margin-bottom: 30px;
}
.product-full_description-info p:last-child {
margin-bottom: 0;
}
.product-badge {
height: 26px;
margin: 0 4px 4px 0;
}
.product-badge_image {
height: 100%;
width: auto;
}
@media only screen and (min-width: 768px) {
.product-image {
max-height: 100vh;
}
}
.product-detail_title {
font-size: 20px;
font-weight: bolder;
margin-bottom: 20px;
}
.product-detail_text {
color: #646464;
font-size: 14px;
margin-bottom: 10px;
}
.product-detail_subtext {
color: #c5c5c5;
font-size: 12px;
}
.product-detail_graph-title {
font-size: 22px;
font-weight: bolder;
margin: 40px 0 20px;
text-decoration: underline;
}
.product-detail_graph-img {
display: block;
margin: 0 auto 40px;
max-width: 90%;
}
.product-detail_graph-list {
margin-bottom: 40px;
}
.product-detail_graph-list li {
list-style: initial;
}
.product_set-name,
.product_bundle-name {
padding: 0;
border: 0;
background: none;
background-color: transparent;
background-image: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.product_set-name::-ms-expand,
.product_bundle-name::-ms-expand {
display: none;
}
.product_set-name.link-disabled, .product_set-name.link-disabled:hover, .product_set-name.link-disabled:focus, .product_set-name.link-disabled:active, .product_set-name[disabled], .product_set-name[disabled]:hover, .product_set-name[disabled]:focus, .product_set-name[disabled]:active,
.product_bundle-name.link-disabled,
.product_bundle-name.link-disabled:hover,
.product_bundle-name.link-disabled:focus,
.product_bundle-name.link-disabled:active,
.product_bundle-name[disabled],
.product_bundle-name[disabled]:hover,
.product_bundle-name[disabled]:focus,
.product_bundle-name[disabled]:active {
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.product_set-name,
.product_bundle-name {
display: inline-block;
cursor: pointer;
color: #076795;
}
.product_set-name:hover, .product_set-name:active,
.product_bundle-name:hover,
.product_bundle-name:active {
text-decoration: underline;
}
.product_set-name,
.product_bundle-name {
font-size: 1.2857142857rem;
display: block;
margin: 30px 0 20px;
text-align: center;
}
@media only screen and (min-width: 768px) {
.product_set-name,
.product_bundle-name {
text-align: left;
margin: 0 0 20px;
}
}
.product_set-image_wrapper,
.product_bundle-image_wrapper {
text-align: center;
}
@media only screen and (min-width: 768px) {
.product_set-image_wrapper,
.product_bundle-image_wrapper {
text-align: initial;
width: 33.3333333333%;
}
}
.product_bundle-quantity {
margin-bottom: 20px;
text-align: center;
}
@media only screen and (min-width: 768px) {
.product_bundle-quantity {
text-align: initial;
}
}
.zoom-wrapper {
position: relative;
background-color: #ffffff;
height: 100%;
}
.zoom-wrapper .product-badge {
display: none;
}
.zoom-container {
height: 100%;
position: relative;
}
.zoom-info {
background-color: rgba(247, 249, 249, 0.5);
margin-bottom: 20px;
padding: 20px;
width: 100%;
z-index: 2;
}
.zoom-info .product-sku {
margin-bottom: 10px;
}
.zoom-info .product-title {
font: 1.5714285714rem / 1.5714285714rem brandongrotesque-regular, Arial, Helvetica, sans-serif;
text-transform: none;
}
@media only screen and (min-width: 768px) {
.zoom-info {
position: absolute;
top: 0;
left: 0;
margin: 0;
}
}
.zoom-logo {
display: none;
}
@media only screen and (min-width: 768px) {
.zoom-logo {
display: block;
max-width: 200px;
margin-bottom: 30px;
}
}
.zoom-logo svg {
max-height: 60px;
}
.zoom-close_button {
border: 1px solid transparent;
cursor: pointer;
display: inline-block;
font: 1rem / 1 brandongrotesque-medium, Arial, Helvetica, sans-serif;
text-align: center;
text-transform: uppercase;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.zoom-close_button { /* stylelint-disable-line */
background-color: #076795;
border-color: #076795;
color: #ffffff;
}
.zoom-close_button:active {
background-color: #3399cc;
border-color: #3399cc;
color: #ffffff;
}
@media only screen and (min-width: 1025px) {
.zoom-close_button:hover {
background-color: #d7e7ef;
border-color: #d7e7ef;
color: #076795;
}
}
.zoom-close_button {
padding: 10px;
}
.zoom-close_button:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 12px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f176";
}
.zoom-close_button {
position: absolute;
top: 0;
right: 0;
width: 40px;
z-index: 3;
}
.pswp__top-bar .zoom-info {
background-color: rgba(231, 231, 231, 0.2);
margin: auto;
}
@media only screen and (min-width: 1025px) {
.pswp__top-bar .zoom-info {
background-color: rgba(247, 249, 249, 0.2);
}
}
.pswp__top-bar .zoom-info .product-sku {
margin-bottom: 5px;
}
.pswp__top-bar .zoom-info .product-sku-value {
font-family: opensans-semibold, Arial, Helvetica, sans-serif;
}
.pswp__top-bar .zoom-info .product-name {
display: block;
font-size: 1.4285714286rem;
}
.promotions {
display: -ms-flexbox;
display: flex;
}
.promotions + .promotions {
margin-top: 20px;
}
.list_view .promotions { /* TODO: style promo globally */
margin-top: 0;
margin-bottom: 20px;
}
.promotions-image_wrapper {
margin-right: 10px;
max-width: 15px;
width: 100%;
}
.promotions-image {
width: 100%;
}
.promotions-message {
color: #213858;
width: 100%;
}
.product_tile .promotions-message {
color: #ff0000;
}
.bonus_product {
height: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
}
.bonus_product-header {
-ms-flex-negative: 0;
flex-shrink: 0;
}
.bonus_product-header:first-child {
padding-top: 30px;
}
.bonus_product-header_message {
margin-bottom: 20px;
}
.bonus_product-header_message:empty {
margin: 0;
}
.bonus_product-promotions {
margin-top: 20px;
}
.bonus_product-content {
margin-top: 20px;
overflow-x: hidden;
overflow-y: auto;
max-height: 45vh;
border: 1px solid #e7e7e7;
border-top: 3px solid #213858;
}
.bonus_product-item {
padding: 15px 20px;
display: -ms-flexbox;
display: flex;
}
.bonus_product-item + .bonus_product-item {
border-top: 1px solid #efefef;
}
.bonus_product-item:last-of-type .quantity_combobox .select2-container:not(.select2) {
top: 45px !important;
left: 0 !important;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
.bonus_product-item:last-of-type .quantity_combobox .select2-container:not(.select2) .select2-dropdown {
z-index: 1;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
.bonus_product-item .tooltip {
min-width: 250px;
z-index: 10000;
}
.bonus_product-item .validation-item-message {
margin-top: 10px;
}
.bonus_product-image_wrapper {
margin-right: 15px;
min-width: 80px;
max-width: 120px;
}
.bonus_product-form {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
}
.bonus_product-info {
width: 100%;
}
.bonus_product-actions {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: end;
align-items: flex-end;
margin-bottom: 10px;
}
@media only screen and (min-width: 768px) {
.bonus_product-actions {
margin-bottom: 0;
width: 100%;
}
}
.bonus_product-variation {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-align: end;
align-items: flex-end;
}
.bonus_product-attributes {
max-width: 65px;
margin-bottom: 15px;
}
@media only screen and (min-width: 768px) {
.bonus_product-attributes {
max-width: 98px;
margin-bottom: 0;
}
}
.bonus_product-attributes .product-attribute {
width: 100%;
}
.bonus_product-attributes .product-variations {
margin-bottom: 0;
}
.bonus_product-qty {
margin-right: 10px;
}
.bonus_product-qty .select2-selection__arrow b {
margin-top: -2px;
}
.bonus_product-price {
margin-bottom: 0;
}
.bonus_product-price .product-price {
display: -ms-flexbox;
display: flex;
}
.bonus_product-price .product-price_title {
font: 0.8571428571rem / 1rem opensans-regular, Arial, Helvetica, sans-serif;
}
.bonus_product-price .product-price_value {
min-height: 45px;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
font-size: 1.1428571429rem;
}
.bonus_product-messages {
width: 100%;
margin-bottom: 10px;
}
.bonus_product-messages .quantity_combobox-msg_text {
margin-top: 0;
}
.bonus_product-select_button {
border-radius: 3px;
padding: 14.5px 20px;
width: 100%;
}
.bonus_product-select_button.button-disabled, .sales_rep_promo-upload:not(.active) .bonus_product-select_button.sales_rep_promo-upload-label, .bonus_product-select_button.button-disabled:hover, .bonus_product-select_button.button-disabled:focus, .bonus_product-select_button.button-disabled:active, .bonus_product-select_button[disabled], .bonus_product-select_button[disabled]:hover, .bonus_product-select_button[disabled]:focus, .bonus_product-select_button[disabled]:active {
background-color: #e7e7e7;
border-color: #e7e7e7;
-webkit-box-shadow: none;
box-shadow: none;
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.bonus_product-select_button { /* stylelint-disable-line */
background-color: #076795;
border-color: #076795;
color: #ffffff;
}
.bonus_product-select_button:active {
background-color: #d7e7ef;
border-color: #d7e7ef;
color: #076795;
}
@media only screen and (min-width: 1025px) {
.bonus_product-select_button:hover {
background-color: #d7e7ef;
border-color: #d7e7ef;
color: #076795;
}
}
.bonus_product-select_button:active {
-webkit-box-shadow: inset 0 3px 2px rgba(0, 0, 0, 0.12);
box-shadow: inset 0 3px 2px rgba(0, 0, 0, 0.12);
}
.bonus_product-select_button {
width: auto;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
margin-top: 10px;
}
@media only screen and (min-width: 768px) {
.bonus_product-select_button {
min-width: 105px;
}
}
.bonus_product-select_button.selected.button-disabled, .sales_rep_promo-upload:not(.active) .bonus_product-select_button.selected.sales_rep_promo-upload-label, .bonus_product-select_button.selected.button-disabled:hover, .bonus_product-select_button.selected.button-disabled:focus, .bonus_product-select_button.selected.button-disabled:active, .bonus_product-select_button.selected[disabled], .bonus_product-select_button.selected[disabled]:hover, .bonus_product-select_button.selected[disabled]:focus, .bonus_product-select_button.selected[disabled]:active {
background-color: #e7e7e7;
border-color: #e7e7e7;
-webkit-box-shadow: none;
box-shadow: none;
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.bonus_product-select_button.selected { /* stylelint-disable-line */
background-color: #ffffff;
border-color: #076795;
color: #076795;
}
.bonus_product-select_button.selected:active {
background-color: rgba(7, 103, 149, 0.1);
border-color: #076795;
color: #076795;
}
@media only screen and (min-width: 1025px) {
.bonus_product-select_button.selected:hover {
background-color: rgba(7, 103, 149, 0.1);
border-color: #076795;
color: #076795;
}
}
.bonus_product-select_button.selected:active {
-webkit-box-shadow: inset 0 4px 2px rgba(0, 0, 0, 0.12);
box-shadow: inset 0 4px 2px rgba(0, 0, 0, 0.12);
}
.bonus_product-title-wrapper {
padding-bottom: 10px;
}
.bonus_product-title {
padding: 0;
border: 0;
background: none;
background-color: transparent;
background-image: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.bonus_product-title::-ms-expand {
display: none;
}
.bonus_product-title.link-disabled, .bonus_product-title.link-disabled:hover, .bonus_product-title.link-disabled:focus, .bonus_product-title.link-disabled:active, .bonus_product-title[disabled], .bonus_product-title[disabled]:hover, .bonus_product-title[disabled]:focus, .bonus_product-title[disabled]:active {
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.bonus_product-title {
display: inline-block;
cursor: pointer;
color: #076795;
}
.bonus_product-title:hover, .bonus_product-title:active {
text-decoration: underline;
}
.bonus_product-title {
font-size: 1.2857142857rem;
}
.bonus_product-sku {
color: #646464;
}
.bonus_product-sku-value {
color: #000000;
}
.bonus_product-footer {
background-color: #f7f9f9;
margin: 0 -30px -40px;
padding: 20px 15px 25px;
}
@media only screen and (min-width: 768px) {
.bonus_product-footer {
padding: 20px 30px 25px;
}
}
.bonus_product-selection {
padding: 20px;
}
.bonus_product-selection_item {
-ms-flex-align: start;
align-items: flex-start;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
}
.bonus_product-selection_item + .bonus_product-selection_item {
margin-top: 10px;
}
.bonus_product-selection_title {
padding-bottom: 20px;
font: 1.2857142857rem brandongrotesque-medium, Arial, Helvetica, sans-serif;
}
.bonus_product-selection_subtitle {
padding-bottom: 20px;
font: 1.1428571429rem brandongrotesque-medium, Arial, Helvetica, sans-serif;
}
.bonus_product-selection_list {
margin-bottom: 20px;
}
.bonus_product-selection_link {
padding: 0;
border: 0;
background: none;
background-color: transparent;
background-image: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.bonus_product-selection_link::-ms-expand {
display: none;
}
.bonus_product-selection_link.link-disabled, .bonus_product-selection_link.link-disabled:hover, .bonus_product-selection_link.link-disabled:focus, .bonus_product-selection_link.link-disabled:active, .bonus_product-selection_link[disabled], .bonus_product-selection_link[disabled]:hover, .bonus_product-selection_link[disabled]:focus, .bonus_product-selection_link[disabled]:active {
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.bonus_product-selection_link {
display: inline-block;
cursor: pointer;
color: #076795;
}
.bonus_product-selection_link:hover, .bonus_product-selection_link:active {
text-decoration: underline;
}
.bonus_product-selection_link {
font: 0.8571428571rem opensans-regular, Arial, Helvetica, sans-serif;
}
.bonus_product-selection_sku, .bonus_product-selection_quantity, .bonus_product-selection_variation {
color: #646464;
font-size: 0.8571428571rem;
}
html[locale=de_DE] .bonus_product-selection_sku {
text-transform: capitalize;
}
.bonus_product-selection_actions {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-pack: justify;
justify-content: space-between;
}
.bonus_product-selection_actions .button {
width: auto;
-ms-flex: 1 1 45%;
flex: 1 1 45%;
margin: 0 5px 10px;
}
.bonus_product-selection_button:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f130";
}
.bonus_product-selection_button {
background-color: transparent;
color: #076795;
opacity: 0.5;
}
.bonus_product-selection_button:hover {
opacity: 1;
}
.bonus_product-modal .modal-body {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
}
@media only screen and (max-width: 767px) {
.bonus_product-modal .modal-body {
padding: 0 20px 40px;
}
}
@media only screen and (min-width: 768px) {
.bonus_product-modal .modal-dialog {
max-width: 570px;
}
}
@media only screen and (min-width: 768px) {
.bonus_product-modal .select2-results__options {
max-height: 160px;
}
}
.upsell_product-modal .bonus_product-content {
max-width: 70vh;
}
.upsell_product-modal .modal-footer {
display: none;
}
@media only screen and (max-width: 1024px) {
.pdp_video {
-ms-flex-positive: 1;
flex-grow: 1;
}
}
@media only screen and (max-width: 1024px) and (orientation: landscape) {
.pdp_video .plyr__video-embed {
max-height: 100vh;
height: 100%;
padding: 0 !important;
}
}
.pdp_video-preview {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
text-align: center;
z-index: 1;
}
.pdp_video-icon {
width: 50px;
height: 50px;
margin-bottom: 10px;
opacity: 0.7;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
}
.pdp_video-icon:active {
opacity: 1;
}
@media only screen and (min-width: 1025px) {
.pdp_video-icon {
width: 80px;
height: 80px;
}
.pdp_video-icon:hover {
opacity: 1;
}
}
.pdp_video-svg .circle {
fill: #076795;
}
.pdp_video-svg .triangle {
fill: #ffffff;
}
.pdp_video-title {
color: #076795;
font-size: 1.4285714286rem;
}
.pdp_video-preview_image {
width: 100%;
}
img-comparison-slider {
visibility: hidden;
}
img-comparison-slider [slot=second] {
display: none;
}
img-comparison-slider.rendered {
visibility: inherit;
}
img-comparison-slider.rendered [slot=second] {
display: unset;
}
.banners-before-after {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.banners-before-after_title {
font-size: 22px;
margin-bottom: 30px;
-ms-flex-order: 1;
order: 1;
width: 100%;
}
@media only screen and (max-width: 767px) {
.banners-before-after_title {
margin-bottom: 5px;
}
}
.banners-before-after_img-wrapper {
position: relative;
width: 50%;
-ms-flex-order: 2;
order: 2;
}
@media only screen and (max-width: 767px) {
.banners-before-after_img-wrapper {
-ms-flex-order: 3;
order: 3;
width: 100%;
}
}
.banners-before-after_img-wrapper::before, .banners-before-after_img-wrapper::after {
display: block;
padding: 5px 15px;
position: absolute;
top: 10px;
background-color: #000000;
color: #ffffff;
font-size: 14px;
z-index: 1;
}
.banners-before-after_img-wrapper::before {
left: 20px;
content: attr(data-before);
}
.banners-before-after_img-wrapper::after {
right: 20px;
content: attr(data-after);
}
.banners-before-after_img {
--divider-width: 2px;
--handle-position-start: calc(100% - 10px);
outline: none;
}
.banners-before-after_handle {
width: 20px;
height: 20px;
border-radius: 50%;
background-color: #ffffff;
margin: 0;
}
.banners-before-after_text {
color: #646464;
font: 1.1428571429rem / 1.4285714286rem brandongrotesque-regular, Arial, Helvetica, sans-serif;
padding-left: 80px;
-ms-flex-order: 3;
order: 3;
width: 50%;
}
@media only screen and (max-width: 767px) {
.banners-before-after_text {
padding-left: 0;
margin-bottom: 30px;
-ms-flex-order: 2;
order: 2;
width: 100%;
}
}
.dashboard-header {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 10px;
-ms-flex-direction: column;
flex-direction: column;
}
@media only screen and (min-width: 768px) {
.dashboard-header {
-ms-flex-align: center;
align-items: center;
-ms-flex-direction: row;
flex-direction: row;
margin: 20px 0;
}
}
@media only screen and (min-width: 768px) {
.dashboard-header .breadcrumbs {
margin: 0;
}
}
.dashboard-search {
width: 100%;
}
@media only screen and (min-width: 768px) {
.dashboard-search {
width: 30%;
}
}
.dashboard-page {
margin-bottom: 30px;
}
@media screen and (-ms-high-contrast: none) {
.dashboard-page { /* stylelint-disable-line */
overflow: hidden;
}
}
@media only screen and (min-width: 768px) {
.dashboard-page {
margin-bottom: 60px;
}
}
.dashboard-page .product-slider-wrapper {
margin-bottom: 20px;
}
.dashboard-title {
width: 100%;
text-align: center;
}
.dashboard-subtitle {
text-transform: uppercase;
}
.dashboard-main_wrapper {
display: -ms-flexbox;
display: flex;
}
.dashboard-main {
padding: 30px 10px;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
}
@media only screen and (min-width: 768px) {
.dashboard-main {
padding: 30px;
-ms-flex-direction: row;
flex-direction: row;
}
}
.dashboard-main .dashboard-title {
margin-bottom: 25px;
}
@media only screen and (min-width: 768px) {
.dashboard-main .dashboard-title {
text-align: left;
}
}
.dashboard-main .dashboard-subtitle {
margin-bottom: 20px;
text-align: center;
}
@media only screen and (min-width: 768px) {
.dashboard-main .dashboard-subtitle {
text-align: left;
}
}
.dashboard-main_inner {
width: 100%;
}
@media only screen and (min-width: 768px) {
.dashboard-main_inner:not(.dashboard-main_inner-full) {
max-width: 70%;
}
[locale*=_JP] .dashboard-main_inner:not(.dashboard-main_inner-full) {
max-width: 100%;
}
[locale*=_JP] .dashboard-main_inner:not(.dashboard-main_inner-full) .dashboard-status {
margin: 0 auto;
max-width: 65%;
}
[locale*=_JP] .dashboard-main_inner:not(.dashboard-main_inner-full) .dashboard-status-title {
text-align: center;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.dashboard-main_inner:not(.dashboard-main_inner-full) {
max-width: 60%;
}
}
@media only screen and (min-width: 768px) {
.dashboard-main_inner {
margin: 0;
}
}
.dashboard-warning {
font: 0.8571428571rem opensans-regular, Arial, Helvetica, sans-serif;
color: #ff0000;
margin: -10px 0 20px;
}
.dashboard-block {
margin-bottom: 20px;
}
.dashboard-block .error_banner {
margin-bottom: 25px;
}
.dashboard-banner {
margin-bottom: 20px;
}
@media only screen and (min-width: 768px) {
.dashboard-orders {
padding: 30px;
}
}
@media only screen and (max-width: 767px) {
.dashboard-orders {
padding: 30px 10px;
}
}
.dashboard-loyalty {
margin-top: 50px;
}
[locale*=_JP] .dashboard-loyalty {
display: none;
}
@media only screen and (min-width: 768px) {
.dashboard-loyalty {
border-top: 0;
border-left: 1px solid #efefef;
margin: -30px -10px -30px 20px;
padding: 30px 0 30px 20px;
max-width: 30%;
-ms-flex: 1;
flex: 1;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.dashboard-loyalty {
max-width: 40%;
}
}
.dashboard-open_items {
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 40px;
background-color: #ffffff;
border-radius: 3px;
width: 100%;
}
@media only screen and (min-width: 768px) {
.dashboard-open_items {
margin-bottom: 0;
-ms-flex-positive: 1;
flex-grow: 1;
}
}
@media only screen and (min-width: 1025px) {
.dashboard-open_items {
width: 74%;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.dashboard-open_items {
width: 65%;
}
}
@media only screen and (min-width: 1025px) {
.dashboard-pagination {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
}
}
.consignment_refill_table-empty + .dashboard-pagination {
display: none;
}
.dashboard-export {
border: 1px solid transparent;
cursor: pointer;
display: inline-block;
font: 1rem / 1 brandongrotesque-medium, Arial, Helvetica, sans-serif;
text-align: center;
text-transform: uppercase;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-radius: 3px;
padding: 14.5px 20px;
width: 100%;
}
.dashboard-export.button-disabled, .sales_rep_promo-upload:not(.active) .dashboard-export.sales_rep_promo-upload-label, .dashboard-export.button-disabled:hover, .dashboard-export.button-disabled:focus, .dashboard-export.button-disabled:active, .dashboard-export[disabled], .dashboard-export[disabled]:hover, .dashboard-export[disabled]:focus, .dashboard-export[disabled]:active {
background-color: #e7e7e7;
border-color: #e7e7e7;
-webkit-box-shadow: none;
box-shadow: none;
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.dashboard-export { /* stylelint-disable-line */
background-color: #ffffff;
border-color: #076795;
color: #076795;
}
.dashboard-export:active {
background-color: rgba(7, 103, 149, 0.1);
border-color: #076795;
color: #076795;
}
@media only screen and (min-width: 1025px) {
.dashboard-export:hover {
background-color: rgba(7, 103, 149, 0.1);
border-color: #076795;
color: #076795;
}
}
.dashboard-export:active {
-webkit-box-shadow: inset 0 4px 2px rgba(0, 0, 0, 0.12);
box-shadow: inset 0 4px 2px rgba(0, 0, 0, 0.12);
}
.dashboard-export {
margin-bottom: 20px;
}
@media only screen and (min-width: 1025px) {
.dashboard-export {
width: auto;
margin-bottom: 0;
}
}
.dashboard-back {
border: 1px solid transparent;
cursor: pointer;
display: inline-block;
font: 1rem / 1 brandongrotesque-medium, Arial, Helvetica, sans-serif;
text-align: center;
text-transform: uppercase;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-radius: 3px;
padding: 14.5px 20px;
width: 100%;
}
.dashboard-back.button-disabled, .sales_rep_promo-upload:not(.active) .dashboard-back.sales_rep_promo-upload-label, .dashboard-back.button-disabled:hover, .dashboard-back.button-disabled:focus, .dashboard-back.button-disabled:active, .dashboard-back[disabled], .dashboard-back[disabled]:hover, .dashboard-back[disabled]:focus, .dashboard-back[disabled]:active {
background-color: #e7e7e7;
border-color: #e7e7e7;
-webkit-box-shadow: none;
box-shadow: none;
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.dashboard-back { /* stylelint-disable-line */
background-color: #ffffff;
border-color: #076795;
color: #076795;
}
.dashboard-back:active {
background-color: rgba(7, 103, 149, 0.1);
border-color: #076795;
color: #076795;
}
@media only screen and (min-width: 1025px) {
.dashboard-back:hover {
background-color: rgba(7, 103, 149, 0.1);
border-color: #076795;
color: #076795;
}
}
.dashboard-back:active {
-webkit-box-shadow: inset 0 4px 2px rgba(0, 0, 0, 0.12);
box-shadow: inset 0 4px 2px rgba(0, 0, 0, 0.12);
}
.dashboard-back {
margin-top: 20px;
margin-bottom: 20px;
width: auto;
}
@media only screen and (min-width: 768px) {
.dashboard-selected_block {
position: relative;
display: -ms-flexbox;
display: flex;
min-height: 520px;
}
}
@media only screen and (min-width: 1025px) {
.dashboard-selected_block {
width: 26%;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.dashboard-selected_block {
width: 35%;
}
}
.dashboard-rec_orders .dashboard-title {
display: block;
text-align: center;
margin-bottom: 35px;
}
.dashboard-rec_orders-wrapper {
padding: 30px 10px;
}
@media only screen and (min-width: 768px) {
.dashboard-rec_orders-wrapper {
padding: 30px;
}
}
.dashboard_block-empty {
padding: 20px;
font-family: opensans-regular, Arial, Helvetica, sans-serif;
color: #646464;
}
@media only screen and (min-width: 1025px) {
.dashboard_block-empty {
padding: 80px 0;
}
}
.dashboard_block-empty, .dashboard_block-view_all {
text-align: center;
}
.dashboard_block-empty-button, .dashboard_block-view_all-button {
border: 1px solid transparent;
cursor: pointer;
display: inline-block;
font: 1rem / 1 brandongrotesque-medium, Arial, Helvetica, sans-serif;
text-align: center;
text-transform: uppercase;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-radius: 3px;
padding: 14.5px 20px;
width: 100%;
}
.dashboard_block-empty-button.button-disabled, .sales_rep_promo-upload:not(.active) .dashboard_block-empty-button.sales_rep_promo-upload-label, .dashboard_block-empty-button.button-disabled:hover, .dashboard_block-empty-button.button-disabled:focus, .dashboard_block-empty-button.button-disabled:active, .dashboard_block-empty-button[disabled], .dashboard_block-empty-button[disabled]:hover, .dashboard_block-empty-button[disabled]:focus, .dashboard_block-empty-button[disabled]:active, .dashboard_block-view_all-button.button-disabled, .sales_rep_promo-upload:not(.active) .dashboard_block-view_all-button.sales_rep_promo-upload-label, .dashboard_block-view_all-button.button-disabled:hover, .dashboard_block-view_all-button.button-disabled:focus, .dashboard_block-view_all-button.button-disabled:active, .dashboard_block-view_all-button[disabled], .dashboard_block-view_all-button[disabled]:hover, .dashboard_block-view_all-button[disabled]:focus, .dashboard_block-view_all-button[disabled]:active {
background-color: #e7e7e7;
border-color: #e7e7e7;
-webkit-box-shadow: none;
box-shadow: none;
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.dashboard_block-empty-button, .dashboard_block-view_all-button { /* stylelint-disable-line */
background-color: #ffffff;
border-color: #076795;
color: #076795;
}
.dashboard_block-empty-button:active, .dashboard_block-view_all-button:active {
background-color: rgba(7, 103, 149, 0.1);
border-color: #076795;
color: #076795;
}
@media only screen and (min-width: 1025px) {
.dashboard_block-empty-button:hover, .dashboard_block-view_all-button:hover {
background-color: rgba(7, 103, 149, 0.1);
border-color: #076795;
color: #076795;
}
}
.dashboard_block-empty-button:active, .dashboard_block-view_all-button:active {
-webkit-box-shadow: inset 0 4px 2px rgba(0, 0, 0, 0.12);
box-shadow: inset 0 4px 2px rgba(0, 0, 0, 0.12);
}
.dashboard_block-empty-button, .dashboard_block-view_all-button {
margin-top: 30px;
width: auto;
}
.dashboard-status-title {
text-align: center;
text-transform: uppercase;
margin-bottom: 30px;
}
@media only screen and (min-width: 768px) {
.dashboard-status-title {
text-align: left;
}
}
.dashboard-status .slick-list {
padding: 25px 0 15px;
}
.dashboard-status .slick-track {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around;
}
@media only screen and (min-width: 1024px) {
.dashboard-status .js-should-flex .slick-track {
width: 100% !important;
margin: 0 -10px;
}
}
@media only screen and (min-width: 1024px) {
.dashboard-status .js-should-flex .slick-slide {
width: 100% !important;
}
}
@media only screen and (min-width: 1024px) {
.dashboard-status .js-should-flex .slick-list {
width: 100%;
}
}
.dashboard-status-icon {
width: 75px;
height: 75px;
border-radius: 50%;
margin: -20px auto 0;
border: 4px solid #ffffff;
background-color: #c5c5c5;
-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
position: relative;
}
.dashboard-status-icon::before {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
color: #ffffff;
font-size: 30px;
}
.dashboard-status-message {
font-size: 1.2857142857rem;
line-height: 1.4285714286rem;
color: #888888;
padding: 20px 15px;
}
@media only screen and (min-width: 1025px) {
.dashboard-status-message {
padding: 20px;
}
}
@media only screen and (max-width: 767px) {
.dashboard-status-message {
padding: 20px;
}
}
.dashboard-status-message + .dashboard-status-message {
padding-top: 0;
}
.dashboard-status-link {
padding: 0;
border: 0;
background: none;
background-color: transparent;
background-image: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.dashboard-status-link::-ms-expand {
display: none;
}
.dashboard-status-link.link-disabled, .dashboard-status-link.link-disabled:hover, .dashboard-status-link.link-disabled:focus, .dashboard-status-link.link-disabled:active, .dashboard-status-link[disabled], .dashboard-status-link[disabled]:hover, .dashboard-status-link[disabled]:focus, .dashboard-status-link[disabled]:active {
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.dashboard-status-link {
display: inline-block;
cursor: pointer;
color: #076795;
}
.dashboard-status-link:hover, .dashboard-status-link:active {
text-decoration: underline;
}
.dashboard-status-link {
font: 1rem opensans-semibold, Arial, Helvetica, sans-serif;
text-transform: uppercase;
}
.dashboard-status-link_active {
border: 1px solid transparent;
cursor: pointer;
display: inline-block;
font: 1rem / 1 brandongrotesque-medium, Arial, Helvetica, sans-serif;
text-align: center;
text-transform: uppercase;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-radius: 3px;
padding: 14.5px 20px;
width: 100%;
}
.dashboard-status-link_active.button-disabled, .sales_rep_promo-upload:not(.active) .dashboard-status-link_active.sales_rep_promo-upload-label, .dashboard-status-link_active.button-disabled:hover, .dashboard-status-link_active.button-disabled:focus, .dashboard-status-link_active.button-disabled:active, .dashboard-status-link_active[disabled], .dashboard-status-link_active[disabled]:hover, .dashboard-status-link_active[disabled]:focus, .dashboard-status-link_active[disabled]:active {
background-color: #e7e7e7;
border-color: #e7e7e7;
-webkit-box-shadow: none;
box-shadow: none;
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.dashboard-status-link_active { /* stylelint-disable-line */
background-color: #076795;
border-color: #076795;
color: #ffffff;
}
.dashboard-status-link_active:active {
background-color: #d7e7ef;
border-color: #d7e7ef;
color: #076795;
}
@media only screen and (min-width: 1025px) {
.dashboard-status-link_active:hover {
background-color: #d7e7ef;
border-color: #d7e7ef;
color: #076795;
}
}
.dashboard-status-link_active:active {
-webkit-box-shadow: inset 0 3px 2px rgba(0, 0, 0, 0.12);
box-shadow: inset 0 3px 2px rgba(0, 0, 0, 0.12);
}
.dashboard-status-link_active {
padding-left: 5px;
padding-right: 5px;
}
.dashboard-status-link_wrapper {
padding: 10px 20px;
border-top: 1px solid #e7e7e7;
margin-top: auto;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
min-height: 85px;
}
.dashboard-status-form {
padding: 0 30px 30px;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: end;
justify-content: flex-end;
-ms-flex-positive: 1;
flex-grow: 1;
}
.dashboard-status-button {
border-radius: 3px;
padding: 14.5px 20px;
width: 100%;
}
.dashboard-status-button.button-disabled, .sales_rep_promo-upload:not(.active) .dashboard-status-button.sales_rep_promo-upload-label, .dashboard-status-button.button-disabled:hover, .dashboard-status-button.button-disabled:focus, .dashboard-status-button.button-disabled:active, .dashboard-status-button[disabled], .dashboard-status-button[disabled]:hover, .dashboard-status-button[disabled]:focus, .dashboard-status-button[disabled]:active {
background-color: #e7e7e7;
border-color: #e7e7e7;
-webkit-box-shadow: none;
box-shadow: none;
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.dashboard-status-button { /* stylelint-disable-line */
background-color: #076795;
border-color: #076795;
color: #ffffff;
}
.dashboard-status-button:active {
background-color: #d7e7ef;
border-color: #d7e7ef;
color: #076795;
}
@media only screen and (min-width: 1025px) {
.dashboard-status-button:hover {
background-color: #d7e7ef;
border-color: #d7e7ef;
color: #076795;
}
}
.dashboard-status-button:active {
-webkit-box-shadow: inset 0 3px 2px rgba(0, 0, 0, 0.12);
box-shadow: inset 0 3px 2px rgba(0, 0, 0, 0.12);
}
.dashboard-status-button {
margin-top: 10px;
}
.dashboard-status-result {
text-align: left;
color: #646464;
}
.slick-slide .dashboard-status-item {
display: -ms-flexbox !important;
display: flex !important;
}
.dashboard-status-item .discount {
-ms-flex-item-align: center;
align-self: center;
margin-top: 10px;
}
.dashboard-status-item_content {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-positive: 1;
flex-grow: 1;
border: 1px solid #e7e7e7;
border-radius: 3px;
background-color: #ffffff;
text-align: center;
width: 100%;
height: 100%;
}
@media only screen and (max-width: 767px) {
.dashboard-status-item_content {
min-height: 257px;
}
}
.dashboard-status-item_content.active_status {
border-color: #a7bdc8;
-webkit-box-shadow: 0 2px 11px 0 rgba(7, 103, 149, 0.1);
box-shadow: 0 2px 11px 0 rgba(7, 103, 149, 0.1);
}
.dashboard-status-item_content.active_status .dashboard-status-icon {
background-color: #076795;
border-color: #a7bdc8;
}
.dashboard-status-item_content.active_status .dashboard-status-message {
color: #213858;
}
.dashboard-status-item_content.active_status .dashboard-status-link_wrapper {
border-color: #a7bdc8;
}
.dashboard_orders-title {
display: block;
text-align: center;
margin-bottom: 35px;
}
@media only screen and (min-width: 768px) {
.dashboard_orders-list .table_min_tm-body_row {
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
}
.dashboard_orders-list .table_min_tm-header_cell,
.dashboard_orders-list .table_min_tm-body_cell {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.dashboard_orders-nickname .label, .dashboard_orders-total .label {
font: 0.9285714286rem opensans-regular, Arial, Helvetica, sans-serif;
}
@media only screen and (max-width: 767px) {
.dashboard_orders-nickname.table_min_tm-body_cell, .dashboard_orders-total.table_min_tm-body_cell {
width: 50%;
}
.dashboard_orders-nickname.table_min_tm-body_cell .label, .dashboard_orders-total.table_min_tm-body_cell .label {
display: block;
margin-bottom: 10px;
}
}
@media only screen and (min-width: 768px) {
.dashboard_orders-nickname .value, .dashboard_orders-total .value {
font: 1rem opensans-regular, Arial, Helvetica, sans-serif;
}
}
.dashboard_orders-nickname {
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: start;
justify-content: flex-start;
}
.dashboard_orders-nickname .value {
padding: 0;
border: 0;
background: none;
background-color: transparent;
background-image: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.dashboard_orders-nickname .value::-ms-expand {
display: none;
}
.dashboard_orders-nickname .value.link-disabled, .dashboard_orders-nickname .value.link-disabled:hover, .dashboard_orders-nickname .value.link-disabled:focus, .dashboard_orders-nickname .value.link-disabled:active, .dashboard_orders-nickname .value[disabled], .dashboard_orders-nickname .value[disabled]:hover, .dashboard_orders-nickname .value[disabled]:focus, .dashboard_orders-nickname .value[disabled]:active {
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.dashboard_orders-nickname .value {
display: inline-block;
cursor: pointer;
color: #076795;
}
.dashboard_orders-nickname .value:hover, .dashboard_orders-nickname .value:active {
text-decoration: underline;
}
@media only screen and (max-width: 767px) {
.dashboard_orders-nickname .value {
font: 1.2857142857rem brandongrotesque-regular, Arial, Helvetica, sans-serif;
}
}
@media only screen and (min-width: 768px) {
.dashboard_orders-nickname {
width: 40%;
}
}
.dashboard_orders-total {
font-family: opensans-semibold, Arial, Helvetica, sans-serif;
}
@media only screen and (max-width: 767px) {
.dashboard_orders-total {
text-align: right;
}
}
@media only screen and (min-width: 768px) {
.dashboard_orders-total {
width: 30%;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.dashboard_orders-total {
width: 25%;
}
}
.dashboard_orders-actions {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
}
[locale*=_JP] .dashboard_orders-actions {
margin-left: auto;
}
@media only screen and (max-width: 767px) {
.dashboard_orders-actions {
width: 100%;
margin-top: 30px;
}
}
@media only screen and (min-width: 768px) {
.dashboard_orders-actions {
width: 30%;
-ms-flex-direction: row;
flex-direction: row;
}
.dashboard_orders-actions.table_min_tm-header_cell {
padding-right: 70px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.dashboard_orders-actions {
width: 35%;
}
}
@media only screen and (max-width: 767px) {
.dashboard_orders-action_btn {
border: 1px solid transparent;
cursor: pointer;
display: inline-block;
font: 1rem / 1 brandongrotesque-medium, Arial, Helvetica, sans-serif;
text-align: center;
text-transform: uppercase;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-radius: 3px;
padding: 14.5px 20px;
width: 100%;
}
.dashboard_orders-action_btn.button-disabled, .sales_rep_promo-upload:not(.active) .dashboard_orders-action_btn.sales_rep_promo-upload-label, .dashboard_orders-action_btn.button-disabled:hover, .dashboard_orders-action_btn.button-disabled:focus, .dashboard_orders-action_btn.button-disabled:active, .dashboard_orders-action_btn[disabled], .dashboard_orders-action_btn[disabled]:hover, .dashboard_orders-action_btn[disabled]:focus, .dashboard_orders-action_btn[disabled]:active {
background-color: #e7e7e7;
border-color: #e7e7e7;
-webkit-box-shadow: none;
box-shadow: none;
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.dashboard_orders-action_btn { /* stylelint-disable-line */
background-color: #ffffff;
border-color: #076795;
color: #076795;
}
.dashboard_orders-action_btn:active {
background-color: rgba(7, 103, 149, 0.1);
border-color: #076795;
color: #076795;
}
.dashboard_orders-action_btn {
word-break: normal;
width: auto;
padding-right: 10px;
padding-left: 10px;
}
}
@media only screen and (max-width: 767px) and (min-width: 1025px) {
.dashboard_orders-action_btn:hover {
background-color: rgba(7, 103, 149, 0.1);
border-color: #076795;
color: #076795;
}
}
@media only screen and (max-width: 767px) {
.dashboard_orders-action_btn:active {
-webkit-box-shadow: inset 0 4px 2px rgba(0, 0, 0, 0.12);
box-shadow: inset 0 4px 2px rgba(0, 0, 0, 0.12);
}
}
@media only screen and (min-width: 1025px) {
.dashboard_orders-action_btn {
-ms-flex-positive: 0;
flex-grow: 0;
font-family: opensans-semibold, Arial, Helvetica, sans-serif;
}
}
@media only screen and (min-width: 1025px) {
.dashboard_orders-action_btn:hover {
text-decoration: underline;
}
}
@media only screen and (max-width: 767px) {
.dashboard_orders-reorder_btn.button-disabled, .sales_rep_promo-upload:not(.active) .dashboard_orders-reorder_btn.sales_rep_promo-upload-label, .dashboard_orders-reorder_btn.button-disabled:hover, .dashboard_orders-reorder_btn.button-disabled:focus, .dashboard_orders-reorder_btn.button-disabled:active, .dashboard_orders-reorder_btn[disabled], .dashboard_orders-reorder_btn[disabled]:hover, .dashboard_orders-reorder_btn[disabled]:focus, .dashboard_orders-reorder_btn[disabled]:active {
background-color: #e7e7e7;
border-color: #e7e7e7;
-webkit-box-shadow: none;
box-shadow: none;
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.dashboard_orders-reorder_btn { /* stylelint-disable-line */
background-color: #076795;
border-color: #076795;
color: #ffffff;
}
.dashboard_orders-reorder_btn:active {
background-color: #d7e7ef;
border-color: #d7e7ef;
color: #076795;
}
}
@media only screen and (max-width: 767px) and (min-width: 1025px) {
.dashboard_orders-reorder_btn:hover {
background-color: #d7e7ef;
border-color: #d7e7ef;
color: #076795;
}
}
@media only screen and (max-width: 767px) {
.dashboard_orders-reorder_btn:active {
-webkit-box-shadow: inset 0 3px 2px rgba(0, 0, 0, 0.12);
box-shadow: inset 0 3px 2px rgba(0, 0, 0, 0.12);
}
}
@media only screen and (min-width: 1025px) {
.dashboard_orders-remove_btn {
-ms-flex-positive: 0;
flex-grow: 0;
font-family: opensans-semibold, Arial, Helvetica, sans-serif;
}
}
@media only screen and (min-width: 1025px) {
.dashboard_orders-remove_btn:hover {
text-decoration: underline;
}
}
@media only screen and (max-width: 767px) {
.dashboard_orders-remove_btn:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 20px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f15a";
}
.dashboard_orders-remove_btn {
font-size: 0;
}
.dashboard_orders-remove_btn::before {
padding: 10px;
color: #076795;
opacity: 0.5;
}
.dashboard_orders-remove_btn:hover::before {
opacity: 1;
}
}
.dashboard_account {
padding: 30px 20px;
}
@media only screen and (min-width: 768px) {
.dashboard_account {
margin: 0;
padding: 40px;
}
}
.dashboard_account .dashboard-title {
margin-bottom: 30px;
}
.dashboard_account .dashboard-subtitle {
margin-bottom: 15px;
}
@media only screen and (max-width: 767px) {
.dashboard_account .dashboard-subtitle {
color: #000000;
text-transform: initial;
}
}
@media only screen and (min-width: 768px) {
.dashboard_account-info {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: justify;
justify-content: space-between;
margin-left: -20px;
}
}
@media only screen and (max-width: 1024px) {
.dashboard_account-info-header {
display: none;
}
}
.dashboard_account-item {
margin-bottom: 30px;
}
@media only screen and (min-width: 768px) {
.dashboard_account-item {
width: 25%;
padding-left: 20px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.dashboard_account-item {
width: 50%;
}
}
.dashboard_account-info-header .dashboard_account-item {
margin-bottom: 0;
}
.dashboard_account-title {
font: 1rem opensans-semibold, Arial, Helvetica, sans-serif;
margin-bottom: 10px;
}
@media only screen and (min-width: 1025px) {
.dashboard_account-info-body .dashboard_account-title {
display: none;
}
}
.dashboard_account-description {
font: 1rem opensans-regular, Arial, Helvetica, sans-serif;
color: #646464;
text-transform: uppercase;
}
[locale*=_JP] .dashboard_account-description {
text-transform: initial;
}
.dashboard_account-actions {
text-align: center;
}
.dashboard_account-change {
border: 1px solid transparent;
cursor: pointer;
display: inline-block;
font: 1rem / 1 brandongrotesque-medium, Arial, Helvetica, sans-serif;
text-align: center;
text-transform: uppercase;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-radius: 3px;
padding: 14.5px 20px;
width: 100%;
}
.dashboard_account-change.button-disabled, .sales_rep_promo-upload:not(.active) .dashboard_account-change.sales_rep_promo-upload-label, .dashboard_account-change.button-disabled:hover, .dashboard_account-change.button-disabled:focus, .dashboard_account-change.button-disabled:active, .dashboard_account-change[disabled], .dashboard_account-change[disabled]:hover, .dashboard_account-change[disabled]:focus, .dashboard_account-change[disabled]:active {
background-color: #e7e7e7;
border-color: #e7e7e7;
-webkit-box-shadow: none;
box-shadow: none;
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.dashboard_account-change { /* stylelint-disable-line */
background-color: #076795;
border-color: #076795;
color: #ffffff;
}
.dashboard_account-change:active {
background-color: #d7e7ef;
border-color: #d7e7ef;
color: #076795;
}
@media only screen and (min-width: 1025px) {
.dashboard_account-change:hover {
background-color: #d7e7ef;
border-color: #d7e7ef;
color: #076795;
}
}
.dashboard_account-change:active {
-webkit-box-shadow: inset 0 3px 2px rgba(0, 0, 0, 0.12);
box-shadow: inset 0 3px 2px rgba(0, 0, 0, 0.12);
}
@media only screen and (min-width: 768px) {
.dashboard_account-change {
width: auto;
padding-left: 60px;
padding-right: 60px;
}
}
.dashboard_loyalty-logo {
margin-bottom: 40px;
}
@media only screen and (min-width: 768px) {
.dashboard_loyalty-logo {
margin-bottom: 25px;
}
}
@media only screen and (min-width: 768px) {
.dashboard_loyalty-logo img {
width: 100%;
}
}
@media only screen and (max-width: 767px) {
.dashboard_loyalty-logo img {
display: block;
margin: 0 auto;
}
}
.dashboard_loyalty-subtitle {
margin-top: 20px;
}
.dashboard_loyalty-list {
margin-bottom: 20px;
}
@media only screen and (min-width: 768px) {
.dashboard_loyalty-list {
margin-bottom: 0;
}
}
.dashboard_loyalty-levels .dashboard_loyalty-item {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: start;
justify-content: flex-start;
}
.dashboard_loyalty-item {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: end;
justify-content: flex-end;
padding: 8px 0;
gap: 5px;
}
.dashboard_loyalty-item-hide {
max-height: 0;
padding: 0;
-webkit-transition: max-height 0.3s ease-in, padding 0.2s ease-in;
transition: max-height 0.3s ease-in, padding 0.2s ease-in;
overflow: hidden;
}
.dashboard_loyalty-list-wrapper.active .dashboard_loyalty-item-hide {
max-height: 100px;
padding: 8px 0;
}
.dashboard_loyalty-item .tooltip-inner {
min-width: 250px;
}
.dashboard_loyalty-item .tooltip-link.tooltip-icon-after {
padding: 0 5px;
}
.dashboard_loyalty-item .tooltip-link.tooltip-icon-after::after {
font-size: 0.9285714286rem;
}
.dashboard_loyalty-loading {
display: grid;
place-items: center;
padding-block: 20px;
}
.dashboard_loyalty-loading::after {
content: "";
display: inline-block;
border: 4px solid #c5c5c5;
border-left-color: #888888;
-webkit-animation: spinner 1.1s infinite linear;
animation: spinner 1.1s infinite linear;
border-radius: 50%;
aspect-ratio: 1;
width: 15%;
}
.dashboard_loyalty-level {
width: 100%;
}
.dashboard_loyalty-level-details {
margin: 10px 0 0 40px;
font: 0.9285714286rem opensans-regular, Arial, Helvetica, sans-serif;
}
.dashboard_loyalty-level-value {
font-family: opensans-semibold, Arial, Helvetica, sans-serif;
margin-left: 5px;
}
.dashboard_loyalty-label {
color: #646464;
font-family: opensans-regular, Arial, Helvetica, sans-serif;
font-size: 0.8571428571rem;
margin: 0 auto 0 0;
-ms-flex: 1;
flex: 1;
}
@media only screen and (max-width: 767px) {
.dashboard_loyalty-label .tooltip {
z-index: 5;
}
.dashboard_loyalty-label .tooltip::before, .dashboard_loyalty-label .tooltip::after {
display: none;
}
.dashboard_loyalty-label .tooltip[x-placement=left] {
left: 0 !important;
}
}
.dashboard_loyalty-link {
padding: 0;
border: 0;
background: none;
background-color: transparent;
background-image: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.dashboard_loyalty-link::-ms-expand {
display: none;
}
.dashboard_loyalty-link.link-disabled, .dashboard_loyalty-link.link-disabled:hover, .dashboard_loyalty-link.link-disabled:focus, .dashboard_loyalty-link.link-disabled:active, .dashboard_loyalty-link[disabled], .dashboard_loyalty-link[disabled]:hover, .dashboard_loyalty-link[disabled]:focus, .dashboard_loyalty-link[disabled]:active {
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.dashboard_loyalty-link {
display: inline-block;
cursor: pointer;
color: #076795;
}
.dashboard_loyalty-link:hover, .dashboard_loyalty-link:active {
text-decoration: underline;
}
.dashboard_loyalty-link {
font: 1rem opensans-semibold, Arial, Helvetica, sans-serif;
text-align: right;
font-size: 0.8571428571rem;
white-space: nowrap;
margin: 0 0 0 auto;
}
.dashboard_loyalty-percentage {
color: #646464;
font-size: 0.9285714286rem;
line-height: 1.3;
width: 30px;
text-align: right;
}
.dashboard_loyalty-tier {
padding: 0;
border: 0;
background: none;
background-color: transparent;
background-image: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.dashboard_loyalty-tier::-ms-expand {
display: none;
}
.dashboard_loyalty-tier.link-disabled, .dashboard_loyalty-tier.link-disabled:hover, .dashboard_loyalty-tier.link-disabled:focus, .dashboard_loyalty-tier.link-disabled:active, .dashboard_loyalty-tier[disabled], .dashboard_loyalty-tier[disabled]:hover, .dashboard_loyalty-tier[disabled]:focus, .dashboard_loyalty-tier[disabled]:active {
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.dashboard_loyalty-tier {
display: inline-block;
cursor: pointer;
color: #076795;
}
.dashboard_loyalty-tier:hover, .dashboard_loyalty-tier:active {
text-decoration: underline;
}
.dashboard_loyalty-tier {
font: 1rem opensans-semibold, Arial, Helvetica, sans-serif;
font-size: 0.9285714286rem;
}
.dashboard_loyalty-tier:hover {
text-decoration: none;
}
.dashboard_loyalty-tier.m-not_pointer {
color: #888888;
cursor: text;
text-align: right;
}
.dashboard_loyalty-modal-list {
margin: 20px 0;
}
.dashboard_loyalty-modal .modal-dialog {
max-width: 370px;
}
.dashboard_loyalty-modal .dashboard_loyalty-link {
cursor: default;
text-align: left;
}
.dashboard_loyalty-modal .dashboard_loyalty-link:hover {
text-decoration: none;
}
.dashboard_loyalty-modal-app .modal-body {
padding: 0 25px 40px;
text-align: center;
}
.dashboard_loyalty-modal-app .modal-header {
padding: 0 25px;
}
.dashboard_loyalty-modal-app .modal-header_title {
text-align: center;
margin-bottom: 40px;
}
.dashboard_loyalty-notification {
margin-top: 20px;
}
.dashboard_loyalty-more, .dashboard_loyalty-less {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 10px;
}
.dashboard_loyalty-more::before, .dashboard_loyalty-less::before {
content: "";
display: block;
height: 1px;
width: 100%;
background: #e7e7e7;
margin-right: 15px;
}
.dashboard_loyalty-more::after, .dashboard_loyalty-less::after {
content: "";
display: block;
height: 1px;
width: 100%;
background: #e7e7e7;
margin-left: 15px;
}
.dashboard_loyalty-list-wrapper.active .dashboard_loyalty-more, .dashboard_loyalty-list-wrapper.active .dashboard_loyalty-less {
display: none;
}
.dashboard_loyalty-more-label, .dashboard_loyalty-less-label {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
white-space: nowrap;
color: #076795;
cursor: pointer;
}
.dashboard_loyalty-link_icon {
border: 5px solid transparent;
border-top-color: #076795;
border-bottom-width: 0;
position: static;
height: 5px;
width: auto;
display: -ms-inline-flexbox;
display: inline-flex;
margin: 0 0 0 5px;
}
.dashboard_loyalty-link_icon::before, .dashboard_loyalty-link_icon::after {
display: none;
}
.dashboard_loyalty-less {
display: none;
}
.dashboard_loyalty-list-wrapper.active .dashboard_loyalty-less {
display: -ms-flexbox;
display: flex;
}
.dashboard_loyalty-less .dashboard_loyalty-link_icon {
border: 5px solid transparent;
border-bottom-color: #076795;
border-top-width: 0;
}
.loyalty_tier {
color: #888888;
}
.loyalty_tier.m-wide {
margin-bottom: 40px;
}
.loyalty_tier.m-wide + .dashboard-status-link_wrapper {
margin-bottom: -20px;
margin-left: -15px;
width: calc(100% + 30px);
}
@media only screen and (min-width: 1025px) {
.loyalty_tier.m-wide + .dashboard-status-link_wrapper {
margin-left: -20px;
width: calc(100% + 40px);
}
}
@media only screen and (max-width: 767px) {
.loyalty_tier.m-wide + .dashboard-status-link_wrapper {
margin-left: -20px;
width: calc(100% + 40px);
}
}
.loyalty_tier-main {
color: #213858;
}
.loyalty_tier-main + .loyalty_tier-list {
margin-top: 20px;
}
.loyalty_tier-row {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 5px;
}
.loyalty_tier-label, .loyalty_tier-value {
-ms-flex: 1 1 50%;
flex: 1 1 50%;
}
.loyalty_tier-value {
padding-left: 5px;
text-align: right;
}
.loyalty_tier-main .loyalty_tier-value {
font-family: brandongrotesque-medium, Arial, Helvetica, sans-serif;
}
@media only screen and (min-width: 768px) {
.dashboard_selected-wrapper {
display: -ms-flexbox;
display: flex;
width: 100%;
min-height: 520px;
}
.dashboard_selected-wrapper .slide_flyout-content {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-item-align: start;
align-self: flex-start;
width: 100%;
max-height: 100%;
padding-top: 30px;
background-color: #ffffff;
border-radius: 3px;
}
.dashboard_selected-wrapper .slide_flyout-actions {
padding: 20px 20px 30px;
}
}
@media only screen and (min-width: 768px) and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.dashboard_selected-wrapper {
display: block;
}
.dashboard_selected-wrapper .slide_flyout-content {
overflow: auto;
}
}
@media only screen and (min-width: 768px) {
.dashboard_selected-main {
position: absolute;
top: 0;
bottom: 0;
left: 0;
display: -ms-flexbox;
display: flex;
width: 100%;
padding-left: 20px;
}
}
@media only screen and (min-width: 768px) {
.dashboard_selected-title {
margin-bottom: 30px;
color: #213858;
font: 2.1428571429rem / 2.5714285714rem brandongrotesque-medium, Arial, Helvetica, sans-serif;
text-align: center;
}
}
.dashboard_selected-content {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-positive: 1;
flex-grow: 1;
overflow: auto;
}
@media only screen and (min-width: 768px) and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.dashboard_selected-content {
display: block;
}
}
.dashboard_selected-body {
padding: 0 20px 20px;
-ms-flex-positive: 1;
flex-grow: 1;
}
@media only screen and (min-width: 768px) {
.dashboard_selected-body {
padding: 0;
overflow: auto;
}
}
@media only screen and (min-width: 768px) and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.dashboard_selected-body {
overflow: hidden;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.dashboard_selected-body {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
}
.dashboard_selected-body::-webkit-scrollbar {
width: 7px;
height: 7px;
}
.dashboard_selected-body::-webkit-scrollbar-thumb {
border-radius: 4px;
background-color: rgba(100, 100, 100, 0.5);
}
}
.dashboard_selected-header {
display: -ms-flexbox;
display: flex;
padding: 20px 35px 20px;
}
.billpay-main-wrapper .dashboard_selected-header {
padding-left: 20px;
padding-right: 20px;
}
@media only screen and (min-width: 768px) {
.dashboard_selected-header {
border-bottom: 1px solid #e7e7e7;
}
}
.dashboard_selected-label {
display: -ms-flexbox;
display: flex;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-align: center;
align-items: center;
padding-right: 10px;
font-family: opensans-regular, Arial, Helvetica, sans-serif;
}
@media only screen and (min-width: 768px) {
.dashboard_selected-label + .dashboard_selected-label {
-ms-flex-pack: end;
justify-content: flex-end;
text-align: right;
}
}
.dashboard_selected-label_icon {
position: relative;
font-size: 0;
margin-left: 5px;
}
.dashboard_selected-label_icon::after, .dashboard_selected-label_icon::before {
position: absolute;
top: 50%;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
content: "";
}
.dashboard_selected-label_icon::before {
border: 3px solid transparent;
border-bottom-color: #000000;
border-top-width: 0;
top: -4px;
}
.dashboard_selected-label_icon::after {
border: 3px solid transparent;
border-top-color: #000000;
border-bottom-width: 0;
top: 4px;
}
.dashboard_selected-label_icon {
margin-left: 8px;
}
.dashboard_selected-item {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
margin-bottom: 10px;
padding: 5px 0 5px 35px;
border: 1px solid #e7e7e7;
border-radius: 3px;
font: 0.9285714286rem opensans-regular, Arial, Helvetica, sans-serif;
}
.dashboard_selected-item.dashboard_selected-reference_item {
padding-right: 35px;
}
@media only screen and (min-width: 768px) {
.dashboard_selected-item {
border-radius: 0;
border-width: 0 0 1px 0;
margin-bottom: 0;
}
}
.billpay-main-wrapper .dashboard_selected-item {
padding-left: 0;
}
@media only screen and (min-width: 768px) {
.billpay-main-wrapper .dashboard_selected-item {
min-width: 260px;
}
}
.dashboard_selected-item .billpay_badge {
position: relative;
-ms-flex-item-align: center;
align-self: center;
margin-left: 20px;
}
@media only screen and (max-width: 767px) {
.dashboard_selected-item .billpay_badge {
margin-left: 10px;
}
}
.dashboard_selected-item .billpay_badge-text::after {
display: none;
}
.dashboard_selected-reference_item .billpay_badge {
margin-left: 10px;
}
@media only screen and (max-width: 767px) {
.dashboard_selected-reference_item .billpay_badge {
margin-left: -5px;
}
.dashboard_selected-reference_item .billpay_badge-text::after {
display: block;
}
}
.dashboard_selected-item_sku, .dashboard_selected-item_number, .dashboard_selected-item_price {
-ms-flex-positive: 1;
flex-grow: 1;
}
.dashboard_selected-item_sku {
color: #646464;
}
.billpay-main-wrapper .dashboard_selected-item_sku {
padding-left: 10px;
}
@media only screen and (min-width: 768px) {
.dashboard_selected-item_number {
text-align: right;
}
}
.dashboard_selected-item_price {
text-align: right;
padding-left: 10px;
}
@media only screen and (max-width: 767px) {
.billpay-main-wrapper .dashboard_selected-item_price {
padding-right: 5%;
}
}
.dashboard_selected-item_remove:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 12px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f130";
}
.dashboard_selected-item_remove {
cursor: pointer;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
.dashboard_selected-item_remove::before {
color: #076795;
opacity: 0.5;
padding: 10px 15px 10px 10px;
}
@media only screen and (min-width: 768px) {
.dashboard_selected-item_remove::before {
font-size: 10px;
padding-right: 10px;
}
}
.dashboard_selected-item_remove:hover::before {
opacity: 1;
}
.dashboard_selected-total {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
margin-bottom: 20px;
}
.dashboard_selected-total_label {
font: 0.9285714286rem opensans-regular, Arial, Helvetica, sans-serif;
color: #646464;
}
.dashboard_selected-total_value {
font: 1.2857142857rem opensans-semibold, Arial, Helvetica, sans-serif;
}
.dashboard_selected-empty {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-positive: 1;
flex-grow: 1;
margin: 25px 0 5px;
padding: 0 20px;
text-align: center;
font-size: 1.1428571429rem;
color: #646464;
overflow: initial;
}
.billpay-main-wrapper .dashboard_selected-empty {
margin: 0;
}
.dashboard_selected-button {
border: 1px solid transparent;
cursor: pointer;
display: inline-block;
font: 1rem / 1 brandongrotesque-medium, Arial, Helvetica, sans-serif;
text-align: center;
text-transform: uppercase;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-radius: 3px;
padding: 14.5px 20px;
width: 100%;
}
.dashboard_selected-button.button-disabled, .sales_rep_promo-upload:not(.active) .dashboard_selected-button.sales_rep_promo-upload-label, .dashboard_selected-button.button-disabled:hover, .dashboard_selected-button.button-disabled:focus, .dashboard_selected-button.button-disabled:active, .dashboard_selected-button[disabled], .dashboard_selected-button[disabled]:hover, .dashboard_selected-button[disabled]:focus, .dashboard_selected-button[disabled]:active {
background-color: #e7e7e7;
border-color: #e7e7e7;
-webkit-box-shadow: none;
box-shadow: none;
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.dashboard_selected-button { /* stylelint-disable-line */
background-color: #076795;
border-color: #076795;
color: #ffffff;
}
.dashboard_selected-button:active {
background-color: #d7e7ef;
border-color: #d7e7ef;
color: #076795;
}
@media only screen and (min-width: 1025px) {
.dashboard_selected-button:hover {
background-color: #d7e7ef;
border-color: #d7e7ef;
color: #076795;
}
}
.dashboard_selected-button:active {
-webkit-box-shadow: inset 0 3px 2px rgba(0, 0, 0, 0.12);
box-shadow: inset 0 3px 2px rgba(0, 0, 0, 0.12);
}
.dashboard_selected-error {
color: #ff0000;
margin-top: 10px;
text-align: center;
}
.dashboard_selected-qty {
position: fixed;
bottom: 65px;
left: 0;
width: 90px;
padding: 15px 20px 15px 5px;
color: #ffffff;
font-size: 1.2857142857rem;
line-height: 1;
text-align: right;
background-color: #076795;
border-color: #ffffff;
border-style: solid;
border-width: 1px 1px 1px 0;
border-radius: 0 25px 25px 0;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-transition: left 0.5s, -webkit-transform 0.2s;
transition: left 0.5s, -webkit-transform 0.2s;
transition: transform 0.2s, left 0.5s;
transition: transform 0.2s, left 0.5s, -webkit-transform 0.2s;
z-index: 3;
}
.dashboard_selected-qty.active {
-webkit-transform: translateX(0);
transform: translateX(0);
}
.m-flyout-opened .dashboard_selected-qty {
left: 100%;
}
@media only screen and (min-width: 768px) {
.dashboard_selected-qty {
display: none;
}
}
@media only screen and (max-width: 1024px) {
.dashboard_rec_orders-item {
padding: 30px 10px 0;
}
}
.dashboard_rec_orders-item {
cursor: pointer;
}
.dashboard_rec_orders-item:hover {
background: none;
}
@media only screen and (max-width: 1024px) {
.dashboard_rec_orders-item .table_min_tl-body_cell {
width: 100%;
font-size: 14px;
}
}
@media only screen and (max-width: 1024px) {
.dashboard_rec_orders-item > .table_min_tl-body_cell {
padding: 0 10px;
}
}
@media only screen and (min-width: 1025px) {
.dashboard_rec_orders-item.expanded > .table_min_tl-body_cell {
background-color: #f0f5f7;
}
}
.dashboard_rec_orders-item.expanded > .table_min_tl-body_cell .value {
color: #000000;
}
.dashboard_rec_orders-product_info {
border-width: 1px 0 0 0;
}
@media only screen and (max-width: 1024px) {
.dashboard_rec_orders-product_info {
border-width: 1px 0 0;
padding: 25px 10px 20px;
margin: 0;
border-radius: 0;
}
}
@media only screen and (min-width: 1025px) {
.dashboard_rec_orders-product_info {
padding: 0;
border: 0;
}
}
.dashboard_rec_orders-product_info:first-child::before {
border-top-width: 0;
}
@media only screen and (min-width: 1025px) {
.dashboard_rec_orders-product_info::before {
position: absolute;
top: 0;
left: 20px;
content: "";
width: calc(100% - 40px);
border-top: 1px solid #e7e7e7;
}
}
.dashboard_rec_orders-order_name {
font: 1.2857142857rem opensans-regular, Arial, Helvetica, sans-serif;
color: #213858;
}
@media only screen and (max-width: 1024px) {
.dashboard_rec_orders-order_name {
padding-right: 40px;
}
}
.dashboard_rec_orders-order_name.paused {
color: #c5c5c5;
}
.dashboard_rec_orders-ships_on {
font: 0.9285714286rem opensans-regular, Arial, Helvetica, sans-serif;
color: #646464;
}
@media only screen and (max-width: 1024px) {
.dashboard_rec_orders-ships_on {
display: block;
margin-top: 5px;
}
}
.dashboard_rec_orders-order_description .value {
display: -ms-flexbox;
display: flex;
-ms-flex-align: baseline;
align-items: baseline;
}
@media only screen and (min-width: 768px) and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.dashboard_rec_orders-order_description .value {
-ms-flex-align: center;
align-items: center;
}
}
@media only screen and (min-width: 1025px) {
.dashboard_rec_orders-order_description .value::before {
border: 5px solid transparent;
border-left-color: #213858;
border-right-width: 0;
content: "";
-webkit-transition: -webkit-transform 0.2s ease 0s;
transition: -webkit-transform 0.2s ease 0s;
transition: transform 0.2s ease 0s;
transition: transform 0.2s ease 0s, -webkit-transform 0.2s ease 0s;
margin-right: 15px;
width: 10px;
display: inline-block;
}
}
@media only screen and (min-width: 1025px) {
.expanded .dashboard_rec_orders-order_description .value::before {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
}
@media only screen and (max-width: 1024px) {
.dashboard_rec_orders-order_quantity, .dashboard_rec_orders-order_total {
margin-bottom: 10px;
}
.dashboard_rec_orders-order_quantity .value, .dashboard_rec_orders-order_total .value {
font-family: opensans-semibold, Arial, Helvetica, sans-serif;
}
}
@media only screen and (max-width: 1024px) {
.dashboard_rec_orders-order_description, .dashboard_rec_orders-order_quantity {
margin-bottom: 25px;
}
}
@media only screen and (max-width: 1024px) {
.dashboard_rec_orders-order_description, .dashboard_rec_orders-order_total {
-ms-flex-order: -1;
order: -1;
}
}
@media only screen and (min-width: 1025px) {
.expanded .dashboard_rec_orders-order_quantity .value, .expanded .dashboard_rec_orders-order_date .value {
display: none;
}
}
@media only screen and (min-width: 1025px) {
.expanded.product .dashboard_rec_orders-order_total .value {
display: none;
}
}
@media only screen and (min-width: 1025px) {
.dashboard_rec_orders-order_description, .dashboard_rec_orders-product_description {
-ms-flex-preferred-size: 29%;
flex-basis: 29%;
}
}
@media only screen and (max-width: 1024px) {
.dashboard_rec_orders-order_date {
display: none;
}
}
@media only screen and (min-width: 1025px) {
.dashboard_rec_orders-order_actions {
padding-right: 20px;
}
}
@media only screen and (max-width: 1024px) {
.dashboard_rec_orders-order_actions {
margin-bottom: 25px;
}
}
.dashboard_rec_orders-order_actions .value {
display: -ms-flexbox;
display: flex;
}
@media only screen and (min-width: 1025px) {
.dashboard_rec_orders-order_actions .value {
-ms-flex-pack: justify;
justify-content: space-between;
}
}
.dashboard_rec_orders-action_btn {
text-transform: capitalize;
}
@media only screen and (max-width: 1024px) {
.dashboard_rec_orders-action_btn {
-ms-flex: 1 1 50%;
flex: 1 1 50%;
}
}
@media only screen and (min-width: 1025px) {
.dashboard_rec_orders-action_btn {
font-family: opensans-semibold, Arial, Helvetica, sans-serif;
}
}
@media only screen and (min-width: 1025px) {
.dashboard_rec_orders-action_btn:hover {
text-decoration: underline;
}
}
@media only screen and (max-width: 1024px) {
.dashboard_rec_orders-action_btn + .dashboard_rec_orders-action_btn {
margin-left: 15px;
}
}
@media only screen and (max-width: 1024px) {
.dashboard_rec_orders-reactivate_btn, .dashboard_rec_orders-details_btn {
border: 1px solid transparent;
cursor: pointer;
display: inline-block;
font: 1rem / 1 brandongrotesque-medium, Arial, Helvetica, sans-serif;
text-align: center;
text-transform: uppercase;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-radius: 3px;
padding: 14.5px 20px;
width: 100%;
}
.dashboard_rec_orders-reactivate_btn.button-disabled, .sales_rep_promo-upload:not(.active) .dashboard_rec_orders-reactivate_btn.sales_rep_promo-upload-label, .dashboard_rec_orders-reactivate_btn.button-disabled:hover, .dashboard_rec_orders-reactivate_btn.button-disabled:focus, .dashboard_rec_orders-reactivate_btn.button-disabled:active, .dashboard_rec_orders-reactivate_btn[disabled], .dashboard_rec_orders-reactivate_btn[disabled]:hover, .dashboard_rec_orders-reactivate_btn[disabled]:focus, .dashboard_rec_orders-reactivate_btn[disabled]:active, .dashboard_rec_orders-details_btn.button-disabled, .sales_rep_promo-upload:not(.active) .dashboard_rec_orders-details_btn.sales_rep_promo-upload-label, .dashboard_rec_orders-details_btn.button-disabled:hover, .dashboard_rec_orders-details_btn.button-disabled:focus, .dashboard_rec_orders-details_btn.button-disabled:active, .dashboard_rec_orders-details_btn[disabled], .dashboard_rec_orders-details_btn[disabled]:hover, .dashboard_rec_orders-details_btn[disabled]:focus, .dashboard_rec_orders-details_btn[disabled]:active {
background-color: #e7e7e7;
border-color: #e7e7e7;
-webkit-box-shadow: none;
box-shadow: none;
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.dashboard_rec_orders-reactivate_btn, .dashboard_rec_orders-details_btn { /* stylelint-disable-line */
background-color: #076795;
border-color: #076795;
color: #ffffff;
}
.dashboard_rec_orders-reactivate_btn:active, .dashboard_rec_orders-details_btn:active {
background-color: #d7e7ef;
border-color: #d7e7ef;
color: #076795;
}
}
@media only screen and (max-width: 1024px) and (min-width: 1025px) {
.dashboard_rec_orders-reactivate_btn:hover, .dashboard_rec_orders-details_btn:hover {
background-color: #d7e7ef;
border-color: #d7e7ef;
color: #076795;
}
}
@media only screen and (max-width: 1024px) {
.dashboard_rec_orders-reactivate_btn:active, .dashboard_rec_orders-details_btn:active {
-webkit-box-shadow: inset 0 3px 2px rgba(0, 0, 0, 0.12);
box-shadow: inset 0 3px 2px rgba(0, 0, 0, 0.12);
}
}
@media only screen and (max-width: 1024px) {
.dashboard_rec_orders-resume_btn, .dashboard_rec_orders-pause_btn {
border: 1px solid transparent;
cursor: pointer;
display: inline-block;
font: 1rem / 1 brandongrotesque-medium, Arial, Helvetica, sans-serif;
text-align: center;
text-transform: uppercase;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-radius: 3px;
padding: 14.5px 20px;
width: 100%;
}
.dashboard_rec_orders-resume_btn.button-disabled, .sales_rep_promo-upload:not(.active) .dashboard_rec_orders-resume_btn.sales_rep_promo-upload-label, .dashboard_rec_orders-resume_btn.button-disabled:hover, .dashboard_rec_orders-resume_btn.button-disabled:focus, .dashboard_rec_orders-resume_btn.button-disabled:active, .dashboard_rec_orders-resume_btn[disabled], .dashboard_rec_orders-resume_btn[disabled]:hover, .dashboard_rec_orders-resume_btn[disabled]:focus, .dashboard_rec_orders-resume_btn[disabled]:active, .dashboard_rec_orders-pause_btn.button-disabled, .sales_rep_promo-upload:not(.active) .dashboard_rec_orders-pause_btn.sales_rep_promo-upload-label, .dashboard_rec_orders-pause_btn.button-disabled:hover, .dashboard_rec_orders-pause_btn.button-disabled:focus, .dashboard_rec_orders-pause_btn.button-disabled:active, .dashboard_rec_orders-pause_btn[disabled], .dashboard_rec_orders-pause_btn[disabled]:hover, .dashboard_rec_orders-pause_btn[disabled]:focus, .dashboard_rec_orders-pause_btn[disabled]:active {
background-color: #e7e7e7;
border-color: #e7e7e7;
-webkit-box-shadow: none;
box-shadow: none;
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.dashboard_rec_orders-resume_btn, .dashboard_rec_orders-pause_btn { /* stylelint-disable-line */
background-color: #ffffff;
border-color: #076795;
color: #076795;
}
.dashboard_rec_orders-resume_btn:active, .dashboard_rec_orders-pause_btn:active {
background-color: rgba(7, 103, 149, 0.1);
border-color: #076795;
color: #076795;
}
}
@media only screen and (max-width: 1024px) and (min-width: 1025px) {
.dashboard_rec_orders-resume_btn:hover, .dashboard_rec_orders-pause_btn:hover {
background-color: rgba(7, 103, 149, 0.1);
border-color: #076795;
color: #076795;
}
}
@media only screen and (max-width: 1024px) {
.dashboard_rec_orders-resume_btn:active, .dashboard_rec_orders-pause_btn:active {
-webkit-box-shadow: inset 0 4px 2px rgba(0, 0, 0, 0.12);
box-shadow: inset 0 4px 2px rgba(0, 0, 0, 0.12);
}
}
.dashboard_rec_orders-subitem {
width: 100%;
}
@media only screen and (max-width: 1024px) {
.dashboard_rec_orders-subitem .table_min_tl-body_cell {
margin-bottom: 10px;
}
}
@media only screen and (max-width: 1024px) {
.dashboard_rec_orders-subitem .value {
font-family: opensans-semibold, Arial, Helvetica, sans-serif;
}
}
@media only screen and (max-width: 1024px) {
.dashboard_rec_orders-product_actions {
display: none;
}
}
.dashboard_rec_orders-product_name {
font: 1.2857142857rem brandongrotesque-regular, Arial, Helvetica, sans-serif;
color: #076795;
margin-bottom: 15px;
}
@media only screen and (min-width: 1025px) {
.dashboard_rec_orders-product_sku .label {
display: inline-block;
}
}
.dashboard_rec_orders-product_sku .value {
color: #000000;
}
@media only screen and (min-width: 768px) {
.tier-status-modal .modal-dialog {
max-width: 1030px;
}
}
.tier-status-modal .modal-footer {
display: none;
}
.tli-modal_content {
margin-top: 30px;
}
.tli-modal_content .slider {
margin-bottom: 30px;
}
.tli-modal_tile {
padding: 20px 25px 10px;
text-align: center;
border: 1px solid #efefef;
border-radius: 3px;
}
.tli-modal_tile-image, .tli-modal_tile-title {
margin-bottom: 20px;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: center;
align-items: center;
}
.tli-modal_tile-image::after, .tli-modal_tile-title::after {
content: "";
display: -ms-flexbox;
display: flex;
width: 60px;
padding-top: 20px;
border-bottom: 1px solid #c5c5c5;
}
.tli-modal_tile-level, .tli-modal_tile-rebate-label, .tli-modal_tile-bonus-label {
padding-bottom: 10px;
font: 1rem opensans-regular, Arial, Helvetica, sans-serif;
color: #c5c5c5;
}
.tli-modal_tile-tier, .tli-modal_tile-rebate, .tli-modal_tile-bonus {
padding-bottom: 10px;
font: 1.2857142857rem brandongrotesque-medium, Arial, Helvetica, sans-serif;
color: #213858;
}
.tli-modal_tile.active {
border: 1px solid #a7bdc8;
}
.tli-modal_tile.active .tli-modal_tile-image::after {
border-bottom: 1px solid #076795;
}
.tli-modal_tile-title {
font: 1.1428571429rem brandongrotesque-medium, Arial, Helvetica, sans-serif;
color: #213858;
}
@media only screen and (min-width: 768px) {
.tli-modal_tile.next-level_tile {
max-width: 190px;
}
}
.tli-modal_program-details {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
padding: 30px 0;
border-top: 1px solid #efefef;
border-bottom: 1px solid #efefef;
}
@media only screen and (min-width: 768px) {
.tli-modal_program-details {
padding: 20px 0;
}
}
.tli-modal_program-details-item {
display: -ms-flexbox;
display: flex;
width: 100%;
-ms-flex-direction: column;
flex-direction: column;
}
@media only screen and (min-width: 768px) {
.tli-modal_program-details-item {
-ms-flex-direction: row;
flex-direction: row;
width: 59%;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
.tli-modal_points {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
padding-bottom: 20px;
}
@media only screen and (min-width: 768px) {
.tli-modal_points {
width: 41%;
padding-bottom: 0;
}
}
.tli-modal_points-title {
padding-bottom: 20px;
font: 1.1428571429rem brandongrotesque-medium, Arial, Helvetica, sans-serif;
color: #213858;
}
.tli-modal_points-wrapper {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
padding-bottom: 20px;
}
.tli-modal_points-label {
font: 1rem opensans-regular, Arial, Helvetica, sans-serif;
color: #646464;
}
.tli-modal_points-value {
font: 1rem opensans-semibold, Arial, Helvetica, sans-serif;
color: #213858;
}
.tli-modal_footer {
padding-top: 30px;
}
.tli-modal_footer-content {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
}
@media only screen and (min-width: 768px) {
.tli-modal_footer-content {
-ms-flex-direction: row;
flex-direction: row;
margin: 0 30px;
}
}
.tli-modal_footer-image {
margin-bottom: 25px;
}
@media only screen and (min-width: 768px) {
.tli-modal_footer-image {
margin-bottom: 0;
}
}
.tli-modal_footer-text {
text-align: justify;
font: 1rem opensans-regular, Arial, Helvetica, sans-serif;
color: #c5c5c5;
}
@media only screen and (min-width: 768px) {
.tli-modal_footer-text {
margin-left: 30px;
}
}
.tier_level {
display: -ms-flexbox;
display: flex;
}
@media only screen and (max-width: 1024px) {
.tier_level {
-ms-flex-direction: column;
flex-direction: column;
}
}
.tier_level-title {
text-align: left;
}
.tier_level .tier_level-content {
-ms-flex: 0 0 40%;
flex: 0 0 40%;
margin-right: 20px;
}
@media only screen and (max-width: 1024px) {
.tier_level .tier_level-content {
margin-right: 0;
}
}
.tier_level .tier_level-products_list {
margin-top: 0;
}
.tier_level-content-top {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
}
@media only screen and (min-width: 1025px) {
.tier_level-content-top {
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
@media only screen and (min-width: 1025px) {
.tier_level-charts {
-ms-flex-direction: column;
flex-direction: column;
}
}
@media only screen and (min-width: 1025px) {
.tier_level-multiline {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.tier_level-multiline .tier_level-current {
-ms-flex-order: 1;
order: 1;
}
.tier_level-multiline .tier_level-current ~ .tier_level-current {
margin-top: 15px;
}
}
.tier_level-current {
-ms-flex-order: 0;
order: 0;
}
@media only screen and (min-width: 1025px) {
.tier_level-current {
width: calc(60% - 10px);
}
}
@media only screen and (max-width: 1024px) {
.tier_level-current {
margin-bottom: 10px;
}
}
.tier_level-chart {
-ms-flex-order: 1;
order: 1;
}
@media only screen and (min-width: 1025px) {
.tier_level-chart {
width: calc(40% - 10px);
}
}
@media only screen and (max-width: 1024px) {
.tier_level-chart {
margin-bottom: 10px;
-ms-flex-order: 0;
order: 0;
}
}
.tier_level-chart-item {
-ms-flex-order: 0;
order: 0;
}
@media only screen and (min-width: 1025px) {
.tier_level-chart-item {
width: 100%;
}
}
.tier_level-chart-item + .tier_level-chart-item {
margin-top: 20px;
}
@media only screen and (min-width: 1025px) {
.tier_level-next {
width: calc(60% - 10px);
margin-top: 20px;
}
}
@media only screen and (max-width: 1024px) {
.tier_level-next {
margin-bottom: 10px;
}
}
.tier_level-info-block {
border: 1px solid #e7e7e7;
padding: 25px 15px;
}
@media only screen and (min-width: 1025px) {
.tier_level-info-block {
padding: 25px;
}
}
@media only screen and (min-width: 1025px) {
[locale*=_DE] .tier_level-info-block {
padding: 15px;
}
}
.tier_level-info-item {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media only screen and (max-width: 1024px) {
.tier_level-info-item {
padding-top: 15px;
}
}
@media only screen and (min-width: 1025px) {
.tier_level-info-item {
padding: 20px 0;
}
}
@media only screen and (min-width: 1025px) {
.tier_level-info-item + .tier_level-info-item {
border-top: 1px solid #e7e7e7;
}
}
@media only screen and (min-width: 1025px) {
[locale*=_DE] .tier_level-info-item {
border-top: 1px solid #e7e7e7;
padding: 10px 0;
}
}
@media only screen and (max-width: 1024px) {
.tier_level-info-item-date {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: start;
align-items: flex-start;
}
[locale*=_DE] .tier_level-info-item-date {
-ms-flex-direction: row;
flex-direction: row;
}
}
@media only screen and (max-width: 1024px) {
.tier_level-info-item-date .tier_level-info-label {
padding-bottom: 10px;
}
}
.tier_level-info-title {
font: 1.1428571429rem / 1.2857142857rem brandongrotesque-bold, Arial, Helvetica, sans-serif;
color: #213858;
}
@media only screen and (min-width: 1025px) {
.tier_level-info-title {
padding-bottom: 20px;
}
}
.tier_level-info-label {
font: 1rem / 1.1428571429rem opensans-regular, Arial, Helvetica, sans-serif;
-ms-flex: 1 0 70%;
flex: 1 0 70%;
color: #646464;
padding-right: 20px;
}
.tier_level-info-value {
font: 1rem / 1.1428571429rem opensans-semibold, Arial, Helvetica, sans-serif;
text-align: right;
word-break: break-word;
}
.tier_level-info-value .delta-negative {
color: #ff0000;
}
.tier_level-info-value .delta-zero,
.tier_level-info-value .delta-positive {
color: #83c487;
}
.tier_level-info-caption {
font-variant: small-caps;
}
@media only screen and (min-width: 1025px) {
.tier_level-products_list {
margin-top: 40px;
}
}
@media only screen and (max-width: 1024px) {
.tier_level-products_list .table_min_tl-body_row::before {
position: absolute;
top: -12px;
left: -12px;
content: "";
border: 12px solid transparent;
border-bottom-color: #efefef;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
}
@media only screen and (max-width: 1024px) {
.tier_level-products_list .table_min_tl-body_row {
padding: 20px 0 20px 15px;
}
}
@media only screen and (min-width: 1025px) {
.tier_level-products_list .table_min_tl-body_row {
-ms-flex-pack: end;
justify-content: flex-end;
}
.tier_level-products_list .table_min_tl-body_row:hover .table_min_tl-body_cell {
background: #f7f9f9;
}
}
@media only screen and (max-width: 1024px) {
.tier_level-products_list .table_min_tl-body_cell {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 15px;
}
.tier_level-products_list .table_min_tl-body_cell:last-child {
margin-bottom: 0;
}
.tier_level-products_list .table_min_tl-body_cell .value {
text-align: right;
}
}
@media only screen and (max-width: 1024px) {
.tier_level-products_list .table_min_tl-body_cell {
width: 100%;
margin-bottom: 0;
-ms-flex-align: normal;
align-items: normal;
}
}
@media only screen and (min-width: 1025px) {
.tier_level-products_list .table_min_tl-body_cell {
-webkit-transition: background 0.2s ease 0s;
transition: background 0.2s ease 0s;
}
}
@media only screen and (max-width: 1024px) {
.tier_level-products_list .table_min_tl-body_cell .value {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
}
}
@media only screen and (max-width: 1024px) {
.tier_level-products_list .table_min_tl-body_cell .label,
.tier_level-products_list .table_min_tl-body_cell .value {
padding: 8px 15px 8px 0;
}
}
@media only screen and (min-width: 1025px) {
.tier_level-products_list .table_min_tl-header_cell,
.tier_level-products_list .table_min_tl-body_cell {
padding-left: 20px;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
}
@media only screen and (min-width: 1025px) {
.tier_level-products_list-default .tier_level-basic_price,
.tier_level-products_list-default .tier_level-sku_number,
.tier_level-products_list-default .tier_level-product_name {
padding-right: 0;
}
}
@media only screen and (min-width: 1025px) {
.tier_level-products_list-default .tier_level-current_price {
padding-right: 20px;
width: 23%;
}
}
@media only screen and (min-width: 1025px) {
.tier_level-products_list-default .tier_level-basic_price,
.tier_level-products_list-default .tier_level-sku_number {
width: 23%;
}
}
@media only screen and (min-width: 1025px) {
.tier_level-products_list-default .tier_level-product_name {
width: 31%;
}
}
@media only screen and (min-width: 1025px) {
.tier_level-products_list-multi .tier_level-basic_price,
.tier_level-products_list-multi .tier_level-sku_number,
.tier_level-products_list-multi .tier_level-product_name {
padding-right: 0;
}
}
@media only screen and (min-width: 1025px) {
.tier_level-products_list-multi .tier_level-current_price {
padding-right: 20px;
width: 18%;
}
}
@media only screen and (min-width: 1025px) {
.tier_level-products_list-multi .tier_level-basic_price,
.tier_level-products_list-multi .tier_level-sku_number {
width: 15%;
}
}
@media only screen and (min-width: 1025px) {
.tier_level-products_list-multi .tier_level-product_name {
width: 15%;
}
}
@media only screen and (min-width: 1025px) {
.tier_level-products_list-large .tier_level-basic_price,
.tier_level-products_list-large .tier_level-sku_number,
.tier_level-products_list-large .tier_level-product_name {
padding-right: 0;
}
}
@media only screen and (min-width: 1025px) {
.tier_level-products_list-large .tier_level-current_price,
.tier_level-products_list-large .tier_level-next_level {
padding-right: 20px;
width: 14%;
}
}
.tier_level-products_list-large .tier_level-white_box.table_min_tl-body_cell {
background: transparent;
}
.tier_level-products_list-large .tier_level-white_box.table_min_tl-body_cell .value {
background: transparent;
}
@media only screen and (min-width: 1025px) {
.tier_level-products_list-large .tier_level-basic_price {
width: 14%;
}
}
@media only screen and (min-width: 1025px) {
.tier_level-products_list-large .tier_level-sku_number {
width: 15%;
}
}
@media only screen and (min-width: 1025px) {
.tier_level-products_list-large .tier_level-product_name {
width: 15%;
}
}
@media only screen and (min-width: 1025px) {
.tier_level-products_list-without_discounts .tier_level-basic_price,
.tier_level-products_list-without_discounts .tier_level-current_price,
.tier_level-products_list-without_discounts .tier_level-next_level {
padding-right: 20px;
}
}
@media only screen and (min-width: 1025px) {
.tier_level-products_list-without_discounts .tier_level-sku_number,
.tier_level-products_list-without_discounts .tier_level-product_name {
padding-right: 0;
}
}
@media only screen and (min-width: 1025px) {
.tier_level-products_list-without_discounts .tier_level-sku_number {
width: 15%;
}
}
@media only screen and (min-width: 1025px) {
.tier_level-products_list-without_discounts .tier_level-product_name {
width: 30%;
}
}
@media only screen and (min-width: 1025px) {
.tier_level-products_list-without_discounts .tier_level-basic_price {
width: 16%;
}
}
@media only screen and (min-width: 1025px) {
.tier_level-products_list-without_discounts .tier_level-current_price {
width: 23%;
}
}
@media only screen and (min-width: 1025px) {
.tier_level-products_list-without_discounts .tier_level-next_level {
width: 16%;
}
}
@media only screen and (min-width: 1025px) {
.tier_level-products_list-with_discounts .tier_level-basic_price,
.tier_level-products_list-with_discounts .tier_level-next_level {
padding-right: 20px;
}
}
@media only screen and (min-width: 1025px) {
.tier_level-products_list-with_discounts .tier_level-sku_number,
.tier_level-products_list-with_discounts .tier_level-product_name,
.tier_level-products_list-with_discounts .tier_level-discount {
padding-right: 0;
}
}
@media only screen and (min-width: 1025px) {
.tier_level-products_list-with_discounts .tier_level-discount {
width: 10%;
}
}
@media only screen and (min-width: 1025px) {
.tier_level-products_list-with_discounts .tier_level-product_name {
width: 26%;
}
}
@media only screen and (min-width: 1025px) {
.tier_level-products_list-with_discounts .tier_level-sku_number {
width: 14%;
}
}
@media only screen and (min-width: 1025px) {
.tier_level-products_list-with_discounts .tier_level-basic_price {
width: 15%;
}
}
@media only screen and (min-width: 1025px) {
.tier_level-products_list-with_discounts .tier_level-next_level {
width: 15%;
}
}
@media only screen and (min-width: 1025px) {
.table_min_tl-body_row .tier_level-current_price {
background: #d7e7ef;
}
}
@media only screen and (max-width: 1024px) {
.table_min_tl-body_row .tier_level-current_price .value {
background: #d7e7ef;
}
}
.tier_level-product_name .value {
color: #076795;
}
@media only screen and (max-width: 1024px) {
.table_min_tl-body_row .tier_level-sku_number {
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: start;
align-items: flex-start;
}
}
@media only screen and (max-width: 1024px) {
.tier_level-sku_number .value {
font: 1.2857142857rem / 1.4285714286rem opensans-regular, Arial, Helvetica, sans-serif;
}
}
@media only screen and (min-width: 1025px) {
.table_min_tl-body_row .tier_level-discount {
background: #d7e7ef;
}
}
@media only screen and (max-width: 1024px) {
.table_min_tl-body_row .tier_level-discount .value {
background: #d7e7ef;
}
}
@media only screen and (min-width: 1025px) {
.table_min_tl-body_row .tier_level-next_level {
background: #e4e5e5;
}
}
@media only screen and (max-width: 1024px) {
.table_min_tl-body_row .tier_level-next_level .value {
background: #e4e5e5;
}
}
@media only screen and (min-width: 1025px) {
html[locale$=DE] .tier_level-current {
width: calc(52% - 10px);
}
}
@media only screen and (min-width: 1025px) {
html[locale$=DE] .tier_level-chart {
margin-bottom: 20px;
width: calc(48% - 10px);
}
}
@media only screen and (max-width: 1024px) {
html[locale$=DE] .tier_level-chart {
margin-bottom: 20px;
-ms-flex-order: 3;
order: 3;
}
}
html[locale$=DE] .tier_level-chart {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
}
html[locale$=DE] .tier_level-chart .bar_chart-block {
-ms-flex: 1;
flex: 1;
}
html[locale$=DE] .tier_level-chart .bar_chart-title {
left: 25px;
top: 25px;
width: auto;
text-align: center;
}
@media only screen and (max-width: 1024px) {
html[locale$=DE] .tier_level-chart .bar_chart-title {
left: 0;
}
}
html[locale$=DE] .tier_level-chart .bar_chart-list {
height: 100%;
padding: 60px 40px 20px;
}
@media only screen and (max-width: 1024px) {
html[locale$=DE] .tier_level-chart .bar_chart-list {
min-height: 250px;
}
}
html[locale$=DE] .tier_level-chart .bar_chart-bar {
height: 100%;
width: 80%;
max-width: 120px;
max-height: 420px;
}
html[locale$=DE] .tier_level-chart .bar_chart-item {
padding: 0 !important;
}
html[locale$=DE] .tier_level-next {
margin-top: 0;
width: 100%;
}
html[locale$=DE] .tier_level-content-top {
-ms-flex-align: stretch;
align-items: stretch;
}
html[locale$=DE] .tier_level-info-block {
margin-bottom: 20px;
}
html[locale$=DE] .tier_level-info-label {
-ms-flex: 1 0 50%;
flex: 1 0 50%;
padding-right: 10px;
}
@media only screen and (min-width: 1025px) {
html[locale$=DE] .tier_level-info-label {
font-size: 11px;
}
}
@media only screen and (max-width: 1024px) {
html[locale$=DE] .tier_level-info-label {
font-size: 12px;
}
}
html[locale$=DE] .tier_level-info-value {
font: 0.8571428571rem / 1rem opensans-regular, Arial, Helvetica, sans-serif;
}
@media only screen and (min-width: 1025px) {
html[locale$=DE] .tier_level-products_list {
margin-top: 0;
margin-bottom: 20px;
}
html[locale$=DE] .tier_level-products_list .table_min_tl-header_cell,
html[locale$=DE] .tier_level-products_list .table_min_tl-body_cell {
-ms-flex: 1 1 10%;
flex: 1 1 10%;
padding-left: 10px;
padding-right: 10px;
width: initial;
}
html[locale$=DE] .tier_level-products_list .table_min_tl-header_cell.tier_level-sku_number, html[locale$=DE] .tier_level-products_list .table_min_tl-header_cell.tier_level-basic_price,
html[locale$=DE] .tier_level-products_list .table_min_tl-body_cell.tier_level-sku_number,
html[locale$=DE] .tier_level-products_list .table_min_tl-body_cell.tier_level-basic_price {
-ms-flex: 0 1 15%;
flex: 0 1 15%;
}
html[locale$=DE] .tier_level-products_list .table_min_tl-header_cell.tier_level-product_name,
html[locale$=DE] .tier_level-products_list .table_min_tl-body_cell.tier_level-product_name {
-ms-flex: 1 1 15%;
flex: 1 1 15%;
}
}
.bar_chart-wrap {
border: 1px solid #e7e7e7;
}
.bar_chart-list {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: end;
justify-content: flex-end;
text-align: center;
position: relative;
}
.bar_chart-title {
position: absolute;
top: 25px;
right: 0;
font: 1rem / 1.1428571429rem brandongrotesque-medium, Arial, Helvetica, sans-serif;
color: #213858;
z-index: 2;
width: 57.5%;
text-align: center;
}
@media only screen and (max-width: 1024px) {
.bar_chart-title {
padding: 0 10px;
font-size: 0.9285714286rem;
}
}
.bar_chart-item {
-ms-flex: 1 0 12.5%;
flex: 1 0 12.5%;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: end;
justify-content: flex-end;
padding: 60px 0 15px;
z-index: 1;
text-align: center;
}
@media screen and (-ms-high-contrast: none) {
.bar_chart-item { /* stylelint-disable-line */
min-width: 12.5%;
}
}
@media only screen and (min-width: 1025px) {
.bar_chart-item:last-child {
padding-right: 10px;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
}
@media only screen and (min-width: 1440px) {
.bar_chart-item:last-child {
padding-right: 20px;
}
}
@media only screen and (min-width: 1025px) {
.bar_chart-item:first-child {
padding-left: 10px;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
}
@media only screen and (min-width: 1440px) {
.bar_chart-item:first-child {
padding-left: 20px;
}
}
.bar_chart-item-current_year {
background: #d7e7ef;
}
.bar_chart-counter {
color: #646464;
font: 1rem / 1.1428571429rem opensans-regular, Arial, Helvetica, sans-serif;
margin-bottom: 5px;
}
@media only screen and (max-width: 1024px) {
.bar_chart-counter {
font-size: 0.7857142857rem;
}
}
.bar_chart-bar {
margin: 0 auto;
background: #213858;
width: 74%;
max-width: 40px;
min-height: 1px;
}
@media only screen and (max-width: 767px) {
.bar_chart-bar {
width: 25px;
}
}
.bar_chart-label {
margin-top: 5px;
white-space: nowrap;
color: #646464;
font: 0.7857142857rem / 0.8571428571rem opensans-regular, Arial, Helvetica, sans-serif;
text-transform: uppercase;
}
@media only screen and (min-width: 1025px) {
.bar_chart-label {
margin-top: 10px;
font: 1rem / 1.1428571429rem opensans-regular, Arial, Helvetica, sans-serif;
}
}
.bar_chart-block {
position: relative;
}
.bar_chart-legend {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
margin: 20px 10px;
}
@media only screen and (min-width: 1025px) {
.bar_chart-legend {
margin: 20px;
}
}
.bar_chart-legend-icon {
width: 16px;
height: 16px;
margin-right: 10px;
background: #d7e7ef;
border-radius: 50%;
}
.consignment_refill-page {
margin-bottom: 30px;
}
@media only screen and (min-width: 768px) {
.consignment_refill-page {
margin-bottom: 60px;
}
}
.consignment_refill-main_wrapper {
position: relative;
-ms-flex-positive: 1;
flex-grow: 1;
z-index: 1;
}
.consignment_refill-title .tooltip {
width: 200px;
padding: 20px;
text-align: left;
}
@media only screen and (min-width: 768px) {
.consignment_refill-title .tooltip {
width: 300px;
}
}
.consignment_refill_refinements {
-ms-flex-align: end;
align-items: flex-end;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 30px;
}
.consignment_refill_refinements-row {
width: 100%;
}
@media only screen and (min-width: 1025px) {
.consignment_refill_refinements-row {
width: 19%;
}
.consignment_refill_refinements-row + .consignment_refill_refinements-row {
padding-left: 10px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.consignment_refill_refinements-row {
width: 48%;
}
}
@media only screen and (max-width: 767px) {
.consignment_refill_refinements-sku, .consignment_refill_refinements-serial {
width: 48%;
}
}
@media only screen and (max-width: 1024px) {
.consignment_refill_refinements-serial.consignment_refill_refinements-row {
margin-top: 0;
}
}
.consignment_refill_refinements-actions {
width: 100%;
}
@media only screen and (min-width: 1025px) {
.consignment_refill_refinements-actions {
width: 24%;
padding-left: 10px;
}
}
.consignment_refill_refinements-button {
border-radius: 3px;
padding: 14.5px 20px;
width: 100%;
}
.consignment_refill_refinements-button.button-disabled, .sales_rep_promo-upload:not(.active) .consignment_refill_refinements-button.sales_rep_promo-upload-label, .consignment_refill_refinements-button.button-disabled:hover, .consignment_refill_refinements-button.button-disabled:focus, .consignment_refill_refinements-button.button-disabled:active, .consignment_refill_refinements-button[disabled], .consignment_refill_refinements-button[disabled]:hover, .consignment_refill_refinements-button[disabled]:focus, .consignment_refill_refinements-button[disabled]:active {
background-color: #e7e7e7;
border-color: #e7e7e7;
-webkit-box-shadow: none;
box-shadow: none;
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.consignment_refill_refinements-button { /* stylelint-disable-line */
background-color: #076795;
border-color: #076795;
color: #ffffff;
}
.consignment_refill_refinements-button:active {
background-color: #d7e7ef;
border-color: #d7e7ef;
color: #076795;
}
@media only screen and (min-width: 1025px) {
.consignment_refill_refinements-button:hover {
background-color: #d7e7ef;
border-color: #d7e7ef;
color: #076795;
}
}
.consignment_refill_refinements-button:active {
-webkit-box-shadow: inset 0 3px 2px rgba(0, 0, 0, 0.12);
box-shadow: inset 0 3px 2px rgba(0, 0, 0, 0.12);
}
@media only screen and (min-width: 1025px) {
.consignment_refill_table-list {
min-height: 100px;
}
}
@media only screen and (min-width: 1025px) {
.consignment_refill_table-list .consignment_refill_table {
margin-bottom: 10px;
}
}
.consignment_refill_table-sort {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
padding: 15px 0 15px 10px;
border-top: 1px solid #e7e7e7;
border-bottom: 1px solid #e7e7e7;
margin-bottom: 15px;
}
@media only screen and (min-width: 1025px) {
.consignment_refill_table .consignment_refill_table-serial.table_min_tl-body_cell, .consignment_refill_table .consignment_refill_table-serial.table_min_tl-header_cell, .consignment_refill_table .consignment_refill_table-sku.table_min_tl-body_cell, .consignment_refill_table .consignment_refill_table-sku.table_min_tl-header_cell {
width: 18%;
}
}
@media only screen and (min-width: 1025px) {
.consignment_refill_table-sku {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
}
@media only screen and (max-width: 1024px) {
.consignment_refill_table-sku label {
width: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
.consignment_refill_table-serial .value {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
direction: rtl;
display: inline-block;
}
@media only screen and (min-width: 1025px) {
.consignment_refill_table-serial .value {
width: 100%;
}
}
.consignment_refill_table-date {
color: #000000;
display: inline-block;
position: relative;
}
.consignment_refill_table-date.expired {
color: #ff0000;
margin: 0;
}
@media only screen and (max-width: 1024px) {
.consignment_refill_table-initials-form {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
min-width: 100%;
-ms-flex-align: center;
align-items: center;
}
}
@media only screen and (max-width: 1024px) {
.consignment_refill_table-initials, .consignment_refill_table-select_date {
-ms-flex-align: center;
align-items: center;
}
.consignment_refill_table-initials .label,
.consignment_refill_table-initials .value, .consignment_refill_table-select_date .label,
.consignment_refill_table-select_date .value {
width: 50%;
}
.consignment_refill_table-initials .label, .consignment_refill_table-select_date .label {
padding-right: 10px;
}
.consignment_refill_table-initials .value, .consignment_refill_table-select_date .value {
max-width: 200px;
}
}
@media only screen and (min-width: 1025px) {
.consignment_refill_table-initials, .consignment_refill_table-select_date {
-ms-flex-item-align: start;
align-self: flex-start;
padding-top: 10px;
padding-bottom: 10px;
}
}
@media only screen and (min-width: 1025px) {
.consignment_refill_table .table_min_tl-body_cell,
.consignment_refill_table .table_min_tl-header_cell {
width: 16%;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
}
}
.consignment_refill_table .table_min_tl-header_cell {
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: start;
justify-content: start;
-ms-flex-align: center;
align-items: center;
}
@media only screen and (max-width: 1024px) {
.consignment_refill_table .table_min_tl-body_row {
-ms-flex-direction: column;
flex-direction: column;
}
}
@media only screen and (max-width: 1024px) {
.consignment_refill_table .table_min_tl-body_cell {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 15px;
}
.consignment_refill_table .table_min_tl-body_cell:last-child {
margin-bottom: 0;
}
.consignment_refill_table .table_min_tl-body_cell .value {
text-align: right;
}
}
.consignment_refill_table .table_min_tl-body_cell {
-ms-flex-pack: center;
justify-content: center;
}
@media only screen and (max-width: 1024px) {
.consignment_refill_table .table_min_tl-body_cell + .table_min_tl-body_cell {
padding-left: 34px;
}
}
@media only screen and (min-width: 1025px) {
.consignment_refill_table .table_min_tl-body_cell {
padding-right: 20px;
}
}
.consignment_refill_table .table_min_tl-body_cell.selected {
border: 1px solid #e7e7e7;
}
.consignment_refill_table input[type=checkbox]:not(.custom-switch) + label {
margin-bottom: 0;
}
.billpay-page {
margin-bottom: 30px;
}
@media only screen and (min-width: 768px) {
.billpay-page {
margin-bottom: 60px;
}
}
.app-view .billpay-page .breadcrumbs {
display: none;
}
.app-view .billpay-page .checkout-back {
position: static;
padding: 0;
}
.billpay-page #creditMemoModal .modal-header {
margin-bottom: 10px;
}
.billpay-main {
padding: 30px 10px;
}
@media only screen and (min-width: 768px) {
.billpay-main {
padding: 30px;
}
}
@media only screen and (max-width: 767px) {
.billpay-main .payment_info-method-inner {
padding-bottom: 0;
}
}
@media only screen and (max-width: 767px) {
.billpay-main .payment_info-option_list {
margin-bottom: 0;
}
}
.billpay-title, .billpay-subtitle {
margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
.billpay-title, .billpay-subtitle {
text-align: center;
}
}
.billpay-open_items-text {
color: #686c77;
}
.billpay-open_items-text:first-of-type {
margin-top: 20px;
}
@media only screen and (max-width: 767px) {
.billpay-open_items-text {
display: inline;
}
}
.billpay-open_items-email {
font: 1rem / 1.1428571429rem brandongrotesque-bold, Arial, Helvetica, sans-serif;
color: #646464;
}
@media only screen and (max-width: 767px) {
.billpay-open_items-email {
display: inline;
word-break: break-all;
}
}
.billpay_account {
margin-bottom: 20px;
color: #646464;
font: 1rem opensans-regular, Arial, Helvetica, sans-serif;
display: grid;
gap: 20px;
--dRow1: "banners banners chart";
--dRow2: "balance credit chart";
--dRow3: "balance payment chart";
}
.billpay_account:not(:has(.billpay_account-card-credit_memos)) {
--dRow2: "balance payment chart";
}
.billpay_account:not(:has(.billpay_account-banner)) .billpay_account-banners {
display: none;
}
@media only screen and (min-width: 768px) {
.billpay_account {
--row1: var(--dRow1);
--row2: var(--dRow2);
--row3: var(--dRow3);
}
.billpay_account:not(:has(.billpay_account-banner)) {
--row1: var(--row2);
}
.billpay_account {
grid-template-areas: var(--row1) var(--row2) var(--row3);
grid-template-columns: 1fr 1fr calc(26% - 20px);
grid-template-rows: -webkit-min-content 1fr 1fr;
grid-template-rows: min-content 1fr 1fr;
}
.billpay_account-banners {
grid-area: banners;
}
.billpay_account-card-balance_chart {
grid-area: chart;
}
.billpay_account-card-credit_memos {
grid-area: credit;
}
.billpay_account-card-last_payment {
grid-area: payment;
}
.billpay_account-card-balance {
grid-area: balance;
}
}
.billpay_account-banners {
display: grid;
gap: 10px;
}
.billpay_account-banners .user_notifications_banner {
margin: 0;
background: transparent;
}
.billpay_account-card {
container-type: inline-size;
padding: 15px 20px;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 10px;
}
.billpay_account-card .css_accordion-body_inner {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 10px;
}
@media only screen and (max-width: 767px) {
.billpay_account-card.css_accordion-max-tm {
padding: 0;
gap: 0;
}
.billpay_account-card.css_accordion-max-tm .css_accordion-header {
padding: 15px 20px;
}
.billpay_account-card.css_accordion-max-tm .css_accordion-body_inner {
padding: 0 20px 15px 20px;
margin-top: -5px;
}
}
.billpay_account-info-price, .billpay_account-total-value {
color: #000000;
font-family: opensans-semibold, Arial, Helvetica, sans-serif;
}
.billpay_account-headline {
text-align: left;
font: 1rem / 120% opensans-semibold, Arial, Helvetica, sans-serif;
color: #000000;
}
.billpay_account-current_balance {
font: 2.8571428571rem / 120% opensans-semibold, Arial, Helvetica, sans-serif;
font-size: clamp(2.1428571429rem, 3vw, 2.8571428571rem);
color: #000000;
margin-bottom: 0.25em;
}
.billpay_account-emphasize_balance {
font: 2.8571428571rem / 120% opensans-semibold, Arial, Helvetica, sans-serif;
font-size: clamp(1.7857142857rem, 2vw, 2.1428571429rem);
color: #000000;
}
.billpay_account-list {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 4px;
}
.billpay_account-value {
font: 1rem / 1.2142857143rem opensans-semibold, Arial, Helvetica, sans-serif;
color: #000000;
}
.billpay_account-auto_payment strong {
font-family: opensans-semibold, Arial, Helvetica, sans-serif;
color: #000000;
}
.billpay_account-auto_payment a {
font-family: opensans-semibold, Arial, Helvetica, sans-serif;
}
.billpay_account-total-actions {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: center;
align-items: center;
}
.billpay_account-total-button {
border: 1px solid transparent;
cursor: pointer;
display: inline-block;
font: 1rem / 1 brandongrotesque-medium, Arial, Helvetica, sans-serif;
text-align: center;
text-transform: uppercase;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-radius: 3px;
padding: 14.5px 20px;
width: 100%;
}
.billpay_account-total-button.button-disabled, .sales_rep_promo-upload:not(.active) .billpay_account-total-button.sales_rep_promo-upload-label, .billpay_account-total-button.button-disabled:hover, .billpay_account-total-button.button-disabled:focus, .billpay_account-total-button.button-disabled:active, .billpay_account-total-button[disabled], .billpay_account-total-button[disabled]:hover, .billpay_account-total-button[disabled]:focus, .billpay_account-total-button[disabled]:active {
background-color: #e7e7e7;
border-color: #e7e7e7;
-webkit-box-shadow: none;
box-shadow: none;
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.billpay_account-total-button { /* stylelint-disable-line */
background-color: #076795;
border-color: #076795;
color: #ffffff;
}
.billpay_account-total-button:active {
background-color: #d7e7ef;
border-color: #d7e7ef;
color: #076795;
}
@media only screen and (min-width: 1025px) {
.billpay_account-total-button:hover {
background-color: #d7e7ef;
border-color: #d7e7ef;
color: #076795;
}
}
.billpay_account-total-button:active {
-webkit-box-shadow: inset 0 3px 2px rgba(0, 0, 0, 0.12);
box-shadow: inset 0 3px 2px rgba(0, 0, 0, 0.12);
}
.billpay_account-total-link {
display: block;
text-align: center;
padding-top: 14.5px;
font-family: opensans-semibold, Arial, Helvetica, sans-serif;
color: #000000;
}
.billpay_account-balance {
margin-top: auto;
}
@media only screen and (max-width: 1024px) {
.billpay_account .table_min_tl-body_row {
border: none;
padding: 0;
}
}
@media only screen and (max-width: 1024px) {
.billpay_account .table_min_tl-body_cell {
width: 100%;
}
}
.billpay_account-credit_limit_prohibited {
display: none;
}
.billpay_account-credit_limit_prohibited:has(.content_asset) {
display: -ms-flexbox;
display: flex;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
min-width: 100%;
margin-bottom: 20px;
}
.billpay_open_items {
padding: 30px 10px;
-ms-flex-direction: row;
flex-direction: row;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-line-pack: start;
align-content: flex-start;
}
@media only screen and (min-width: 768px) {
.billpay_open_items {
padding: 30px;
}
}
.billpay_open_items-main {
width: 100%;
}
.billpay_open_items .form-group {
margin: 0;
}
@media only screen and (min-width: 768px) {
.billpay_open_items-title {
margin-right: 20px;
}
}
@media only screen and (max-width: 1024px) {
.billpay_open_items-refinements {
-ms-flex: 1 0 100%;
flex: 1 0 100%;
}
}
.billpay_open_items-form {
position: relative;
}
@media only screen and (max-width: 1024px) {
.billpay_open_items-form {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 10px;
}
}
@media only screen and (min-width: 1025px) {
.billpay_open_items-form::before {
content: "";
position: absolute;
width: 100%;
bottom: 8px;
border-bottom: 1px solid #e7e7e7;
}
}
.billpay_open_items-additional_btn {
text-align: center;
}
.billpay_open_items-additional_btn::before {
content: attr(data-show-text);
}
@media only screen and (max-width: 1024px) {
.billpay_open_items-additional_btn {
border-radius: 3px;
padding: 14.5px 20px;
width: 100%;
}
.billpay_open_items-additional_btn.button-disabled, .sales_rep_promo-upload:not(.active) .billpay_open_items-additional_btn.sales_rep_promo-upload-label, .billpay_open_items-additional_btn.button-disabled:hover, .billpay_open_items-additional_btn.button-disabled:focus, .billpay_open_items-additional_btn.button-disabled:active, .billpay_open_items-additional_btn[disabled], .billpay_open_items-additional_btn[disabled]:hover, .billpay_open_items-additional_btn[disabled]:focus, .billpay_open_items-additional_btn[disabled]:active {
background-color: #e7e7e7;
border-color: #e7e7e7;
-webkit-box-shadow: none;
box-shadow: none;
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.billpay_open_items-additional_btn { /* stylelint-disable-line */
background-color: #076795;
border-color: #076795;
color: #ffffff;
}
.billpay_open_items-additional_btn:active {
background-color: #d7e7ef;
border-color: #d7e7ef;
color: #076795;
}
.billpay_open_items-additional_btn {
text-transform: uppercase;
font-family: brandongrotesque-medium, Arial, Helvetica, sans-serif;
-ms-flex-order: 1;
order: 1;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
@media only screen and (max-width: 1024px) and (min-width: 1025px) {
.billpay_open_items-additional_btn:hover {
background-color: #d7e7ef;
border-color: #d7e7ef;
color: #076795;
}
}
@media only screen and (max-width: 1024px) {
.billpay_open_items-additional_btn:active {
-webkit-box-shadow: inset 0 3px 2px rgba(0, 0, 0, 0.12);
box-shadow: inset 0 3px 2px rgba(0, 0, 0, 0.12);
}
.billpay_open_items-additional_btn::before {
content: attr(data-m-text);
}
.billpay_open_items-additional_btn::after {
content: "+";
font-size: 1.5714285714rem;
line-height: 22px;
}
}
@media only screen and (min-width: 1025px) {
.billpay_open_items-additional_btn {
width: 100%;
position: relative;
}
.billpay_open_items-additional_btn::before {
background: #ffffff;
padding: 0 30px 0 10px;
color: #076795;
}
.billpay_open_items-additional_btn::after {
content: "";
display: inline-block;
width: 0;
height: 0;
border: 5px solid transparent;
border-top-color: #076795;
rotate: 0;
margin-left: -25px;
-webkit-transition: rotate 0.3s ease;
transition: rotate 0.3s ease;
position: relative;
top: 4px;
}
}
@media only screen and (max-width: 1024px) {
.billpay_open_items-inputs {
display: grid;
-ms-flex-order: 2;
order: 2;
grid-template-rows: 0fr; /* stylelint-disable-line */
-webkit-transition: grid-template-rows 0.3s ease-in-out;
transition: grid-template-rows 0.3s ease-in-out;
transition: grid-template-rows 0.3s ease-in-out, -ms-grid-rows 0.3s ease-in-out;
grid-column: 1/-1;
}
}
.billpay_open_items-inputs-inner {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 10px;
-ms-flex-align: end;
align-items: end;
}
@media only screen and (max-width: 1024px) {
.billpay_open_items-inputs-inner {
overflow: hidden;
background: #efefef;
margin-bottom: 10px;
border-radius: 0 0 5px 5px;
border-top: 0;
padding: 0 10px;
}
.billpay_open_items-inputs-inner > .form-group:first-child {
margin-top: 10px;
}
.billpay_open_items-inputs-inner .billpay_open_items-buttons {
margin-bottom: 10px;
}
}
@media only screen and (min-width: 1025px) {
.billpay_open_items-inputs-inner {
grid-template-columns: 1fr 1fr 1fr 1fr [buttons-start] 1fr [buttons-end];
}
.billpay_open_items-inputs-inner:not(:has(.billpay_open_items-clear.h-hidden)) {
-ms-flex-align: center;
align-items: center;
}
}
.billpay_open_items-extra_inputs {
grid-template-rows: 0fr; /* stylelint-disable-line */
display: grid;
-webkit-transition: grid-template-rows 0.3s ease-in-out;
transition: grid-template-rows 0.3s ease-in-out;
transition: grid-template-rows 0.3s ease-in-out, -ms-grid-rows 0.3s ease-in-out;
grid-column: 1/-1;
}
@media only screen and (min-width: 1025px) {
.billpay_open_items-extra_inputs {
grid-column: 1/5;
}
}
.billpay_open_items-extra_inputs-inner {
overflow: hidden;
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 10px;
-ms-flex-align: end;
align-items: end;
}
@media only screen and (min-width: 1025px) {
.billpay_open_items-extra_inputs-inner {
grid-template-columns: repeat(4, 1fr);
}
}
.billpay_open_items-buttons {
display: -ms-flexbox;
display: flex;
gap: 10px;
-ms-flex-direction: row;
flex-direction: row;
}
@media only screen and (max-width: 1024px) {
.billpay_open_items-buttons {
grid-column: 1/3;
}
}
@media only screen and (min-width: 1025px) {
.billpay_open_items-buttons {
grid-area: buttons;
grid-row: 1;
-ms-flex-direction: column;
flex-direction: column;
}
}
.billpay_open_items-refine {
border-radius: 3px;
padding: 14.5px 20px;
width: 100%;
}
.billpay_open_items-refine.button-disabled, .sales_rep_promo-upload:not(.active) .billpay_open_items-refine.sales_rep_promo-upload-label, .billpay_open_items-refine.button-disabled:hover, .billpay_open_items-refine.button-disabled:focus, .billpay_open_items-refine.button-disabled:active, .billpay_open_items-refine[disabled], .billpay_open_items-refine[disabled]:hover, .billpay_open_items-refine[disabled]:focus, .billpay_open_items-refine[disabled]:active {
background-color: #e7e7e7;
border-color: #e7e7e7;
-webkit-box-shadow: none;
box-shadow: none;
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.billpay_open_items-refine { /* stylelint-disable-line */
background-color: #076795;
border-color: #076795;
color: #ffffff;
}
.billpay_open_items-refine:active {
background-color: #d7e7ef;
border-color: #d7e7ef;
color: #076795;
}
@media only screen and (min-width: 1025px) {
.billpay_open_items-refine:hover {
background-color: #d7e7ef;
border-color: #d7e7ef;
color: #076795;
}
}
.billpay_open_items-refine:active {
-webkit-box-shadow: inset 0 3px 2px rgba(0, 0, 0, 0.12);
box-shadow: inset 0 3px 2px rgba(0, 0, 0, 0.12);
}
.billpay_open_items-refine {
padding-inline: 10px;
}
.billpay_open_items-clear {
border: 1px solid transparent;
cursor: pointer;
display: inline-block;
font: 1rem / 1 brandongrotesque-medium, Arial, Helvetica, sans-serif;
text-align: center;
text-transform: uppercase;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-radius: 3px;
padding: 14.5px 20px;
width: 100%;
}
.billpay_open_items-clear.button-disabled, .sales_rep_promo-upload:not(.active) .billpay_open_items-clear.sales_rep_promo-upload-label, .billpay_open_items-clear.button-disabled:hover, .billpay_open_items-clear.button-disabled:focus, .billpay_open_items-clear.button-disabled:active, .billpay_open_items-clear[disabled], .billpay_open_items-clear[disabled]:hover, .billpay_open_items-clear[disabled]:focus, .billpay_open_items-clear[disabled]:active {
background-color: #e7e7e7;
border-color: #e7e7e7;
-webkit-box-shadow: none;
box-shadow: none;
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.billpay_open_items-clear { /* stylelint-disable-line */
background-color: #ffffff;
border-color: #076795;
color: #076795;
}
.billpay_open_items-clear:active {
background-color: rgba(7, 103, 149, 0.1);
border-color: #076795;
color: #076795;
}
@media only screen and (min-width: 1025px) {
.billpay_open_items-clear:hover {
background-color: rgba(7, 103, 149, 0.1);
border-color: #076795;
color: #076795;
}
}
.billpay_open_items-clear:active {
-webkit-box-shadow: inset 0 4px 2px rgba(0, 0, 0, 0.12);
box-shadow: inset 0 4px 2px rgba(0, 0, 0, 0.12);
}
.billpay_open_items-clear {
padding-inline: 10px;
}
.billpay_open_items-modal_datepicker {
position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.billpay_open_items-modal_datepicker .date-picker-wrapper .month-wrapper {
width: 560px !important;
display: -ms-flexbox;
display: flex;
}
.billpay_open_items-modal_datepicker .date-picker-wrapper .month-wrapper .month1,
.billpay_open_items-modal_datepicker .date-picker-wrapper .month-wrapper .month2 {
width: 50% !important;
}
.billpay_open_items-modal_datepicker .date-picker-wrapper .month-wrapper .month1 {
margin-bottom: 0;
}
}
@media only screen and (min-width: 768px) {
.billpay_open_items-modal_datepicker .date-picker-wrapper:nth-child(2n) {
left: auto !important;
right: 20px;
}
.billpay_open_items-modal_datepicker .date-picker-wrapper:nth-child(2n)::before, .billpay_open_items-modal_datepicker .date-picker-wrapper:nth-child(2n)::after {
left: auto;
}
.billpay_open_items-modal_datepicker .date-picker-wrapper:nth-child(2n)::before {
right: 49px;
}
.billpay_open_items-modal_datepicker .date-picker-wrapper:nth-child(2n)::after {
right: 50px;
}
}
.billpay_open_items-datepicker-wrapper {
position: relative;
}
.billpay_open_items-datepicker-wrapper .date-picker-wrapper {
top: 65px !important;
left: 20px !important;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.billpay_open_items-datepicker-wrapper .date-picker-wrapper .month-wrapper {
width: 560px !important;
display: -ms-flexbox;
display: flex;
}
.billpay_open_items-datepicker-wrapper .date-picker-wrapper .month-wrapper .month1,
.billpay_open_items-datepicker-wrapper .date-picker-wrapper .month-wrapper .month2 {
width: 50% !important;
}
.billpay_open_items-datepicker-wrapper .date-picker-wrapper .month-wrapper .month1 {
margin-bottom: 0;
}
}
.billpay_open_items-title, .billpay_open_items-refinements {
margin-bottom: 20px;
}
@media only screen and (min-width: 1025px) {
.billpay_open_items-title, .billpay_open_items-refinements {
margin-bottom: 30px;
}
}
@media only screen and (min-width: 1025px) {
.billpay_open_items-sort, .billpay_open_items-search, .billpay_open_items-clear {
-ms-flex-positive: 0;
flex-grow: 0;
}
}
.billpay_open_items-sort {
display: -ms-flexbox;
display: flex;
-ms-flex: 5 0 auto;
flex: 5 0 auto;
}
@media only screen and (min-width: 768px) {
.billpay_open_items-sort {
min-width: 100px;
width: auto;
}
}
@media only screen and (min-width: 768px) {
.billpay_open_items-sort .sort_order {
display: -ms-flexbox;
display: flex;
width: 100%;
}
}
.billpay_open_items-sort .sort_order-title {
width: 100%;
}
@media only screen and (max-width: 767px) {
.billpay_open_items-sort .sort_order-title::after {
border: 5px solid transparent;
border-top-color: #076795;
border-bottom-width: 0;
content: "";
margin: 0 0 0 10px;
width: auto;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
-webkit-transform: rotate(0);
transform: rotate(0);
-ms-flex-item-align: center;
align-self: center;
}
.m-selected .billpay_open_items-sort .sort_order-title::after {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.billpay_open_items-sort .sort_order-title {
border: 1px solid #c5c5c5;
border-radius: 3px;
-ms-flex-pack: justify;
justify-content: space-between;
text-transform: capitalize;
color: #000000;
font: 1rem opensans-regular, Arial, Helvetica, sans-serif;
}
}
.billpay_open_items-sort .sort_order-triangles {
display: none;
}
.billpay_open_items-filter {
border: 1px solid transparent;
cursor: pointer;
display: inline-block;
font: 1rem / 1 brandongrotesque-medium, Arial, Helvetica, sans-serif;
text-align: center;
text-transform: uppercase;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-radius: 3px;
padding: 14.5px 20px;
width: 100%;
}
.billpay_open_items-filter.button-disabled, .sales_rep_promo-upload:not(.active) .billpay_open_items-filter.sales_rep_promo-upload-label, .billpay_open_items-filter.button-disabled:hover, .billpay_open_items-filter.button-disabled:focus, .billpay_open_items-filter.button-disabled:active, .billpay_open_items-filter[disabled], .billpay_open_items-filter[disabled]:hover, .billpay_open_items-filter[disabled]:focus, .billpay_open_items-filter[disabled]:active {
background-color: #e7e7e7;
border-color: #e7e7e7;
-webkit-box-shadow: none;
box-shadow: none;
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.billpay_open_items-filter { /* stylelint-disable-line */
background-color: #076795;
border-color: #076795;
color: #ffffff;
}
.billpay_open_items-filter:active {
background-color: #d7e7ef;
border-color: #d7e7ef;
color: #076795;
}
@media only screen and (min-width: 1025px) {
.billpay_open_items-filter:hover {
background-color: #d7e7ef;
border-color: #d7e7ef;
color: #076795;
}
}
.billpay_open_items-filter:active {
-webkit-box-shadow: inset 0 3px 2px rgba(0, 0, 0, 0.12);
box-shadow: inset 0 3px 2px rgba(0, 0, 0, 0.12);
}
.billpay_open_items-filter:after {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f146";
}
.billpay_open_items-filter {
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: center;
align-items: center;
width: auto;
padding-right: 35px;
margin: 5px;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
position: relative;
}
.billpay_open_items-filter::after {
position: absolute;
top: 50%;
right: 10px;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
color: #ffffff;
}
@media only screen and (min-width: 768px) {
.billpay_open_items-filter:hover::after {
color: #076795;
}
}
.billpay_open_items #seeMore:checked + .billpay_open_items-inputs,
.billpay_open_items #seeMore:checked + .billpay_open_items-inputs .billpay_open_items-extra_inputs {
grid-template-rows: 1fr;
}
@media only screen and (min-width: 1025px) {
.billpay_open_items #seeMore:checked + .billpay_open_items-inputs .billpay_open_items-buttons,
.billpay_open_items #seeMore:checked + .billpay_open_items-inputs .billpay_open_items-extra_inputs .billpay_open_items-buttons {
grid-row: 1/span 2;
-ms-flex-item-align: start;
align-self: flex-start;
-webkit-transform: translateY(25px);
transform: translateY(25px);
}
}
@media only screen and (max-width: 1024px) {
.billpay_open_items #seeMore:checked ~ .billpay_open_items-additional_btn {
border-radius: 3px 3px 0 0;
}
.billpay_open_items #seeMore:checked ~ .billpay_open_items-additional_btn::before {
content: attr(data-m-text);
}
.billpay_open_items #seeMore:checked ~ .billpay_open_items-additional_btn::after {
content: "\2013";
}
}
@media only screen and (min-width: 1025px) {
.billpay_open_items #seeMore:checked ~ .billpay_open_items-additional_btn::before {
content: attr(data-hide-text);
}
.billpay_open_items #seeMore:checked ~ .billpay_open_items-additional_btn::after {
rotate: 180deg;
top: 0;
}
}
.billpay_table {
width: 100%;
}
@media only screen and (min-width: 1025px) {
[locale=de_DE] .billpay_table .table_min_tl-body_cell, [locale=de_DE] .billpay_table .table_min_tl-header_cell {
word-break: break-all;
}
}
.billpay_table .table_min_tl-wrap {
margin-bottom: 25px;
}
.billpay_table .table_min_tl-header_cell .sort_label::after {
border-top-color: #ffffff;
opacity: 1;
}
.billpay_table .table_min_tl-header_cell.billpay_table-select {
padding: 15px 40px 15px 15px;
}
.billpay_table .table_min_tl-body_row {
position: relative;
}
.billpay_table .table_min_tl-body_row.selected {
background-color: #ffffce;
}
.billpay_table .table_min_tl-body_cell {
word-break: break-word;
}
@media only screen and (max-width: 1024px) {
.billpay_table .table_min_tl-body_cell {
width: 100%;
}
}
@media only screen and (min-width: 1025px) {
.billpay_table .table_min_tl-body_cell {
-ms-flex-pack: center;
justify-content: center;
}
.m-reports .billpay_table .table_min_tl-body_cell {
max-width: 111px;
}
}
.billpay_table .table_min_tl-body_cell .label,
.billpay_table .table_min_tl-body_cell .value {
font-size: 1rem;
}
.billpay_table .table_min_tl-body_cell .price_strike {
color: #646464;
font: 1rem / 1.5714285714rem brandongrotesque-light, Arial, Helvetica, sans-serif;
}
.billpay_table .past-due .table_min_tl-body_cell .value {
color: #ff0000;
}
.billpay_table .past-due .billpay_table-details_table .value {
color: #646464;
}
.billpay_table .sort_label::after {
border: 5px solid transparent;
border-top-color: #076795;
border-bottom-width: 0;
content: "";
margin: 0 0 0 10px;
width: auto;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
-webkit-transform: rotate(0);
transform: rotate(0);
-ms-flex-item-align: center;
align-self: center;
}
.billpay_table .sort_label.active::after {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.billpay_table .sort_label {
display: -ms-flexbox;
display: flex;
padding: 10px;
margin: -10px 5px -10px -10px;
}
.billpay_table .sort_label::after {
opacity: 0.5;
margin: 0;
}
.billpay_table .sort_label:hover::after, .billpay_table .sort_label.active::after {
opacity: 1;
}
@media only screen and (max-width: 1024px) {
.billpay_table .sort_label {
display: none;
}
}
@media only screen and (min-width: 1025px) {
.billpay_table .sort_label-wrapper {
width: 25px;
}
}
.billpay_table .dashboard-export {
margin-bottom: 0;
}
.billpay_table-show_details {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.billpay_table-select {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
position: relative;
padding-left: 30px;
}
@media only screen and (min-width: 1025px) {
.billpay_table-select {
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-positive: 1.5;
flex-grow: 1.5;
padding-left: 50px;
}
}
.billpay_table-select .sort_link-invoice_type {
margin-right: 10px;
}
@media only screen and (min-width: 1025px) {
[locale=de_CH] .billpay_table-select .sort_link-invoice_type {
word-break: inherit;
}
}
[locale=de_DE] .billpay_table-select .sort_link-invoice_type {
margin-right: 40px;
}
@media only screen and (max-width: 1024px) {
.billpay_table-select {
margin-bottom: 20px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.billpay_table-select label {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.billpay_table-select .label {
width: 100%;
}
.billpay_table-select .value {
font-size: 1.1428571429rem;
}
.billpay_payment-form .billpay_table-select {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.billpay_payment-form .billpay_table-select .value {
font-size: 0.9285714286rem;
}
}
.billpay_table-select input[type=checkbox]:not(.custom-switch) + label {
margin-bottom: 0;
font-size: 1rem;
}
@media only screen and (min-width: 1025px) {
.billpay_table-select input[type=checkbox]:not(.custom-switch) + label {
line-height: 1;
}
}
.billpay_table-select .select-unselect-invoice[readonly] + label {
pointer-events: none;
}
.billpay_table .billpay_table-select {
-ms-flex-pack: start;
justify-content: flex-start;
}
@media only screen and (min-width: 1025px) {
.billpay_table .billpay_table-select {
padding-left: 45px;
padding-right: 45px;
}
html[locale=de_DE] .billpay_table .billpay_table-select {
padding-left: 75px;
padding-right: 15px;
}
.m-reports .billpay_table .billpay_table-select {
max-width: 200px;
}
}
@media only screen and (min-width: 1025px) {
html[locale=de_DE] .billpay_open_items .billpay_table .billpay_table-select.table_min_tl-header_cell {
padding-left: 13px;
word-break: normal;
}
}
.billpay_table-select .billpay_badge {
position: absolute;
top: 50%;
left: -25px;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
z-index: 3;
}
@media only screen and (min-width: 1025px) {
.billpay_table-select .billpay_badge {
left: -5px;
}
}
.billpay_table-checkbox {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.billpay_table-order_number .value {
word-break: break-word;
word-wrap: break-word;
}
.billpay_table-payment_input {
display: none;
}
.selected .billpay_table-payment_input {
display: block;
}
.billpay_table-actions {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 20px;
}
@media only screen and (min-width: 1025px) {
.billpay_table-actions {
overflow: hidden;
text-overflow: ellipsis;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-align: center;
align-items: center;
margin-top: 0;
padding-right: 20px;
min-width: 120px;
-ms-flex-positive: 0;
flex-grow: 0;
}
.billpay_table .billpay_table-actions {
-ms-flex-pack: end;
justify-content: flex-end;
}
}
.billpay_table-create_dispute, .billpay_table-available_dispute, .billpay_table-export {
border: 1px solid transparent;
cursor: pointer;
display: inline-block;
font: 1rem / 1 brandongrotesque-medium, Arial, Helvetica, sans-serif;
text-align: center;
text-transform: uppercase;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-radius: 3px;
padding: 14.5px 20px;
width: 100%;
}
.billpay_table-create_dispute.button-disabled, .sales_rep_promo-upload:not(.active) .billpay_table-create_dispute.sales_rep_promo-upload-label, .billpay_table-create_dispute.button-disabled:hover, .billpay_table-create_dispute.button-disabled:focus, .billpay_table-create_dispute.button-disabled:active, .billpay_table-create_dispute[disabled], .billpay_table-create_dispute[disabled]:hover, .billpay_table-create_dispute[disabled]:focus, .billpay_table-create_dispute[disabled]:active, .billpay_table-available_dispute.button-disabled, .sales_rep_promo-upload:not(.active) .billpay_table-available_dispute.sales_rep_promo-upload-label, .billpay_table-available_dispute.button-disabled:hover, .billpay_table-available_dispute.button-disabled:focus, .billpay_table-available_dispute.button-disabled:active, .billpay_table-available_dispute[disabled], .billpay_table-available_dispute[disabled]:hover, .billpay_table-available_dispute[disabled]:focus, .billpay_table-available_dispute[disabled]:active, .billpay_table-export.button-disabled, .sales_rep_promo-upload:not(.active) .billpay_table-export.sales_rep_promo-upload-label, .billpay_table-export.button-disabled:hover, .billpay_table-export.button-disabled:focus, .billpay_table-export.button-disabled:active, .billpay_table-export[disabled], .billpay_table-export[disabled]:hover, .billpay_table-export[disabled]:focus, .billpay_table-export[disabled]:active {
background-color: #e7e7e7;
border-color: #e7e7e7;
-webkit-box-shadow: none;
box-shadow: none;
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.billpay_table-create_dispute, .billpay_table-available_dispute, .billpay_table-export { /* stylelint-disable-line */
background-color: #ffffff;
border-color: #076795;
color: #076795;
}
.billpay_table-create_dispute:active, .billpay_table-available_dispute:active, .billpay_table-export:active {
background-color: rgba(7, 103, 149, 0.1);
border-color: #076795;
color: #076795;
}
@media only screen and (min-width: 1025px) {
.billpay_table-create_dispute:hover, .billpay_table-available_dispute:hover, .billpay_table-export:hover {
background-color: rgba(7, 103, 149, 0.1);
border-color: #076795;
color: #076795;
}
}
.billpay_table-create_dispute:active, .billpay_table-available_dispute:active, .billpay_table-export:active {
-webkit-box-shadow: inset 0 4px 2px rgba(0, 0, 0, 0.12);
box-shadow: inset 0 4px 2px rgba(0, 0, 0, 0.12);
}
.billpay_table-create_dispute, .billpay_table-available_dispute, .billpay_table-export {
padding-left: 50px;
padding-right: 50px;
}
.billpay_table-create_dispute::before, .billpay_table-available_dispute::before, .billpay_table-export::before {
position: absolute;
left: 20px;
color: #076795;
opacity: 0.5;
font-size: 1.4285714286rem;
}
@media only screen and (min-width: 1025px) {
.billpay_table-create_dispute, .billpay_table-available_dispute, .billpay_table-export {
padding: 0;
font-size: 0;
border: 0;
width: auto;
}
.billpay_table-create_dispute::before, .billpay_table-available_dispute::before, .billpay_table-export::before {
position: static;
}
.billpay_table-create_dispute:hover::before, .billpay_table-available_dispute:hover::before, .billpay_table-export:hover::before {
opacity: 1;
}
}
.billpay_table-actions .billpay_table-create_dispute, .billpay_table-actions .billpay_table-available_dispute, .billpay_table-actions .billpay_table-export {
background-color: transparent;
}
.billpay_table-available_dispute + .billpay_table-export, .billpay_table-create_dispute + .billpay_table-export {
margin-top: 15px;
}
@media only screen and (min-width: 1025px) {
.billpay_table-available_dispute + .billpay_table-export, .billpay_table-create_dispute + .billpay_table-export {
margin: 0 0 0 4px;
}
}
.billpay_table-create_dispute:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f12f";
}
@media only screen and (max-width: 1024px) {
.billpay_table-create_dispute {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
}
.billpay_table-create_dispute::before {
position: static;
margin-right: 20px;
}
}
.billpay_table-available_dispute:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f170";
}
.billpay_table-available_dispute::before {
font-size: 1.1428571429rem;
}
@media only screen and (max-width: 1024px) {
.billpay_table-available_dispute {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
}
.billpay_table-available_dispute::before {
position: static;
margin-right: 20px;
}
}
.billpay_table-export:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f150";
}
@media only screen and (max-width: 1024px) {
.billpay_table-export {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
}
.billpay_table-export::before {
position: relative;
margin-right: 20px;
left: 7px;
}
}
.billpay_table-export.m-xls:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f175";
}
.billpay_table-export.m-xls {
margin-top: 15px;
}
@media only screen and (min-width: 1025px) {
.billpay_table-export.m-xls {
margin: 0 0 0 1px;
width: 24px;
}
}
.billpay_table-export.m-xls::before {
font-size: 2.1428571429rem;
line-height: 1.1428571429rem;
}
.billpay_table-export.m-download:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f175";
}
.billpay_table-export.m-download {
background-color: transparent;
margin: 0 -5px 0 auto;
font-size: 0;
border: 0;
}
.billpay_table-export.m-download::before {
font-size: 2.1428571429rem;
line-height: 1.1428571429rem;
}
@media only screen and (max-width: 1024px) {
.billpay_table-export.m-download {
padding: 0;
display: block;
margin: 0;
text-align: left;
width: 30px;
}
.billpay_table-export.m-download::before {
margin-left: -10px;
}
}
.billpay_table-export_tip {
bottom: 8px;
color: #646464;
font-size: 0.7142857143rem;
position: absolute;
}
@media only screen and (max-width: 1024px) {
.billpay_table-export_tip {
display: none;
}
}
.billpay_table-item_details {
display: none;
width: 100%;
padding: 25px 10px;
margin-top: 20px;
border: 1px solid #e7e7e7;
border-radius: 3px;
background-color: #f7f9f9;
}
@media only screen and (min-width: 1025px) {
.billpay_table-item_details {
padding: 30px 20px 30px 50px;
margin-top: 0;
border-width: 1px 0 0 0;
border-radius: 0;
}
}
.billpay_table-item_details-toggle {
width: 100%;
text-align: center;
}
.billpay_table-item_details-toggle_link::after {
border: 5px solid transparent;
border-top-color: #076795;
border-bottom-width: 0;
content: "";
margin: 0 0 0 10px;
width: auto;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
-webkit-transform: rotate(0);
transform: rotate(0);
-ms-flex-item-align: center;
align-self: center;
}
.billpay_table-item_details-toggle_link.active::after {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.billpay_table-item_details-toggle_link {
color: #000000;
font: 1rem opensans-regular, Arial, Helvetica, sans-serif;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-transition: -webkit-transform 0.2s ease 0s;
transition: -webkit-transform 0.2s ease 0s;
transition: transform 0.2s ease 0s;
transition: transform 0.2s ease 0s, -webkit-transform 0.2s ease 0s;
}
.billpay_table-item_details-toggle_link::after {
opacity: 0.5;
}
.billpay_table-item_details-toggle_link.active::after {
opacity: 1;
}
@media only screen and (min-width: 768px) {
.billpay_table-item_details .billpay_table-details_table {
width: 75%;
}
.billpay-main-wrapper .billpay_table-item_details .billpay_table-details_table {
width: 100%;
}
}
.billpay_table-details {
margin-bottom: 20px;
}
@media only screen and (min-width: 1025px) {
.billpay_table-details {
margin-bottom: 10px;
width: 70%;
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
-webkit-column-gap: 30px;
-moz-column-gap: 30px;
column-gap: 30px;
}
}
.billpay_table-details-row {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 10px;
}
@media only screen and (min-width: 1025px) {
.billpay_table-details-row {
display: block;
margin-bottom: 5px;
}
}
.billpay_table-details .label,
.billpay_table-details .value {
font: 1rem opensans-regular, Arial, Helvetica, sans-serif;
}
@media only screen and (min-width: 1025px) {
.billpay_table-details .label,
.billpay_table-details .value {
font-size: 0.9285714286rem;
}
}
.billpay_table-details .label {
margin-right: 10px;
color: #646464;
}
@media only screen and (min-width: 1025px) {
.billpay_table-details .label {
margin-right: 2px;
}
}
.billpay_table-details .value {
text-align: right;
}
.billpay_table-details_table .table_min_tl-header_cell {
min-height: auto;
font-family: brandongrotesque-regular, Arial, Helvetica, sans-serif;
text-transform: capitalize;
}
.billpay_table-details_table .table_min_tl-body_row {
background-color: #ffffff;
}
.billpay_table-details_table .table_min_tl-body_row .label,
.billpay_table-details_table .table_min_tl-body_row .value {
font-size: 0.9285714286rem;
}
@media only screen and (max-width: 767px) {
.past-due .billpay_table-details_table .table_min_tl-body_row .value,
.billpay_table-details_table .table_min_tl-body_row .value {
color: #000000;
font-family: opensans-semibold, Arial, Helvetica, sans-serif;
}
}
.billpay_table-details_table-name {
font-family: opensans-semibold, Arial, Helvetica, sans-serif;
word-wrap: break-word;
}
@media only screen and (max-width: 767px) {
.billpay_table .pagination-text {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-order: 1;
order: 1;
margin: 20px 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.billpay_table .pagination-container {
margin-top: 15px;
}
}
.billpay_table-empty {
margin: 50px auto 100px;
max-width: 230px;
}
.billpay_table-empty-title {
margin-top: 20px;
font: 1.1428571429rem opensans-regular, Arial, Helvetica, sans-serif;
color: #646464;
text-align: center;
}
@media only screen and (max-width: 1024px) {
.billpay_table-invoice-item .billpay_table-select {
-ms-flex-pack: end;
justify-content: flex-end;
}
.billpay_table-invoice-item .billpay_table-select input:not(.custom-switcher) + label {
padding-left: 21px;
}
}
@media only screen and (min-width: 1025px) {
[locale=de_DE] .billpay_table-dispute_cases-reason.table_min_tl-header_cell {
white-space: nowrap;
}
}
.billpay_table.m-p3 .table_min_tl-body_row {
-ms-flex-pack: justify;
justify-content: space-between;
}
@media only screen and (max-width: 1024px) {
.billpay_table.m-p3 .table_min_tl-body_row {
margin-bottom: 0;
border-top: 0;
}
}
.billpay_table.m-p3 .table_min_tl-body_cell {
max-width: unset;
}
@media only screen and (max-width: 1024px) {
.billpay_table.m-p3 .table_min_tl-body_cell {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
margin-bottom: 20px;
}
.billpay_table.m-p3 .table_min_tl-body_cell:last-child {
margin-bottom: 0;
}
}
.billpay_table.m-p3 .p3-tip {
min-width: 100px;
}
@media only screen and (max-width: 1024px) {
.billpay_table.m-p3 .p3-value {
font-weight: bold;
}
}
@media only screen and (max-width: 1024px) {
.billpay_table.m-p3 .reports-rec_order-item {
padding: 0;
}
}
.billpay_badge {
padding: 8px 6px;
font: 0.8571428571rem / 0.8571428571rem opensans-regular, Arial, Helvetica, sans-serif;
color: #ffffff;
background-color: #888888;
-webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
min-width: 37px;
min-height: 28px;
}
.billpay_badge::before, .billpay_badge::after {
position: absolute;
right: -7px;
content: "";
}
.billpay_badge::before {
top: 0;
border: 7px solid transparent;
border-top: 14px solid #888888;
}
.billpay_badge::after {
bottom: 0;
border: 7px solid transparent;
border-bottom: 14px solid #888888;
}
.billpay_badge-text::after {
position: absolute;
bottom: -2px;
left: 1px;
border: 3px solid transparent;
border-bottom-color: rgb(123.25, 123.25, 123.25);
border-top-width: 0;
content: "";
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.billpay_badge.badge-CM {
background-color: #4794b9;
}
.billpay_badge.badge-CM::before {
border-top-color: #4794b9;
}
.billpay_badge.badge-CM::after {
border-bottom-color: #4794b9;
}
.billpay_badge.badge-CM .billpay_badge-text::after {
border-bottom-color: rgb(63.5236220472, 133.3996062992, 166.9763779528);
}
.billpay_badge.badge-PMT {
background-color: #59c0a5;
}
.billpay_badge.badge-PMT::before {
border-top-color: #59c0a5;
}
.billpay_badge.badge-PMT::after {
border-bottom-color: #59c0a5;
}
.billpay_badge.badge-PMT .billpay_badge-text::after {
border-bottom-color: rgb(70.5152838428, 184.9847161572, 154.9781659389);
}
.billpay_badge.badge-INV, .billpay_badge.badge-RES {
background-color: #ec7e52;
}
.billpay_badge.badge-INV::before, .billpay_badge.badge-RES::before {
border-top-color: #ec7e52;
}
.billpay_badge.badge-INV::after, .billpay_badge.badge-RES::after {
border-bottom-color: #ec7e52;
}
.billpay_badge.badge-INV .billpay_badge-text::after, .billpay_badge.badge-RES .billpay_badge-text::after {
border-bottom-color: rgb(230.953125, 91.734375, 36.046875);
}
.billpay_badge.m-L-CM .tooltip, .billpay_badge.m-L-INV .tooltip {
min-width: 240px;
}
.billpay_badge .tooltip {
text-align: center;
}
.billpay-past_due-modal .modal-dialog {
max-width: 400px;
}
.billpay-past_due-form {
margin-top: 30px;
}
.billpay-past_due-form .form-group + .form-group {
margin-top: 22px;
}
.billpay-past_due-total {
font-family: opensans-regular, Arial, Helvetica, sans-serif;
}
.billpay-past_due-actions {
margin-top: 15px;
}
.billpay-past_due-button {
border-radius: 3px;
padding: 14.5px 20px;
width: 100%;
}
.billpay-past_due-button.button-disabled, .sales_rep_promo-upload:not(.active) .billpay-past_due-button.sales_rep_promo-upload-label, .billpay-past_due-button.button-disabled:hover, .billpay-past_due-button.button-disabled:focus, .billpay-past_due-button.button-disabled:active, .billpay-past_due-button[disabled], .billpay-past_due-button[disabled]:hover, .billpay-past_due-button[disabled]:focus, .billpay-past_due-button[disabled]:active {
background-color: #e7e7e7;
border-color: #e7e7e7;
-webkit-box-shadow: none;
box-shadow: none;
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.billpay-past_due-button { /* stylelint-disable-line */
background-color: #076795;
border-color: #076795;
color: #ffffff;
}
.billpay-past_due-button:active {
background-color: #d7e7ef;
border-color: #d7e7ef;
color: #076795;
}
@media only screen and (min-width: 1025px) {
.billpay-past_due-button:hover {
background-color: #d7e7ef;
border-color: #d7e7ef;
color: #076795;
}
}
.billpay-past_due-button:active {
-webkit-box-shadow: inset 0 3px 2px rgba(0, 0, 0, 0.12);
box-shadow: inset 0 3px 2px rgba(0, 0, 0, 0.12);
}
.billpay_credit-subtitle {
margin-bottom: 20px;
color: #646464;
font: 1rem / 1.5 opensans-regular, Arial, Helvetica, sans-serif;
}
.billpay_credit-subtitle .qty {
color: #213858;
font-family: opensans-semibold, Arial, Helvetica, sans-serif;
}
.billpay_credit-memo-list {
margin-bottom: 15px;
}
.billpay_credit-memo-item {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
padding: 10px 30px 10px 60px;
margin-bottom: 5px;
border: 1px solid #e7e7e7;
border-radius: 3px;
cursor: pointer;
}
@media only screen and (max-width: 767px) {
.billpay_credit-memo-item {
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.billpay_credit-memo-item:hover {
background-color: #f7f9f9;
}
.billpay_credit-memo-item .billpay_badge {
position: absolute;
top: 50%;
left: -5px;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
max-width: 50px;
}
.billpay_credit-memo-item .billpay_badge-text {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.billpay_credit-selected .billpay_credit-memo-item {
cursor: default;
}
.billpay_credit-selected .billpay_credit-memo-item:hover {
background-color: transparent;
}
.billpay_credit-memo-label {
color: #646464;
font: 1rem opensans-regular, Arial, Helvetica, sans-serif;
-ms-flex: 1 1 50%;
flex: 1 1 50%;
padding-right: 10px;
}
@media only screen and (min-width: 768px) {
.billpay_credit-memo-label {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
}
}
.billpay_credit-memo-price {
color: #000000;
font-family: opensans-semibold, Arial, Helvetica, sans-serif;
}
.billpay_credit-memo-invoice {
word-break: break-all;
}
@media only screen and (max-width: 767px) {
.billpay_credit-memo-number {
-ms-flex-order: 1;
order: 1;
}
}
@media only screen and (min-width: 768px) {
.billpay_credit-memo-date {
text-align: right;
}
}
.billpay_credit-memo-remove {
position: absolute;
top: 50%;
right: 0;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.billpay_credit-memo-remove:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 12px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f130";
}
.billpay_credit-memo-remove {
cursor: pointer;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
.billpay_credit-memo-remove::before {
color: #076795;
opacity: 0.5;
padding: 10px;
}
@media only screen and (min-width: 768px) {
.billpay_credit-memo-remove::before {
font-size: 10px;
}
}
.billpay_credit-memo-remove:hover::before {
opacity: 1;
}
@media only screen and (max-width: 767px) {
.billpay_credit .modal-dialog,
.billpay_credit .modal-content {
height: 100%;
}
}
.billpay_credit .modal-dialog {
max-width: 650px;
}
.billpay_credit .modal-header {
padding-bottom: 20px;
}
.billpay_credit .modal-body {
padding-bottom: 20px;
-ms-flex-positive: 1;
flex-grow: 1;
height: 100%;
overflow: auto;
}
@media only screen and (max-width: 767px) {
.billpay_credit .modal-body {
padding: 0 20px 20px;
}
}
@media only screen and (min-width: 768px) {
.billpay_credit .modal-body {
max-height: 500px;
}
}
.billpay_credit .modal-footer {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-top: 15px;
}
@media only screen and (max-width: 767px) {
.billpay_credit .modal-footer {
padding: 20px;
-webkit-box-shadow: 0 0 7px 1px #c5c5c5;
box-shadow: 0 0 7px 1px #c5c5c5;
}
}
.billpay_credit .modal-footer .button {
margin: 5px;
-ms-flex-positive: 1;
flex-grow: 1;
width: auto;
}
.billpay_credit .pagination::before {
display: none;
}
.billpay_credit .pagination-container {
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
}
.billpay_credit .pagination-text {
-ms-flex-order: 1;
order: 1;
}
.billpay_dispute-form {
margin-top: 30px;
}
.billpay_dispute-row {
padding: 10px;
border: 1px solid #e7e7e7;
border-radius: 3px;
}
.billpay_dispute-row + .billpay_dispute-row {
margin-top: 10px;
}
.billpay_dispute-row input[type=radio] + label {
margin-bottom: 0;
}
.billpay_dispute-actions {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 20px -5px 0;
}
.billpay_dispute-save, .billpay_dispute-cancel {
-ms-flex: 1 1 45%;
flex: 1 1 45%;
margin: 0 5px 10px;
padding-left: 10px;
padding-right: 10px;
}
.billpay_dispute-save {
border-radius: 3px;
padding: 14.5px 20px;
width: 100%;
}
.billpay_dispute-save.button-disabled, .sales_rep_promo-upload:not(.active) .billpay_dispute-save.sales_rep_promo-upload-label, .billpay_dispute-save.button-disabled:hover, .billpay_dispute-save.button-disabled:focus, .billpay_dispute-save.button-disabled:active, .billpay_dispute-save[disabled], .billpay_dispute-save[disabled]:hover, .billpay_dispute-save[disabled]:focus, .billpay_dispute-save[disabled]:active {
background-color: #e7e7e7;
border-color: #e7e7e7;
-webkit-box-shadow: none;
box-shadow: none;
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.billpay_dispute-save { /* stylelint-disable-line */
background-color: #076795;
border-color: #076795;
color: #ffffff;
}
.billpay_dispute-save:active {
background-color: #d7e7ef;
border-color: #d7e7ef;
color: #076795;
}
@media only screen and (min-width: 1025px) {
.billpay_dispute-save:hover {
background-color: #d7e7ef;
border-color: #d7e7ef;
color: #076795;
}
}
.billpay_dispute-save:active {
-webkit-box-shadow: inset 0 3px 2px rgba(0, 0, 0, 0.12);
box-shadow: inset 0 3px 2px rgba(0, 0, 0, 0.12);
}
.billpay_dispute-cancel {
border-radius: 3px;
padding: 14.5px 20px;
width: 100%;
}
.billpay_dispute-cancel.button-disabled, .sales_rep_promo-upload:not(.active) .billpay_dispute-cancel.sales_rep_promo-upload-label, .billpay_dispute-cancel.button-disabled:hover, .billpay_dispute-cancel.button-disabled:focus, .billpay_dispute-cancel.button-disabled:active, .billpay_dispute-cancel[disabled], .billpay_dispute-cancel[disabled]:hover, .billpay_dispute-cancel[disabled]:focus, .billpay_dispute-cancel[disabled]:active {
background-color: #e7e7e7;
border-color: #e7e7e7;
-webkit-box-shadow: none;
box-shadow: none;
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.billpay_dispute-cancel { /* stylelint-disable-line */
background-color: #ffffff;
border-color: #076795;
color: #076795;
}
.billpay_dispute-cancel:active {
background-color: rgba(7, 103, 149, 0.1);
border-color: #076795;
color: #076795;
}
@media only screen and (min-width: 1025px) {
.billpay_dispute-cancel:hover {
background-color: rgba(7, 103, 149, 0.1);
border-color: #076795;
color: #076795;
}
}
.billpay_dispute-cancel:active {
-webkit-box-shadow: inset 0 4px 2px rgba(0, 0, 0, 0.12);
box-shadow: inset 0 4px 2px rgba(0, 0, 0, 0.12);
}
.auto_pay_terms-popup .modal-body {
height: 300px;
overflow: auto;
}
.auto_pay_terms-popup .autopay-terms-wrapper {
min-height: 350px;
}
.auto_pay_terms-popup .content_page-article {
border-bottom: none;
margin-bottom: 0;
}
.billpay_refinements {
margin-bottom: 20px;
}
.billpay_refinements-form {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: end;
align-items: flex-end;
margin: 0 -5px;
}
@media only screen and (min-width: 768px) {
.billpay_refinements-form {
margin: 0;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
}
.billpay_refinements-form .form-group {
-ms-flex: 1 1 45%;
flex: 1 1 45%;
margin-left: 5px;
margin-right: 5px;
}
.billpay_refinements-form .form-group:first-child + .form-group {
margin-top: 0;
}
@media only screen and (min-width: 768px) {
.billpay_refinements-form .form-group {
-ms-flex: 0 1 20%;
flex: 0 1 20%;
margin: 0 15px 0 0;
}
.billpay_refinements-form .form-group + .form-group {
margin-top: 0;
}
}
.billpay_dispute .billpay_refinements-form {
-ms-flex-align: start;
align-items: flex-start;
}
.billpay_refinements-datepicker {
width: 100%;
}
@media only screen and (min-width: 768px) {
.billpay_refinements-datepicker {
max-width: 220px;
}
}
.billpay_refinements-datepicker-label {
font: 1rem / 1.1428571429rem brandongrotesque-medium, Arial, Helvetica, sans-serif;
margin-bottom: 8px;
}
.billpay_refinements-input {
margin-top: 10px;
width: 100%;
}
@media only screen and (min-width: 768px) {
.billpay_refinements-input {
margin-top: 0;
width: auto;
}
}
.billpay_refinements-custom_label {
color: transparent;
pointer-events: none;
}
@media only screen and (max-width: 767px) {
.billpay_refinements-custom_label {
display: none;
}
}
.billpay_refinements-button {
border-radius: 3px;
padding: 14.5px 20px;
width: 100%;
}
.billpay_refinements-button.button-disabled, .sales_rep_promo-upload:not(.active) .billpay_refinements-button.sales_rep_promo-upload-label, .billpay_refinements-button.button-disabled:hover, .billpay_refinements-button.button-disabled:focus, .billpay_refinements-button.button-disabled:active, .billpay_refinements-button[disabled], .billpay_refinements-button[disabled]:hover, .billpay_refinements-button[disabled]:focus, .billpay_refinements-button[disabled]:active {
background-color: #e7e7e7;
border-color: #e7e7e7;
-webkit-box-shadow: none;
box-shadow: none;
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.billpay_refinements-button { /* stylelint-disable-line */
background-color: #076795;
border-color: #076795;
color: #ffffff;
}
.billpay_refinements-button:active {
background-color: #d7e7ef;
border-color: #d7e7ef;
color: #076795;
}
@media only screen and (min-width: 1025px) {
.billpay_refinements-button:hover {
background-color: #d7e7ef;
border-color: #d7e7ef;
color: #076795;
}
}
.billpay_refinements-button:active {
-webkit-box-shadow: inset 0 3px 2px rgba(0, 0, 0, 0.12);
box-shadow: inset 0 3px 2px rgba(0, 0, 0, 0.12);
}
.billpay_refinements-button {
margin: 24px 5px 0;
min-width: 150px;
}
@media only screen and (min-width: 768px) {
.billpay_refinements-button {
margin: 0 0 0 auto;
width: auto;
-ms-flex-item-align: end;
align-self: flex-end;
}
.billpay_reports .billpay_refinements-button {
margin-top: 0;
}
}
@media only screen and (max-width: 767px) {
.billpay_statements .billpay_refinements-button, .billpay_reports .billpay_refinements-button {
margin-top: 10px;
}
}
@media only screen and (min-width: 768px) {
.billpay_payment {
display: -ms-flexbox;
display: flex;
}
}
@media only screen and (min-width: 768px) {
.billpay_payment-main {
width: 70%;
-ms-flex-positive: 1;
flex-grow: 1;
}
}
@media only screen and (max-width: 1024px) {
.billpay_payment-main .billpay_table-select {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
}
.billpay_payment-main .billpay_receipt-table_po_number {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
}
.billpay_payment-main .billpay_receipt-table_po_number .label,
.billpay_payment-main .billpay_receipt-table_po_number .value {
width: 100%;
text-align: right;
}
}
.billpay_payment-summary {
margin-top: 20px;
padding: 30px 10px;
}
@media only screen and (min-width: 768px) {
.billpay_payment-summary {
-ms-flex-item-align: start;
align-self: flex-start;
width: 30%;
margin: 0 0 0 20px;
padding: 30px 20px;
}
}
@media only screen and (min-width: 1025px) {
.billpay_payment-summary {
width: 25%;
}
}
.billpay_payment-form .error_banner {
margin-bottom: 20px;
}
.billpay_payment-form .spinner-wrapper {
display: none;
}
.billpay_payment-save_card {
margin-top: 20px;
}
.billpay_payment-save_card.m-dhpp {
margin-top: 0;
}
@media only screen and (min-width: 1025px) {
.billpay_payment-save_card {
max-width: 45%;
}
}
.billpay_payment .error_banner {
margin-bottom: 20px;
}
.billpay_payment .billpay_table {
margin-bottom: 30px;
}
.billpay_payment .payment_info-stored_payments {
margin-top: 20px;
}
@media only screen and (min-width: 1025px) {
.billpay_payment .payment_info-stored_payments {
max-width: 45%;
}
}
.billpay_payment .payment_info-stored_payments .select {
width: 100%;
}
.billpay_payment .payment_info-agreement {
padding-top: 0;
}
.billpay_summary-title {
font: 1.2857142857rem opensans-semibold, Arial, Helvetica, sans-serif;
color: #213858;
margin-bottom: 15px;
}
.billpay_summary-info {
margin-bottom: 20px;
padding: 7px 0;
border-top: 1px solid #e7e7e7;
border-bottom: 1px solid #e7e7e7;
}
.billpay_summary-info-row {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 7px 0;
font: 0.9285714286rem opensans-regular, Arial, Helvetica, sans-serif;
color: #646464;
}
.billpay_summary-info-surcharge {
background-color: #ffefae;
margin: 0 -5px 5px;
padding: 5px;
border: 1px solid #e9d892;
border-radius: 3px;
}
.billpay_summary-info .label {
margin-right: 5px;
}
.billpay_summary-total {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
font: 0.9285714286rem opensans-semibold, Arial, Helvetica, sans-serif;
}
.billpay_summary-total .label {
margin-right: 5px;
}
.billpay_summary-total .value {
font-size: 1.2857142857rem;
}
.billpay_summary-mobile {
padding-top: 45px;
}
.billpay_summary-mobile .payment_info-agreement {
padding: 0;
}
.billpay_summary-mobile .payment_info-btn_wrapper {
border: 0;
padding-bottom: 0;
}
.billpay_reports-options {
margin-bottom: 20px;
}
.billpay_reports-form_label {
color: #213858;
}
input[type=radio] + .billpay_reports-form_label {
font: 1.1428571429rem brandongrotesque-medium, Arial, Helvetica, sans-serif;
display: -ms-inline-flexbox;
display: inline-flex;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.billpay_reports-refinements {
max-width: 50%;
}
}
@media only screen and (min-width: 1025px) {
.billpay_reports-refinements {
max-width: 33%;
}
}
.billpay_reports-caption {
margin-top: 10px;
font: 0.9285714286rem opensans-regular, Arial, Helvetica, sans-serif;
color: #646464;
text-align: center;
}
.billpay_reports-show {
border-radius: 3px;
padding: 14.5px 20px;
width: 100%;
}
.billpay_reports-show.button-disabled, .sales_rep_promo-upload:not(.active) .billpay_reports-show.sales_rep_promo-upload-label, .billpay_reports-show.button-disabled:hover, .billpay_reports-show.button-disabled:focus, .billpay_reports-show.button-disabled:active, .billpay_reports-show[disabled], .billpay_reports-show[disabled]:hover, .billpay_reports-show[disabled]:focus, .billpay_reports-show[disabled]:active {
background-color: #e7e7e7;
border-color: #e7e7e7;
-webkit-box-shadow: none;
box-shadow: none;
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.billpay_reports-show { /* stylelint-disable-line */
background-color: #076795;
border-color: #076795;
color: #ffffff;
}
.billpay_reports-show:active {
background-color: #d7e7ef;
border-color: #d7e7ef;
color: #076795;
}
@media only screen and (min-width: 1025px) {
.billpay_reports-show:hover {
background-color: #d7e7ef;
border-color: #d7e7ef;
color: #076795;
}
}
.billpay_reports-show:active {
-webkit-box-shadow: inset 0 3px 2px rgba(0, 0, 0, 0.12);
box-shadow: inset 0 3px 2px rgba(0, 0, 0, 0.12);
}
.billpay_reports-show {
margin-top: 20px;
}
.billpay_reports-table_sku .label, .billpay_reports-table_name .label {
display: none;
}
@media only screen and (max-width: 767px) {
.billpay_reports-table_sku {
margin-bottom: 0;
}
.billpay_reports-table_sku .value {
font-size: 16px;
}
}
@media only screen and (max-width: 767px) {
.billpay_reports-table_name {
color: #646464;
}
}
.billpay_reports .billpay_table {
margin-top: 20px;
}
.billpay_reports .billpay_table-details {
margin-bottom: 35px;
}
.billpay_reports .billpay_table-details:last-child {
margin-bottom: 0;
}
@media only screen and (min-width: 768px) {
.billpay_reports .billpay_table-details {
-webkit-column-count: auto;
-moz-column-count: auto;
column-count: auto;
float: left;
width: 25%;
margin-bottom: 0;
padding-right: 20px;
}
.billpay_reports .billpay_table-details:last-child {
padding-right: 0;
}
.billpay_reports .billpay_table-details .label {
display: block;
}
.billpay_reports .billpay_table-details-row {
display: block;
}
}
.billpay_reports .bill-pay-emails-info {
margin-bottom: 10px;
color: #c5c5c5;
}
.billpay_reports-p3_warning {
display: -ms-flexbox;
display: flex;
-ms-flex-align: start;
align-items: flex-start;
margin-bottom: 24px;
}
.billpay_reports-p3_warning .sg-icon {
font-size: 0.7142857143rem;
margin-right: 5px;
color: #076795;
}
@media only screen and (min-width: 768px) {
.billpay_reports-p3_selection {
display: -ms-flexbox;
display: flex;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 10px;
}
}
.billpay_reports-p3_selection .form-group {
min-width: 150px;
width: 50%;
}
@media only screen and (max-width: 767px) {
.billpay_reports-p3_selection .form-group {
max-width: 70%;
margin-right: 0;
}
}
@media only screen and (min-width: 768px) {
.billpay_reports-p3_selection .form-group {
margin-top: 0;
}
}
@media only screen and (max-width: 1024px) {
.reports-rec_order .account-header {
padding-top: 20px;
border-top: 1px solid #e7e7e7;
}
}
.reports-rec_order .dashboard-export {
margin-bottom: 0;
}
@media only screen and (max-width: 1024px) {
.reports-rec_order .dashboard-export {
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
min-width: 70%;
margin-right: 15px;
}
}
.reports-rec_order .m-flyout-selected .rec_order-filter-wrapper {
background-color: #ffffff;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.reports-rec_order .m-flyout-opened .slide_flyout-content_right {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
@media only screen and (min-width: 768px) {
.reports-rec_order .rec_order-row_header {
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-align: center;
align-items: center;
padding: 20px 20px 0;
}
}
.reports-rec_order .rec_order-row_title {
padding-right: 10px;
text-transform: uppercase;
color: #4d4d4d;
}
@media only screen and (min-width: 768px) {
.reports-rec_order .rec_order-row_details {
cursor: pointer;
}
}
@media only screen and (min-width: 768px) {
.reports-rec_order .rec_order-status-section {
padding-right: 0;
padding-left: 0;
}
}
@media only screen and (max-width: 767px) {
.reports-rec_order .rec_order-status-section {
padding-right: 10px;
padding-left: 10px;
margin-bottom: 20px;
border-bottom: 1px solid #e7e7e7;
}
}
@media only screen and (min-width: 768px) {
.reports-rec_order .rec_order-products {
padding: 0 20px 20px;
}
}
@media only screen and (max-width: 767px) {
.reports-rec_order .rec_order-products {
padding-bottom: 20px;
}
}
.reports-rec_order .table_min_tl-body_row {
background: #ffffff;
}
@media only screen and (max-width: 1024px) {
.reports-rec_order .table_min_tl-body_row {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
}
}
@media only screen and (max-width: 1024px) {
.reports-rec_order .table_min_tl-body_cell {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 10px;
}
}
.reports-rec_order .table_min_tl-body_cell .label {
display: none;
}
@media only screen and (max-width: 1024px) {
.reports-rec_order .table_min_tl-body_cell .label {
display: block;
font: 0.9285714286rem / 1 opensans-regular, Arial, Helvetica, sans-serif;
}
}
@media only screen and (max-width: 1024px) {
.reports-rec_order .table_min_tl-body_cell .value {
font: 0.9285714286rem / 1 opensans-semibold, Arial, Helvetica, sans-serif;
}
}
@media only screen and (max-width: 1024px) {
.reports-rec_order .table_min_tl-body_cell .product_name {
width: 100%;
padding-bottom: 10px;
color: #646464;
border-bottom: 1px solid #e7e7e7;
}
}
.reports-rec_order .dashboard-pagination {
-ms-flex-pack: center;
justify-content: center;
}
.reports-rec_order-list {
border: 1px solid #e7e7e7;
margin-bottom: 20px;
}
.reports-rec_order-item {
margin-bottom: 20px;
background-color: #f0f5f7;
}
.reports-rec_order-item:last-child {
margin-bottom: 0;
}
@media only screen and (max-width: 1024px) {
.reports-rec_order-item {
padding: 0 10px;
}
}
.billpay_statements .billpay-subtitle {
font-size: 1.1428571429rem;
text-transform: none;
}
.billpay_statements-options {
margin-bottom: 20px;
}
.billpay_statements-options .form-group label {
font-weight: bold;
color: #213858;
}
@media only screen and (max-width: 767px) {
.billpay_statements-subtitle {
text-align: left;
}
}
.billpay_status {
display: none;
position: relative;
margin-top: 25px;
padding: 20px 10px;
border: 1px solid #e7e7e7;
background-color: #f7f9f9;
border-radius: 3px;
}
.billpay_status::before, .billpay_status::after {
position: absolute;
left: 50%;
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
content: "";
}
.billpay_status::before {
border: 10px solid transparent;
border-bottom-color: #f7f9f9;
border-top-width: 0;
top: -9px;
z-index: 1;
}
@media only screen and (min-width: 1025px) {
.billpay_status::before {
right: 13%;
left: auto;
}
.billpay_statements .billpay_status::before {
right: auto;
left: 110px;
}
}
.billpay_status::after {
border: 11px solid transparent;
border-bottom-color: #e7e7e7;
border-top-width: 0;
top: -11px;
}
@media only screen and (min-width: 1025px) {
.billpay_status::after {
right: calc(13% - 2px);
left: auto;
}
.billpay_statements .billpay_status::after {
right: auto;
left: 110px;
}
}
.billpay_status-title {
margin-bottom: 50px;
text-align: center;
line-height: 1.8571428571rem;
}
@media only screen and (min-width: 768px) {
.billpay_status-title {
margin-bottom: 20px;
}
}
@media only screen and (min-width: 768px) {
.billpay_status-form {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
.billpay_status .dashboard-status-item {
margin-bottom: 40px;
width: 100%;
}
@media only screen and (min-width: 768px) {
.billpay_statements .billpay_status .dashboard-status-item {
display: -ms-flexbox;
display: flex;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
}
}
@media only screen and (min-width: 768px) {
.billpay_status .dashboard-status-item + .dashboard-status-item {
margin-left: 20px;
}
}
.billpay_status .dashboard-status-message {
color: #213858;
font-family: brandongrotesque-medium, Arial, Helvetica, sans-serif;
}
.billpay_status .dashboard-status-button {
margin-bottom: 10px;
}
@media only screen and (min-width: 1025px) {
.billpay_bills .table_min_tl-header_cell,
.billpay_bills .table_min_tl-body_cell {
width: 12%;
}
.billpay_bills .billpay_table-select {
width: 16%;
}
}
.billpay_receipt {
margin-top: 40px;
}
@media only screen and (min-width: 768px) {
.billpay_receipt {
margin-top: 30px;
}
}
.billpay_receipt-notification {
background-color: #f8fcf8;
border: 1px solid #83c487;
border-radius: 3px;
display: -ms-flexbox;
display: flex;
padding: 0;
}
.billpay_receipt-notification-icon {
/* stylelint-disable-line */
}
.billpay_receipt-notification-icon:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f15d";
}
.billpay_receipt-notification-icon {
background-color: #83c487;
color: #ffffff;
min-height: 100%;
min-width: 46px;
position: relative;
}
.billpay_receipt-notification-icon::before {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
font-size: 0.8571428571rem;
}
.billpay_receipt-notification-text {
-ms-flex-item-align: center;
align-self: center;
color: #646464;
-ms-flex-positive: 1;
flex-grow: 1;
font: 0.9285714286rem / 1.2857142857rem opensans-regular, Arial, Helvetica, sans-serif;
padding: 18px 20px;
text-align: center;
}
.billpay_receipt-notification-text p + p {
margin-top: 10px;
}
.billpay_receipt-notification-link {
padding: 0;
border: 0;
background: none;
background-color: transparent;
background-image: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.billpay_receipt-notification-link::-ms-expand {
display: none;
}
.billpay_receipt-notification-link.link-disabled, .billpay_receipt-notification-link.link-disabled:hover, .billpay_receipt-notification-link.link-disabled:focus, .billpay_receipt-notification-link.link-disabled:active, .billpay_receipt-notification-link[disabled], .billpay_receipt-notification-link[disabled]:hover, .billpay_receipt-notification-link[disabled]:focus, .billpay_receipt-notification-link[disabled]:active {
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.billpay_receipt-notification-link {
display: inline-block;
cursor: pointer;
color: #076795;
}
.billpay_receipt-notification-link:hover, .billpay_receipt-notification-link:active {
text-decoration: underline;
}
.billpay_receipt-notification-link {
font: 1rem opensans-semibold, Arial, Helvetica, sans-serif;
font-size: 0.9285714286rem;
}
.billpay_receipt-notification-button {
border: 1px solid transparent;
cursor: pointer;
display: inline-block;
font: 1rem / 1 brandongrotesque-medium, Arial, Helvetica, sans-serif;
text-align: center;
text-transform: uppercase;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-radius: 3px;
padding: 14.5px 20px;
width: 100%;
background-color: #83c487;
border-color: #83c487;
color: #ffffff;
}
.billpay_receipt-notification-button:hover {
color: #646464;
background-color: #f8fcf8;
}
.billpay_receipt-notification {
display: -ms-flexbox;
display: flex;
margin-bottom: 20px;
}
.billpay_receipt-notification-number {
font-family: opensans-semibold, Arial, Helvetica, sans-serif;
}
@media only screen and (min-width: 1025px) {
.billpay_receipt-main {
border-radius: 3px 3px 0 0;
}
}
.billpay_receipt-main .billpay_table .past-due .value {
color: #646464;
}
.billpay_receipt-main .past-due .billpay_receipt-table_price .value,
.billpay_receipt-main .billpay_receipt-table_price .value {
color: #000000;
font-family: opensans-semibold, Arial, Helvetica, sans-serif;
}
.billpay_receipt-summary {
padding-top: 10px;
margin-top: 10px;
}
@media only screen and (min-width: 1025px) {
.billpay_receipt-summary {
padding-top: 0;
margin-top: -1px;
border-radius: 0 0 3px 3px;
}
}
.billpay_receipt-summary .billpay_summary-info-row {
font-size: 1rem;
}
.billpay_receipt-summary .billpay_summary-total {
margin-bottom: 35px;
color: #213858;
}
.billpay_receipt-summary .billpay_summary-total,
.billpay_receipt-summary .billpay_summary-total .value {
font-size: 1rem;
}
@media only screen and (min-width: 1025px) {
.billpay_receipt-total {
width: 30%;
margin-left: auto;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.billpay_receipt-total {
width: 50%;
margin: auto;
}
}
.billpay_receipt-back {
border: 1px solid transparent;
cursor: pointer;
display: inline-block;
font: 1rem / 1 brandongrotesque-medium, Arial, Helvetica, sans-serif;
text-align: center;
text-transform: uppercase;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-radius: 3px;
padding: 14.5px 20px;
width: 100%;
}
.billpay_receipt-back.button-disabled, .sales_rep_promo-upload:not(.active) .billpay_receipt-back.sales_rep_promo-upload-label, .billpay_receipt-back.button-disabled:hover, .billpay_receipt-back.button-disabled:focus, .billpay_receipt-back.button-disabled:active, .billpay_receipt-back[disabled], .billpay_receipt-back[disabled]:hover, .billpay_receipt-back[disabled]:focus, .billpay_receipt-back[disabled]:active {
background-color: #e7e7e7;
border-color: #e7e7e7;
-webkit-box-shadow: none;
box-shadow: none;
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.billpay_receipt-back { /* stylelint-disable-line */
background-color: #ffffff;
border-color: #076795;
color: #076795;
}
.billpay_receipt-back:active {
background-color: rgba(7, 103, 149, 0.1);
border-color: #076795;
color: #076795;
}
@media only screen and (min-width: 1025px) {
.billpay_receipt-back:hover {
background-color: rgba(7, 103, 149, 0.1);
border-color: #076795;
color: #076795;
}
}
.billpay_receipt-back:active {
-webkit-box-shadow: inset 0 4px 2px rgba(0, 0, 0, 0.12);
box-shadow: inset 0 4px 2px rgba(0, 0, 0, 0.12);
}
.billpay_receipt-show_info {
border: 1px solid transparent;
cursor: pointer;
display: inline-block;
font: 1rem / 1 brandongrotesque-medium, Arial, Helvetica, sans-serif;
text-align: center;
text-transform: uppercase;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-radius: 3px;
padding: 14.5px 20px;
width: 100%;
}
.billpay_receipt-show_info.button-disabled, .sales_rep_promo-upload:not(.active) .billpay_receipt-show_info.sales_rep_promo-upload-label, .billpay_receipt-show_info.button-disabled:hover, .billpay_receipt-show_info.button-disabled:focus, .billpay_receipt-show_info.button-disabled:active, .billpay_receipt-show_info[disabled], .billpay_receipt-show_info[disabled]:hover, .billpay_receipt-show_info[disabled]:focus, .billpay_receipt-show_info[disabled]:active {
background-color: #e7e7e7;
border-color: #e7e7e7;
-webkit-box-shadow: none;
box-shadow: none;
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.billpay_receipt-show_info { /* stylelint-disable-line */
background-color: #076795;
border-color: #076795;
color: #ffffff;
}
.billpay_receipt-show_info:active {
background-color: #d7e7ef;
border-color: #d7e7ef;
color: #076795;
}
@media only screen and (min-width: 1025px) {
.billpay_receipt-show_info:hover {
background-color: #d7e7ef;
border-color: #d7e7ef;
color: #076795;
}
}
.billpay_receipt-show_info:active {
-webkit-box-shadow: inset 0 3px 2px rgba(0, 0, 0, 0.12);
box-shadow: inset 0 3px 2px rgba(0, 0, 0, 0.12);
}
.billpay_receipt-show_info:after {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 12px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f125";
}
.billpay_receipt-show_info {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
margin-top: 10px;
}
.billpay_receipt-show_info::after {
color: #ffffff;
opacity: 0.7;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
-webkit-transition: 0.3s ease-in;
transition: 0.3s ease-in;
margin-left: 10px;
}
.billpay_receipt-show_info:hover::after {
color: #076795;
opacity: 1;
}
.billpay_receipt-show_info.active::after {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
@media only screen and (min-width: 768px) {
.billpay_receipt-form {
display: -ms-flexbox;
display: flex;
}
}
.billpay_receipt .error_banner {
margin-bottom: 20px;
}
.content_page {
margin: 20px 0;
padding: 30px 20px;
font-size: 1.1428571429rem;
color: #646464;
}
@media only screen and (min-width: 768px) {
.content_page {
margin: 50px 0 70px;
padding: 30px;
}
}
.content_page.m-breadcrumbs {
margin-top: 0;
}
.content_page.m-breadcrumbs .m-with-border {
position: relative;
}
.content_page.m-breadcrumbs .download {
position: absolute;
top: -33px;
right: 0;
}
.content_page.m-breadcrumbs .download-link:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 20px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f13b";
}
.content_page.m-breadcrumbs .download-link {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
text-transform: none;
color: #646464;
}
.content_page.m-breadcrumbs .download-link::before {
margin-right: 8px;
font-size: 18px;
}
.content_page.m-breadcrumbs .download-label {
color: #646464;
font-size: 1rem;
text-transform: initial;
}
.content_page-title {
margin-bottom: 20px;
text-align: center;
}
@media only screen and (min-width: 768px) {
.content_page-title {
margin-bottom: 30px;
text-align: left;
}
}
.content_page-title.m-with-border {
padding-bottom: 20px;
border-bottom: 3px solid #213858;
}
@media only screen and (min-width: 768px) {
.content_page-title.m-with-border {
padding-bottom: 30px;
}
}
.content_page-subtitle {
font: 1.7142857143rem brandongrotesque-medium, Arial, Helvetica, sans-serif;
color: #213858;
margin-bottom: 10px;
}
.m-expandable .content_page-subtitle.m-selected::before {
-webkit-transform: rotate(0);
transform: rotate(0);
}
.content_page-description {
font: 1.8571428571rem brandongrotesque-medium, Arial, Helvetica, sans-serif;
color: #213858;
}
.content_page-article {
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px solid #efefef;
}
@media only screen and (max-width: 767px) {
.content_page-article.m-expandable .content_page-subtitle {
position: relative;
margin-bottom: 0;
padding-right: 30px;
}
.content_page-article.m-expandable .content_page-subtitle::before, .content_page-article.m-expandable .content_page-subtitle::after {
right: 0;
}
}
.content_page-article.m-expandable .content_page-subtitle.content_page-accordion-subitem-headline::before, .content_page-article.m-expandable .content_page-subtitle.content_page-accordion-subitem-headline::after {
right: 0;
}
@media only screen and (min-width: 768px) {
.content_page-article.m-expandable .content_page-subtitle:not(.content_page-accordion-subitem-headline) {
pointer-events: none;
}
.content_page-article.m-expandable .content_page-subtitle:not(.content_page-accordion-subitem-headline)::before, .content_page-article.m-expandable .content_page-subtitle:not(.content_page-accordion-subitem-headline)::after {
content: none;
}
}
.content_page-list li::before {
content: "-";
}
@media only screen and (max-width: 767px) {
.content_page-expandable_block {
display: none;
}
}
.content_page p {
font: 1rem opensans-regular, Arial, Helvetica, sans-serif;
}
.content_page-accordion {
display: -ms-flexbox;
display: flex;
}
.content_page-accordion-list {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
}
.content_page-accordion-list-wrapper {
-ms-flex: 0 0 27%;
flex: 0 0 27%;
width: 27%;
max-width: 27%;
}
@media only screen and (max-width: 767px) {
.content_page-accordion-list-wrapper {
display: none;
}
}
.content_page-accordion-link {
height: 60px;
padding: 10px 20px;
border: 1px solid #c5c5c5;
border-right: none;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
font: 1.5714285714rem / 2.2142857143rem brandongrotesque-regular, Arial, Helvetica, sans-serif;
border-radius: 5px 0 0 5px;
color: #646464;
}
.content_page-accordion-link + .content_page-accordion-link {
margin-top: 10px;
}
.content_page-accordion-link.active, .content_page-accordion-link:hover {
background: #434343;
border-color: #434343;
color: #ffffff;
text-decoration: none;
}
.content_page-accordion-items {
-ms-flex: 0 0 73%;
flex: 0 0 73%;
width: 73%;
max-width: 73%;
padding: 30px 40px 0;
}
@media only screen and (min-width: 768px) {
.content_page-accordion-items {
border-radius: 0 5px 5px 0;
border: 1px solid #c5c5c5;
}
}
@media only screen and (max-width: 767px) {
.content_page-accordion-items {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
width: 100%;
max-width: 100%;
padding: 0;
}
}
.content_page-accordion-item {
display: none;
}
@media only screen and (max-width: 767px) {
.content_page-accordion-item {
display: block;
}
}
.content_page-accordion-item.active {
display: block;
}
@media only screen and (max-width: 767px) {
.content_page-accordion-item.active .content_page-accordion-item-headline {
background: #434343;
color: #ffffff;
}
.content_page-accordion-item.active .content_page-accordion-item-headline::after { /* stylelint-disable-line */
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
color: #ffffff;
}
.content_page-accordion-item.active .content_page-accordion-subitems {
display: block;
}
.content_page-accordion-item.active + .content_page-accordion-item .content_page-accordion-item-headline {
border-top: 1px solid #c5c5c5;
}
}
@media only screen and (max-width: 767px) {
.content_page-accordion-item-headline:after {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 22px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f125";
}
.content_page-accordion-item-headline {
text-align: left;
margin: 0 -20px;
font: 1.5714285714rem / 2.2857142857rem brandongrotesque-regular, Arial, Helvetica, sans-serif;
min-height: 60px;
padding: 10px 15px 10px 10px;
color: #646464;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between;
border-bottom: 1px solid #c5c5c5;
}
.content_page-accordion-item-headline:hover {
background: #434343;
color: #ffffff;
}
.content_page-accordion-item-headline::after {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
margin-left: 20px;
color: #646464;
}
}
@media only screen and (min-width: 768px) {
.content_page-accordion-subitems {
margin-right: -30px;
padding-right: 30px;
overflow-y: auto;
height: 710px;
}
}
@media only screen and (max-width: 767px) {
.content_page-accordion-subitems {
display: none;
padding: 23px 15px 15px 0;
}
}
.content_page-accordion-subitem:last-of-type {
border-bottom: none;
padding-bottom: 0;
margin-bottom: 0;
}
.content_page-accordion-subitem-headline {
position: relative;
cursor: pointer;
padding-right: 30px;
}
@media only screen and (max-width: 767px) {
.m-expandable .content_page-accordion-subitem-headline {
font: 1.4285714286rem / 1.5714285714rem brandongrotesque-regular, Arial, Helvetica, sans-serif;
margin-bottom: 20px;
}
}
.content_page-accordion-subitem-description {
display: none;
}
@media only screen and (max-width: 767px) {
.m-expandable .content_page-accordion-subitem-description {
margin-top: 20px;
}
}
.content_page-faq-image-link {
max-width: 50%;
display: block;
margin-bottom: 20px;
}
@media only screen and (max-width: 1024px) {
.content_page-faq-image-link {
max-width: 100%;
}
}
.content_page-faq-link {
margin-bottom: 20px;
}
.content_table-title {
background-color: #e7e7e7;
}
@media only screen and (max-width: 767px) {
.content_table-title {
margin-bottom: 0;
padding-top: 10px;
padding-bottom: 10px;
background-color: #213858;
color: #ffffff;
border-color: #213858;
border-radius: 3px 3px 0 0;
}
}
@media only screen and (min-width: 768px) {
.content_table-title:hover {
background-color: #e7e7e7;
}
.content_table-title .table_min_tm-body_cell {
padding-top: 10px;
padding-bottom: 10px;
}
}
.contact_us::after {
content: "";
display: table;
clear: both;
}
.contact_us-block + .contact_us-block {
margin-top: 20px;
padding-top: 20px;
border-top: 1px solid #c5c5c5;
}
@media only screen and (min-width: 768px) {
.contact_us-block + .contact_us-block {
margin-top: 0;
padding: 0 0 0 60px;
border-top: 0;
border-left: 1px solid #c5c5c5;
}
}
@media only screen and (min-width: 768px) {
.contact_us-block {
float: left;
width: 50%;
padding-right: 60px;
}
}
.contact_us-form {
padding-top: 20px;
}
@media only screen and (min-width: 768px) {
.contact_us-form {
float: right;
width: 50%;
padding-left: 60px;
border-left: 1px solid #c5c5c5;
}
}
.contact_us-title {
margin-bottom: 15px;
text-transform: uppercase;
}
.contact_us-button {
border-radius: 3px;
padding: 14.5px 20px;
width: 100%;
}
.contact_us-button.button-disabled, .sales_rep_promo-upload:not(.active) .contact_us-button.sales_rep_promo-upload-label, .contact_us-button.button-disabled:hover, .contact_us-button.button-disabled:focus, .contact_us-button.button-disabled:active, .contact_us-button[disabled], .contact_us-button[disabled]:hover, .contact_us-button[disabled]:focus, .contact_us-button[disabled]:active {
background-color: #e7e7e7;
border-color: #e7e7e7;
-webkit-box-shadow: none;
box-shadow: none;
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.contact_us-button { /* stylelint-disable-line */
background-color: #076795;
border-color: #076795;
color: #ffffff;
}
.contact_us-button:active {
background-color: #d7e7ef;
border-color: #d7e7ef;
color: #076795;
}
@media only screen and (min-width: 1025px) {
.contact_us-button:hover {
background-color: #d7e7ef;
border-color: #d7e7ef;
color: #076795;
}
}
.contact_us-button:active {
-webkit-box-shadow: inset 0 3px 2px rgba(0, 0, 0, 0.12);
box-shadow: inset 0 3px 2px rgba(0, 0, 0, 0.12);
}
.contact_us-button {
margin-top: 20px;
}
.salesreps-wrapper {
float: left;
width: 100%;
margin-top: 50px;
}
.salesreps-wrapper .contact_us-title, .salesreps-no_partner {
text-align: center;
}
@media only screen and (min-width: 768px) {
.salesreps-wrapper .contact_us-title, .salesreps-no_partner {
text-align: left;
}
}
.salesreps-no_partner-button {
border: 1px solid transparent;
cursor: pointer;
display: inline-block;
font: 1rem / 1 brandongrotesque-medium, Arial, Helvetica, sans-serif;
text-align: center;
text-transform: uppercase;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-radius: 3px;
padding: 14.5px 20px;
width: 100%;
}
.salesreps-no_partner-button.button-disabled, .sales_rep_promo-upload:not(.active) .salesreps-no_partner-button.sales_rep_promo-upload-label, .salesreps-no_partner-button.button-disabled:hover, .salesreps-no_partner-button.button-disabled:focus, .salesreps-no_partner-button.button-disabled:active, .salesreps-no_partner-button[disabled], .salesreps-no_partner-button[disabled]:hover, .salesreps-no_partner-button[disabled]:focus, .salesreps-no_partner-button[disabled]:active {
background-color: #e7e7e7;
border-color: #e7e7e7;
-webkit-box-shadow: none;
box-shadow: none;
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.salesreps-no_partner-button { /* stylelint-disable-line */
background-color: #076795;
border-color: #076795;
color: #ffffff;
}
.salesreps-no_partner-button:active {
background-color: #d7e7ef;
border-color: #d7e7ef;
color: #076795;
}
@media only screen and (min-width: 1025px) {
.salesreps-no_partner-button:hover {
background-color: #d7e7ef;
border-color: #d7e7ef;
color: #076795;
}
}
.salesreps-no_partner-button:active {
-webkit-box-shadow: inset 0 3px 2px rgba(0, 0, 0, 0.12);
box-shadow: inset 0 3px 2px rgba(0, 0, 0, 0.12);
}
.salesreps-no_partner-button {
margin-top: 20px;
}
@media only screen and (min-width: 768px) {
.salesreps-no_partner-button {
width: auto;
min-width: 150px;
}
}
@media only screen and (max-width: 767px) {
.salesreps-list .table_min_tm-body_cell {
width: 100%;
}
}
@media only screen and (min-width: 768px) {
.salesreps-list .table_min_tm-body_cell,
.salesreps-list .table_min_tm-header_cell {
width: 18%;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.salesreps-list .salesreps-list-email_cell {
width: 28%;
}
}
.error_page {
margin: 20px 0;
padding: 30px 20px;
background-color: #ffffff;
font-size: 1.1428571429rem;
color: #646464;
text-align: center;
}
@media only screen and (min-width: 768px) {
.error_page {
margin: 30px 0;
padding: 50px 0 70px;
}
}
.error_page-title {
margin-bottom: 20px;
}
.error_page-info {
max-width: 450px;
margin: 0 auto;
}
.error_page-logo {
max-width: 300px;
margin: 40px auto 0;
display: block;
}
@media only screen and (min-width: 768px) and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.error_page-logo svg.logo-img {
max-height: 60px;
}
}
.maintenance_page {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
}
@media only screen and (min-width: 1025px) {
.maintenance_page {
-ms-flex-direction: row;
flex-direction: row;
}
}
.maintenance_page-wrapper {
padding: 20px 0;
}
@media only screen and (min-width: 1025px) {
.maintenance_page-wrapper {
padding: 100px 0 20px;
}
}
.maintenance_page-logo {
max-width: 300px;
margin-bottom: 30px;
}
@media only screen and (min-width: 1025px) {
.maintenance_page-logo {
margin: 0 0 40px 60px;
}
}
@media only screen and (min-width: 768px) and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.maintenance_page-logo svg.logo-img {
max-height: 60px;
}
}
.maintenance_page-main, .maintenance_page-contact {
padding: 60px 70px;
}
.maintenance_page-main {
width: 100%;
background-color: #ffffff;
text-align: center;
margin-bottom: 20px;
}
@media only screen and (min-width: 1025px) {
.maintenance_page-main {
width: 60%;
text-align: left;
margin-bottom: 0;
}
}
.maintenance_page-info {
margin-top: 30px;
}
.maintenance_page-info-item + .maintenance_page-info-item {
margin-top: 20px;
}
.maintenance_page-info-text {
font-size: 1.1428571429rem;
color: #646464;
}
.maintenance_page-info-text_additional {
color: #213858;
font-family: brandongrotesque-bold, Arial, Helvetica, sans-serif;
}
.maintenance_page-contact {
width: 100%;
background: #213858;
}
@media only screen and (min-width: 1025px) {
.maintenance_page-contact {
width: 40%;
}
}
.maintenance_page-contact-heading {
margin-bottom: 30px;
padding-bottom: 25px;
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
text-align: center;
}
@media only screen and (min-width: 1025px) {
.maintenance_page-contact-heading {
text-align: left;
}
}
.maintenance_page-contact-subtitle {
font: 1.2857142857rem / 1.4285714286rem brandongrotesque-regular, Arial, Helvetica, sans-serif;
color: #ffffff;
}
.maintenance_page-contact-item {
color: #ffffff;
font-size: 1.1428571429rem;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
.maintenance_page-contact-item + .maintenance_page-contact-item {
margin-top: 25px;
}
.maintenance_page-contact-icon:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f12b";
}
.maintenance_page-contact-icon::before {
font-size: 2.5rem;
opacity: 0.5;
}
.maintenance_page-contact-info {
margin-left: 10px;
}
.maintenance_page-contact-phone {
font-family: brandongrotesque-medium, Arial, Helvetica, sans-serif;
}
.maintenance_page-title.m-white {
color: #ffffff;
}
@media print {
/* ... print base of the rules ... */
* {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
html {
margin: 0;
padding: 0;
}
body {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
background: #ffffff !important;
color: #000000 !important;
display: block;
margin: 0;
padding: 0;
text-rendering: optimizeLegibility;
-webkit-print-color-adjust: exact;
}
.header_promotion,
.header_main-open,
.header_main-container,
.header_minicart,
.isi-info,
.footer,
.logo-print_hidden {
display: none;
}
.header, .header_external {
height: auto !important;
}
.header_main-wrapper.m-header-fixed {
position: static;
}
.header_main {
background-color: transparent;
border-top: 0;
height: auto;
}
.header_logo {
width: 100%;
text-align: center;
margin: 40px 0;
}
.logo-img {
width: 400px;
max-width: none;
max-height: none;
}
.product_card-bundle-item_wrapper {
display: none;
}
.order_receipt-order_details {
page-break-before: always;
}
.page[data-action=Order-Details] .breadcrumbs {
display: none;
}
.page[data-action=Order-Details] .account_navigation, .page[data-action=Order-Details] .account_banner {
display: none;
}
.page[data-action=Order-Details] .order_product {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 20px 0;
margin-bottom: 0;
border-bottom: 1px solid #e7e7e7;
}
.page[data-action=Order-Details] .order_product-block {
width: 25%;
}
.page[data-action=Order-Details] .order_product-cancel {
display: none;
}
.page[data-action=Order-Details] .order_product-details_block {
font-size: 0.9285714286rem;
width: 75%;
display: -ms-flexbox;
display: flex;
}
.page[data-action=Order-Details] .order_product-details_info {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
}
.page[data-action=Order-Details] .order_product .product-sku-container,
.page[data-action=Order-Details] .order_product .order_product-status,
.page[data-action=Order-Details] .order_product .order_product-attributes {
display: inline-block;
}
.page[data-action=Order-Details] .order_product-invoice {
display: none;
}
.page[data-action=Order-Details] .order_details-print-button {
display: none;
}
.page[data-action=Order-Details] .order_details-header-inner {
-ms-flex-pack: center;
justify-content: center;
}
.page[data-action=Order-Details] .order_details-account-link {
display: none;
}
.page[data-action=Order-Details] .order_details-account-body {
display: block !important;
}
.page[data-action=Order-Details] .order_details-account-info {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 0;
}
.page[data-action=Order-Details] .order_details-account-item {
border-bottom: 0;
padding: 0 15px 0 0;
margin-bottom: 0;
width: 50%;
}
.page[data-action=Order-Details] .order_details-payment {
width: 25%;
margin-left: auto;
padding: 20px 0 25px;
}
.page[data-action=Order-Details] .order_details-payment-control {
display: none;
}
}
@media print {
.checkout-back,
.checkout-main_title,
.order_receipt-top_actions,
.order_receipt-bottom_actions,
.checkout-banner {
display: none;
}
.checkout-main_title.m-print {
display: block;
}
.checkout-order_receipt {
padding: 0;
}
.order_receipt {
padding: 0 40px 40px;
}
.order_receipt-subtitle h1 {
font-size: 2.1428571429rem;
}
.order_receipt-shipping_info {
margin-bottom: 30px;
text-align: center;
}
.order_receipt-shipping_info .notification_banner {
display: -ms-inline-flexbox;
display: inline-flex;
}
.order_receipt-shipping_info .notification_banner-text {
text-align: left;
}
.order_receipt-promotion_msg.h-hidden-min-tl {
display: none;
}
.order_receipt-promotion_msg.h-hidden-max-tl {
display: block;
}
.order_receipt-confirm_details {
margin-bottom: 30px;
}
.order_receipt-confirm_details .user_info-title, .order_receipt-confirm_details .psp_pay-confirmation .order_receipt-order_date .label, .psp_pay-confirmation .order_receipt-order_date .order_receipt-confirm_details .label,
.order_receipt-confirm_details .psp_pay-confirmation .order_receipt-order_number .label,
.psp_pay-confirmation .order_receipt-order_number .order_receipt-confirm_details .label,
.order_receipt-confirm_details .psp_pay-confirmation .psp_pay-confirmation-info .label,
.psp_pay-confirmation .psp_pay-confirmation-info .order_receipt-confirm_details .label,
.order_receipt-confirm_details .psp_pay-confirmation .order_receipt-payment_info .label,
.psp_pay-confirmation .order_receipt-payment_info .order_receipt-confirm_details .label {
line-height: 18px;
margin-bottom: 5px;
}
.order_receipt-confirm_details .value {
color: #646464;
font: 1rem opensans-regular, Arial, Helvetica, sans-serif;
}
.order_receipt-order_table .label {
font-size: 0.8571428571rem;
}
.order_receipt-order_table .value {
font-size: 1rem;
}
.order_receipt-product_main, .order_receipt-product_name {
-ms-flex-preferred-size: 30%;
flex-basis: 30%;
}
.order_receipt-product_quantity {
-ms-flex-positive: 0.5;
flex-grow: 0.5;
}
[locale=es_ES] .order_receipt-product_quantity {
-ms-flex-positive: 1.5;
flex-grow: 1.5;
}
.order_receipt-product_total {
-ms-flex-positive: 1.5;
flex-grow: 1.5;
}
[locale=es_ES] .order_receipt-product_total {
-ms-flex-positive: 1;
flex-grow: 1;
}
.order_receipt-product_total .label {
word-break: keep-all;
}
.order_receipt-order_details .checkout-main_title {
display: block;
}
.order_receipt-order_details .label {
line-height: 1.1428571429rem;
}
.order_receipt-order_sumary {
margin-bottom: 0;
}
.order_receipt .product_card-bundle-wrapper {
width: 70%;
margin-left: 135px;
}
}
.sales_rep_extras {
margin-bottom: 20px;
}
@media only screen and (min-width: 768px) {
.sales_rep_extras {
display: -ms-flexbox;
display: flex;
}
}
@media only screen and (min-width: 768px) {
.sales_rep_extras .form-group {
margin-top: 0;
-ms-flex: 1 1 50%;
flex: 1 1 50%;
}
.sales_rep_extras .form-group:first-child {
margin-right: 20px;
}
}
.sales_rep_extras label {
font-size: 1rem;
}
.sales_rep_promo-modal .modal-dialog {
max-width: 800px;
max-height: calc(100vh - 40px);
overflow: hidden;
}
.sales_rep_promo-modal .modal-footer {
padding-bottom: 0;
}
.sales_rep_promo-modal .modal-header_title span {
font: 1.0714285714rem / 1.2857142857rem opensans-regular, Arial, Helvetica, sans-serif;
text-transform: none;
color: #646464;
border-left: 1px solid #e7e7e7;
padding-left: 20px;
margin-left: 20px;
}
.sales_rep_promo_reminder-modal .modal-body {
padding: 20px 30px;
}
.sales_rep_promo-selected {
padding: 0 20px;
margin: 10px 0 -10px;
display: -ms-flexbox;
display: flex;
}
@media only screen and (max-width: 767px) {
.sales_rep_promo-subtitle {
margin-right: 10px;
}
}
.sales_rep_promo-action {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
.sales_rep_promo-action {
margin-bottom: 25px;
}
}
.sales_rep_promo-action .sales_rep_promo-subtitle {
margin-bottom: 15px;
}
.sales_rep_promo-action .sales_rep_promo-btn {
margin-top: 0;
}
@media only screen and (min-width: 768px) {
.sales_rep_promo-action .sales_rep_promo-btn {
max-width: 326px;
}
}
.sales_rep_promo-action .tooltip {
min-width: 250px;
}
@media only screen and (max-width: 767px) {
.sales_rep_promo-action .tooltip {
min-width: 180px;
}
}
.sales_rep_promo-message {
color: #646464;
margin-bottom: 15px;
}
.sales_rep_promo-btn {
margin-top: 20px;
}
@media only screen and (min-width: 768px) {
.sales_rep_promo-btn {
width: auto;
}
}
.sales_rep_promo-available_list {
margin-bottom: 20px;
}
.sales_rep_promo-form {
margin-top: 20px;
}
.sales_rep_promo-form .sales_rep_promo-subtitle {
margin-bottom: 20px;
font: 1.1428571429rem / 1.4285714286rem brandongrotesque-medium, Arial, Helvetica, sans-serif;
color: #213858;
}
.sales_rep_promo-form .custom-control-input:disabled ~ .form-message {
color: #c5c5c5;
}
.sales_rep_promo-form .custom-control-label[for=salesrep-nopromo] {
font-weight: bold;
font-size: 1rem;
}
.sales_rep_promo-upcoming_list + .sales_rep_promo-custom_list {
margin-top: 30px;
}
.sales_rep_promo-dont_see_my_promo {
margin-top: 20px;
}
.sales_rep_promo-dont_see_my_promo .sales_rep_promo-message {
margin-bottom: 30px;
padding-left: 34px;
font: 0.7857142857rem / 1rem opensans-regular, Arial, Helvetica, sans-serif;
}
.sales_rep_promo-dont_see_my_promo-textarea {
min-height: 85px;
padding: 10px;
white-space: normal;
}
.sales_rep_promo-dont_see_my_promo-checkbox {
display: -ms-flexbox;
display: flex;
}
.sales_rep_promo-dont_see_my_promo-checkbox .tooltip-link {
margin-left: 5px;
}
.sales_rep_promo-footer {
margin-top: 30px;
text-align: center;
}
.sales_rep_promo-apply_btn {
max-width: 50%;
margin: 0 auto;
}
.sales_rep_promo-group + .sales_rep_promo-group {
padding: 20px 0 0 0;
}
.sales_rep_promo-group-subtitle {
margin-bottom: 15px;
font: 1rem / 1.1428571429rem brandongrotesque-medium, Arial, Helvetica, sans-serif;
}
.sales_rep_promo-inner {
overflow: hidden;
padding: 0 30px 40px;
margin: 0 -30px -40px;
}
.sales_rep_promo-headline {
padding: 0;
margin-bottom: 5px;
}
.sales_rep_promo-tabs {
display: -ms-flexbox;
display: flex;
position: relative;
}
.sales_rep_promo-tabs::after {
content: "";
position: absolute;
bottom: 1px;
left: -100%;
right: -100%;
border-bottom: 1px solid #e7e7e7;
}
.sales_rep_promo-tab-label {
text-transform: uppercase;
padding: 10px 20px;
font: 1.3571428571rem / 1.3571428571rem opensans-semibold, Arial, Helvetica, sans-serif;
background: #efefef;
border-radius: 5px 5px 0 0;
color: #213858;
}
@media only screen and (max-width: 767px) {
.sales_rep_promo-tab-label {
font: 1.0714285714rem / 1.0714285714rem opensans-semibold, Arial, Helvetica, sans-serif;
}
}
.sales_rep_promo-tab-apply {
margin-right: 10px;
}
.sales_rep_promo-apply {
display: none;
}
.sales_rep_promo-apply-trigger:checked ~ .sales_rep_promo-apply {
display: block;
}
.sales_rep_promo-apply-trigger:checked ~ .sales_rep_promo-tabs .sales_rep_promo-tab-apply {
border: 1px solid #e7e7e7;
border-bottom: 1px solid #ffffff;
background: #ffffff;
position: relative;
z-index: 1;
}
.sales_rep_promo-all {
display: none;
border: 1px solid #e7e7e7;
position: relative;
margin-top: -2px;
}
.sales_rep_promo-all::after {
content: "";
position: absolute;
bottom: -1px;
left: -100%;
right: -100%;
border-bottom: 1px solid #e7e7e7;
}
.sales_rep_promo-all .account-title {
display: none;
}
.sales_rep_promo-all-trigger:checked ~ .sales_rep_promo-all {
display: block;
}
.sales_rep_promo-all-trigger:checked ~ .sales_rep_promo-tabs .sales_rep_promo-tab-all {
border: 1px solid #e7e7e7;
border-bottom: 1px solid #ffffff;
background: #ffffff;
position: relative;
z-index: 1;
}
.sales_rep_promo-all-content {
max-height: 408px;
padding: 0 25px 25px;
overflow-y: auto;
}
.sales_rep_promo-all-content::before {
content: "";
position: sticky;
top: 0;
left: 0;
right: 0;
height: 25px;
display: block;
background: #ffffff;
}
.sales_rep_promo-all .sales_rep_promo-list-headline {
display: none;
}
.sales_rep_promo-list-headline {
margin-bottom: 15px;
}
.sales_rep_promo-item-headline {
font-size: 1.4285714286rem;
text-transform: uppercase;
margin-bottom: 15px;
}
.sales_rep_promo-item-valid {
margin-bottom: 5px;
}
.sales_rep_promo-item-date {
font: 0.9285714286rem opensans-regular, Arial, Helvetica, sans-serif;
color: #646464;
white-space: nowrap;
margin-left: 20px;
}
.sales_rep_promo-item-arrow {
position: relative;
padding-left: 20px;
color: #000000;
word-break: break-all;
}
.sales_rep_promo-item-arrow::before {
border: 5px solid transparent;
border-left-color: #000000;
border-right-width: 0;
position: absolute;
top: 5px;
left: 0;
content: "";
width: 10px;
height: 10px;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
-webkit-transform: rotate(0);
transform: rotate(0);
}
.sales_rep_promo-subitem-headline {
margin-bottom: 10px;
}
.sales_rep_promo-promotion {
border-width: 0 1px 1px 1px;
border-style: solid;
border-color: #e7e7e7;
}
.sales_rep_promo-promotion:first-child {
border-top-width: 1px;
}
.sales_rep_promo-promotion:last-child {
border-bottom-width: 1px;
}
.sales_rep_promo-promotion-header {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
padding: 10px 15px;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
font: 1.1428571429rem brandongrotesque-regular, Arial, Helvetica, sans-serif;
}
@media only screen and (max-width: 767px) {
.sales_rep_promo-promotion-header {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.sales_rep_promo-promotion-header.sales_rep_promo-promotion-cursor {
cursor: pointer;
}
.sales_rep_promo-promotion.active .sales_rep_promo-item-name::before {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.sales_rep_promo-promotion.active .sales_rep_promo-promotion-header {
background: #efefef;
}
.sales_rep_promo-valid {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
font: 1.1428571429rem brandongrotesque-regular, Arial, Helvetica, sans-serif;
margin-bottom: 10px;
}
.sales_rep_promo-valid-status {
margin-left: 5px;
}
.sales_rep_promo-hide, .sales_rep_promo-show {
font: 1.0714285714rem brandongrotesque-regular, Arial, Helvetica, sans-serif;
color: #213858;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
margin: 25px 0;
white-space: nowrap;
}
.sales_rep_promo-hide::before, .sales_rep_promo-hide::after, .sales_rep_promo-show::before, .sales_rep_promo-show::after {
content: "";
width: 100%;
height: 1px;
background: #e7e7e7;
}
.sales_rep_promo-hide-label, .sales_rep_promo-show-label {
position: relative;
padding-left: 20px;
margin: 0 20px;
cursor: pointer;
}
.sales_rep_promo-hide-label::before, .sales_rep_promo-show-label::before {
border: 5px solid transparent;
border-left-color: #000000;
border-right-width: 0;
position: absolute;
top: 50%;
left: 0;
content: "";
width: 10px;
height: 10px;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
-webkit-transform: translateY(-50%) rotate(270deg);
transform: translateY(-50%) rotate(270deg);
margin-top: -2px;
}
.sales_rep_promo-show {
display: -ms-flexbox;
display: flex;
}
.sales_rep_promo-show-label::before {
-webkit-transform: translateY(-50%) rotate(90deg);
transform: translateY(-50%) rotate(90deg);
margin-top: 2px;
}
.sales_rep_promo-subitem.active .sales_rep_promo-show {
display: none;
}
.sales_rep_promo-hide {
display: none;
}
.sales_rep_promo-subitem.active .sales_rep_promo-hide {
display: -ms-flexbox;
display: flex;
}
.sales_rep_promo-content {
padding: 20px 36px;
display: none;
}
.sales_rep_promo-content-title {
font: 1.0714285714rem brandongrotesque-regular, Arial, Helvetica, sans-serif;
color: #888888;
margin-bottom: 10px;
}
.sales_rep_promo-content-details + .sales_rep_promo-content-details {
margin-top: 20px;
}
.sales_rep_promo-promotion.active .sales_rep_promo-content {
display: block;
}
.sales_rep_promo-promotions {
display: none;
}
.sales_rep_promo-subitem.active .sales_rep_promo-promotions {
display: block;
}
.sales_rep_promo-wrapper {
display: -ms-flexbox;
display: flex;
-ms-flex-line-pack: start;
align-content: flex-start;
-ms-flex-direction: column;
flex-direction: column;
margin-top: 30px;
}
.sales_rep_promo-tooltip .tooltip {
min-width: 200px;
}
.sales_rep_promo-upload {
max-width: 326px;
}
.sales_rep_promo-upload:not(.active) .sales_rep_promo-upload-label {
pointer-events: none;
}
@media only screen and (max-width: 767px) {
.sales_rep_promo-upload {
max-width: 100%;
margin-left: 0;
}
}
.sales_rep_promo-upload-title {
margin-bottom: 13px;
}
@media only screen and (max-width: 767px) {
.sales_rep_promo-upload-title {
margin-bottom: 20px;
text-align: left;
}
}
.sales_rep_promo-upload-tooltip .tooltip {
border: none;
max-width: 249px;
}
.sales_rep_promo-upload-tooltip .tooltip::before, .sales_rep_promo-upload-tooltip .tooltip::after {
display: none;
}
.sales_rep_promo-upload-label {
margin-bottom: 0;
}
.sales_rep_promo-upload-input:disabled + .sales_rep_promo-upload-label {
background: #e7e7e7;
border-color: #e7e7e7;
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.sales_rep_promo-upload-file_name {
font-family: brandongrotesque-medium, Arial, Helvetica, sans-serif;
}
.sales_rep_promo-upload .attachment-ok {
font-size: 0.9285714286rem;
}
.sales_rep_promo-upload-remove {
text-decoration: underline;
}
.sales_rep_promo-upload-remove:hover {
opacity: 0.8;
}
@media only screen and (max-width: 767px) {
.sales_rep_promo-upload-remove {
display: block;
margin-top: 10px;
}
}
.sales_rep_promo-remove_file-modal .modal-body {
padding: 0 30px 30px;
}
.sales_rep_promo-remove_file-modal .modal-footer {
padding: 0;
}
.sales_rep_promo-chosen {
margin-top: 18px;
color: #646464;
}
.sales_rep_promo-chosen-headline {
font: 1rem / 1.1428571429rem opensans-semibold, Arial, Helvetica, sans-serif;
margin-bottom: 10px;
}
.sales_rep_promo-chosen-list {
margin-bottom: 10px;
}
.sales_rep_promo-chosen-item {
font: 0.9285714286rem / 1.2857142857rem opensans-regular, Arial, Helvetica, sans-serif;
list-style-type: circle;
}
.sales_rep_promo-chosen-link {
font: 1rem / 1.1428571429rem opensans-regular, Arial, Helvetica, sans-serif;
text-decoration: underline;
color: #646464;
}
.sales_rep_promo-chosen-link:hover {
color: #000000;
opacity: 0.8;
}
.app-view .plp:not(.delayed_rec_orders-plp) .plp-message {
padding: 0 10px;
}
@media only screen and (min-width: 768px) {
.app-view .plp:not(.delayed_rec_orders-plp) .plp-message {
padding: 0 30px;
}
}
@media only screen and (min-width: 768px) {
.app-view .plp:not(.delayed_rec_orders-plp) .plp-main {
width: 100%;
padding: 0 30px 30px;
}
}
.app-view .plp:not(.delayed_rec_orders-plp) .plp-wrapper {
padding-top: 0;
}
.app-view .plp:not(.delayed_rec_orders-plp) .plp-inner {
margin-top: 30px;
}
@media only screen and (max-width: 767px) {
.app-view .plp:not(.delayed_rec_orders-plp) .plp-inner {
margin: 10px 0;
}
}
.app-view .plp:not(.delayed_rec_orders-plp) .plp-product_list-wrapper {
margin-top: 0;
}
.app-view .plp:not(.delayed_rec_orders-plp) .plp-product_list-container {
padding: 30px 30px 50px;
}
@media only screen and (max-width: 767px) {
.app-view .plp:not(.delayed_rec_orders-plp) .plp-product_list-container {
padding: 0 10px;
}
}
.app-view .plp:not(.delayed_rec_orders-plp) .plp-product_list {
border-width: 1px 1px 0 1px;
border-style: solid;
border-color: #e7e7e7;
border-radius: 3px;
margin-bottom: 50px;
}
.app-view .plp:not(.delayed_rec_orders-plp) .plp-recent_orders {
text-align: left;
}
.app-view .plp:not(.delayed_rec_orders-plp) .plp-recent_orders-title {
padding-bottom: 30px;
text-transform: uppercase;
}
.app-view .plp:not(.delayed_rec_orders-plp) .search-no_results-title {
margin-bottom: 30px;
}
.app-view .plp:not(.delayed_rec_orders-plp) .search-no_results-subtitle {
font: 1rem / 1.1428571429rem opensans-regular, Arial, Helvetica, sans-serif;
color: #646464;
}
.app-view .plp:not(.delayed_rec_orders-plp) .search-no_results-info_wrapper {
padding-bottom: 40px;
margin-bottom: 40px;
border-bottom: 1px solid #efefef;
}
.app-view .plp:not(.delayed_rec_orders-plp) .product_tile-description {
text-align: left;
height: 100%;
}
.app-view .plp:not(.delayed_rec_orders-plp) .product_tile-id {
-ms-flex-pack: start;
justify-content: flex-start;
margin-bottom: 0;
margin-top: auto;
width: 100%;
}
.app-view .plp:not(.delayed_rec_orders-plp) .product_tile-top_height {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.app-view .plp:not(.delayed_rec_orders-plp) .product_tile-sku {
padding: 0 15px 10px 0;
}
@media only screen and (max-width: 1024px) {
.app-view .plp:not(.delayed_rec_orders-plp) .product_tile-sku {
width: 100%;
}
}
.app-view .plp:not(.delayed_rec_orders-plp) .product_tile-price {
line-height: 1.2;
}
.app-view .plp:not(.delayed_rec_orders-plp) .product_tile-action {
margin-top: 0;
}
@media only screen and (max-width: 767px) {
.app-view .plp:not(.delayed_rec_orders-plp) .product_tile-action {
margin-top: 5px;
}
}
.app-view .plp:not(.delayed_rec_orders-plp) .product_tile-qty_info {
font-size: 0.7857142857rem;
text-align: left;
}
.app-view .plp:not(.delayed_rec_orders-plp) .product_tile-qty {
text-align: left;
}
.app-view .plp:not(.delayed_rec_orders-plp) .product_tile-submit {
margin: 0;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.app-view .plp:not(.delayed_rec_orders-plp) .product_tile-submit {
padding-top: 10px;
}
}
.app-view .plp:not(.delayed_rec_orders-plp) .product_tile-cart_badge .badge {
padding: 5px 10px;
font-size: 0.8571428571rem;
color: #646464;
background-color: #ffefae;
border-radius: 3px;
text-align: center;
}
.app-view .plp:not(.delayed_rec_orders-plp) input[type=checkbox]:not(.custom-switch).product-select + label {
border: 1px solid transparent;
cursor: pointer;
display: inline-block;
font: 1rem / 1 brandongrotesque-medium, Arial, Helvetica, sans-serif;
text-align: center;
text-transform: uppercase;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-radius: 3px;
padding: 14.5px 20px;
width: 100%;
}
.app-view .plp:not(.delayed_rec_orders-plp) input[type=checkbox]:not(.custom-switch).product-select + label.button-disabled, .app-view .plp:not(.delayed_rec_orders-plp) .sales_rep_promo-upload:not(.active) input[type=checkbox]:not(.custom-switch).product-select + label.sales_rep_promo-upload-label, .sales_rep_promo-upload:not(.active) .app-view .plp:not(.delayed_rec_orders-plp) input[type=checkbox]:not(.custom-switch).product-select + label.sales_rep_promo-upload-label, .app-view .plp:not(.delayed_rec_orders-plp) input[type=checkbox]:not(.custom-switch).product-select + label.button-disabled:hover, .app-view .plp:not(.delayed_rec_orders-plp) input[type=checkbox]:not(.custom-switch).product-select + label.button-disabled:focus, .app-view .plp:not(.delayed_rec_orders-plp) input[type=checkbox]:not(.custom-switch).product-select + label.button-disabled:active, .app-view .plp:not(.delayed_rec_orders-plp) input[type=checkbox]:not(.custom-switch).product-select + label[disabled], .app-view .plp:not(.delayed_rec_orders-plp) input[type=checkbox]:not(.custom-switch).product-select + label[disabled]:hover, .app-view .plp:not(.delayed_rec_orders-plp) input[type=checkbox]:not(.custom-switch).product-select + label[disabled]:focus, .app-view .plp:not(.delayed_rec_orders-plp) input[type=checkbox]:not(.custom-switch).product-select + label[disabled]:active {
background-color: #e7e7e7;
border-color: #e7e7e7;
-webkit-box-shadow: none;
box-shadow: none;
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.app-view .plp:not(.delayed_rec_orders-plp) input[type=checkbox]:not(.custom-switch).product-select + label { /* stylelint-disable-line */
background-color: #ffffff;
border-color: #076795;
color: #076795;
}
.app-view .plp:not(.delayed_rec_orders-plp) input[type=checkbox]:not(.custom-switch).product-select + label:active {
background-color: rgba(7, 103, 149, 0.1);
border-color: #076795;
color: #076795;
}
@media only screen and (min-width: 1025px) {
.app-view .plp:not(.delayed_rec_orders-plp) input[type=checkbox]:not(.custom-switch).product-select + label:hover {
background-color: rgba(7, 103, 149, 0.1);
border-color: #076795;
color: #076795;
}
}
.app-view .plp:not(.delayed_rec_orders-plp) input[type=checkbox]:not(.custom-switch).product-select + label:active {
-webkit-box-shadow: inset 0 4px 2px rgba(0, 0, 0, 0.12);
box-shadow: inset 0 4px 2px rgba(0, 0, 0, 0.12);
}
.app-view .plp:not(.delayed_rec_orders-plp) input[type=checkbox]:not(.custom-switch).product-select + label {
margin-bottom: 0;
}
.app-view .plp:not(.delayed_rec_orders-plp) input[type=checkbox]:not(.custom-switch).product-select + label::before, .app-view .plp:not(.delayed_rec_orders-plp) input[type=checkbox]:not(.custom-switch).product-select + label::after {
content: none;
}
.app-view .plp:not(.delayed_rec_orders-plp) input[type=checkbox]:not(.custom-switch).product-select:checked + label.button-disabled, .app-view .plp:not(.delayed_rec_orders-plp) .sales_rep_promo-upload:not(.active) input[type=checkbox]:not(.custom-switch).product-select:checked + label.sales_rep_promo-upload-label, .sales_rep_promo-upload:not(.active) .app-view .plp:not(.delayed_rec_orders-plp) input[type=checkbox]:not(.custom-switch).product-select:checked + label.sales_rep_promo-upload-label, .app-view .plp:not(.delayed_rec_orders-plp) input[type=checkbox]:not(.custom-switch).product-select:checked + label.button-disabled:hover, .app-view .plp:not(.delayed_rec_orders-plp) input[type=checkbox]:not(.custom-switch).product-select:checked + label.button-disabled:focus, .app-view .plp:not(.delayed_rec_orders-plp) input[type=checkbox]:not(.custom-switch).product-select:checked + label.button-disabled:active, .app-view .plp:not(.delayed_rec_orders-plp) input[type=checkbox]:not(.custom-switch).product-select:checked + label[disabled], .app-view .plp:not(.delayed_rec_orders-plp) input[type=checkbox]:not(.custom-switch).product-select:checked + label[disabled]:hover, .app-view .plp:not(.delayed_rec_orders-plp) input[type=checkbox]:not(.custom-switch).product-select:checked + label[disabled]:focus, .app-view .plp:not(.delayed_rec_orders-plp) input[type=checkbox]:not(.custom-switch).product-select:checked + label[disabled]:active {
background-color: #e7e7e7;
border-color: #e7e7e7;
-webkit-box-shadow: none;
box-shadow: none;
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.app-view .plp:not(.delayed_rec_orders-plp) input[type=checkbox]:not(.custom-switch).product-select:checked + label { /* stylelint-disable-line */
background-color: #076795;
border-color: #076795;
color: #ffffff;
}
.app-view .plp:not(.delayed_rec_orders-plp) input[type=checkbox]:not(.custom-switch).product-select:checked + label:active {
background-color: #d7e7ef;
border-color: #d7e7ef;
color: #076795;
}
@media only screen and (min-width: 1025px) {
.app-view .plp:not(.delayed_rec_orders-plp) input[type=checkbox]:not(.custom-switch).product-select:checked + label:hover {
background-color: #d7e7ef;
border-color: #d7e7ef;
color: #076795;
}
}
.app-view .plp:not(.delayed_rec_orders-plp) input[type=checkbox]:not(.custom-switch).product-select:checked + label:active {
-webkit-box-shadow: inset 0 3px 2px rgba(0, 0, 0, 0.12);
box-shadow: inset 0 3px 2px rgba(0, 0, 0, 0.12);
}
.app-view .product_list-row {
width: 100%;
z-index: 1;
}
.app-view .product_list-row.active {
z-index: 2;
}
.app-view .product_list-row.active:hover {
z-index: 3;
}
.app-view .product_list-row.active.index {
z-index: 3;
}
.app-view .product_list-row.active > .product_list-header {
background-color: #f0f5f7;
}
.app-view .product_list-row.active > .product_list-header::after {
-webkit-transform: rotate(0);
transform: rotate(0);
}
.app-view .product_list-row.active > .product_list-inner {
max-height: 100%;
margin: 20px 15px 15px 20px;
}
.app-view .product_list-row.active > .product_list-inner.active {
z-index: 1;
position: relative;
overflow: visible;
}
.app-view .product_list-row .product_tile-badge_container {
z-index: 0;
}
.app-view .product_list-header {
position: relative;
-ms-flex-pack: start;
justify-content: flex-start;
padding-left: 20px;
padding-right: 40px;
color: #213858;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
}
.app-view .product_list-header::before, .app-view .product_list-header::after {
position: absolute;
top: 50%;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
content: "";
right: 20px;
border: 1px solid #076795;
width: 14px;
-webkit-transition: -webkit-transform 0.2s ease 0s;
transition: -webkit-transform 0.2s ease 0s;
transition: transform 0.2s ease 0s;
transition: transform 0.2s ease 0s, -webkit-transform 0.2s ease 0s;
}
.app-view .product_list-header::after {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
margin-top: -1px;
}
.app-view .product_list-inner {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
overflow: initial;
}
.app-view .product_list-inner.m-nested_list .product_list-header {
color: #434343;
}
.app-view .product_list-inner.m-nested_list .product_list-header::before, .app-view .product_list-inner.m-nested_list .product_list-header::after {
border-color: #434343;
}
.app-view .product_list-inner.m-nested_list .product_list-row.active > .product_list-header {
background: #e7e7e7;
}
.app-view .product_list-inner .product_tile {
width: calc(33.3333333333% - 5px);
margin: 0 5px 5px 0;
}
@media only screen and (max-width: 767px) {
.app-view .product_list-inner .product_tile {
width: 100%;
}
}
.app-view .product_list-inner .product_tile.selected {
background-color: #f5f5f5;
}
.app-view .product_list-inner .product_tile.selected .product_tile-title {
color: #213858;
}
.app-view .plp_header {
padding: 30px;
}
@media only screen and (max-width: 767px) {
.app-view .plp_header {
padding: 20px 10px 30px;
}
}
.app-view .plp_header.is-sticky {
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 6;
padding: 20px 50px;
background-color: #ffffff;
-webkit-box-shadow: 5px 0 15px rgba(33, 56, 88, 0.3);
box-shadow: 5px 0 15px rgba(33, 56, 88, 0.3);
}
@media only screen and (max-width: 767px) {
.app-view .plp_header.is-sticky {
padding: 20px 20px;
}
}
.app-view .plp_header-wrapper {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
.app-view .plp_header-wrapper[data-flow=PROVISIONAL_STOCK_PROGRAM] .bulk-buttons {
width: 100%;
}
}
@media only screen and (max-width: 1023px) {
.app-view .plp_header-wrapper[data-flow=PROVISIONAL_STOCK_PROGRAM] .bulk-add_to_cart {
font-size: 1rem;
width: 100%;
}
}
@media only screen and (max-width: 1023px) {
.app-view .plp_header-wrapper[data-flow=PROVISIONAL_STOCK_PROGRAM] .plp_header-title {
width: 100%;
}
}
@media only screen and (max-width: 1023px) {
.app-view .plp_header-wrapper[data-flow=PROVISIONAL_STOCK_PROGRAM] .plp_header-search {
-ms-flex: 1 0 100%;
flex: 1 0 100%;
max-width: calc(100% - 250px);
-ms-flex-order: 2;
order: 2;
margin: 10px 0;
}
}
@media only screen and (max-width: 767px) {
.app-view .plp_header-wrapper[data-flow=PROVISIONAL_STOCK_PROGRAM] .plp_header-search {
max-width: 100%;
}
}
@media only screen and (max-width: 1023px) {
.app-view .plp_header-wrapper[data-flow=PROVISIONAL_STOCK_PROGRAM] .plp_header-bulk {
-ms-flex-order: 3;
order: 3;
}
}
@media only screen and (max-width: 767px) {
.app-view .plp_header-wrapper[data-flow=PROVISIONAL_STOCK_PROGRAM] .plp_header-bulk {
width: 100%;
}
}
.app-view .plp_header-title {
padding-right: 20px;
font-size: 2.1428571429rem;
color: #213858;
}
@media only screen and (max-width: 767px) {
.app-view .plp_header-title {
-ms-flex-order: 1;
order: 1;
padding-right: 10px;
font-size: 1.4285714286rem;
}
}
@media only screen and (max-width: 1023px) {
.app-view .plp_header-recommendations .plp_header-search {
-ms-flex: 1 0 100%;
flex: 1 0 100%;
-ms-flex-order: 3;
order: 3;
padding-top: 20px;
max-width: 100%;
}
}
@media only screen and (max-width: 1023px) {
.app-view .plp_header-recommendations .plp_header-search .search {
max-width: 100%;
}
}
@media only screen and (max-width: 1023px) {
.app-view .plp_header-recommendations .plp_header-bulk {
margin-top: 10px;
-ms-flex-order: 2;
order: 2;
-ms-flex-pack: start;
justify-content: flex-start;
max-width: 100%;
}
}
@media only screen and (max-width: 767px) {
.app-view .plp_header-recommendations .plp_header-bulk .bulk-add_to_recommendation,
.app-view .plp_header-recommendations .plp_header-bulk .bulk-add_to_cart {
font-size: 0.7142857143rem;
padding: 10px;
}
}
@media only screen and (min-width: 768px) {
.app-view .plp_header-search {
-ms-flex: 1 0 auto;
flex: 1 0 auto;
max-width: 280px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
[locale=it_IT] .app-view .plp_header-search {
max-width: 120px;
}
[locale=de_DE] .app-view .plp_header-search {
max-width: 150px;
}
[locale=fr_FR] .app-view .plp_header-search {
max-width: 145px;
}
}
@media only screen and (max-width: 767px) {
.app-view .plp_header-search {
-ms-flex: 1 0 100%;
flex: 1 0 100%;
-ms-flex-order: 2;
order: 2;
margin: 10px 0;
}
}
.app-view .plp_header-search .search-input {
border-radius: 3px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
[locale=fr_FR] .app-view .plp_header-search .search-input {
font-size: 0.9285714286rem;
}
}
.app-view .plp_header-search .search-input.search-input_filled {
background: #f7f9f9;
}
.app-view .plp_header-search .search-input.search-input_filled + .search-icon_clear {
display: block;
}
.app-view .plp_header-search .search-icon_clear:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f130";
}
.app-view .plp_header-search .search-icon_clear {
position: absolute;
top: 0;
right: 0;
display: none;
min-width: 30px;
height: 100%;
padding: 10px;
color: #076795;
background: transparent;
opacity: 0.5;
}
.app-view .plp_header-search .search-icon_clear:hover {
opacity: 1;
}
.app-view .plp_header-search .search-icon_clear::before {
font-size: 0.7142857143rem;
}
.app-view .plp_header-bulk {
display: -ms-flexbox;
display: flex;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
-ms-flex-pack: end;
justify-content: flex-end;
}
@media only screen and (max-width: 374px) {
.app-view .plp_header-bulk {
-ms-flex-preferred-size: 45%;
flex-basis: 45%;
}
}
@media only screen and (max-width: 767px) {
.app-view .plp_header-bulk {
-ms-flex-order: 2;
order: 2;
margin-top: 0;
}
}
@media only screen and (max-width: 767px) {
.app-view .plp_header-bulk .bulk-buttons {
width: 100%;
}
}
@media only screen and (max-width: 767px) {
.app-view .plp_header-bulk .bulk-add_to_cart {
font-size: 1rem;
width: 100%;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
[locale=it_IT] .app-view .plp_header-bulk .bulk-add_to_cart, [locale=fr_FR] .app-view .plp_header-bulk .bulk-add_to_cart {
font-size: 0.8571428571rem;
padding: 15px 10px;
}
}
.single_column-page {
margin-bottom: 30px;
margin-top: 30px;
}
@media only screen and (min-width: 768px) {
.single_column-page {
margin-bottom: 60px;
}
}
.single_column-main {
padding: 30px 10px;
}
@media only screen and (min-width: 768px) {
.single_column-main {
padding: 30px;
}
}
@media only screen and (min-width: 768px) {
.single_column-main.m-behalf_user {
min-height: 355px;
}
}
@media only screen and (max-width: 767px) {
.single_column-main.m-behalf_user .single_column-title {
border-bottom: none;
}
}
.single_column-title, .single_column-subtitle {
margin-bottom: 30px;
}
@media only screen and (max-width: 1024px) {
.single_column-title {
font-size: 1.7142857143rem;
}
}
@media only screen and (max-width: 767px) {
.single_column-subtitle {
text-align: center;
}
}
.todays_orders_refinements {
margin: 0 -10px;
padding: 0 10px;
background: #f7f9f9;
}
@media only screen and (min-width: 768px) {
.todays_orders_refinements {
margin: 0 -30px;
padding: 0 30px;
}
}
.todays_orders_refinements-form {
display: grid;
gap: 15px;
grid-template-columns: repeat(var(--_columnCount, 2), 1fr);
padding-bottom: 25px;
}
@media only screen and (min-width: 768px) {
.todays_orders_refinements-form {
--_columnCount: 10;
padding: 30px 0;
}
}
@media only screen and (min-width: 1025px) {
.todays_orders_refinements-form {
--_columnCount: 7;
-ms-flex-align: end;
align-items: flex-end;
}
}
.todays_orders_refinements-form .form-control-label {
white-space: nowrap;
}
@media only screen and (max-width: 1024px) {
.todays_orders_refinements-form .form-control-label {
white-space: normal;
}
}
.todays_orders_refinements-form .form-group {
margin-top: 0;
}
@media only screen and (max-width: 1024px) {
.todays_orders_refinements-form .form-group {
grid-column: span 2;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: end;
justify-content: flex-end;
}
}
@media only screen and (max-width: 767px) {
.todays_orders_refinements-form .form-group.todays_orders_refinements-account_number, .todays_orders_refinements-form .form-group.todays_orders_refinements-account_name {
grid-column: span 1;
}
}
@media only screen and (max-width: 767px) {
.todays_orders_refinements-form_wrapper {
display: none;
}
}
.todays_orders_refinements-expand_btn::after {
border: 5px solid transparent;
border-top-color: #076795;
border-bottom-width: 0;
content: "";
margin: 0 0 0 10px;
width: auto;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
-webkit-transform: rotate(0);
transform: rotate(0);
-ms-flex-item-align: center;
align-self: center;
}
.todays_orders_refinements-expand_btn.shown::after {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.todays_orders_refinements-expand_btn {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
padding: 20px 0;
margin-bottom: 3px;
font: 1rem / 1.1428571429rem brandongrotesque-medium, Arial, Helvetica, sans-serif;
text-transform: uppercase;
}
@media only screen and (max-width: 767px) {
html[locale=fr_FR] .todays_orders_refinements-expand_btn {
display: inline-block;
text-align: center;
width: 100%;
}
html[locale=fr_FR] .todays_orders_refinements-expand_btn::after {
display: inline-block;
position: relative;
top: -2px;
}
}
.todays_orders_refinements-status_text {
padding-left: 5px;
}
@media only screen and (max-width: 767px) {
.todays_orders_refinements-order_type, .todays_orders_refinements-product_line {
width: 100%;
}
}
.todays_orders_refinements-form .todays_orders_refinements-refine_btn, .todays_orders_refinements-form .todays_orders_refinements-clear_btn {
width: auto;
white-space: nowrap;
height: 45px;
}
@media only screen and (min-width: 768px) {
.todays_orders_refinements-refine_btn, .todays_orders_refinements-clear_btn {
border: 1px solid transparent;
cursor: pointer;
display: inline-block;
font: 1rem / 1 brandongrotesque-medium, Arial, Helvetica, sans-serif;
text-align: center;
text-transform: uppercase;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-radius: 3px;
padding: 14.5px 20px;
width: 100%;
}
.todays_orders_refinements-refine_btn.button-disabled, .sales_rep_promo-upload:not(.active) .todays_orders_refinements-refine_btn.sales_rep_promo-upload-label, .todays_orders_refinements-refine_btn.button-disabled:hover, .todays_orders_refinements-refine_btn.button-disabled:focus, .todays_orders_refinements-refine_btn.button-disabled:active, .todays_orders_refinements-refine_btn[disabled], .todays_orders_refinements-refine_btn[disabled]:hover, .todays_orders_refinements-refine_btn[disabled]:focus, .todays_orders_refinements-refine_btn[disabled]:active, .todays_orders_refinements-clear_btn.button-disabled, .sales_rep_promo-upload:not(.active) .todays_orders_refinements-clear_btn.sales_rep_promo-upload-label, .todays_orders_refinements-clear_btn.button-disabled:hover, .todays_orders_refinements-clear_btn.button-disabled:focus, .todays_orders_refinements-clear_btn.button-disabled:active, .todays_orders_refinements-clear_btn[disabled], .todays_orders_refinements-clear_btn[disabled]:hover, .todays_orders_refinements-clear_btn[disabled]:focus, .todays_orders_refinements-clear_btn[disabled]:active {
background-color: #e7e7e7;
border-color: #e7e7e7;
-webkit-box-shadow: none;
box-shadow: none;
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.todays_orders_refinements-refine_btn, .todays_orders_refinements-clear_btn { /* stylelint-disable-line */
background-color: #ffffff;
border-color: #076795;
color: #076795;
}
.todays_orders_refinements-refine_btn:active, .todays_orders_refinements-clear_btn:active {
background-color: rgba(7, 103, 149, 0.1);
border-color: #076795;
color: #076795;
}
}
@media only screen and (min-width: 768px) and (min-width: 1025px) {
.todays_orders_refinements-refine_btn:hover, .todays_orders_refinements-clear_btn:hover {
background-color: rgba(7, 103, 149, 0.1);
border-color: #076795;
color: #076795;
}
}
@media only screen and (min-width: 768px) {
.todays_orders_refinements-refine_btn:active, .todays_orders_refinements-clear_btn:active {
-webkit-box-shadow: inset 0 4px 2px rgba(0, 0, 0, 0.12);
box-shadow: inset 0 4px 2px rgba(0, 0, 0, 0.12);
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.todays_orders_refinements-refine_btn, .todays_orders_refinements-clear_btn {
grid-row: 2;
grid-column: var(--_tabletStartColumn, 1)/span 5;
}
}
.todays_orders_refinements-refine_btn {
--_tabletStartColumn: 1;
}
@media only screen and (max-width: 767px) {
.todays_orders_refinements-refine_btn {
grid-column: 1;
}
}
@media only screen and (max-width: 767px) {
.todays_orders_refinements-refine_btn {
border: 1px solid transparent;
cursor: pointer;
display: inline-block;
font: 1rem / 1 brandongrotesque-medium, Arial, Helvetica, sans-serif;
text-align: center;
text-transform: uppercase;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-radius: 3px;
padding: 14.5px 20px;
width: 100%;
}
.todays_orders_refinements-refine_btn.button-disabled, .sales_rep_promo-upload:not(.active) .todays_orders_refinements-refine_btn.sales_rep_promo-upload-label, .todays_orders_refinements-refine_btn.button-disabled:hover, .todays_orders_refinements-refine_btn.button-disabled:focus, .todays_orders_refinements-refine_btn.button-disabled:active, .todays_orders_refinements-refine_btn[disabled], .todays_orders_refinements-refine_btn[disabled]:hover, .todays_orders_refinements-refine_btn[disabled]:focus, .todays_orders_refinements-refine_btn[disabled]:active {
background-color: #e7e7e7;
border-color: #e7e7e7;
-webkit-box-shadow: none;
box-shadow: none;
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.todays_orders_refinements-refine_btn { /* stylelint-disable-line */
background-color: #076795;
border-color: #076795;
color: #ffffff;
}
.todays_orders_refinements-refine_btn:active {
background-color: #d7e7ef;
border-color: #d7e7ef;
color: #076795;
}
}
@media only screen and (max-width: 767px) and (min-width: 1025px) {
.todays_orders_refinements-refine_btn:hover {
background-color: #d7e7ef;
border-color: #d7e7ef;
color: #076795;
}
}
@media only screen and (max-width: 767px) {
.todays_orders_refinements-refine_btn:active {
-webkit-box-shadow: inset 0 3px 2px rgba(0, 0, 0, 0.12);
box-shadow: inset 0 3px 2px rgba(0, 0, 0, 0.12);
}
}
.todays_orders_refinements-clear_btn {
--_tabletStartColumn: 6;
}
@media only screen and (max-width: 767px) {
.todays_orders_refinements-clear_btn {
padding: 0;
border: 0;
background: none;
background-color: transparent;
background-image: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.todays_orders_refinements-clear_btn::-ms-expand {
display: none;
}
.todays_orders_refinements-clear_btn.link-disabled, .todays_orders_refinements-clear_btn.link-disabled:hover, .todays_orders_refinements-clear_btn.link-disabled:focus, .todays_orders_refinements-clear_btn.link-disabled:active, .todays_orders_refinements-clear_btn[disabled], .todays_orders_refinements-clear_btn[disabled]:hover, .todays_orders_refinements-clear_btn[disabled]:focus, .todays_orders_refinements-clear_btn[disabled]:active {
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.todays_orders_refinements-clear_btn {
display: inline-block;
cursor: pointer;
color: #076795;
}
.todays_orders_refinements-clear_btn:hover, .todays_orders_refinements-clear_btn:active {
text-decoration: underline;
}
.todays_orders_refinements-clear_btn {
font: 0.8571428571rem brandongrotesque-medium, Arial, Helvetica, sans-serif;
text-transform: uppercase;
font-size: 1rem;
}
}
.todays_orders_refinements-reset_group {
position: relative;
}
.todays_orders_refinements-reset_btn:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f130";
}
.todays_orders_refinements-reset_btn {
position: absolute;
right: 0;
bottom: 0;
display: none;
min-width: 30px;
height: 45px;
padding: 10px;
color: #076795;
background: transparent;
}
.todays_orders_refinements-reset_btn.show_icon {
display: block;
}
.todays_orders_refinements-reset_btn::before {
font-size: 0.7142857143rem;
}
.todays_orders_totals {
-ms-flex: 1 0 60%;
flex: 1 0 60%;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.todays_orders_totals {
-ms-flex: 1 0 55%;
flex: 1 0 55%;
}
}
@media only screen and (max-width: 767px) {
.todays_orders_totals:not(:empty) {
margin-bottom: 30px;
}
}
.todays_orders_totals .todays_orders-subtitle {
margin-bottom: 10px;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
}
@media only screen and (min-width: 768px) {
.todays_orders_totals-inner {
margin-left: 30px;
padding-left: 30px;
border-left: 1px solid #efefef;
}
}
.todays_orders_totals-list {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 0 -10px;
}
@media only screen and (min-width: 1025px) {
.todays_orders_totals-list {
-ms-flex-pack: start;
justify-content: flex-start;
}
}
.todays_orders_totals-item {
padding: 0 10px;
}
@media only screen and (max-width: 1024px) {
.todays_orders_totals-item {
-ms-flex: 1 1 50%;
flex: 1 1 50%;
}
}
@media only screen and (min-width: 1025px) {
.todays_orders_totals-item {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
}
.todays_orders_totals-name {
color: #646464;
font: 0.9285714286rem / 1.0714285714rem opensans-regular, Arial, Helvetica, sans-serif;
}
.todays_orders_totals-name::after {
content: ":";
display: inline-block;
}
.todays_orders_totals-value {
color: #000000;
font: 0.9285714286rem / 1.0714285714rem opensans-semibold, Arial, Helvetica, sans-serif;
}
@media only screen and (max-width: 1024px) and (orientation: portrait) {
.todays_orders_totals-value {
display: block;
}
}
@media only screen and (max-width: 767px) {
.todays_orders_diagram {
padding-bottom: 25px;
margin-bottom: 30px;
}
}
.todays_orders_diagram .todays_orders-subtitle {
margin: 15px 10px 0 0;
}
.todays_orders_diagram .todays_orders_refinements-expand_btn {
border-top: 1px solid #e7e7e7;
}
.todays_orders_diagram-chart {
display: -ms-flexbox;
display: flex;
}
@media only screen and (max-width: 767px) {
.todays_orders_diagram-legend {
display: none;
}
}
@media only screen and (min-width: 768px) {
.todays_orders_diagram-legend {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-bottom: 30px;
margin-bottom: 30px;
}
}
.todays_orders_diagram-legend .form-group.custom-control {
margin: 10px 0 0 0;
}
@media only screen and (min-width: 768px) {
.todays_orders_diagram-legend .form-group.custom-control {
margin: 15px 10px 0 0;
}
}
@media only screen and (max-width: 767px) {
.todays_orders_diagram-legend .form-group.custom-control {
-ms-flex: 1 1 100%;
flex: 1 1 100%;
}
}
.todays_orders_diagram-item {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
height: 35px;
color: #ffffff;
font: 1.0714285714rem / 1.2142857143rem opensans-semibold, Arial, Helvetica, sans-serif;
background: #888888;
}
.todays_orders_diagram-item:first-child {
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}
.todays_orders_diagram-item:last-child {
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.todays_orders_diagram-item.green {
background-color: #339933;
}
.todays_orders_diagram-item.green.disabled {
background-color: rgba(51, 153, 51, 0.25);
}
.todays_orders_diagram-item.yellow {
background-color: #ff9900;
}
.todays_orders_diagram-item.yellow.disabled {
background-color: rgba(255, 153, 0, 0.25);
}
.todays_orders_diagram-item.blue {
background-color: #3399cc;
}
.todays_orders_diagram-item.blue.disabled {
background-color: rgba(51, 153, 204, 0.25);
}
.todays_orders_diagram-item.navy {
background-color: #0d4fab;
}
.todays_orders_diagram-item.navy.disabled {
background-color: rgba(13, 79, 171, 0.25);
}
.todays_orders_diagram-item.red {
background-color: #ff0000;
}
.todays_orders_diagram-item.red.disabled {
background-color: rgba(255, 0, 0, 0.25);
}
.todays_orders_diagram-item.purple {
background-color: #d800dc;
}
.todays_orders_diagram-item.purple.disabled {
background-color: rgba(216, 0, 220, 0.25);
}
.todays_orders_diagram-item.gray {
background-color: #646464;
}
.todays_orders_diagram-item.gray.disabled {
background-color: rgba(100, 100, 100, 0.25);
}
.todays_orders .single_column-title {
margin-bottom: 0;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
@media only screen and (max-width: 767px) {
.todays_orders .single_column-title {
padding-bottom: 15px;
margin-bottom: 15px;
border-bottom: 1px solid #efefef;
}
}
[locale=pt_BR] .todays_orders .single_column-title {
white-space: nowrap;
}
.todays_orders-date {
margin-left: 8px;
max-width: 120px;
}
@media only screen and (min-width: 768px) {
.todays_orders-header {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
margin-bottom: 30px;
}
}
@media only screen and (max-width: 767px) {
.todays_orders-pagination {
text-align: center;
}
}
@media only screen and (min-width: 768px) {
.todays_orders-pagination {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: 25px;
-ms-flex-align: center;
align-items: center;
}
}
.todays_orders-pagination .dashboard-export {
width: auto;
}
@media only screen and (min-width: 768px) {
.todays_orders-pagination .dashboard-export {
margin-bottom: 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
html[locale=de_DE] .todays_orders .table_min_tm-header_cell {
font-size: clamp(10px, 1.2vw, 13px);
}
html[locale=de_DE] .todays_orders .table_min_tm-header_cell:first-child {
padding-left: 10px;
}
}
@media only screen and (min-width: 1025px) {
html[locale=de_DE] .todays_orders .table_min_tm-header_cell {
font-size: 13px;
}
}
.todays_orders-salesrep {
margin-bottom: 20px;
}
.todays_orders-salesrep_name, .todays_orders-salesrep_territory, .todays_orders-salesrep_businessline {
margin-right: 15px;
display: inline-block;
}
@media only screen and (max-width: 767px) {
.todays_orders-salesrep_name, .todays_orders-salesrep_businessline {
display: none;
}
}
@media only screen and (min-width: 768px) {
.todays_orders-item.expanded.table_min_tm-body_row {
background: #efefef;
}
}
.todays_orders-item.expanded .expand_details::before {
-webkit-transform: rotate(270deg);
transform: rotate(270deg);
}
.todays_orders-item .expand_details::before {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.todays_orders-item.table_min_tm-body_row {
background: none;
}
.todays_orders-item .table_min_tl-body_cell {
cursor: pointer;
}
@media only screen and (min-width: 1024px) {
.todays_orders-header_table .todays_orders-ship_to_account .label {
padding-left: 30px;
}
}
.todays_orders-ship_to_account .value {
display: -ms-flexbox;
display: flex;
}
@media only screen and (min-width: 768px) {
.todays_orders-ship_to_account .expand-icon {
--br: 0;
--height: 0;
--size: 12px;
display: grid;
cursor: pointer;
place-content: center;
width: 20px;
aspect-ratio: 1;
}
.todays_orders-ship_to_account .expand-icon::before, .todays_orders-ship_to_account .expand-icon::after {
content: "";
width: var(--size);
height: var(--height);
border-top: 2px solid #076795;
border-radius: var(--br);
display: block;
grid-row: 1;
grid-column: 1;
-webkit-transition: all 150ms linear;
transition: all 150ms linear;
opacity: 1;
}
.todays_orders-ship_to_account .expand-icon:after {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.loading .todays_orders-ship_to_account .expand-icon, .todays_orders-ship_to_account .expand-icon.loading {
--br: 50%;
--height: var(--size);
-webkit-animation: rotate 1s linear infinite;
animation: rotate 1s linear infinite;
}
.loading .todays_orders-ship_to_account .expand-icon:before, .todays_orders-ship_to_account .expand-icon.loading:before {
border: 2px solid #e4e5e5;
border-top-color: #076795;
}
.loading .todays_orders-ship_to_account .expand-icon:after, .todays_orders-ship_to_account .expand-icon.loading:after {
opacity: 0;
-webkit-transform: rotate(0);
transform: rotate(0);
}
.active .todays_orders-ship_to_account .expand-icon:after, .todays_orders-ship_to_account .expand-icon.active:after, .expanded .todays_orders-ship_to_account .expand-icon:after, .todays_orders-ship_to_account .expand-icon.expanded:after {
-webkit-transform: rotate(0);
transform: rotate(0);
}
@-webkit-keyframes rotate {
from {
-webkit-transform: rotate(0turn);
transform: rotate(0turn);
}
to {
-webkit-transform: rotate(1turn);
transform: rotate(1turn);
}
}
@keyframes rotate {
from {
-webkit-transform: rotate(0turn);
transform: rotate(0turn);
}
to {
-webkit-transform: rotate(1turn);
transform: rotate(1turn);
}
}
.todays_orders-ship_to_account .expand-icon {
margin-right: 10px;
}
}
@media only screen and (max-width: 767px) {
.todays_orders .table_min_tm-body_cell {
width: 100%;
}
}
@media only screen and (max-width: 767px) {
.todays_orders .table_min_tm-body_cell .value {
text-align: left;
font-family: opensans-semibold, Arial, Helvetica, sans-serif;
}
}
@media only screen and (max-width: 767px) {
.todays_orders .table_min_tm-body_cell .value,
.todays_orders .table_min_tm-body_cell .label {
width: 50%;
}
}
@media only screen and (max-width: 767px) {
.todays_orders-order_number.table_min_tm-body_cell {
display: -ms-flexbox;
display: flex;
width: 100%;
margin-bottom: 15px;
-ms-flex-order: -1;
order: -1;
}
}
.todays_orders-order_number.table_min_tm-body_cell .value {
padding: 0;
border: 0;
background: none;
background-color: transparent;
background-image: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.todays_orders-order_number.table_min_tm-body_cell .value::-ms-expand {
display: none;
}
.todays_orders-order_number.table_min_tm-body_cell .value.link-disabled, .todays_orders-order_number.table_min_tm-body_cell .value.link-disabled:hover, .todays_orders-order_number.table_min_tm-body_cell .value.link-disabled:focus, .todays_orders-order_number.table_min_tm-body_cell .value.link-disabled:active, .todays_orders-order_number.table_min_tm-body_cell .value[disabled], .todays_orders-order_number.table_min_tm-body_cell .value[disabled]:hover, .todays_orders-order_number.table_min_tm-body_cell .value[disabled]:focus, .todays_orders-order_number.table_min_tm-body_cell .value[disabled]:active {
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.todays_orders-order_number.table_min_tm-body_cell .value {
display: inline-block;
cursor: pointer;
color: #076795;
}
.todays_orders-order_number.table_min_tm-body_cell .value:hover, .todays_orders-order_number.table_min_tm-body_cell .value:active {
text-decoration: underline;
}
.todays_orders-order_number.table_min_tm-body_cell .value {
display: -ms-flexbox;
display: flex;
color: #076795;
padding-left: 0;
position: relative;
}
.todays_orders-order_number.table_min_tm-body_cell .value::before {
position: absolute;
left: 0;
color: #a7a7a7;
font-size: 1.4285714286rem;
}
@media only screen and (max-width: 767px) {
.todays_orders-order_number.table_min_tm-body_cell .value {
width: 50%;
padding-left: 0;
margin-bottom: 0;
}
}
@media only screen and (min-width: 768px) {
.todays_orders-order_number.table_min_tm-body_cell .value {
font-family: opensans-semibold, Arial, Helvetica, sans-serif;
}
}
@media only screen and (max-width: 767px) {
.todays_orders-order_number.table_min_tm-body_cell .label {
width: 50%;
}
}
.todays_orders-order_number.table_min_tm-body_cell .telephone:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f12a";
}
.todays_orders-order_number.table_min_tm-body_cell .web:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f12e";
}
.todays_orders-order_number.table_min_tm-body_cell .application:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f163";
}
@media only screen and (max-width: 767px) {
.todays_orders-order_number .label, .todays_orders-order_number.table_min_tm-body_cell .value {
display: inline-block;
-ms-flex: 1;
flex: 1;
width: auto;
}
}
.todays_orders-order_status {
max-width: 30px;
padding-right: 10px;
}
.todays_orders-status {
width: 18px;
height: 18px;
display: inline-block;
border-radius: 50%;
background: #c5c5c5;
}
@media only screen and (max-width: 767px) {
.todays_orders-order_number .todays_orders-status {
margin: 0 0 -4px 5px;
}
}
.todays_orders-status.green {
background-color: #339933;
}
.todays_orders-status.yellow {
background-color: #ff9900;
}
.todays_orders-status.blue {
background-color: #3399cc;
}
.todays_orders-status.navy {
background-color: #0d4fab;
}
.todays_orders-status.red {
background-color: #ff0000;
}
.todays_orders-status.purple {
background-color: #d800dc;
}
.todays_orders-status.gray {
background-color: #646464;
}
.todays_orders-subitem {
background: #ffffff;
width: 100%;
}
@media only screen and (min-width: 768px) {
.todays_orders-subitem {
padding: 0 20px;
}
}
.todays_orders-subitem .attachment-link {
border: 1px solid transparent;
cursor: pointer;
display: inline-block;
font: 1rem / 1 brandongrotesque-medium, Arial, Helvetica, sans-serif;
text-align: center;
text-transform: uppercase;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-radius: 3px;
padding: 14.5px 20px;
width: 100%;
}
.todays_orders-subitem .attachment-link.button-disabled, .todays_orders-subitem .sales_rep_promo-upload:not(.active) .attachment-link.sales_rep_promo-upload-label, .sales_rep_promo-upload:not(.active) .todays_orders-subitem .attachment-link.sales_rep_promo-upload-label, .todays_orders-subitem .attachment-link.button-disabled:hover, .todays_orders-subitem .attachment-link.button-disabled:focus, .todays_orders-subitem .attachment-link.button-disabled:active, .todays_orders-subitem .attachment-link[disabled], .todays_orders-subitem .attachment-link[disabled]:hover, .todays_orders-subitem .attachment-link[disabled]:focus, .todays_orders-subitem .attachment-link[disabled]:active {
background-color: #e7e7e7;
border-color: #e7e7e7;
-webkit-box-shadow: none;
box-shadow: none;
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.todays_orders-subitem .attachment-link { /* stylelint-disable-line */
background-color: #ffffff;
border-color: #076795;
color: #076795;
}
.todays_orders-subitem .attachment-link:active {
background-color: rgba(7, 103, 149, 0.1);
border-color: #076795;
color: #076795;
}
@media only screen and (min-width: 1025px) {
.todays_orders-subitem .attachment-link:hover {
background-color: rgba(7, 103, 149, 0.1);
border-color: #076795;
color: #076795;
}
}
.todays_orders-subitem .attachment-link:active {
-webkit-box-shadow: inset 0 4px 2px rgba(0, 0, 0, 0.12);
box-shadow: inset 0 4px 2px rgba(0, 0, 0, 0.12);
}
.todays_orders-subitem .attachment-link::before {
content: none;
}
@media only screen and (min-width: 768px) {
.todays_orders-actions {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 30px 20px 20px;
margin: 0 -20px;
border-bottom: 1px solid #e7e7e7;
}
.todays_orders-actions-inner {
display: -ms-flexbox;
display: flex;
width: 100%;
}
}
.todays_orders-cancel-msg {
color: #b20000;
font-size: 1rem;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
margin-bottom: 5px;
}
@media only screen and (min-width: 768px) {
.todays_orders-action_item {
-ms-flex: 0 1 224px;
flex: 0 1 224px;
}
.todays_orders-action_item + .todays_orders-action_item {
margin-left: 15px;
}
}
@media only screen and (min-width: 768px) {
[locale=pt_BR] .todays_orders-action_item-order {
-ms-flex: 0 1 387px;
flex: 0 1 387px;
}
}
@media only screen and (min-width: 1024px) {
[locale=pt_BR] .todays_orders-action_item-order {
-ms-flex: 0 1 276px;
flex: 0 1 276px;
}
}
@media only screen and (max-width: 767px) {
.todays_orders-action_item {
margin: 15px 0 0;
}
}
.todays_orders-order_details_btn, .todays_orders-track_shipment_btn {
border: 1px solid transparent;
cursor: pointer;
display: inline-block;
font: 1rem / 1 brandongrotesque-medium, Arial, Helvetica, sans-serif;
text-align: center;
text-transform: uppercase;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-radius: 3px;
padding: 14.5px 20px;
width: 100%;
}
.todays_orders-order_details_btn.button-disabled, .sales_rep_promo-upload:not(.active) .todays_orders-order_details_btn.sales_rep_promo-upload-label, .todays_orders-order_details_btn.button-disabled:hover, .todays_orders-order_details_btn.button-disabled:focus, .todays_orders-order_details_btn.button-disabled:active, .todays_orders-order_details_btn[disabled], .todays_orders-order_details_btn[disabled]:hover, .todays_orders-order_details_btn[disabled]:focus, .todays_orders-order_details_btn[disabled]:active, .todays_orders-track_shipment_btn.button-disabled, .sales_rep_promo-upload:not(.active) .todays_orders-track_shipment_btn.sales_rep_promo-upload-label, .todays_orders-track_shipment_btn.button-disabled:hover, .todays_orders-track_shipment_btn.button-disabled:focus, .todays_orders-track_shipment_btn.button-disabled:active, .todays_orders-track_shipment_btn[disabled], .todays_orders-track_shipment_btn[disabled]:hover, .todays_orders-track_shipment_btn[disabled]:focus, .todays_orders-track_shipment_btn[disabled]:active {
background-color: #e7e7e7;
border-color: #e7e7e7;
-webkit-box-shadow: none;
box-shadow: none;
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.todays_orders-order_details_btn, .todays_orders-track_shipment_btn { /* stylelint-disable-line */
background-color: #ffffff;
border-color: #076795;
color: #076795;
}
.todays_orders-order_details_btn:active, .todays_orders-track_shipment_btn:active {
background-color: rgba(7, 103, 149, 0.1);
border-color: #076795;
color: #076795;
}
@media only screen and (min-width: 1025px) {
.todays_orders-order_details_btn:hover, .todays_orders-track_shipment_btn:hover {
background-color: rgba(7, 103, 149, 0.1);
border-color: #076795;
color: #076795;
}
}
.todays_orders-order_details_btn:active, .todays_orders-track_shipment_btn:active {
-webkit-box-shadow: inset 0 4px 2px rgba(0, 0, 0, 0.12);
box-shadow: inset 0 4px 2px rgba(0, 0, 0, 0.12);
}
@media only screen and (max-width: 767px) {
.todays_orders .placed_order-item {
padding: 25px 0 0;
}
}
.todays_orders .placed_order-product_sku {
margin-bottom: 10px;
font-size: 0.9285714286rem;
color: #646464;
}
.todays_orders .placed_order-product_sku .label {
font-family: opensans-regular, Arial, Helvetica, sans-serif;
}
.todays_orders .placed_order-product_name {
font-family: brandongrotesque-regular, Arial, Helvetica, sans-serif;
color: #076795;
}
.todays_orders .placed_order-product_price {
font: 1rem / 1.1428571429rem opensans-semibold, Arial, Helvetica, sans-serif;
}
.todays_orders .placed_order-product_price .value {
font-size: 1rem;
}
.todays_orders .placed_order-product_quantity {
font-size: 1rem;
margin-bottom: 0;
}
.todays_orders .placed_order-product_quantity .label {
font-family: opensans-regular, Arial, Helvetica, sans-serif;
}
.todays_orders .placed_order-product_quantity .value {
font-family: opensans-semibold, Arial, Helvetica, sans-serif;
}
@media only screen and (min-width: 768px) {
.todays_orders-empty_table {
border: 1px solid #e7e7e7;
}
}
.todays_orders-user {
margin: 45px 0 35px;
}
@media only screen and (max-width: 767px) {
.todays_orders-user {
margin: 0 0 20px;
}
}
.todays_orders-user_form-unselected {
color: #646464;
font: 1rem / 1.4285714286rem opensans-regular, Arial, Helvetica, sans-serif;
margin-bottom: 35px;
}
.todays_orders-user_form-control {
display: -ms-flexbox;
display: flex;
-ms-flex-align: start;
align-items: flex-start;
}
@media only screen and (max-width: 767px) {
.todays_orders-user_form-control {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.todays_orders-user_form-field {
-ms-flex: 0 0 295px;
flex: 0 0 295px;
margin-right: 10px;
}
@media only screen and (max-width: 767px) {
.todays_orders-user_form-field {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
margin: 0;
}
}
.todays_orders-user_form-submit {
margin-top: 24px;
}
@media only screen and (max-width: 767px) {
.todays_orders-user_form-submit {
margin-top: 20px;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
}
.todays_orders-user_form-selected {
margin-top: 30px;
color: #646464;
font: 1.7142857143rem / 2.4285714286rem opensans-regular, Arial, Helvetica, sans-serif;
}
@media only screen and (max-width: 767px) {
.todays_orders-user_form-selected {
word-break: break-all;
}
}
.todays_orders-user_form-email {
color: #434343;
font: 1.7142857143rem / 2.4285714286rem opensans-semibold, Arial, Helvetica, sans-serif;
}
.app-view .recent_orders-row {
color: #646464;
border-bottom-width: 0;
}
@media only screen and (max-width: 767px) {
.app-view .recent_orders-row {
padding: 0 0 10px;
margin-bottom: 0;
}
}
@media only screen and (min-width: 768px) {
.app-view .recent_orders-row.expanded {
background: #f0f5f7;
}
}
.app-view .recent_orders-row.expanded .expand-icon::after {
-webkit-transform: rotate(0);
transform: rotate(0);
}
@media only screen and (max-width: 767px) {
.app-view .recent_orders-row.expanded .recent_orders-expand,
.app-view .recent_orders-row.expanded .recent_orders-order_number_cell,
.app-view .recent_orders-row.expanded .recent_orders-utils_cell {
background: #f0f5f7;
}
}
.app-view .recent_orders-row.expanded + .recent_orders-details {
max-height: 100%;
}
@media only screen and (max-width: 767px) {
.app-view .recent_orders-expand, .app-view .recent_orders-order_number_cell, .app-view .recent_orders-utils_cell {
padding: 15px 0 10px;
}
}
.app-view .recent_orders-cancel-msg {
color: #b20000;
font-size: 1rem;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
margin-bottom: 5px;
}
@media only screen and (max-width: 767px) {
.app-view .recent_orders-date_cell, .app-view .recent_orders-status_cell, .app-view .recent_orders-purchase_number_cell, .app-view .recent_orders-price_cell {
display: -ms-flexbox;
display: flex;
-ms-flex: 1 0 100%;
flex: 1 0 100%;
padding: 10px 20px 0;
}
}
@media only screen and (max-width: 767px) {
.app-view .recent_orders-date_cell .label, .app-view .recent_orders-status_cell .label, .app-view .recent_orders-purchase_number_cell .label, .app-view .recent_orders-price_cell .label {
-ms-flex: 0 0 130px;
flex: 0 0 130px;
}
}
.app-view .recent_orders-expand {
display: -ms-flexbox;
display: flex;
-ms-flex: 0 0 55px;
flex: 0 0 55px;
-ms-flex-pack: center;
justify-content: center;
padding-right: 20px;
}
@media only screen and (max-width: 767px) {
.app-view .recent_orders-expand {
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-order: 1;
order: 1;
padding-left: 20px;
}
}
.app-view .recent_orders-expand .expand-icon {
position: relative;
width: 15px;
}
.app-view .recent_orders-expand .expand-icon::before, .app-view .recent_orders-expand .expand-icon::after {
position: absolute;
top: 50%;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
content: "";
border: 1px solid #076795;
width: 15px;
-webkit-transition: -webkit-transform 0.2s ease 0s;
transition: -webkit-transform 0.2s ease 0s;
transition: transform 0.2s ease 0s;
transition: transform 0.2s ease 0s, -webkit-transform 0.2s ease 0s;
}
.app-view .recent_orders-expand .expand-icon::after {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
margin-top: -1px;
}
@media only screen and (max-width: 767px) {
.app-view .recent_orders-date_cell {
-ms-flex-order: 4;
order: 4;
border-top: 1px solid #e7e7e7;
}
}
@media only screen and (max-width: 767px) {
.app-view .recent_orders-order_number_cell {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
-ms-flex-order: 2;
order: 2;
}
}
@media only screen and (max-width: 767px) {
.app-view .recent_orders-order_number_cell .value {
font-size: 1.2857142857rem;
color: #076795;
}
}
@media only screen and (max-width: 767px) {
.app-view .recent_orders-status_cell {
-ms-flex-order: 5;
order: 5;
}
}
@media only screen and (max-width: 767px) {
.app-view .recent_orders-purchase_number_cell {
-ms-flex-order: 6;
order: 6;
}
}
@media only screen and (max-width: 767px) {
.app-view .recent_orders-price_cell {
-ms-flex-order: 7;
order: 7;
}
}
.app-view .recent_orders-utils_cell {
position: relative;
-ms-flex: 0 0 30px;
flex: 0 0 30px;
-ms-flex-pack: center;
justify-content: center;
}
@media only screen and (max-width: 767px) {
.app-view .recent_orders-utils_cell {
-ms-flex-order: 3;
order: 3;
padding-right: 20px;
}
}
.app-view .recent_orders-utils_cell .close-icon,
.app-view .recent_orders-utils_cell .utils-icon {
width: 12px;
color: #076795;
line-height: 18px;
text-align: center;
}
.app-view .recent_orders-utils_cell .utils-icon {
font-size: 1.2857142857rem;
}
.app-view .recent_orders-utils_cell .utils-icon:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f13a";
}
.app-view .recent_orders-utils_cell .close-icon {
font-size: 0.8571428571rem;
}
.app-view .recent_orders-utils_cell .close-icon:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f130";
}
.app-view .recent_orders-utils_cell .utils-flyout {
position: absolute;
top: 100%;
right: 0;
width: 220px;
padding: 0 20px;
z-index: 1;
background-color: #ffffff;
-webkit-box-shadow: 5px 0 15px rgba(33, 56, 88, 0.3);
box-shadow: 5px 0 15px rgba(33, 56, 88, 0.3);
}
.app-view .recent_orders-utils_cell .utils-flyout_item {
padding: 15px 0;
border-bottom: 1px solid #e7e7e7;
}
.app-view .recent_orders-details {
max-height: 0;
overflow: hidden;
border-width: 0 1px 1px;
border-style: solid;
border-color: #e7e7e7;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
}
@media only screen and (max-width: 767px) {
.app-view .recent_orders-details {
margin-bottom: 20px;
}
}
.app-view .recent_orders-details_list {
margin: 30px 22px 30px 50px;
}
@media only screen and (max-width: 767px) {
.app-view .recent_orders-details_list {
margin: 10px 20px 15px;
}
}
.app-view .recent_orders-product_card {
position: relative;
padding-bottom: 20px;
}
.app-view .recent_orders-product_card:last-child {
padding-bottom: 0;
}
.app-view .recent_orders-product_card.bundle-item {
margin-left: 25px;
padding-left: 20px;
border-left: 1px solid #e7e7e7;
}
.app-view .recent_orders-product_card .product_tile-sku {
font-size: 0.9285714286rem;
}
.app-view .recent_orders-product_card .product_tile-title-name {
font-size: 1.2857142857rem;
color: #076795;
}
.app-view .recent_orders-product_card .product_tile-quantity {
font-weight: bold;
}
.app-view .recent_orders-product_card .product_tile-quantity .label {
color: #646464;
}
@media only screen and (min-width: 768px) {
.app-view .recent_orders-product_card .product_tile-canceled_label {
position: absolute;
top: 0;
right: 0;
}
}
.app-view .recent_orders-no_orders {
font: 1rem / 1.1428571429rem opensans-regular, Arial, Helvetica, sans-serif;
color: #646464;
text-align: center;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.app-view .checkout-back {
position: absolute;
top: 30px;
right: 0;
width: auto;
padding: 0 30px;
}
}
.checkout_sales_rep_optimized .checkout-content_inner {
position: relative;
}
@media only screen and (max-width: 1199px) {
.checkout_sales_rep_optimized .checkout-content_inner {
width: 100%;
}
}
@media only screen and (max-width: 1439px) and (pointer: coarse) {
.checkout_sales_rep_optimized .checkout-content_inner { /* stylelint-disable-line */
width: 100%;
}
}
.app-view .checkout_sales_rep_optimized .checkout-content_inner {
width: 100%;
}
.checkout_sales_rep_optimized .checkout-section_title:not(.sales_rep_promo-headline) {
padding: 30px 0;
}
.checkout_sales_rep_optimized .checkout-section_title.checkout_products_title {
display: none;
padding: 30px 0 0;
border-top: 1px solid #c5c5c5;
}
@media only screen and (max-width: 1024px) {
.checkout_sales_rep_optimized .checkout .product_card-details {
margin-left: 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.checkout_sales_rep_optimized .checkout .product_card-details {
margin-top: 35px;
}
}
.checkout_sales_rep_optimized .checkout .product_card-details {
-ms-flex-preferred-size: 20%;
flex-basis: 20%;
}
.checkout_sales_rep_optimized .checkout .product_card-details.m-no_price {
margin-left: 24%;
}
@media only screen and (max-width: 767px) {
.checkout_sales_rep_optimized .checkout .product_card-details.m-no_price {
margin-left: 0;
}
}
.checkout_sales_rep_optimized .checkout .product_card-info_wrapper {
width: 100%;
}
.checkout_sales_rep_optimized .checkout .product_card .link, .checkout_sales_rep_optimized .checkout .product_card .pdp-recommendation-link {
margin-bottom: 0;
}
.checkout_sales_rep_optimized .checkout-section_container {
padding: 25px 30px 30px;
background-color: #f7f9f9;
font-family: opensans-regular, Arial, Helvetica, sans-serif;
border-radius: 3px;
}
@media only screen and (max-width: 767px) {
.checkout_sales_rep_optimized .checkout-section_container {
padding: 30px 20px;
}
}
.checkout_sales_rep_optimized .checkout-step_info {
padding-bottom: 30px;
border-bottom: 1px solid #c5c5c5;
}
.checkout_sales_rep_optimized .checkout-step_info.promotions {
display: block;
}
.checkout_sales_rep_optimized .checkout-step_info-item:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f165";
}
.checkout_sales_rep_optimized .checkout-step_info-item {
margin-bottom: 20px;
font: 1rem / 1.2857142857rem opensans-regular, Arial, Helvetica, sans-serif;
color: #000000;
}
.checkout_sales_rep_optimized .checkout-step_info-item::before {
font-weight: bold;
margin-right: 10px;
}
.checkout_sales_rep_optimized .checkout-step_info-item:last-child {
margin-bottom: 0;
}
.checkout_sales_rep_optimized .checkout-step_info-item.future_order-note {
min-width: 35%;
}
@media only screen and (max-width: 767px) {
.checkout_sales_rep_optimized .checkout-step_info-item.future_order-note {
margin-bottom: 30px;
}
}
.checkout_sales_rep_optimized .checkout-step_info .future_order-date {
font: 1rem / 1.2857142857rem opensans-regular, Arial, Helvetica, sans-serif;
color: #646464;
padding-bottom: 20px;
}
.checkout_sales_rep_optimized .checkout-step_info .checkout_info_summary {
display: -ms-flexbox;
display: flex;
}
@media only screen and (max-width: 767px) {
.checkout_sales_rep_optimized .checkout-step_info .checkout_info_summary {
-ms-flex-direction: column;
flex-direction: column;
}
}
.checkout_sales_rep_optimized .checkout-step_info .checkout_info_summary .summary-order_number {
min-width: 35%;
}
@media only screen and (max-width: 767px) {
.checkout_sales_rep_optimized .checkout-step_info .checkout_info_summary .summary-email {
padding-top: 20px;
}
}
.checkout_sales_rep_optimized .checkout-step_info .checkout_info_summary .label,
.checkout_sales_rep_optimized .checkout-step_info .checkout_info_summary .value {
font: 1rem / 1.1428571429rem opensans-regular, Arial, Helvetica, sans-serif;
}
.checkout_sales_rep_optimized .checkout-step_info .checkout_info_summary .label {
color: #646464;
margin-right: 5px;
}
.checkout_sales_rep_optimized .checkout-step_info .checkout_info_summary .label::after {
content: ":";
}
.checkout_sales_rep_optimized .checkout-step_info .checkout_info_summary .value {
color: #000000;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.checkout_sales_rep_optimized .review_products-table_header {
background-color: #213858;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
border-radius: 5px 5px 0 0;
margin-bottom: 20px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.checkout_sales_rep_optimized .review_products-table_header-item {
padding: 10px;
color: #ffffff;
text-transform: uppercase;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
}
.checkout_sales_rep_optimized .review_products-table_header-item_delete:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f15a";
}
.checkout_sales_rep_optimized .review_products-table_header-item_delete {
background-color: #2d4c78;
border-radius: 5px 0 0 0;
position: relative;
min-height: 60px;
min-width: 25px;
padding: 0;
width: 25px;
}
.checkout_sales_rep_optimized .review_products-table_header-item_delete::before {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
color: #ffffff;
}
.checkout_sales_rep_optimized .review_products-table_header-item_product {
-ms-flex-preferred-size: 34%;
flex-basis: 34%;
}
.checkout_sales_rep_optimized .review_products-table_header-item_price {
-ms-flex-preferred-size: 11%;
flex-basis: 11%;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.app-view .checkout_sales_rep_optimized .review_products-table_header-item_price {
-ms-flex-preferred-size: 12%;
flex-basis: 12%;
}
}
.checkout_sales_rep_optimized .review_products-table_header-item_qty {
-ms-flex-preferred-size: 15%;
flex-basis: 15%;
}
.checkout_sales_rep_optimized .review_products-table_header-item_total {
-ms-flex-preferred-size: 14%;
flex-basis: 14%;
}
.checkout_sales_rep_optimized .review_products-table_header-item_shipping {
-ms-flex-preferred-size: 27%;
flex-basis: 27%;
}
.checkout_sales_rep_optimized .review_products-table_header-item_shipping.m-no_price {
margin-left: 20%;
}
@media screen and (-ms-high-contrast: none) {
.checkout_sales_rep_optimized .delayed_rec_orders-product_setting .sr_section_form { /* stylelint-disable-line */
min-width: 100%;
}
}
@media only screen and (min-width: 768px) {
.checkout_sales_rep_optimized .delayed_rec_orders-product_setting .sr_section_form {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: start;
align-items: flex-start;
}
}
@media only screen and (max-width: 767px) {
.checkout_sales_rep_optimized .delayed_rec_orders-product_setting .sr_section_form {
width: 100%;
}
}
.checkout_sales_rep_optimized .delayed_rec_orders-product_setting .sr_section_form .tooltip {
min-width: 250px;
}
.checkout_sales_rep_optimized .delayed_rec_orders-product_setting .sr_section_form .tooltip::after, .checkout_sales_rep_optimized .delayed_rec_orders-product_setting .sr_section_form .tooltip::before {
display: none;
}
@media only screen and (min-width: 768px) {
.checkout_sales_rep_optimized .delayed_rec_orders-product_setting .sr_section_form .review_products-header_orders {
-ms-flex: 1;
flex: 1;
height: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-align: start;
align-items: flex-start;
}
}
@media only screen and (min-width: 768px) {
.checkout_sales_rep_optimized .delayed_rec_orders-product_setting .sr_section_form .purchase_info-order_number {
-ms-flex: 0 1 auto;
flex: 0 1 auto;
}
}
@media only screen and (max-width: 767px) {
.checkout_sales_rep_optimized .delayed_rec_orders-product_setting .sr_section_form .purchase_info-order_number {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.checkout_sales_rep_optimized .delayed_rec_orders-product_setting .sr_section_form .purchase_info-order_number-field {
-ms-flex: 1 1 100%;
flex: 1 1 100%;
}
}
.checkout_sales_rep_optimized .delayed_rec_orders-product_setting .sr_section_form .tooltip-link {
display: -ms-inline-flexbox;
display: inline-flex;
padding-top: 0;
}
@media only screen and (max-width: 767px) {
.checkout_sales_rep_optimized .delayed_rec_orders-product_setting .sr_section_form .tooltip-link {
-ms-flex-align: end;
align-items: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
margin-bottom: 4px;
}
}
.checkout_sales_rep_optimized .delayed_rec_orders-product_setting .sr_section_form .field-row {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
-ms-flex-align: start;
align-items: flex-start;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.app-view .checkout_sales_rep_optimized .delayed_rec_orders-product_setting .sr_section_form .field-row {
-ms-flex-direction: column;
flex-direction: column;
}
}
@media (min-width: 768px) and (max-width: 1025px) and (orientation: landscape) {
.app-view .checkout_sales_rep_optimized .delayed_rec_orders-product_setting .sr_section_form .field-row { /* stylelint-disable-line */
-ms-flex-direction: row;
flex-direction: row;
}
}
.checkout_sales_rep_optimized .delayed_rec_orders-product_setting .sr_section_form .field-row .form-group {
width: 100%;
}
@media only screen and (min-width: 768px) {
.checkout_sales_rep_optimized .delayed_rec_orders-product_setting .sr_section_form .field-row .form-group {
width: 300px;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
margin-left: 0;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-right: 0;
}
.checkout_sales_rep_optimized .delayed_rec_orders-product_setting .sr_section_form .field-row .form-group:first-child {
margin-right: 40px;
width: 450px;
}
.checkout_sales_rep_optimized .delayed_rec_orders-product_setting .sr_section_form .field-row .form-group.purchase_info-additional {
width: 450px;
padding: 20px 0 0;
}
}
.checkout_sales_rep_optimized .delayed_rec_orders-product_setting .sr_section_form .field-row.m-separate {
border-bottom: 1px solid #e7e7e7;
}
@media only screen and (min-width: 768px) {
.checkout_sales_rep_optimized .delayed_rec_orders-product_setting .sr_section_form .field-row.m-separate {
padding-bottom: 25px;
margin-bottom: 25px;
}
}
.checkout_sales_rep_optimized .delayed_rec_orders-product_setting .sr_section_form .field-row .future_order {
max-width: 100%;
padding: 5px 0;
}
.checkout_sales_rep_optimized .delayed_rec_orders-product_setting .sr_section_form .field-row .future_order::before {
display: none;
}
.checkout_sales_rep_optimized .delayed_rec_orders-product_setting .sr_section_form .field-row .future_order-label {
white-space: nowrap;
}
@media only screen and (min-width: 375px) and (max-width: 767px) {
.checkout_sales_rep_optimized .delayed_rec_orders-product_setting .sr_section_form .field-row .future_order-label {
margin: 0;
}
}
@media only screen and (min-width: 768px) {
.checkout_sales_rep_optimized .delayed_rec_orders-product_setting .purchase_info-order_number {
padding-right: 15px;
}
}
.checkout_sales_rep_optimized .delayed_rec_orders-product_setting .review_products-header_orders {
display: -ms-flexbox;
display: flex;
margin-left: 0;
}
.checkout_sales_rep_optimized .delayed_rec_orders-product_setting .future_order-label {
margin-top: 27px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.app-view .checkout_sales_rep_optimized .delayed_rec_orders-product_setting .future_order-label {
margin: 0;
}
}
@media (min-width: 768px) and (max-width: 1025px) and (orientation: landscape) {
.app-view .checkout_sales_rep_optimized .delayed_rec_orders-product_setting .future_order-label { /* stylelint-disable-line */
margin-top: 10px;
}
}
.checkout_sales_rep_optimized .delayed_rec_orders-product_setting .future_order-datepicker_wrapper {
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: start;
align-items: flex-start;
}
.checkout_sales_rep_optimized .delayed_rec_orders-product_setting .future_order-datepicker_label {
font: 1.0714285714rem / 1.2857142857rem brandongrotesque-medium, Arial, Helvetica, sans-serif;
color: #213858;
margin-bottom: 6px;
}
@media only screen and (min-width: 768px) {
.checkout_sales_rep_optimized .delayed_rec_orders-product_setting .purchase_info-practice_email {
margin-top: 0;
margin-left: 15px;
-ms-flex: 0 1 25%;
flex: 0 1 25%;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
@media only screen and (max-width: 767px) {
.checkout_sales_rep_optimized .delayed_rec_orders-product_setting .purchase_info-practice_email {
margin-top: 20px;
}
}
.checkout_sales_rep_optimized .delayed_rec_orders-product_setting .future_order {
position: relative;
-ms-flex-align: start;
align-items: flex-start;
}
@media only screen and (min-width: 768px) {
.checkout_sales_rep_optimized .delayed_rec_orders-product_setting .future_order {
padding: 0 15px;
}
}
@media only screen and (min-width: 768px) {
.checkout_sales_rep_optimized .delayed_rec_orders-product_setting .future_order::before {
content: "";
height: 45px;
width: 1px;
background: #e7e7e7;
position: absolute;
left: 0;
top: 25px;
}
}
@media only screen and (min-width: 768px) {
.checkout_sales_rep_optimized .delayed_rec_orders-product_setting .future_order.active::after {
content: "";
height: 45px;
width: 1px;
background: #e7e7e7;
position: absolute;
right: 0;
top: 25px;
}
}
.checkout_sales_rep_optimized .delayed_rec_orders-product_setting .future_order.active:last-child::after {
display: none;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.checkout_sales_rep_optimized .delayed_rec_orders-product_setting .future_order-toggle {
margin-left: 15px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.app-view .checkout_sales_rep_optimized .delayed_rec_orders-product_setting .future_order-toggle {
margin-left: 0;
}
}
@media (min-width: 768px) and (max-width: 1025px) and (orientation: landscape) {
.app-view .checkout_sales_rep_optimized .delayed_rec_orders-product_setting .future_order-toggle { /* stylelint-disable-line */
margin-left: 15px;
margin-top: -25px;
}
}
@media only screen and (max-width: 767px) {
.checkout_sales_rep_optimized .payment_info-btn_wrapper {
margin-top: 30px;
padding-bottom: 40px;
}
}
.checkout_sales_rep_optimized .order_summary-mobile {
margin: 0;
}
@media only screen and (max-width: 767px) {
.checkout_sales_rep_optimized .product_card {
padding: 25px 20px 0;
}
}
.checkout_sales_rep_optimized .product_card-line_item {
border-radius: 0;
border: none;
border-bottom: 1px solid #213858;
}
@media only screen and (max-width: 1024px) {
.checkout_sales_rep_optimized .product_card-line_item {
margin-top: 0;
border-top: 0;
}
}
@media only screen and (max-width: 767px) {
.checkout_sales_rep_optimized .product_card-line_item {
border: 1px solid #213858;
}
}
@media only screen and (min-width: 768px) {
.checkout_sales_rep_optimized .product_card-line_item:first-child {
margin-top: 20px;
border-top: 1px solid #213858;
}
}
@media only screen and (max-width: 767px) {
.checkout_sales_rep_optimized .product_card-line_item.has-shipping_select {
margin-top: 40px;
}
}
@media only screen and (max-width: 767px) {
.checkout_sales_rep_optimized .product_card-shipping_method-wrapper {
margin: -10px 0;
}
}
@media only screen and (min-width: 768px) {
.checkout_sales_rep_optimized .product_card-shipping_method-wrapper {
position: absolute;
top: 0;
right: 0;
margin: 0;
z-index: 2;
}
}
.checkout_sales_rep_optimized .product_card-shipping_method-label {
display: none;
}
@media only screen and (min-width: 768px) {
.checkout_sales_rep_optimized .product_card-shipping_method-select {
max-width: 170px;
border-radius: 0 0 5px 5px;
border-top: none;
}
}
@media only screen and (max-width: 767px) {
.checkout_sales_rep_optimized .product_card-wrapper {
padding: 10px 10px 0;
}
}
@media only screen and (min-width: 768px) {
.checkout_sales_rep_optimized .product_card-wrapper {
padding: 0;
}
}
@media only screen and (max-width: 1024px) {
.checkout_sales_rep_optimized .product_card-remove input[type=checkbox]:not(.custom-switch) + label::before {
top: 0;
}
}
@media only screen and (max-width: 1024px) {
.checkout_sales_rep_optimized .product_card-remove input[type=checkbox]:not(.custom-switch) + label::after {
top: 5px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.checkout_sales_rep_optimized .product_card-info {
display: -ms-flexbox;
display: flex;
}
}
.checkout_sales_rep_optimized .product_card-main_info {
-ms-flex-preferred-size: 34%;
flex-basis: 34%;
}
.checkout_sales_rep_optimized .product_card-price {
-ms-flex-preferred-size: 11%;
flex-basis: 11%;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.app-view .checkout_sales_rep_optimized .product_card-price {
-ms-flex-preferred-size: 12%;
flex-basis: 12%;
}
}
@media only screen and (min-width: 768px) {
.checkout_sales_rep_optimized .product_card-price-label, .checkout_sales_rep_optimized .product_card-qty-label {
display: none;
}
}
@media only screen and (max-width: 767px) {
.checkout_sales_rep_optimized .product_card-price-label, .checkout_sales_rep_optimized .product_card-qty-label {
display: inline-block;
min-width: 120px;
}
}
@media only screen and (max-width: 767px) {
.checkout_sales_rep_optimized .product_card-qty-label {
margin: 15px 0 0;
}
}
@media only screen and (max-width: 767px) {
.checkout_sales_rep_optimized .product_card-sku {
margin-bottom: 20px;
}
}
@media only screen and (max-width: 1024px) {
.checkout_sales_rep_optimized .product_card-name .link:active, .checkout_sales_rep_optimized .product_card-name .pdp-recommendation-link:active, .checkout_sales_rep_optimized .product_card-name .link:hover, .checkout_sales_rep_optimized .product_card-name .pdp-recommendation-link:hover {
text-decoration: none;
}
}
@media only screen and (max-width: 767px) {
.checkout_sales_rep_optimized .product_card-tax {
margin-top: 0;
}
}
.checkout_sales_rep_optimized .product_card-tax .tax-title,
.checkout_sales_rep_optimized .product_card-tax .tax-value {
font-size: 0.9285714286rem;
}
.checkout_sales_rep_optimized .product_card-qty {
-ms-flex-preferred-size: 15%;
flex-basis: 15%;
}
@media only screen and (min-width: 768px) {
.checkout_sales_rep_optimized .product_card-qty .quantity_combobox {
margin-top: -15px;
}
}
.checkout_sales_rep_optimized .product_card-total_price {
-ms-flex-preferred-size: 14%;
flex-basis: 14%;
}
@media only screen and (min-width: 768px) {
.checkout_sales_rep_optimized .product_card-total_price .total_price-title {
display: none;
}
}
@media only screen and (max-width: 767px) {
.checkout_sales_rep_optimized .product_card-total_price .total_price-title {
display: inline-block;
min-width: 120px;
}
}
.checkout_sales_rep_optimized .product_card-additional_details-wrapper {
margin-left: 0;
}
@media only screen and (min-width: 1025px) {
.checkout_sales_rep_optimized .product_card-additional_details-wrapper {
margin-left: 10px;
}
}
.checkout_sales_rep_optimized .product_card-split_request .label {
color: #076795;
font-size: 1rem;
}
.checkout_sales_rep_optimized .product_card-delivery {
margin-top: 0;
-ms-flex-preferred-size: 27%;
flex-basis: 27%;
}
@media only screen and (min-width: 1025px) {
.checkout_sales_rep_optimized .product_card-bundle-wrapper {
margin-left: 10px;
}
}
@media only screen and (max-width: 1024px) {
.checkout_sales_rep_optimized .product_card-bundle-wrapper {
margin-top: 20px;
}
}
.checkout_sales_rep_optimized .product_card-bundle-wrapper .toggle-wrapper.active .toggle-body {
max-height: 10000px;
}
.checkout_sales_rep_optimized .product_card-bundle-wrapper .bundle-item {
margin-left: 25px;
padding-left: 20px;
padding-bottom: 25px;
border-left: 1px solid #e7e7e7;
border-top: none;
}
.checkout_sales_rep_optimized .product_card-bundle-wrapper .bundle-item .product_tile-sku {
font-size: 0.9285714286rem;
padding: 0 0 15px;
}
.checkout_sales_rep_optimized .product_card-bundle-wrapper .bundle-item .product_tile-title-name {
font-size: 1.2857142857rem;
color: #076795;
padding-bottom: 10px;
}
.checkout_sales_rep_optimized .product_card-bundle-wrapper .bundle-item .product_tile-quantity {
font-weight: bold;
color: #646464;
}
.checkout_sales_rep_optimized .checkout-step_submited .checkout_products_title {
display: block;
}
.checkout_sales_rep_optimized .checkout-step_submited .review_products-table {
border-top: none;
}
@media only screen and (max-width: 767px) {
.checkout_sales_rep_optimized .checkout-step_submited .product_card {
padding: 30px 0;
margin: 0;
}
}
@media only screen and (min-width: 768px) {
.checkout_sales_rep_optimized .checkout-step_submited .product_card-info {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
.checkout_sales_rep_optimized .checkout-step_submited .product_card-line_item {
border-color: #e4e5e5;
border-width: 0 0 1px 0;
}
.checkout_sales_rep_optimized .checkout-step_submited .product_card-line_item:last-child {
border-bottom: 1px solid #c5c5c5;
}
@media only screen and (min-width: 768px) {
.checkout_sales_rep_optimized .checkout-step_submited .product_card-main_info {
-ms-flex-order: 0;
order: 0;
-ms-flex-preferred-size: 80%;
flex-basis: 80%;
}
}
.checkout_sales_rep_optimized .checkout-step_submited .product_card-total_price,
.checkout_sales_rep_optimized .checkout-step_submited .product_card-remove {
display: none;
}
.checkout_sales_rep_optimized .checkout-step_submited .product-price_value-each {
display: inline-block;
}
@media only screen and (max-width: 767px) {
.checkout_sales_rep_optimized .checkout-step_submited .product_card-tax {
margin-top: 0;
}
}
.checkout_sales_rep_optimized .checkout-step_submited .product_card-discounts {
margin-left: 0;
}
@media only screen and (min-width: 768px) {
.checkout_sales_rep_optimized .checkout-step_submited .product_card-discounts {
-ms-flex-order: 2;
order: 2;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
}
}
.checkout_sales_rep_optimized .checkout-step_submited .product_card-qty-label {
display: block;
}
@media only screen and (max-width: 767px) {
.checkout_sales_rep_optimized .checkout-step_submited .product_card-qty-label {
margin: 0 5px 0 0;
}
}
@media only screen and (max-width: 767px) {
.checkout_sales_rep_optimized .checkout-step_submited .product_card-qty-label,
.checkout_sales_rep_optimized .checkout-step_submited .product_card-price-label {
min-width: 0;
}
}
.checkout_sales_rep_optimized .checkout-step_submited .product_card-split_request {
font: 1rem / 1.1428571429rem opensans-regular, Arial, Helvetica, sans-serif;
}
@media only screen and (min-width: 1025px) {
.checkout_sales_rep_optimized .checkout-step_submited .product_card-split_request {
margin-left: 10px;
margin-bottom: 30px;
padding-left: 0;
}
}
@media only screen and (max-width: 1024px) {
.checkout_sales_rep_optimized .checkout-step_submited .product_card-split_request {
padding-left: 0;
}
}
.checkout_sales_rep_optimized .checkout-step_submited .product_card-delivery {
margin-left: 0;
}
@media only screen and (max-width: 767px) {
.checkout_sales_rep_optimized .checkout-step_submited .product_card-delivery {
margin-top: 0;
}
}
@media only screen and (min-width: 768px) {
.checkout_sales_rep_optimized .checkout-step_submited .product_card-delivery {
-ms-flex-order: 1;
order: 1;
-ms-flex-preferred-size: 20%;
flex-basis: 20%;
}
}
.checkout_sales_rep_optimized .checkout-step_submited .product_card-bundle {
margin-left: 0;
}
.checkout_sales_rep_optimized .checkout-step_submited .product_card-additional_details-wrapper {
margin-left: 0;
}
.checkout_sales_rep_optimized ~ .footer .back-to-top {
display: none;
}
@media only screen and (max-width: 1024px) {
.checkout_sales_rep_optimized ~ .footer .footer-content {
padding-bottom: 112px;
}
}
@media only screen and (max-width: 767px) {
.checkout_sales_rep_optimized ~ .footer .footer-content {
padding-bottom: 151px;
}
}
@media only screen and (max-width: 1199px) {
.checkout_sales_rep_optimized .checkout-order_summary {
width: auto;
padding: 0;
z-index: 4;
}
.checkout_sales_rep_optimized .checkout-order_summary .order_summary {
padding: 0;
}
}
@media only screen and (max-width: 1439px) and (pointer: coarse) {
.checkout_sales_rep_optimized .checkout-order_summary { /* stylelint-disable-line */
width: auto;
padding: 0;
z-index: 4;
}
.checkout_sales_rep_optimized .checkout-order_summary .order_summary {
padding: 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.app-view .checkout_sales_rep_optimized .checkout-order_summary {
width: auto;
padding: 0;
z-index: 4;
}
}
@media only screen and (min-width: 1025px) {
.app-view .checkout_sales_rep_optimized .checkout-order_summary {
top: 0;
position: relative;
}
}
@media only screen and (max-width: 1024px) {
.checkout_sales_rep_optimized .order_summary {
padding: 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.app-view .checkout_sales_rep_optimized .order_summary {
padding: 0;
}
}
.order_summary_app_view {
position: fixed;
bottom: 0;
left: 0;
background: #f7f9f9;
width: 100%;
z-index: 4;
-webkit-transition: bottom 0.3s ease-out 0s;
transition: bottom 0.3s ease-out 0s;
}
.order_summary_app_view-compact {
padding: 20px 0;
}
@media only screen and (min-width: 1024px) {
.order_summary_app_view-compact {
padding-left: 30px;
padding-right: 30px;
}
}
@media only screen and (min-width: 768px) {
.order_summary_app_view-compact {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
.order_summary_app_view-compact-top, .order_summary_app_view-compact-bottom {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
@media only screen and (max-width: 767px) {
.order_summary_app_view-compact-top, .order_summary_app_view-compact-bottom {
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.order_summary_app_view-compact-bottom {
max-width: 50%;
}
}
.order_summary_app_view-compact .order_summary-title {
margin-top: -5px;
margin-bottom: 0;
}
.order_summary_app_view-compact .order_summary-total {
margin-top: 0;
}
@media only screen and (min-width: 768px) {
.order_summary_app_view-compact .order_summary-total {
margin-left: 40px;
}
}
@media only screen and (max-width: 767px) {
.order_summary_app_view-compact .order_summary-title,
.order_summary_app_view-compact .order_summary-total {
margin-bottom: 15px;
}
}
.order_summary_app_view-compact .order_summary-update {
margin-bottom: 0;
}
.order_summary_app_view-details {
padding: 20px 0;
}
@media only screen and (min-width: 1024px) {
.order_summary_app_view-details {
padding-left: 30px;
padding-right: 30px;
}
}
.order_summary_app_view-details-info {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media only screen and (max-height: 400px) {
.order_summary_app_view-details-info {
max-height: 84px;
overflow-y: scroll;
}
}
.order_summary_app_view-details-action {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
@media only screen and (min-width: 768px) {
.order_summary_app_view-details-action {
padding-top: 20px;
border-top: 1px solid #e7e7e7;
}
}
@media only screen and (max-width: 767px) {
.order_summary_app_view-details-action {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 15px;
}
}
.order_summary_app_view-details-footer {
display: -ms-flexbox;
display: flex;
}
@media only screen and (max-width: 767px) {
.order_summary_app_view-details-footer {
-ms-flex: 1 1 100%;
flex: 1 1 100%;
padding-top: 20px;
border-top: 1px solid #e7e7e7;
}
}
@media only screen and (min-width: 768px) {
.order_summary_app_view-details-footer {
-ms-flex-order: -1;
order: -1;
}
}
@media only screen and (max-width: 767px) {
.order_summary_app_view-details .order_summary_app_view-show_btn {
margin-bottom: 20px;
}
}
.order_summary_app_view-details .order_summary_app_view-show_btn-text::after {
-webkit-transform: rotate(0);
transform: rotate(0);
}
.order_summary_app_view-details .order_summary-update {
margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
.order_summary_app_view-details .order_summary-update {
margin-bottom: 20px;
}
}
.order_summary_app_view-details .order_summary-title {
-ms-flex: 1 1 100%;
flex: 1 1 100%;
margin-bottom: 15px;
}
.order_summary_app_view-show_btn {
border: 1px solid transparent;
cursor: pointer;
display: inline-block;
font: 1rem / 1 brandongrotesque-medium, Arial, Helvetica, sans-serif;
text-align: center;
text-transform: uppercase;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-radius: 3px;
padding: 14.5px 20px;
width: 100%;
}
.order_summary_app_view-show_btn.button-disabled, .sales_rep_promo-upload:not(.active) .order_summary_app_view-show_btn.sales_rep_promo-upload-label, .order_summary_app_view-show_btn.button-disabled:hover, .order_summary_app_view-show_btn.button-disabled:focus, .order_summary_app_view-show_btn.button-disabled:active, .order_summary_app_view-show_btn[disabled], .order_summary_app_view-show_btn[disabled]:hover, .order_summary_app_view-show_btn[disabled]:focus, .order_summary_app_view-show_btn[disabled]:active {
background-color: #e7e7e7;
border-color: #e7e7e7;
-webkit-box-shadow: none;
box-shadow: none;
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.order_summary_app_view-show_btn { /* stylelint-disable-line */
background-color: #ffffff;
border-color: #076795;
color: #076795;
}
.order_summary_app_view-show_btn:active {
background-color: rgba(7, 103, 149, 0.1);
border-color: #076795;
color: #076795;
}
@media only screen and (min-width: 1025px) {
.order_summary_app_view-show_btn:hover {
background-color: rgba(7, 103, 149, 0.1);
border-color: #076795;
color: #076795;
}
}
.order_summary_app_view-show_btn:active {
-webkit-box-shadow: inset 0 4px 2px rgba(0, 0, 0, 0.12);
box-shadow: inset 0 4px 2px rgba(0, 0, 0, 0.12);
}
.order_summary_app_view-show_btn {
width: auto;
margin-left: auto;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
}
@media only screen and (max-width: 767px) {
.order_summary_app_view-show_btn {
width: calc(50% - 10px);
}
}
@media only screen and (max-width: 374px) {
.order_summary_app_view-show_btn {
padding-right: 10px;
padding-left: 10px;
}
}
.order_summary_app_view-show_btn-text::before, .order_summary_app_view-show_btn-text::after {
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
content: "";
border: 1px solid #076795;
width: 14px;
-webkit-transition: -webkit-transform 0.2s ease 0s;
transition: -webkit-transform 0.2s ease 0s;
transition: transform 0.2s ease 0s;
transition: transform 0.2s ease 0s, -webkit-transform 0.2s ease 0s;
}
.order_summary_app_view-show_btn-text::after {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
margin-top: -1px;
}
.active .order_summary_app_view-show_btn-text::after {
-webkit-transform: rotate(0);
transform: rotate(0);
}
.order_summary_app_view-show_btn-text {
position: relative;
padding-left: 24px;
}
@media only screen and (max-width: 374px) {
.order_summary_app_view-show_btn-text {
padding-left: 18px;
}
}
@media only screen and (min-width: 768px) {
.order_summary-update:not(.visually-hidden) + .order_summary_app_view-show_btn {
margin-left: 20px;
}
}
.order_summary_app_view-account_info {
width: 50%;
}
@media only screen and (max-width: 767px) {
.order_summary_app_view-purchase {
width: 50%;
display: -ms-flexbox;
display: flex;
}
}
@media only screen and (min-width: 768px) {
.order_summary_app_view-purchase {
min-width: 36%;
max-width: 50%;
}
}
.order_summary_app_view .order_summary-title {
text-align: left;
}
@media only screen and (max-width: 767px) {
.order_summary_app_view .order_summary-title {
font-size: 1.4285714286rem;
}
}
@media only screen and (min-width: 768px) {
.order_summary_app_view .order_summary-total {
margin-bottom: 0;
}
}
.order_summary_app_view .order_summary-total .label {
padding-right: 10px;
}
@media only screen and (max-width: 767px) {
.order_summary_app_view .order_summary-update {
width: calc(50% - 10px);
}
}
@media only screen and (min-width: 768px) {
.order_summary_app_view .order_summary-update {
margin-left: auto;
}
}
.order_summary_app_view .order_summary-action {
margin-bottom: 0;
}
@media only screen and (min-width: 768px) {
.order_summary_app_view .order_summary-action {
margin-left: 20px;
}
}
@media only screen and (max-width: 767px) {
.order_summary_app_view .order_summary-action {
margin-left: auto;
}
}
.order_summary_app_view .order_summary-ssl {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
@media only screen and (max-width: 374px) {
.order_summary_app_view .order_summary-ssl {
width: 70%;
}
}
@media only screen and (max-width: 767px) {
.order_summary_app_view .order_summary-ssl {
-ms-flex-pack: center;
justify-content: center;
}
}
.order_summary_app_view .order_summary-ssl img {
margin-bottom: 0;
}
.order_summary_app_view .order_summary-ssl p {
margin-left: 20px;
}
.order_summary_app_view .order_summary-purchase-top {
border-bottom: 0;
}
@media only screen and (max-width: 767px) {
.order_summary_app_view .order_summary-purchase-top {
height: auto;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-direction: column;
flex-direction: column;
padding-bottom: 0;
}
}
@media only screen and (max-width: 767px) {
.order_summary_app_view .order_summary-purchase-top .order_summary-subtotal {
margin-top: 0;
}
}
.order_summary_app_view .order_summary-purchase {
border-top: 0;
padding: 0 5px;
margin-bottom: 5px;
}
.order_summary_app_view .order_summary-update_btn {
border: 1px solid transparent;
cursor: pointer;
display: inline-block;
font: 1rem / 1 brandongrotesque-medium, Arial, Helvetica, sans-serif;
text-align: center;
text-transform: uppercase;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-radius: 3px;
padding: 14.5px 20px;
width: 100%;
}
.order_summary_app_view .order_summary-update_btn.button-disabled, .order_summary_app_view .sales_rep_promo-upload:not(.active) .order_summary-update_btn.sales_rep_promo-upload-label, .sales_rep_promo-upload:not(.active) .order_summary_app_view .order_summary-update_btn.sales_rep_promo-upload-label, .order_summary_app_view .order_summary-update_btn.button-disabled:hover, .order_summary_app_view .order_summary-update_btn.button-disabled:focus, .order_summary_app_view .order_summary-update_btn.button-disabled:active, .order_summary_app_view .order_summary-update_btn[disabled], .order_summary_app_view .order_summary-update_btn[disabled]:hover, .order_summary_app_view .order_summary-update_btn[disabled]:focus, .order_summary_app_view .order_summary-update_btn[disabled]:active {
background-color: #e7e7e7;
border-color: #e7e7e7;
-webkit-box-shadow: none;
box-shadow: none;
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.order_summary_app_view .order_summary-update_btn { /* stylelint-disable-line */
background-color: #ffffff;
border-color: #076795;
color: #076795;
}
.order_summary_app_view .order_summary-update_btn:active {
background-color: rgba(7, 103, 149, 0.1);
border-color: #076795;
color: #076795;
}
@media only screen and (min-width: 1025px) {
.order_summary_app_view .order_summary-update_btn:hover {
background-color: rgba(7, 103, 149, 0.1);
border-color: #076795;
color: #076795;
}
}
.order_summary_app_view .order_summary-update_btn:active {
-webkit-box-shadow: inset 0 4px 2px rgba(0, 0, 0, 0.12);
box-shadow: inset 0 4px 2px rgba(0, 0, 0, 0.12);
}
.order_summary_app_view .order_summary-update_btn:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f16c";
}
.order_summary_app_view .order_summary-update_btn {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
}
.order_summary_app_view .order_summary-update_btn::before {
padding-right: 10px;
}
@media only screen and (max-width: 374px) {
.order_summary_app_view .order_summary-update_btn {
padding-left: 10px;
padding-right: 10px;
}
}
.order_summary_app_view .order_summary-cancel-btn {
text-decoration: underline;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.checkout_sales_rep_optimized .order_receipt {
padding: 40px 80px;
}
}
@media only screen and (max-width: 767px) {
.checkout_sales_rep_optimized .order_receipt {
padding: 40px 0 15px;
}
}
@media only screen and (min-width: 768px) {
.checkout_sales_rep_optimized .order_receipt-shipping_info {
padding: 0;
}
}
@media only screen and (max-width: 767px) {
.checkout_sales_rep_optimized .order_receipt-shipping_info {
margin: 0 0 30px;
}
}
.checkout_sales_rep_optimized .order_receipt .checkout-content::after {
content: "";
display: table;
clear: both;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.checkout_sales_rep_optimized .order_receipt .checkout-content {
background-color: #ffffff;
}
}
.checkout_sales_rep_optimized .order_receipt-confirm_details {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: distribute;
justify-content: space-around;
}
@media only screen and (min-width: 768px) {
.checkout_sales_rep_optimized .order_receipt-confirm_details {
padding: 0;
}
}
@media only screen and (max-width: 767px) {
.checkout_sales_rep_optimized .order_receipt-confirm_details {
-ms-flex-direction: column;
flex-direction: column;
}
}
@media only screen and (min-width: 768px) {
.checkout_sales_rep_optimized .order_receipt-confirm_item {
max-width: 20%;
padding: 0 5px;
}
}
@media only screen and (max-width: 767px) {
.checkout_sales_rep_optimized .order_receipt-confirm_item {
margin-bottom: 15px;
}
}
@media only screen and (max-width: 767px) {
.checkout_sales_rep_optimized .order_receipt-confirm_item .user_info-title,
.checkout_sales_rep_optimized .order_receipt-confirm_item .label {
-ms-flex: 0 1 140px;
flex: 0 1 140px;
}
}
@media only screen and (max-width: 767px) {
.checkout_sales_rep_optimized .order_receipt-confirm_item .label {
margin-bottom: 0;
}
}
.checkout_sales_rep_optimized .order_receipt-confirm_item .user_info-title, .checkout_sales_rep_optimized .order_receipt-confirm_item .psp_pay-confirmation .order_receipt-order_date .label, .psp_pay-confirmation .order_receipt-order_date .checkout_sales_rep_optimized .order_receipt-confirm_item .label,
.checkout_sales_rep_optimized .order_receipt-confirm_item .psp_pay-confirmation .order_receipt-order_number .label,
.psp_pay-confirmation .order_receipt-order_number .checkout_sales_rep_optimized .order_receipt-confirm_item .label,
.checkout_sales_rep_optimized .order_receipt-confirm_item .psp_pay-confirmation .psp_pay-confirmation-info .label,
.psp_pay-confirmation .psp_pay-confirmation-info .checkout_sales_rep_optimized .order_receipt-confirm_item .label,
.checkout_sales_rep_optimized .order_receipt-confirm_item .psp_pay-confirmation .order_receipt-payment_info .label,
.psp_pay-confirmation .order_receipt-payment_info .checkout_sales_rep_optimized .order_receipt-confirm_item .label {
line-height: 18px;
}
@media only screen and (max-width: 767px) {
.checkout_sales_rep_optimized .order_receipt-confirm_item .value {
font-size: 1rem;
-ms-flex-item-align: center;
align-self: center;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
}
.checkout_sales_rep_optimized .order_receipt-purchase_order .value {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
@media only screen and (min-width: 768px) {
.checkout_sales_rep_optimized .order_receipt-top_actions {
-ms-flex-pack: start;
justify-content: flex-start;
padding: 0 0 80px;
}
}
.checkout_sales_rep_optimized .order_receipt-top_actions-inner {
max-width: 100%;
}
.checkout_sales_rep_optimized .order_receipt-return_home.button-disabled, .checkout_sales_rep_optimized .sales_rep_promo-upload:not(.active) .order_receipt-return_home.sales_rep_promo-upload-label, .sales_rep_promo-upload:not(.active) .checkout_sales_rep_optimized .order_receipt-return_home.sales_rep_promo-upload-label, .checkout_sales_rep_optimized .order_receipt-return_home.button-disabled:hover, .checkout_sales_rep_optimized .order_receipt-return_home.button-disabled:focus, .checkout_sales_rep_optimized .order_receipt-return_home.button-disabled:active, .checkout_sales_rep_optimized .order_receipt-return_home[disabled], .checkout_sales_rep_optimized .order_receipt-return_home[disabled]:hover, .checkout_sales_rep_optimized .order_receipt-return_home[disabled]:focus, .checkout_sales_rep_optimized .order_receipt-return_home[disabled]:active, .checkout_sales_rep_optimized .order_receipt-return_home_btn.button-disabled, .checkout_sales_rep_optimized .sales_rep_promo-upload:not(.active) .order_receipt-return_home_btn.sales_rep_promo-upload-label, .sales_rep_promo-upload:not(.active) .checkout_sales_rep_optimized .order_receipt-return_home_btn.sales_rep_promo-upload-label, .checkout_sales_rep_optimized .order_receipt-return_home_btn.button-disabled:hover, .checkout_sales_rep_optimized .order_receipt-return_home_btn.button-disabled:focus, .checkout_sales_rep_optimized .order_receipt-return_home_btn.button-disabled:active, .checkout_sales_rep_optimized .order_receipt-return_home_btn[disabled], .checkout_sales_rep_optimized .order_receipt-return_home_btn[disabled]:hover, .checkout_sales_rep_optimized .order_receipt-return_home_btn[disabled]:focus, .checkout_sales_rep_optimized .order_receipt-return_home_btn[disabled]:active {
background-color: #e7e7e7;
border-color: #e7e7e7;
-webkit-box-shadow: none;
box-shadow: none;
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.checkout_sales_rep_optimized .order_receipt-return_home, .checkout_sales_rep_optimized .order_receipt-return_home_btn { /* stylelint-disable-line */
background-color: #076795;
border-color: #076795;
color: #ffffff;
}
.checkout_sales_rep_optimized .order_receipt-return_home:active, .checkout_sales_rep_optimized .order_receipt-return_home_btn:active {
background-color: #d7e7ef;
border-color: #d7e7ef;
color: #076795;
}
@media only screen and (min-width: 1025px) {
.checkout_sales_rep_optimized .order_receipt-return_home:hover, .checkout_sales_rep_optimized .order_receipt-return_home_btn:hover {
background-color: #d7e7ef;
border-color: #d7e7ef;
color: #076795;
}
}
.checkout_sales_rep_optimized .order_receipt-return_home:active, .checkout_sales_rep_optimized .order_receipt-return_home_btn:active {
-webkit-box-shadow: inset 0 3px 2px rgba(0, 0, 0, 0.12);
box-shadow: inset 0 3px 2px rgba(0, 0, 0, 0.12);
}
.checkout_sales_rep_optimized .order_receipt-return_home, .checkout_sales_rep_optimized .order_receipt-printer_friendly {
-ms-flex: 0 0 220px;
flex: 0 0 220px;
}
@media only screen and (max-width: 767px) {
.checkout_sales_rep_optimized .order_receipt-return_home, .checkout_sales_rep_optimized .order_receipt-printer_friendly {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
}
.checkout_sales_rep_optimized .order_receipt-return_home {
margin-right: 20px;
}
@media only screen and (max-width: 767px) {
.checkout_sales_rep_optimized .order_receipt-return_home {
margin-right: 0;
}
}
@media only screen and (min-width: 768px) {
.checkout_sales_rep_optimized .order_receipt-order_details {
padding: 0;
}
}
@media only screen and (min-width: 768px) {
.checkout_sales_rep_optimized .order_receipt-order_details .checkout-main_title {
text-align: left;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.checkout_sales_rep_optimized .order_receipt-order_table {
border-bottom: 1px solid #213858;
}
}
.checkout_sales_rep_optimized .order_receipt-product_info .product_name {
font-size: 1.2857142857rem;
}
@media only screen and (max-width: 1024px) {
.checkout_sales_rep_optimized .order_receipt-product_sku .label,
.checkout_sales_rep_optimized .order_receipt-product_sku .value {
font: 1rem / 1.4285714286rem opensans-semibold, Arial, Helvetica, sans-serif;
text-transform: uppercase;
color: #646464;
}
}
.checkout_sales_rep_optimized .order_receipt-product_price, .checkout_sales_rep_optimized .order_receipt-product_quantity, .checkout_sales_rep_optimized .order_receipt-product_total, .checkout_sales_rep_optimized .order_receipt-promotion_msg {
margin-left: 0;
}
.checkout_sales_rep_optimized .order_receipt-product_price .label, .checkout_sales_rep_optimized .order_receipt-product_quantity .label, .checkout_sales_rep_optimized .order_receipt-product_total .label {
font: 0.9285714286rem / 1.4285714286rem opensans-regular, Arial, Helvetica, sans-serif;
}
.checkout_sales_rep_optimized .order_receipt-product_price .value, .checkout_sales_rep_optimized .order_receipt-product_quantity .value, .checkout_sales_rep_optimized .order_receipt-product_total .value {
font: 0.9285714286rem / 1.4285714286rem opensans-semibold, Arial, Helvetica, sans-serif;
}
@media only screen and (min-width: 768px) {
.checkout_sales_rep_optimized .order_receipt-order_sumary {
float: right;
}
}
@media only screen and (min-width: 768px) {
.checkout_sales_rep_optimized .order_receipt-bottom_actions {
float: left;
width: 220px;
padding: 0;
}
}
.account_av_tiers-header {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
.account_av_tiers-header {
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 30px;
}
}
.account_av_tiers .account-title {
margin: 10px 0;
}
@media only screen and (max-width: 767px) {
.account_av_tiers .account-title {
margin-bottom: 30px;
}
}
.account_av_tiers-logo img {
max-height: 50px;
}
.account_av_tiers-top {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
padding-bottom: 40px;
}
.account_av_tiers-top .dashboard_loyalty-link {
pointer-events: none;
}
@media only screen and (max-width: 767px) {
.account_av_tiers-app_program {
margin-bottom: 30px;
}
}
@media only screen and (min-width: 768px) {
.account_av_tiers-app_program, .account_av_tiers-level_card {
max-width: 300px;
width: 48%;
}
}
@media only screen and (max-width: 767px) {
.account_av_tiers-app_program, .account_av_tiers-level_card {
width: 100%;
}
}
.account_av_tiers-level_card {
padding: 30px 20px;
border: 1px solid #e7e7e7;
border-radius: 3px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.account_av_tiers-level_card {
padding: 20px 10px;
}
}
.account_av_tiers-programs {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -4px -5px 0;
}
@media only screen and (max-width: 767px) {
.account_av_tiers-programs {
-ms-flex-direction: column;
flex-direction: column;
}
}
.account_av_tiers-programs_item {
width: calc(33.3333333333% - 4px);
margin: 0 4px 5px 0;
padding: 30px 10px;
background-color: #076795;
}
@media only screen and (max-width: 767px) {
.account_av_tiers-programs_item {
max-width: 100%;
width: 100%;
}
}
.account_av_tiers-programs_item .tier_details-title,
.account_av_tiers-programs_item .tier_details-points,
.account_av_tiers-programs_item .tier_details-item {
color: #ffffff;
}
.tier_details-title, .tier_details-points {
color: #213858;
font-weight: bold;
}
.tier_details-title {
font: 1.4285714286rem / 1.5714285714rem brandongrotesque-medium, Arial, Helvetica, sans-serif;
}
@media only screen and (max-width: 767px) {
.tier_details-title {
font-size: 1.1428571429rem;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.tier_details-title {
font-size: 1.2857142857rem;
}
}
.tier_details-points {
font: 1.1428571429rem / 1.2857142857rem brandongrotesque-medium, Arial, Helvetica, sans-serif;
text-align: center;
padding-bottom: 20px;
text-transform: uppercase;
}
@media only screen and (max-width: 767px) {
.tier_details-points {
font-size: 1rem;
}
}
.tier_details-item {
padding-bottom: 15px;
font: 1rem / 1.1428571429rem opensans-regular, Arial, Helvetica, sans-serif;
color: #646464;
text-transform: uppercase;
text-align: center;
}
@media only screen and (max-width: 767px) {
.tier_details-item {
font-size: 0.8571428571rem;
}
}
.app_snackbar {
position: fixed;
top: 140px;
right: 0;
left: 0;
text-align: center;
z-index: 6;
}
@media only screen and (max-width: 767px) {
.app_snackbar {
top: 115px;
padding: 0 15px;
}
}
.app_snackbar.is-sticky {
top: 95px;
}
@media only screen and (max-width: 767px) {
.app_snackbar.is-sticky {
top: 160px;
}
}
.app_snackbar .notification-banner {
display: inline-block;
padding: 20px;
background-color: #ffefae;
color: #646464;
-webkit-box-shadow: 5px 0 15px rgba(33, 56, 88, 0.3);
box-shadow: 5px 0 15px rgba(33, 56, 88, 0.3);
}
@media only screen and (max-width: 767px) {
.app_snackbar .notification-banner {
width: 100%;
}
}
@media only screen and (max-width: 1024px) {
.billpay_nav-expand {
position: relative;
}
.billpay_nav-expand::before, .billpay_nav-expand::after {
content: "";
position: absolute;
bottom: -100%;
}
.billpay_nav-expand::after {
border: 12px solid transparent;
border-bottom-color: #ffffff;
border-top-width: 0;
position: absolute;
left: 50%;
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
z-index: 7;
}
.billpay_nav-expand::before {
background-color: transparent;
-webkit-box-shadow: 0 5px 38px rgba(0, 0, 0, 0.1);
box-shadow: 0 5px 38px rgba(0, 0, 0, 0.1);
height: 18px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
width: 18px;
z-index: 1;
position: absolute;
left: 50%;
margin-left: -9px;
width: 18px;
}
.billpay_nav-slide_wrapper {
-webkit-box-shadow: 0 5px 38px rgba(0, 0, 0, 0.1);
box-shadow: 0 5px 38px rgba(0, 0, 0, 0.1);
left: auto;
position: absolute;
right: -15px;
top: calc(100% + 0px);
width: 220px;
}
.billpay_nav-slide_wrapper::before {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: #ffffff;
content: "";
z-index: -1;
}
.billpay_nav-slide_wrapper,
.billpay_nav-expand::before,
.billpay_nav-expand::after {
visibility: hidden;
opacity: 0;
-webkit-transition: visibility 0s, opacity 0s;
transition: visibility 0s, opacity 0s;
}
.billpay_nav-expand.m-flyout-opened .billpay_nav-slide_wrapper {
visibility: visible;
opacity: 1;
-webkit-transition: visibility 0s, opacity 0.5s, bottom 0.2s;
transition: visibility 0s, opacity 0.5s, bottom 0.2s;
}
.billpay_nav-expand.m-flyout-opened::before,
.billpay_nav-expand.m-flyout-opened::after {
visibility: visible;
opacity: 1;
-webkit-transition: visibility 0s, opacity 0.5s, bottom 0.2s;
transition: visibility 0s, opacity 0.5s, bottom 0.2s;
}
.billpay_nav-expand.m-flyout-opened::before {
bottom: -9px;
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.billpay_nav-expand.m-flyout-opened::after {
bottom: 0;
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
}
}
.billpay_nav {
background: #f7f9f9;
}
.billpay_nav.is-sticky {
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 6;
-webkit-box-shadow: 5px 0 15px rgba(33, 56, 88, 0.3);
box-shadow: 5px 0 15px rgba(33, 56, 88, 0.3);
}
.billpay_nav-wrapper {
margin: 30px 0;
}
.billpay_nav-container {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
padding: 30px;
}
@media only screen and (max-width: 767px) {
.billpay_nav-container {
-ms-flex-pack: justify;
justify-content: space-between;
}
}
.is-sticky .billpay_nav-container {
padding: 30px 40px;
}
@media only screen and (min-width: 768px) {
.is-sticky .billpay_nav-container {
padding: 30px 50px;
}
}
@media only screen and (min-width: 1200px) {
.is-sticky .billpay_nav-container {
max-width: 1200px;
margin: 0 auto;
}
}
@media only screen and (max-width: 767px) {
.billpay_nav-link {
display: block;
font-size: 1.1428571429rem;
color: #076795;
padding: 15px 0;
text-transform: capitalize;
}
}
@media only screen and (min-width: 768px) {
.billpay_nav-link {
display: inline-block;
padding: 12px 15px;
background: #f7f9f9;
border: 1px solid #c5c5c5;
border-radius: 3px;
color: #000000;
font: 0.9285714286rem / 1rem opensans-regular, Arial, Helvetica, sans-serif;
}
}
@media only screen and (min-width: 768px) {
.billpay_nav-link.active {
border-color: #076795;
-webkit-box-shadow: 0 0 0 1px #076795;
box-shadow: 0 0 0 1px #076795;
}
}
@media only screen and (max-width: 767px) {
.billpay_nav-link:hover {
color: #000000;
}
}
@media only screen and (max-width: 767px) and (orientation: landscape) {
.billpay_nav-list {
max-height: 54vh;
overflow: auto;
}
}
@media only screen and (min-width: 768px) {
.billpay_nav-list {
display: -ms-flexbox;
display: flex;
}
}
@media only screen and (max-width: 767px) {
.billpay_nav-list {
padding: 0 20px;
}
}
@media only screen and (min-width: 768px) {
.billpay_nav-item + .billpay_nav-item {
margin-left: 10px;
}
}
@media only screen and (max-width: 767px) {
.billpay_nav-item + .billpay_nav-item {
border-top: 1px solid #efefef;
}
}
.billpay_nav .billpay-title {
margin-bottom: 0;
}
@media only screen and (min-width: 768px) {
.billpay_nav .billpay-title {
margin-right: 40px;
}
}
.billpay_nav-expand_btn {
border: 1px solid transparent;
cursor: pointer;
display: inline-block;
font: 1rem / 1 brandongrotesque-medium, Arial, Helvetica, sans-serif;
text-align: center;
text-transform: uppercase;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-radius: 3px;
padding: 14.5px 20px;
width: 100%;
}
.billpay_nav-expand_btn.button-disabled, .sales_rep_promo-upload:not(.active) .billpay_nav-expand_btn.sales_rep_promo-upload-label, .billpay_nav-expand_btn.button-disabled:hover, .billpay_nav-expand_btn.button-disabled:focus, .billpay_nav-expand_btn.button-disabled:active, .billpay_nav-expand_btn[disabled], .billpay_nav-expand_btn[disabled]:hover, .billpay_nav-expand_btn[disabled]:focus, .billpay_nav-expand_btn[disabled]:active {
background-color: #e7e7e7;
border-color: #e7e7e7;
-webkit-box-shadow: none;
box-shadow: none;
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.billpay_nav-expand_btn { /* stylelint-disable-line */
background-color: #ffffff;
border-color: #076795;
color: #076795;
}
.billpay_nav-expand_btn:active {
background-color: rgba(7, 103, 149, 0.1);
border-color: #076795;
color: #076795;
}
@media only screen and (min-width: 1025px) {
.billpay_nav-expand_btn:hover {
background-color: rgba(7, 103, 149, 0.1);
border-color: #076795;
color: #076795;
}
}
.billpay_nav-expand_btn:active {
-webkit-box-shadow: inset 0 4px 2px rgba(0, 0, 0, 0.12);
box-shadow: inset 0 4px 2px rgba(0, 0, 0, 0.12);
}
.billpay_nav-expand_btn {
position: relative;
padding: 20px;
}
.billpay_nav-expand_btn::before, .billpay_nav-expand_btn::after {
position: absolute;
top: 50%;
left: 50%;
content: "";
border: 1px solid #076795;
width: 20px;
margin-left: -10px;
}
.billpay_nav-expand_btn::after {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
margin-top: -1px;
}
.m-flyout-opened .billpay_nav-expand_btn {
background: #d7e7ef;
}
@media only screen and (max-width: 1024px) {
.billpay_nav-slide_wrapper {
background-color: #ffffff;
z-index: 3;
}
}
@media only screen and (max-width: 1024px) {
.app-view .partner_selection-carstock {
display: none;
}
}
@media only screen and (max-width: 1024px) {
.app-view .partner_selection-main .partner_selection-section {
display: none;
}
}
@media only screen and (max-width: 1024px) {
.app-view .partner_selection-main .partner_selection-section.active {
display: block;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.app-view .partner_selection-main .partner_selection-section + .partner_selection-section {
margin-left: 0;
}
}
.partner_selection-modal--sales_rep .partner_selection-account-item-description {
word-break: break-all;
}
.partner_selection-modal--sales_rep .partner_selection-account-selected-item {
width: 100%;
}
.app-view .header-staff_order_msg {
max-height: 0;
visibility: hidden;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
}
.app-view .header-staff_order_msg .notification_banner {
border: 0;
}
.app-view .header-staff_order_msg .notification_banner-text {
padding: 10px;
}
.app-view.staff-order-available .header-staff_order_msg {
max-height: 100px;
visibility: visible;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
}
.app-view.staff-order-available .header, .app-view.staff-order-available .header_external {
-webkit-transition: top 0.2s ease 0s;
transition: top 0.2s ease 0s;
position: initial;
}
.app-view.staff-order-available .back-to-top {
display: none;
}
body.durysta-brand {
background-color: #ffffff;
}
.durysta-brand .login_page, .durysta-brand .login_page-wrapper {
background-color: #ffffff;
}
.durysta-brand .login_page-wrapper {
background: none;
-ms-flex-pack: start;
justify-content: flex-start;
padding: 0;
}
.durysta-brand .login_page-wrapper::after {
display: none;
}
.durysta-brand .login_page-background::before {
display: none;
}
.durysta-brand .login_page-info_heading, .durysta-brand .login_page-content {
width: 60%;
}
@media only screen and (min-width: 1025px) {
.durysta-brand .login_page-info_heading, .durysta-brand .login_page-content {
width: 42%;
}
}
.durysta-brand .login_page-info {
-ms-flex-pack: start;
justify-content: flex-start;
margin: 0;
padding: 50px 0 0 0;
}
@media only screen and (min-width: 768px) {
.durysta-brand .login_page-info {
-ms-flex-align: normal;
align-items: normal;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
max-width: 100%;
padding-top: 8%;
position: relative;
width: 65%;
}
}
.durysta-brand .login_page-info::before {
position: absolute;
top: 0;
left: 50%;
background-color: #fdc431;
background-image: none;
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
content: "";
display: block;
height: 20px;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: 90%;
}
@media only screen and (min-width: 1200px) {
.durysta-brand .login_page-info::before {
height: 40px;
}
}
.durysta-brand .login_page-form {
background-color: rgba(67, 67, 67, 0.95);
padding: 20px 5%;
}
.durysta-brand .login_page_form-title {
color: #ffffff;
display: block;
font-size: 32px;
font-weight: 700;
line-height: 1.2;
text-transform: uppercase;
}
.durysta-brand .logo-wrap {
position: relative;
width: 100%;
padding-left: 5%;
}
@media only screen and (min-width: 1200px) {
.durysta-brand .logo-wrap {
margin-bottom: 60px;
padding-left: 5vw;
}
}
.durysta-brand .login-copyright-info {
background-color: #0d7564;
padding: 20px 23px;
text-align: right;
}
@media only screen and (min-width: 768px) {
.durysta-brand .login-copyright-info {
-ms-flex-align: end;
align-items: flex-end;
display: -ms-flexbox;
display: flex;
-ms-flex: 1 0 0px;
flex: 1 0 0;
-ms-flex-pack: end;
justify-content: flex-end;
width: 100%;
}
}
@media only screen and (min-width: 1200px) {
.durysta-brand .login-copyright-info {
padding-right: 40px;
height: 100%;
}
}
.durysta-brand .login-copyright-info .powered-allergan {
width: 210px;
}
.durysta-brand .login-applicator-img {
position: absolute;
top: 0;
right: 15px;
max-height: 335px;
width: 25%;
}
@supports ((-o-object-fit: contain) or (object-fit: contain)) {
.durysta-brand .login-applicator-img {
-o-object-fit: contain;
object-fit: contain;
}
}
@media only screen and (min-width: 1200px) {
.durysta-brand .login-applicator-img {
max-height: 100%;
right: 20%;
top: -60px;
width: 28%;
}
}
@media only screen and (min-width: 1440px) {
.durysta-brand .login-applicator-img {
right: 24%;
}
}
.durysta-brand .login-place-order-title {
color: #0d7564;
font: 2.4285714286rem / 1.2 brandongrotesque-medium, Arial, Helvetica, sans-serif;
font-weight: 700;
margin-bottom: 20px;
max-width: 250px;
text-transform: uppercase;
}
@media only screen and (min-width: 1200px) {
.durysta-brand .login-place-order-title {
position: absolute;
top: 0;
right: 0;
}
}
@media only screen and (min-width: 1440px) {
.durysta-brand .login-place-order-title {
right: 35px;
}
}
.login-promotion_banner--durysta {
background-color: #0d7564;
border-color: #fdc431;
border-radius: 0;
margin-bottom: 0;
max-width: 400px;
}
.login-promotion_banner--durysta .login-promotion_banner-icon {
background-color: #fdc431;
color: #0d7564;
}
.login-promotion_banner--durysta .login-promotion_banner-text {
color: #ffffff;
padding: 8px 20px;
word-break: break-word;
}
.login-promotion_banner.m-freight {
margin-top: 15px;
}
.login-promotion_banner.m-freight a {
text-decoration: underline;
}
.login-promotion_banner.m-freight a:hover {
text-decoration: none;
}
/* TEMP FIX */
/* IE10 and IE11 rule sets go here */
@media all and (-ms-high-contrast: none) { /* stylelint-disable-line */
.login-copyright-info-ie {
height: 100%;
}
*::-ms-backdrop,
.login-copyright-info-ie {
height: 100%;
}
}
.psp {
margin: 20px 0;
padding: 30px 20px;
font-size: 1.1428571429rem;
color: #646464;
}
@media only screen and (min-width: 768px) {
.psp {
margin: 50px 0 70px;
padding: 30px;
}
}
.psp-title {
display: -ms-inline-flexbox;
display: inline-flex;
position: relative;
margin-bottom: 40px;
padding-right: 22px;
}
.psp-title .tooltip-link {
position: absolute;
top: 0;
right: 0;
padding: 0;
}
.psp-title .tooltip-link:after {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 14px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f169";
}
@media only screen and (min-width: 768px) {
.psp-tooltip-link .tooltip {
min-width: 200px;
}
}
.psp-form {
margin-bottom: 30px;
}
@media only screen and (max-width: 1024px) {
.psp-form {
margin-bottom: 20px;
}
}
@media only screen and (min-width: 1025px) {
.psp-form .form-group {
margin: 0;
padding-right: 10px;
}
}
@media only screen and (min-width: 1025px) {
.psp-form .psp-order, .psp-form .psp-sku, .psp-form .psp-serial, .psp-form .psp-date, .psp-form .psp-bill-date {
-ms-flex-preferred-size: 16%;
flex-basis: 16%;
}
}
@media only screen and (max-width: 1024px) {
.psp-form .psp-order {
-ms-flex: 1 1 100%;
flex: 1 1 100%;
}
}
@media only screen and (max-width: 1024px) {
.psp-form .psp-sku, .psp-form .psp-serial, .psp-form .psp-date, .psp-form .psp-bill-date {
-ms-flex: 1 1 calc(50% - 8px);
flex: 1 1 calc(50% - 8px);
max-width: calc(50% - 8px);
}
}
.psp-header {
text-transform: uppercase;
}
.psp-header .psp-order_number {
padding-left: 54px;
}
@media only screen and (min-width: 1025px) {
.psp-header .psp-order_number {
max-width: 38%;
}
}
.psp-header .psp-order_number .label, .psp-header .psp-order_purchase .label, .psp-header .psp-order_date .label {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
font-size: 1rem;
}
.psp-header .psp-order_number .arrow-icon, .psp-header .psp-order_purchase .arrow-icon, .psp-header .psp-order_date .arrow-icon {
opacity: 0.7;
}
@media only screen and (min-width: 1025px) {
.psp-header .psp-order_number .arrow-icon, .psp-header .psp-order_purchase .arrow-icon, .psp-header .psp-order_date .arrow-icon {
margin-right: 5px;
}
.psp-header .psp-order_number .arrow-icon::before, .psp-header .psp-order_number .arrow-icon::after, .psp-header .psp-order_purchase .arrow-icon::before, .psp-header .psp-order_purchase .arrow-icon::after, .psp-header .psp-order_date .arrow-icon::before, .psp-header .psp-order_date .arrow-icon::after {
content: "";
display: block;
width: 8px;
}
.psp-header .psp-order_number .arrow-icon::before, .psp-header .psp-order_purchase .arrow-icon::before, .psp-header .psp-order_date .arrow-icon::before {
border: 4px solid transparent;
border-bottom-color: #ffffff;
border-top-width: 0;
}
.psp-header .psp-order_number .arrow-icon::after, .psp-header .psp-order_purchase .arrow-icon::after, .psp-header .psp-order_date .arrow-icon::after {
border: 4px solid transparent;
border-top-color: #ffffff;
border-bottom-width: 0;
margin-top: 4px;
}
}
.psp-header .psp-order_number.active .sort-desc .arrow-icon, .psp-header .psp-order_purchase.active .sort-desc .arrow-icon, .psp-header .psp-order_date.active .sort-desc .arrow-icon {
opacity: 1;
}
.psp-header .psp-order_number.active .sort-desc .arrow-icon::before, .psp-header .psp-order_purchase.active .sort-desc .arrow-icon::before, .psp-header .psp-order_date.active .sort-desc .arrow-icon::before {
display: none;
}
.psp-header .psp-order_number.active .sort-asc .arrow-icon, .psp-header .psp-order_purchase.active .sort-asc .arrow-icon, .psp-header .psp-order_date.active .sort-asc .arrow-icon {
opacity: 1;
}
.psp-header .psp-order_number.active .sort-asc .arrow-icon::after, .psp-header .psp-order_purchase.active .sort-asc .arrow-icon::after, .psp-header .psp-order_date.active .sort-asc .arrow-icon::after {
display: none;
}
.psp-order_date {
-ms-flex: 0 1 25%;
flex: 0 1 25%;
}
@media only screen and (max-width: 1024px) {
.psp-item {
padding: 16px 12px;
-webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.15);
box-shadow: 0 3px 7px rgba(0, 0, 0, 0.15);
}
}
.psp-item-inner {
cursor: pointer;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex: 1;
flex: 1;
min-width: 100%;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media only screen and (min-width: 1025px) {
.psp-item.active {
background: #f7f9f9;
}
.psp-item.active .arrow-icon {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
}
@media only screen and (max-width: 1024px) {
.psp-item.active .expand_details::before {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}
}
.psp-item.active .psp-subitem {
display: block;
}
.psp-item .label {
color: #000000;
text-transform: capitalize;
}
@media only screen and (min-width: 1025px) {
.psp-item .label {
display: none;
}
}
.psp-item .value {
color: #000000;
}
.psp-item-link {
color: #213858;
text-decoration: underline;
}
.psp-item .psp-order_number {
padding-left: 20px;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-align: center;
align-items: center;
}
@media only screen and (min-width: 1025px) {
.psp-item .psp-order_number .arrow-icon {
border: 6px solid transparent;
border-left-color: #213858;
border-right-width: 0;
content: "";
display: inline-block;
-webkit-transition: -webkit-transform 0.2s ease 0s;
transition: -webkit-transform 0.2s ease 0s;
transition: transform 0.2s ease 0s;
transition: transform 0.2s ease 0s, -webkit-transform 0.2s ease 0s;
margin-right: 15px;
width: 10px;
}
}
.psp-item .psp-order_number-checkbox + .psp-order_number-label.custom-control-label {
padding-left: 21px;
margin-right: 13px;
}
@media only screen and (max-width: 1024px) {
.psp-item .psp-order_number-checkbox + .psp-order_number-label {
margin-right: 8px;
}
}
.psp-item .psp-order_number-checkbox + .psp-order_number-label .tooltip {
min-width: 200px;
width: 200px;
}
.psp-item .psp-order_number-checkbox:disabled + .psp-order_number-label::before {
border-color: #c5c5c5;
}
.psp-item .psp-order_number-tooltip {
position: absolute;
top: 0;
left: 0;
height: 21px;
width: 21px;
}
@media only screen and (min-width: 1025px) {
.psp-item .psp-order_number {
max-width: 38%;
}
}
@media only screen and (max-width: 1024px) {
.psp-item .psp-order_number {
color: #646464;
margin-bottom: 40px;
padding-left: 0;
}
.psp-item .psp-order_number .value {
font-family: opensans-regular, Arial, Helvetica, sans-serif;
margin-left: 10px;
}
}
@media only screen and (max-width: 1024px) {
.psp-item .psp-order_purchase, .psp-item .psp-order_date {
margin-bottom: 20px;
-ms-flex-pack: justify;
justify-content: space-between;
display: -ms-flexbox;
display: flex;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
margin-left: 30px;
}
.psp-item .psp-order_purchase .label, .psp-item .psp-order_date .label {
color: #646464;
}
}
.psp-item .expand_details {
-webkit-transition: -webkit-transform 0.2s ease 0s;
transition: -webkit-transform 0.2s ease 0s;
transition: transform 0.2s ease 0s;
transition: transform 0.2s ease 0s, -webkit-transform 0.2s ease 0s;
top: 15px;
}
.psp-subitem {
padding: 0 20px;
background: #ffffff;
width: 100%;
display: none;
}
@media only screen and (max-width: 1024px) {
.psp-subitem {
border-top: 1px solid #c5c5c5;
padding: 0;
}
}
@media only screen and (max-width: 1024px) {
.psp-subitem .placed_order-item {
padding: 20px 20px 20px 30px;
-ms-flex-direction: column;
flex-direction: column;
}
.psp-subitem .placed_order-item + .placed_order-item {
border-top: 1px solid #c5c5c5;
}
}
.psp-subitem .placed_order-info {
width: auto;
-ms-flex: 1 1 300px;
flex: 1 1 300px;
-ms-flex-pack: start;
justify-content: flex-start;
max-width: 30%;
margin-right: 50px;
padding-left: 30px;
line-height: 1rem;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
}
@media only screen and (max-width: 1024px) {
.psp-subitem .placed_order-info {
-ms-flex: 1 1 100%;
flex: 1 1 100%;
max-width: 100%;
padding: 0;
margin: 0 0 20px 0;
}
}
.psp-subitem .placed_order-info .placed_order-subitem + .placed_order-subitem {
margin-top: 8px;
}
.psp-subitem .placed_order-qty {
margin-right: 85px;
}
@media only screen and (max-width: 1024px) {
.psp-subitem .placed_order-qty {
-ms-flex: 1 1 100%;
flex: 1 1 100%;
max-width: 100%;
padding: 0;
margin: 0 0 20px 29px;
}
}
.psp-subitem .placed_order-date {
-ms-flex: 1;
flex: 1;
line-height: 1rem;
-ms-flex-direction: column;
flex-direction: column;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.psp-subitem .placed_order-date .placed_order-subitem {
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: baseline;
align-items: baseline;
padding: 8px 0;
}
@media only screen and (max-width: 1024px) {
.psp-subitem .placed_order-date .placed_order-subitem {
padding: 4px 0;
}
}
.psp-subitem .placed_order-date .placed_order-subitem-info {
position: relative;
margin: 0 -10px;
padding: 10px 24px 10px 10px;
background: #ffefae;
}
.psp-subitem .placed_order-date .placed_order-subitem-info:first-child {
margin: -10px -10px 0 -10px;
}
.psp-subitem .placed_order-date .placed_order-subitem-info:last-child {
margin: 0 -10px -10px;
}
.psp-subitem .placed_order-date .placed_order-subitem-info .tooltip-link {
position: absolute;
top: 0;
right: 5px;
padding: 0;
}
.psp-subitem .placed_order-date .placed_order-subitem-info .tooltip-link:after {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 12px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f169";
}
.psp-subitem .placed_order-date .placed_order-subitem:first-of-type {
margin-top: -10px;
}
.psp-subitem .placed_order-date .placed_order-value {
margin-left: 2px;
}
@media only screen and (max-width: 1024px) {
.psp-subitem .placed_order-date {
-ms-flex: 1 1 100%;
flex: 1 1 100%;
max-width: 100%;
padding: 0;
margin: 0 0 0 29px;
}
}
.psp-subitem .placed_order-name {
font: 1rem / 1.1428571429rem brandongrotesque-medium, Arial, Helvetica, sans-serif;
color: #000000;
}
@media only screen and (max-width: 1024px) {
.psp-subitem .placed_order-name {
margin-top: 4px;
}
}
.psp-subitem .placed_order-label {
font-size: 0.8571428571rem;
}
.psp-subitem .placed_order-value {
color: #646464;
font: 0.8571428571rem / 1rem opensans-semibold, Arial, Helvetica, sans-serif;
}
.psp-form_main {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: justify;
justify-content: space-between;
}
.psp-form_additional {
display: -ms-flexbox;
display: flex;
}
@media only screen and (max-width: 1024px) {
.psp-form_additional {
-ms-flex-pack: justify;
justify-content: space-between;
}
}
@media only screen and (max-width: 1024px) {
.psp-form_additional .form-group {
margin: 0;
}
}
@media only screen and (min-width: 1025px) {
.psp-form_main, .psp-form_additional {
-ms-flex-align: end;
align-items: flex-end;
}
}
.psp-refine_btn {
border: 1px solid transparent;
cursor: pointer;
display: inline-block;
font: 1rem / 1 brandongrotesque-medium, Arial, Helvetica, sans-serif;
text-align: center;
text-transform: uppercase;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-radius: 3px;
padding: 14.5px 20px;
width: 100%;
}
.psp-refine_btn.button-disabled, .sales_rep_promo-upload:not(.active) .psp-refine_btn.sales_rep_promo-upload-label, .psp-refine_btn.button-disabled:hover, .psp-refine_btn.button-disabled:focus, .psp-refine_btn.button-disabled:active, .psp-refine_btn[disabled], .psp-refine_btn[disabled]:hover, .psp-refine_btn[disabled]:focus, .psp-refine_btn[disabled]:active {
background-color: #e7e7e7;
border-color: #e7e7e7;
-webkit-box-shadow: none;
box-shadow: none;
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.psp-refine_btn { /* stylelint-disable-line */
background-color: #ffffff;
border-color: #076795;
color: #076795;
}
.psp-refine_btn:active {
background-color: rgba(7, 103, 149, 0.1);
border-color: #076795;
color: #076795;
}
@media only screen and (min-width: 1025px) {
.psp-refine_btn:hover {
background-color: rgba(7, 103, 149, 0.1);
border-color: #076795;
color: #076795;
}
}
.psp-refine_btn:active {
-webkit-box-shadow: inset 0 4px 2px rgba(0, 0, 0, 0.12);
box-shadow: inset 0 4px 2px rgba(0, 0, 0, 0.12);
}
@media only screen and (min-width: 1025px) {
.psp-refine_btn {
width: auto;
-ms-flex-positive: 1;
flex-grow: 1;
padding-left: 10px;
padding-right: 10px;
max-width: 200px;
}
}
@media only screen and (max-width: 1024px) {
.psp-refine_btn {
margin-top: 30px;
-ms-flex-order: 3;
order: 3;
}
}
.psp-export {
margin-right: auto;
}
@media only screen and (max-width: 1024px) {
.psp-export {
-ms-flex-order: 1;
order: 1;
width: 100%;
}
}
.psp-export-link {
border: 1px solid transparent;
cursor: pointer;
display: inline-block;
font: 1rem / 1 brandongrotesque-medium, Arial, Helvetica, sans-serif;
text-align: center;
text-transform: uppercase;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-radius: 3px;
padding: 14.5px 20px;
width: 100%;
}
.psp-export-link.button-disabled, .sales_rep_promo-upload:not(.active) .psp-export-link.sales_rep_promo-upload-label, .psp-export-link.button-disabled:hover, .psp-export-link.button-disabled:focus, .psp-export-link.button-disabled:active, .psp-export-link[disabled], .psp-export-link[disabled]:hover, .psp-export-link[disabled]:focus, .psp-export-link[disabled]:active {
background-color: #e7e7e7;
border-color: #e7e7e7;
-webkit-box-shadow: none;
box-shadow: none;
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.psp-export-link { /* stylelint-disable-line */
background-color: #ffffff;
border-color: #076795;
color: #076795;
}
.psp-export-link:active {
background-color: rgba(7, 103, 149, 0.1);
border-color: #076795;
color: #076795;
}
@media only screen and (min-width: 1025px) {
.psp-export-link:hover {
background-color: rgba(7, 103, 149, 0.1);
border-color: #076795;
color: #076795;
}
}
.psp-export-link:active {
-webkit-box-shadow: inset 0 4px 2px rgba(0, 0, 0, 0.12);
box-shadow: inset 0 4px 2px rgba(0, 0, 0, 0.12);
}
@media only screen and (max-width: 1024px) {
.psp-navigation {
-ms-flex-direction: column;
flex-direction: column;
}
}
.psp-navigation.pagination-container {
-ms-flex-pack: justify;
justify-content: space-between;
}
.psp-navigation .pagination-text {
margin-left: auto;
}
@media only screen and (max-width: 1024px) {
.psp-navigation .pagination-text {
-ms-flex-order: 3;
order: 3;
margin: 0 auto;
}
}
.psp-navigation .pagination-text + .pagination {
-ms-flex-positive: 0;
flex-grow: 0;
}
@media only screen and (max-width: 1024px) {
.psp-navigation .pagination-text + .pagination {
margin-top: 20px;
-ms-flex-order: 2;
order: 2;
}
}
.psp-select-form {
margin-bottom: 20px;
padding-top: 20px;
border-top: 1px solid #efefef;
}
.psp-bill_me {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-align: center;
align-items: center;
margin: 30px 0;
}
@media only screen and (max-width: 1024px) {
.psp-bill_me {
-ms-flex-direction: column;
flex-direction: column;
}
}
.psp-bill_me-description {
color: #646464;
}
@media only screen and (min-width: 1025px) {
.psp-bill_me-description {
margin-right: 20px;
}
}
@media only screen and (max-width: 1024px) {
.psp-bill_me-description {
margin-bottom: 24px;
}
}
.psp-bill_me-controls {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
@media only screen and (max-width: 767px) {
.psp-bill_me-controls {
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: stretch;
align-items: stretch;
min-width: 100%;
}
}
.psp-bill_me-controls-sticky {
background: #ffffff;
padding: 15px 20px;
display: none;
}
@media only screen and (max-width: 1024px) {
.psp-bill_me-controls-sticky.active {
display: -ms-flexbox;
display: flex;
position: fixed;
left: 0;
right: 0;
top: 100vh;
top: calc(var(--vh, 1vh) * 100);
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
z-index: 10;
}
}
.psp-bill_me-clear {
border: 1px solid transparent;
cursor: pointer;
display: inline-block;
font: 1rem / 1 brandongrotesque-medium, Arial, Helvetica, sans-serif;
text-align: center;
text-transform: uppercase;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-radius: 3px;
padding: 14.5px 20px;
width: 100%;
}
.psp-bill_me-clear.button-disabled, .sales_rep_promo-upload:not(.active) .psp-bill_me-clear.sales_rep_promo-upload-label, .psp-bill_me-clear.button-disabled:hover, .psp-bill_me-clear.button-disabled:focus, .psp-bill_me-clear.button-disabled:active, .psp-bill_me-clear[disabled], .psp-bill_me-clear[disabled]:hover, .psp-bill_me-clear[disabled]:focus, .psp-bill_me-clear[disabled]:active {
background-color: #e7e7e7;
border-color: #e7e7e7;
-webkit-box-shadow: none;
box-shadow: none;
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.psp-bill_me-clear { /* stylelint-disable-line */
background-color: #ffffff;
border-color: #076795;
color: #076795;
}
.psp-bill_me-clear:active {
background-color: rgba(7, 103, 149, 0.1);
border-color: #076795;
color: #076795;
}
@media only screen and (min-width: 1025px) {
.psp-bill_me-clear:hover {
background-color: rgba(7, 103, 149, 0.1);
border-color: #076795;
color: #076795;
}
}
.psp-bill_me-clear:active {
-webkit-box-shadow: inset 0 4px 2px rgba(0, 0, 0, 0.12);
box-shadow: inset 0 4px 2px rgba(0, 0, 0, 0.12);
}
.psp-bill_me-clear {
margin-right: 15px;
width: auto;
}
@media only screen and (max-width: 767px) {
.psp-bill_me-clear {
width: calc(50% - 7px);
margin-right: 0;
padding: 10px;
min-height: 45px;
font-size: 0.7142857143rem;
}
}
.psp-bill_me-clear:disabled {
background: #ffffff;
}
.psp-bill_me-select {
border-radius: 3px;
padding: 14.5px 20px;
width: 100%;
}
.psp-bill_me-select.button-disabled, .sales_rep_promo-upload:not(.active) .psp-bill_me-select.sales_rep_promo-upload-label, .psp-bill_me-select.button-disabled:hover, .psp-bill_me-select.button-disabled:focus, .psp-bill_me-select.button-disabled:active, .psp-bill_me-select[disabled], .psp-bill_me-select[disabled]:hover, .psp-bill_me-select[disabled]:focus, .psp-bill_me-select[disabled]:active {
background-color: #e7e7e7;
border-color: #e7e7e7;
-webkit-box-shadow: none;
box-shadow: none;
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.psp-bill_me-select { /* stylelint-disable-line */
background-color: #076795;
border-color: #076795;
color: #ffffff;
}
.psp-bill_me-select:active {
background-color: #d7e7ef;
border-color: #d7e7ef;
color: #076795;
}
@media only screen and (min-width: 1025px) {
.psp-bill_me-select:hover {
background-color: #d7e7ef;
border-color: #d7e7ef;
color: #076795;
}
}
.psp-bill_me-select:active {
-webkit-box-shadow: inset 0 3px 2px rgba(0, 0, 0, 0.12);
box-shadow: inset 0 3px 2px rgba(0, 0, 0, 0.12);
}
.psp-bill_me-select {
width: auto;
}
@media only screen and (max-width: 767px) {
.psp-bill_me-select {
width: calc(50% - 7px);
font-size: 0.7142857143rem;
padding: 10px;
min-height: 45px;
}
}
.psp_pay {
position: relative;
padding-bottom: 184px;
}
@media only screen and (max-width: 767px) {
.psp_pay {
padding-bottom: 0;
}
}
@media only screen and (max-width: 1024px) and (orientation: landscape) {
.psp_pay {
padding-bottom: 0;
}
}
.psp_pay.psp_pay-modal-error {
padding-bottom: 30px;
}
.psp_pay.psp_pay-modal-error .payment_info-btn_wrapper {
margin: 0 auto;
}
@media only screen and (max-width: 767px) {
.psp_pay.psp_pay-modal-error .payment_info-btn_wrapper {
padding: 0 15px;
border-bottom: none;
}
}
.psp_pay .payment_info-method .credit_card-expiration {
margin-top: 20px;
width: 100%;
}
.psp_pay .payment_info-option-echeck {
-ms-flex-direction: column;
flex-direction: column;
}
.psp_pay .payment_info-echeck-form {
width: 100%;
margin: 0 0 10px 0;
}
.psp_pay .payment_info-echeck-image {
width: 100%;
}
@media only screen and (max-width: 767px) {
.psp_pay-terms {
position: static;
height: 0;
width: 0;
overflow: hidden;
border: none;
}
}
.psp_pay-cancel {
border: 1px solid transparent;
cursor: pointer;
display: inline-block;
font: 1rem / 1 brandongrotesque-medium, Arial, Helvetica, sans-serif;
text-align: center;
text-transform: uppercase;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-radius: 3px;
padding: 14.5px 20px;
width: 100%;
}
.psp_pay-cancel.button-disabled, .sales_rep_promo-upload:not(.active) .psp_pay-cancel.sales_rep_promo-upload-label, .psp_pay-cancel.button-disabled:hover, .psp_pay-cancel.button-disabled:focus, .psp_pay-cancel.button-disabled:active, .psp_pay-cancel[disabled], .psp_pay-cancel[disabled]:hover, .psp_pay-cancel[disabled]:focus, .psp_pay-cancel[disabled]:active {
background-color: #e7e7e7;
border-color: #e7e7e7;
-webkit-box-shadow: none;
box-shadow: none;
color: #c5c5c5;
cursor: default;
pointer-events: none;
}
.psp_pay-cancel { /* stylelint-disable-line */
background-color: #ffffff;
border-color: #076795;
color: #076795;
}
.psp_pay-cancel:active {
background-color: rgba(7, 103, 149, 0.1);
border-color: #076795;
color: #076795;
}
@media only screen and (min-width: 1025px) {
.psp_pay-cancel:hover {
background-color: rgba(7, 103, 149, 0.1);
border-color: #076795;
color: #076795;
}
}
.psp_pay-cancel:active {
-webkit-box-shadow: inset 0 4px 2px rgba(0, 0, 0, 0.12);
box-shadow: inset 0 4px 2px rgba(0, 0, 0, 0.12);
}
.psp_pay-modal .modal-dialog {
max-width: 560px;
overflow: hidden;
}
@media only screen and (max-width: 1024px) {
.app-view .psp_pay-modal .modal-dialog {
max-width: 100%;
height: 100vh;
overflow: scroll;
width: 100%;
}
}
@media only screen and (max-width: 1024px) {
.app-view .psp_pay-modal .psp_pay-body {
max-height: calc(100% - 220px);
}
}
.psp_pay-modal .modal-header {
margin-top: -20px;
padding: 0 50px 30px 30px;
border-bottom: 2px solid #c5c5c5;
}
.psp_pay-modal .modal-body {
padding: 0;
}
.psp_pay-modal .modal-footer {
padding: 0;
}
.psp_pay-modal .loader-container {
position: static;
}
.psp_pay-modal .order_summary-saving_msg {
-ms-flex-pack: start;
justify-content: flex-start;
color: #888888;
border-top: 1px solid #c5c5c5;
font: 1rem / 1.7142857143rem brandongrotesque-regular, Arial, Helvetica, sans-serif;
padding-top: 10px;
margin-top: 10px;
}
.psp_pay-modal .order_summary-saving_msg .value,
.psp_pay-modal .order_summary-saving_msg .label {
padding-top: 0;
}
.psp_pay-modal .order_summary-saving_msg .value {
color: #888888;
font: 1rem / 1.7142857143rem brandongrotesque-regular, Arial, Helvetica, sans-serif;
margin-left: 5px;
}
.psp_pay .billpay_payment-main {
padding: 0;
}
.psp_pay .purchase_info-order_number {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 30px;
max-width: 100%;
}
.psp_pay .purchase_info-order_number .tooltip-link {
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
margin-left: auto;
}
.psp_pay .payment_info-stored_payments {
width: 100%;
max-width: 100%;
}
.psp_pay .credit_card-owner {
width: 100%;
margin-bottom: 20px;
}
.psp_pay .credit_card-numbers {
width: 100%;
}
.psp_pay .payment_info-option {
padding: 30px 25px;
}
.psp_pay .payment_info-option_body {
padding-left: 0;
}
.psp_pay-body {
max-height: 445px;
overflow-y: auto;
overflow-x: hidden;
}
@media only screen and (max-width: 767px) {
.psp_pay-body {
max-height: 445px;
}
}
@media only screen and (max-width: 1024px) and (orientation: landscape) {
.psp_pay-body {
max-height: 280px;
}
}
@media only screen and (min-width: 1024px) and (orientation: landscape) {
.psp_pay-body {
max-height: 445px;
}
}
@media only screen and (max-height: 720px) and (orientation: landscape) {
.psp_pay-body {
max-height: 290px;
}
}
.psp_pay-error {
padding: 25px 30px 35px;
}
@media only screen and (max-width: 767px) {
.psp_pay-error {
padding: 10px 15px 20px;
}
}
@media only screen and (max-width: 767px) {
.psp_pay-error ~ .psp_pay-body {
max-height: 250px;
}
}
.psp_pay-error ~ .psp_pay-body .psp_pay-headline {
padding-top: 0;
}
.psp_pay-headline {
font: 1.2857142857rem / 1.2857142857rem brandongrotesque-medium, Arial, Helvetica, sans-serif;
}
@media only screen and (max-width: 767px) {
.psp_pay-headline {
margin-bottom: 10px;
}
}
.psp_pay-info {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 30px;
}
@media only screen and (max-width: 767px) {
.psp_pay-info {
padding: 25px 15px;
-ms-flex-direction: column;
flex-direction: column;
}
}
.psp_pay-info-list {
text-align: right;
}
.psp_pay-info-item {
color: #646464;
line-height: 21px;
}
+ .psp_pay-info-item {
margin-top: 6px;
}
.psp_pay-info-item:last-of-type {
font: 1rem / 1.5rem brandongrotesque-medium, Arial, Helvetica, sans-serif;
}
.psp_pay-products {
padding: 20px 24px 20px 30px;
background: #f7f9f9;
}
@media only screen and (max-width: 767px) {
.psp_pay-products {
padding: 20px 15px 20px 15px;
}
}
.psp_pay-products-headline::after {
border: 5px solid transparent;
border-top-color: black;
border-bottom-width: 0;
content: "";
margin: 0 0 0 10px;
width: auto;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
-webkit-transform: rotate(0);
transform: rotate(0);
-ms-flex-item-align: center;
align-self: center;
}
.expanded .psp_pay-products-headline::after {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.psp_pay-products-headline {
font: 1.2857142857rem / 1.2857142857rem brandongrotesque-medium, Arial, Helvetica, sans-serif;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 20px 24px 20px 30px;
margin: -20px -24px -20px -30px;
cursor: pointer;
}
.psp_pay-products-headline::after {
border-width: 6px;
}
@media only screen and (max-width: 767px) {
.psp_pay-products-headline {
padding: 20px 15px 20px 15px;
margin: -20px -15px -20px -15px;
}
}
.psp_pay-products:not(.expanded) .psp_pay-product {
display: none;
}
.psp_pay-product {
margin-left: 30px;
}
@media only screen and (max-width: 767px) {
.psp_pay-product {
margin-left: 0;
}
}
.psp_pay-product-inner {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 20px 0 20px 0;
border-bottom: 1px solid #c5c5c5;
}
.psp_pay-product-inner:last-of-type {
padding: 20px 0 0 0;
border-bottom: none;
}
.psp_pay-product-name {
color: #000000;
font: 1rem / 1.7142857143rem brandongrotesque-regular, Arial, Helvetica, sans-serif;
}
.psp_pay-product-price {
color: #646464;
font: 1rem / 1.7142857143rem brandongrotesque-medium, Arial, Helvetica, sans-serif;
}
@media only screen and (max-width: 767px) {
.psp_pay-product-price {
-ms-flex-order: 4;
order: 4;
}
}
.psp_pay-product-sku, .psp_pay-product-serial_number {
line-height: 24px;
color: #888888;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
.psp_pay-product-discounts {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: start;
align-items: flex-start;
margin-top: 5px;
}
.psp_pay .billpay-wrapper {
padding: 30px 30px 0;
}
.psp_pay .payment_info-agreement {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: justify;
justify-content: space-between;
position: absolute;
border-top: 1px solid #c5c5c5;
padding: 30px 30px 35px;
bottom: 0;
left: 0;
right: 0;
z-index: 100;
}
@media only screen and (max-width: 1024px) and (orientation: landscape) {
.psp_pay .payment_info-agreement {
position: static;
padding: 30px 0;
}
}
@media only screen and (max-width: 767px) {
.psp_pay .payment_info-agreement {
position: static;
padding: 30px 0;
}
}
.psp_pay .payment_info-agreement .payment_info-checkbox {
margin-bottom: 0;
width: 100%;
max-width: 100%;
}
.psp_pay .payment_info-agreement .payment_info-btn_wrapper {
-ms-flex: 0 0 47%;
flex: 0 0 47%;
max-width: 47%;
width: 47%;
}
@media only screen and (max-width: 767px) {
.psp_pay .payment_info-agreement .payment_info-btn_wrapper {
padding: 0;
border: none;
}
}
.psp_pay .payment_info-agreement .payment_info-btn {
max-width: 100%;
}
.app-view .psp_pay .payment_info-agreement .payment_info-btn {
width: 100%;
}
.psp_pay-confirmation {
margin-top: 30px;
max-height: 500px;
padding: 10px 30px 10px;
overflow-y: auto;
}
@media only screen and (max-width: 767px) {
.psp_pay-confirmation {
max-height: 400px;
}
}
@media only screen and (max-width: 1024px) {
.app-view .psp_pay-confirmation {
max-height: calc(100% - 220px);
}
}
.psp_pay-confirmation-headline {
font: 1.7142857143rem / 2rem brandongrotesque-medium, Arial, Helvetica, sans-serif;
color: #213858;
margin-bottom: 25px;
text-align: center;
}
.psp_pay-confirmation-subtitle {
font: 2.2857142857rem / 2.4285714286rem brandongrotesque-medium, Arial, Helvetica, sans-serif;
color: #213858;
text-align: center;
padding-bottom: 20px;
border-bottom: 1px solid #c5c5c5;
}
.psp_pay-confirmation-description {
font: 1.2857142857rem / 1.5rem brandongrotesque-regular, Arial, Helvetica, sans-serif;
color: #213858;
margin-bottom: 35px;
}
.psp_pay-confirmation-submit {
background: #213858;
color: #ffffff;
text-transform: uppercase;
border: 1px solid #213858;
border-radius: 3px;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
padding: 15px;
min-width: 240px;
}
.psp_pay-confirmation-submit:hover {
color: #213858;
background: #ffffff;
}
.psp_pay-confirmation-submit-wrapper {
border-top: 1px solid #c5c5c5;
padding: 30px 0;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
}
.psp_pay-confirmation-summary {
margin: 30px 0 0 0;
}
.psp_pay-confirmation-summary .psp_pay-confirmation-subtitle {
margin-bottom: 20px;
}
.psp_pay-confirmation-summary-item {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
font: 1rem / 1.7142857143rem brandongrotesque-regular, Arial, Helvetica, sans-serif;
color: #888888;
}
.psp_pay-confirmation-summary-item:last-of-type {
color: #213858;
}
.psp_pay-confirmation .user_info-title, .psp_pay-confirmation .order_receipt-order_date .label,
.psp_pay-confirmation .order_receipt-order_number .label,
.psp_pay-confirmation .psp_pay-confirmation-info .label,
.psp_pay-confirmation .order_receipt-payment_info .label {
margin-bottom: 0;
}
.psp_pay-confirmation .address-summary {
margin-bottom: 25px;
color: #888888;
}
.psp_pay-confirmation .psp_pay-product-inner {
border-bottom: none;
}
.psp_pay-confirmation .psp_pay-product-name {
font: 1rem / 1.2857142857rem brandongrotesque-medium, Arial, Helvetica, sans-serif;
}
.psp_pay-confirmation .order_receipt-order_date,
.psp_pay-confirmation .order_receipt-order_number,
.psp_pay-confirmation .psp_pay-confirmation-info,
.psp_pay-confirmation .order_receipt-payment_info {
padding: 0;
margin-bottom: 25px;
}
.psp_pay-confirmation .order_receipt-order_date .label,
.psp_pay-confirmation .order_receipt-order_number .label,
.psp_pay-confirmation .psp_pay-confirmation-info .label,
.psp_pay-confirmation .order_receipt-payment_info .label {
margin-bottom: 0;
}
@media only screen and (min-width: 1025px) {
.psp_pay .credit_card-expiration {
width: 100%;
margin-top: 20px;
}
}
.psp_pay .billpay_payment-save_card {
max-width: 100%;
}
.psp_pay .save-credit-card .custom-control-input {
position: static;
display: block;
height: 0;
width: 0;
}
.psp-nav_item {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
background: #2d4c78;
padding: 14px;
}
.psp-nav_item-link:after {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 10px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f125";
}
.psp-nav_item-link:before {
display: inline-block;
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 18px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
vertical-align: middle;
content: "\f155";
}
.psp-nav_item-link {
color: #ffffff;
text-transform: uppercase;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
font-size: 0.8571428571rem;
}
.psp-nav_item-link::before {
margin-right: 5px;
}
.psp-nav_item-link::after {
margin-left: 2px;
}