/** * Copyright © Magento, Inc. All rights reserved. * See COPYING.txt for license details. */ /* The variables in this file are for developers only and are functional, branding ajustments are in branding.less */ /* body */ @font-face { font-family: 'Open Sans'; src: url('../fonts/OpenSans/OpenSans-Regular.woff2') format('woff2'), url('../fonts/OpenSans/OpenSans-Regular.woff') format('woff'); font-weight: 400; font-style: normal; font-display: auto; } @font-face { font-family: 'Open Sans'; src: url('../fonts/OpenSans/OpenSans-Bold.woff2') format('woff2'), url('../fonts/OpenSans/OpenSans-Bold.woff') format('woff'); font-weight: 700; font-style: normal; font-display: auto; } @font-face { font-family: 'Inter'; src: url('../fonts/inter/Inter-Light.woff2') format('woff2'), url('../fonts/inter/Inter-Light.woff') format('woff'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Inter'; src: url('../fonts/inter/Inter-Bold.woff2') format('woff2'), url('../fonts/inter/Inter-Bold.woff') format('woff'); font-weight: 700; font-style: normal; font-display: swap; } .block-static-block.widget { margin-bottom: 0; } .top-container { padding-left: 0; padding-right: 0; } .page-wrapper > .widget { padding-left: 0 !important; padding-right: 0 !important; } @media (max-width: 768px) { .page-wrapper > .widget { padding-left: 0; padding-right: 0; } } #ReviewsWidget .item__inner .R-flex-row { display: none; } #ReviewsWidget .ElementsWidget-prefix .R-LG .ElementsWidget__footer .footer__reviewsLogo--desktop { display: inline-block; margin-top: 14px; margin-right: 10px; } #ReviewsWidget .ElementsWidget-prefix .R-LG .ElementsWidget__footer .footer__reviewsLogo--mobile { display: none; } #ReviewsWidget .ElementsWidget-prefix .ElementsWidget .ElementsWidget__inner { display: block; width: 100%; } #ReviewsWidget .ElementsWidget-prefix .ElementsWidget .ElementsWidget__inner .custom_review_header { float: left; width: 100%; color: #064A89; font-family: 'Inter'; font-style: normal; font-weight: 700; line-height: 142%; text-transform: capitalize; margin-bottom: 16px; } #ReviewsWidget .ElementsWidget-prefix .ElementsWidget .ElementsWidget__inner .header__inner .R-TextHeading.R-TextHeading--md { font-family: 'Inter'; font-size: 24px; color: #000000; font-style: normal; font-weight: 700; line-height: 150%; text-transform: capitalize; } #ReviewsWidget .ElementsWidget-prefix .ElementsWidget .ElementsWidget__inner .header__inner .R-TextBody--xs { font-family: 'Inter'; font-size: 12px; color: #000000; font-style: normal; font-weight: 400; line-height: 135%; margin-bottom: 0 !important; } #ReviewsWidget .ElementsWidget-prefix .ElementsWidget .ElementsWidget__header { border-bottom: unset; } #ReviewsWidget .ElementsWidget-prefix .ElementsWidget .ElementsWidget__header .header__inner { display: block; margin-left: 0; margin-right: 0; } #ReviewsWidget .ElementsWidget-prefix .ElementsWidget .ElementsWidget__header .header__group--left { height: auto; float: left; margin-bottom: 0; padding: 0 0 12px 0; } #ReviewsWidget .ElementsWidget-prefix .ElementsWidget .ElementsWidget__header .header__group--right { float: right; margin-bottom: 0; padding: 0; } #ReviewsWidget .ElementsWidget-prefix .ElementsWidget .ElementsWidget__header .header__group .R-Button { font-family: 'Inter'; text-align: center; color: #FFFFFF; font-style: normal; font-weight: 700; line-height: 150%; text-transform: capitalize; } #ReviewsWidget .ElementsWidget-prefix .ElementsWidget .ElementsWidget__subheader { float: left; width: 100%; border-top: 1px solid #CFCFCF; border-bottom: 1px solid #CFCFCF; } #ReviewsWidget .ElementsWidget-prefix .ElementsWidget .R-ContentList .R-ContentList__item { margin-bottom: 16px; padding: 16px; border: 1px solid #CFCFCF; border-radius: 4px; } #ReviewsWidget .ElementsWidget-prefix .ElementsWidget .R-ContentList .R-ContentList__item .item__meta { border-right: none; } #ReviewsWidget .ElementsWidget-prefix .ElementsWidget .R-ContentList .R-ContentList__item .item__review { padding-left: 0; } #ReviewsWidget .ElementsWidget-prefix .ElementsWidget .R-ContentList .R-ContentList__item .item__review .R-RatingStars { margin-bottom: 10px; } #ReviewsWidget .ElementsWidget-prefix .ElementsWidget .cssVar-authorName { font-family: 'Inter'; color: #000000; font-style: normal; font-weight: 700; line-height: 150%; margin-bottom: 10px; } #ReviewsWidget .ElementsWidget-prefix .ElementsWidget .ElementsWidget__search { margin-top: 0; margin-left: 10px; } #ReviewsWidget .ElementsWidget-prefix .ElementsWidget .ElementsWidget__search .R-Field__input { font-family: 'Inter'; color: #064A89; font-style: normal; font-weight: 400; line-height: 150%; margin: 0 !important; } #ReviewsWidget .ElementsWidget-prefix .ElementsWidget .ElementsWidget__search .R-Field__input::placeholder { color: #064A89; } #ReviewsWidget .ElementsWidget-prefix .ElementsWidget .ElementsWidget__search .R-Field__input:focus { border: 1px solid #CFCFCF; border-radius: 4px; } #ReviewsWidget .ElementsWidget-prefix .ElementsWidget .ElementsWidget__search .R-Field { margin-bottom: 0; } #ReviewsWidget .ElementsWidget-prefix .ElementsWidget .ElementsWidget__form.isActive .u-hr--top { margin-top: 16px; margin-bottom: 16px; } #ReviewsWidget .ElementsWidget-prefix .ElementsWidget .ElementsWidget__form.isActive .R-Button--cancel { margin-right: 0; margin-bottom: 0; width: calc(45%); min-height: 48px; padding: 0px 24px; display: flex; justify-content: center; align-items: center; gap: 4px; border-radius: 4px; } #ReviewsWidget .ElementsWidget-prefix .ElementsWidget .ElementsWidget__form.isActive .u-hr--bottom { margin-top: 0; margin-bottom: 16px; border-top: unset; } #ReviewsWidget .ElementsWidget-prefix .R-TextHeading--xxxs { font-family: 'Inter'; color: #000000; font-size: 14px; font-style: normal; font-weight: 700; line-height: 135%; } #ReviewsWidget .ElementsWidget-prefix .ElementsWidget__inner .R-Button--primary { display: flex; width: 260px; min-height: 48px; padding: 0px 24px; justify-content: center; align-items: center; gap: 4px; float: right; background-color: #207CCB; border-radius: 4px; border: none; } #ReviewsWidget .ElementsWidget-prefix .ElementsWidget__inner .ElementsWidget__form.isActive .R-Button--primary { margin-bottom: 0; width: calc(45%); } #ReviewsWidget .ElementsWidget-prefix .R-TabControls .R-TabControls__item { border: none; } #ReviewsWidget .ElementsWidget-prefix .R-TabControls .R-TabControls__item > .R-TextHeading { font-family: 'Inter'; color: #064A89; font-style: normal; font-weight: 700; line-height: 150%; margin: 0 !important; } #ReviewsWidget .ElementsWidget-prefix .R-TabControls .R-TabControls__item.isActive { border: none; margin-bottom: 0 !important; } #ReviewsWidget .ElementsWidget-prefix .ricon-thin-arrow--down:before { margin-left: 8px; font-weight: bold; font-size: 18px; } #ReviewsWidget .ElementsWidget-prefix .R-TextBody--xxxs { font-family: 'Inter'; color: #000000; font-size: 12px; font-style: normal; font-weight: 400; line-height: 135%; text-align: left !important; } #ReviewsWidget .ElementsWidget-prefix .u-marginBottom--md { margin-bottom: 0 !important; } #ReviewsWidget .ElementsWidget-prefix .R-TextHeading--xxs { font-family: 'Inter'; color: #000000; font-style: normal; font-weight: 700; margin-bottom: 10px; line-height: 140%; } #ReviewsWidget .ElementsWidget-prefix .R-TextBody--xs { font-family: 'Inter'; color: #000000; font-style: normal; font-weight: 400; line-height: 150%; margin-bottom: 0; } #ReviewsWidget .ElementsWidget-prefix .R-RatingStars .R-RatingStars__stars .stars__icon--100 { background-image: linear-gradient(to right, #fee200 99.90000000000001%, #fee200 100%); } #ReviewsWidget .ElementsWidget-prefix .R-RatingStars .R-RatingStars__stars .stars__icon--75 { background-image: linear-gradient(to right, #fee200 60%, #fee200 60 60.1%); } #ReviewsWidget .ElementsWidget-prefix .R-RatingStars .R-RatingStars__stars .stars__icon--50 { background-image: linear-gradient(to right, #fee200 50%, #fee200 60 50.1%); } #ReviewsWidget .ElementsWidget-prefix .R-RatingStars .R-RatingStars__stars .stars__icon-25 { background-image: linear-gradient(to right, #fee200 38%, #fee200 60 38.1%); } #ReviewsWidget .ElementsWidget-prefix .R-RatingStars .R-RatingStars__stars .stars__icon--0 { background-image: linear-gradient(to right, #fee200 0%, #fee200 60 0.1%); } #ReviewsWidget .ElementsWidget-prefix .R-PaginationControls .R-PaginationControls__item { border: none; height: 26px; } #ReviewsWidget .ElementsWidget-prefix .R-PaginationControls .R-PaginationControls__item .R-TextHeading.R-TextHeading--xxxs { font-family: 'Inter'; color: #000000; font-size: 16px; font-style: normal; font-weight: 400; line-height: 135%; } #ReviewsWidget .ElementsWidget-prefix .R-PaginationControls .R-PaginationControls__item.isActive .R-TextHeading.R-TextHeading--xxxs { font-weight: 700; } #ReviewsWidget .ElementsWidget-prefix .R-Field--leftIcon .R-Field__icon { color: #064A89; } #ReviewsWidget .ElementsWidget-prefix .R-flex-middle-xxs { font-family: 'Inter'; font-size: 12px; color: #000000; font-style: normal; font-weight: 400; line-height: 135%; } #ReviewsWidget .ElementsWidget-prefix .ElementsWidget__form.isActive .R-RatingSelection .R-RatingSelection__item .R-RatingSelection__button { color: #FEE200; } #ReviewsWidget .ElementsWidget-prefix .ElementsWidget__form.isActive .R-Field { margin-bottom: 0; } #ReviewsWidget .ElementsWidget-prefix .ElementsWidget__form.isActive .R-Field .R-Field__input { border-radius: 4px; margin-bottom: 16px; } #ReviewsWidget .ElementsWidget-prefix .ElementsWidget__form.isActive .R-TextHeading--xxxs { margin-bottom: 16px; } #ReviewsWidget .ElementsWidget-prefix .ElementsWidget__form.isActive .R-flex-end-xxs { gap: 10px; } #ReviewsWidget .ElementsWidget-prefix .subheader__group.subheader__group--tabs.u-textRight--all { display: none; } #ReviewsWidget .ElementsWidget-prefix .ElementsWidget__footer.u-textRight--all { margin-bottom: -30px; } #ReviewsWidget .ElementsWidget-prefix .R-Field.isFailure .R-Field__feedback { margin-top: -16px; } #ReviewsWidget .ElementsWidget-prefix .R-Field.isFailure .R-Field__feedback .feedback__inner { font-family: 'Inter'; font-size: 12px; font-style: normal; font-weight: 400; line-height: 135%; border: none; margin-bottom: 10px; margin-top: 0; padding: 0; } @media only screen and (min-width: 769px) { #ReviewsWidget { max-width: 100%; width: -webkit-fill-available; display: inline-block; border-radius: 4px; } #ReviewsWidget .ElementsWidget-prefix .ElementsWidget { margin-bottom: 0; } #ReviewsWidget .ElementsWidget-prefix .ElementsWidget .ElementsWidget__header .header__group--left { width: 50%; } #ReviewsWidget .ElementsWidget-prefix .ElementsWidget .ElementsWidget__header .header__group--right { width: 50%; } #ReviewsWidget .ElementsWidget-prefix .ElementsWidget .ElementsWidget__header .header__group .R-Button { font-size: 16px; margin-bottom: 0 !important; } #ReviewsWidget .ElementsWidget-prefix .ElementsWidget .R-ContentList { padding-right: 32px; } #ReviewsWidget .ElementsWidget-prefix .ElementsWidget .R-ContentList .R-ContentList__item .item__meta { width: 140px; flex-basis: 140px; padding-right: 40px; } #ReviewsWidget .ElementsWidget-prefix .ElementsWidget .ElementsWidget__subheader { padding: 28px 0 12px; margin-bottom: 16px; } #ReviewsWidget .ElementsWidget-prefix .ElementsWidget .ElementsWidget__subheader .subheader__group.subheader__group--filters { float: left; margin-bottom: 0; padding-bottom: 0; border: none; } #ReviewsWidget .ElementsWidget-prefix .ElementsWidget .ElementsWidget__subheader .subheader__group.subheader__group--tabs.abs-account-blocks { width: 50%; float: right; } #ReviewsWidget .ElementsWidget-prefix .ElementsWidget .ElementsWidget__inner .custom_review_header { font-size: 28px; } #ReviewsWidget .ElementsWidget-prefix .ElementsWidget .ElementsWidget__search .R-Field__input { font-size: 16px; } #ReviewsWidget .ElementsWidget-prefix .ElementsWidget .cssVar-authorName { font-size: 16px; } #ReviewsWidget .ElementsWidget-prefix .ElementsWidget .ElementsWidget__form.isActive .R-Button--cancel { width: calc(45%); } #ReviewsWidget .ElementsWidget-prefix .R-TabControls .R-TabControls__item > .R-TextHeading { font-size: 16px; } #ReviewsWidget .ElementsWidget-prefix .R-TextHeading--xxs { font-size: 20px; } #ReviewsWidget .ElementsWidget-prefix .R-TextBody--xs { font-size: 16px; } #ReviewsWidget .ElementsWidget-prefix .R-MD .R-ContentList .R-ContentList__item { flex-direction: unset; } #ReviewsWidget .ElementsWidget-prefix .ElementsWidget__form.isActive .R-flex-end-xxs { gap: 10px; } #ReviewsWidget .ElementsWidget-prefix .ElementsWidget__inner .ElementsWidget__form.isActive .R-Button--primary { width: calc(45%); } #ReviewsWidget .ElementsWidget-prefix .R-PaginationControls { justify-content: left; margin-bottom: 0px !important; } #ReviewsWidget .ElementsWidget-prefix .u-marginBottom--xlg { margin-bottom: 16px !important; } #ReviewsWidget .ElementsWidget-prefix .ElementsWidget__footer.u-textRight--all .u-displayInlineBlock.footer__reviewsLogo-container.hasNoPagination { margin-bottom: 32px; } } @media only screen and (min-width: 769px) and (max-width: 1320px) { #ReviewsWidget .ElementsWidget-prefix .R-MD .R-ContentList .R-ContentList__item { flex-direction: column; } #ReviewsWidget .ElementsWidget-prefix .ElementsWidget .R-ContentList .R-ContentList__item .item__meta { flex-basis: auto; } } @media only screen and (min-width: 769px) and (max-width: 1099px) { #ReviewsWidget .ElementsWidget-prefix { width: 100%; margin-right: 0; } #ReviewsWidget .ElementsWidget-prefix .ElementsWidget__inner .R-Button--primary { width: 200px !important; } } @media only screen and (max-width: 768px) { .page-wrapper #maincontent { padding-left: 20px; padding-right: 20px; } #ReviewsWidget { width: 100%; margin: 0; } #ReviewsWidget .ElementsWidget-prefix .ElementsWidget .ElementsWidget__header .header__group--left { width: 100%; } #ReviewsWidget .ElementsWidget-prefix .ElementsWidget .ElementsWidget__header .header__group--right { width: 100%; } #ReviewsWidget .ElementsWidget-prefix .ElementsWidget .ElementsWidget__header .header__group .R-Button { font-size: 14px; margin-bottom: 12px !important; } #ReviewsWidget .ElementsWidget-prefix .ElementsWidget .R-ContentList { padding-right: 0px; } #ReviewsWidget .ElementsWidget-prefix .ElementsWidget .R-ContentList .R-ContentList__item .item__review .R-RatingStars { margin-bottom: 0 !important; margin-top: 8px; } #ReviewsWidget .ElementsWidget-prefix .ElementsWidget .ElementsWidget__inner .custom_review_header { font-size: 24px; margin-top: 24px; } #ReviewsWidget .ElementsWidget-prefix .ElementsWidget .ElementsWidget__subheader { padding: 16px 0; margin-bottom: 0; border-bottom: unset; } #ReviewsWidget .ElementsWidget-prefix .ElementsWidget .ElementsWidget__search .R-Field__input { font-size: 14px; } #ReviewsWidget .ElementsWidget-prefix .ElementsWidget .cssVar-authorName { font-size: 14px; } #ReviewsWidget .ElementsWidget-prefix .ElementsWidget .ElementsWidget__form.isActive .R-Button--cancel { width: 100%; } #ReviewsWidget .ElementsWidget-prefix .ElementsWidget .ElementsWidget__footer .footer__reviewsLogo-container { margin-top: 0; } #ReviewsWidget .ElementsWidget-prefix .ElementsWidget__inner .R-Button--primary { width: 100% !important; } #ReviewsWidget .ElementsWidget-prefix .ElementsWidget__inner .ElementsWidget__form.isActive .R-Button--primary { width: 100%; } #ReviewsWidget .ElementsWidget-prefix .R-TabControls .R-TabControls__item > .R-TextHeading { font-size: 14px; } #ReviewsWidget .ElementsWidget-prefix .R-TextHeading--xxs { font-size: 16px; } #ReviewsWidget .ElementsWidget-prefix .R-TextBody--xs { font-size: 14px; } #ReviewsWidget .ElementsWidget-prefix .ElementsWidget__form.isActive .R-flex-end-xxs { gap: 16px; } #ReviewsWidget .ElementsWidget-prefix .R-MD .ElementsWidget__subheader .subheader__group:first-child { padding-bottom: 12px; margin-bottom: 0; } #ReviewsWidget .ElementsWidget-prefix .u-marginBottom--sm { margin-bottom: 0px !important; } #ReviewsWidget .ElementsWidget-prefix .u-marginBottom--xs { margin-bottom: 0 !important; } #ReviewsWidget .ElementsWidget-prefix .R-LG .ElementsWidget__footer .footer__reviewsLogo--desktop { margin-top: 10px; } } /** * Copyright © Magento, Inc. All rights reserved. * See COPYING.txt for license details. */ /** * Copyright © Magento, Inc. All rights reserved. * See COPYING.txt for license details. */ .form-discount .g-recaptcha { margin-top: 50px !important; } /** * Copyright © Magento, Inc. All rights reserved. * See COPYING.txt for license details. */ .login-container .g-recaptcha, .form-login .g-recaptcha, .form-edit-account .g-recaptcha { margin-bottom: 10px !important; } /** * Copyright © Magento, Inc. All rights reserved. * See COPYING.txt for license details. */ .required-captcha.checkbox { position: absolute; display: block; visibility: visible; overflow: hidden; opacity: 0; width: 1px; height: 1px; } /** * Copyright © Magento, Inc. All rights reserved. * See COPYING.txt for license details. */ .block.newsletter .field-recaptcha .field .control:before { content: none; } /** * Copyright © Magento, Inc. All rights reserved. * See COPYING.txt for license details. */ .review-form .field-recaptcha { margin-bottom: 10px; } /** * Copyright © Magento, Inc. All rights reserved. * See COPYING.txt for license details. */ .form.send.friend .g-recaptcha { margin-top: 40px; } /** * Copyright © Magento, Inc. All rights reserved. * See COPYING.txt for license details. */ .product-info-stock-sku .configurable-variation-qty { display: none; } /* jsTree default theme */ .jstree-node, .jstree-children, .jstree-container-ul { display: block; margin: 0; padding: 0; list-style-type: none; list-style-image: none; } .jstree-node { white-space: nowrap; } .jstree-anchor { display: inline-block; color: black; white-space: nowrap; padding: 0 4px 0 1px; margin: 0; vertical-align: top; } .jstree-anchor:focus { outline: 0; } .jstree-anchor, .jstree-anchor:link, .jstree-anchor:visited, .jstree-anchor:hover, .jstree-anchor:active { text-decoration: none; color: inherit; } .jstree-icon { display: inline-block; text-decoration: none; margin: 0; padding: 0; vertical-align: top; text-align: center; } .jstree-icon:empty { display: inline-block; text-decoration: none; margin: 0; padding: 0; vertical-align: top; text-align: center; } .jstree-ocl { cursor: pointer; } .jstree-leaf > .jstree-ocl { cursor: default; } .jstree .jstree-open > .jstree-children { display: block; } .jstree .jstree-closed > .jstree-children, .jstree .jstree-leaf > .jstree-children { display: none; } .jstree-anchor > .jstree-themeicon { margin-right: 2px; } .jstree-no-icons .jstree-themeicon, .jstree-anchor > .jstree-themeicon-hidden { display: none; } .jstree-hidden, .jstree-node.jstree-hidden { display: none; } .jstree-rtl .jstree-anchor { padding: 0 1px 0 4px; } .jstree-rtl .jstree-anchor > .jstree-themeicon { margin-left: 2px; margin-right: 0; } .jstree-rtl .jstree-node { margin-left: 0; } .jstree-rtl .jstree-container-ul > .jstree-node { margin-right: 0; } .jstree-wholerow-ul { position: relative; display: inline-block; min-width: 100%; } .jstree-wholerow-ul .jstree-leaf > .jstree-ocl { cursor: pointer; } .jstree-wholerow-ul .jstree-anchor, .jstree-wholerow-ul .jstree-icon { position: relative; } .jstree-wholerow-ul .jstree-wholerow { width: 100%; cursor: pointer; position: absolute; left: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .jstree-contextmenu .jstree-anchor { -webkit-user-select: none; /* disable selection/Copy of UIWebView */ -webkit-touch-callout: none; /* disable the IOS popup when long-press on a link */ } .vakata-context { display: none; } .vakata-context, .vakata-context ul { margin: 0; padding: 2px; position: absolute; background: #f5f5f5; border: 1px solid #979797; box-shadow: 2px 2px 2px #999999; } .vakata-context ul { list-style: none; left: 100%; margin-top: -2.7em; margin-left: -4px; } .vakata-context .vakata-context-right ul { left: auto; right: 100%; margin-left: auto; margin-right: -4px; } .vakata-context li { list-style: none; } .vakata-context li > a { display: block; padding: 0 2em 0 2em; text-decoration: none; width: auto; color: black; white-space: nowrap; line-height: 2.4em; text-shadow: 1px 1px 0 white; border-radius: 1px; } .vakata-context li > a:hover { position: relative; background-color: #e8eff7; box-shadow: 0 0 2px #0a6aa1; } .vakata-context li > a.vakata-context-parent { background-image: url("data:image/gif;base64,R0lGODlhCwAHAIAAACgoKP///yH5BAEAAAEALAAAAAALAAcAAAIORI4JlrqN1oMSnmmZDQUAOw=="); background-position: right center; background-repeat: no-repeat; } .vakata-context li > a:focus { outline: 0; } .vakata-context .vakata-context-hover > a { position: relative; background-color: #e8eff7; box-shadow: 0 0 2px #0a6aa1; } .vakata-context .vakata-context-separator > a, .vakata-context .vakata-context-separator > a:hover { background: white; border: 0; border-top: 1px solid #e2e3e3; height: 1px; min-height: 1px; max-height: 1px; padding: 0; margin: 0 0 0 2.4em; border-left: 1px solid #e0e0e0; text-shadow: 0 0 0 transparent; box-shadow: 0 0 0 transparent; border-radius: 0; } .vakata-context .vakata-contextmenu-disabled a, .vakata-context .vakata-contextmenu-disabled a:hover { color: silver; background-color: transparent; border: 0; box-shadow: 0 0 0; } .vakata-context .vakata-contextmenu-disabled > a > i { filter: grayscale(100%); } .vakata-context li > a > i { text-decoration: none; display: inline-block; width: 2.4em; height: 2.4em; background: transparent; margin: 0 0 0 -2em; vertical-align: top; text-align: center; line-height: 2.4em; } .vakata-context li > a > i:empty { width: 2.4em; line-height: 2.4em; } .vakata-context li > a .vakata-contextmenu-sep { display: inline-block; width: 1px; height: 2.4em; background: white; margin: 0 0.5em 0 0; border-left: 1px solid #e2e3e3; } .vakata-context .vakata-contextmenu-shortcut { font-size: 0.8em; color: silver; opacity: 0.5; display: none; } .vakata-context-rtl ul { left: auto; right: 100%; margin-left: auto; margin-right: -4px; } .vakata-context-rtl li > a.vakata-context-parent { background-image: url("data:image/gif;base64,R0lGODlhCwAHAIAAACgoKP///yH5BAEAAAEALAAAAAALAAcAAAINjI+AC7rWHIsPtmoxLAA7"); background-position: left center; background-repeat: no-repeat; } .vakata-context-rtl .vakata-context-separator > a { margin: 0 2.4em 0 0; border-left: 0; border-right: 1px solid #e2e3e3; } .vakata-context-rtl .vakata-context-left ul { right: auto; left: 100%; margin-left: -4px; margin-right: auto; } .vakata-context-rtl li > a > i { margin: 0 -2em 0 0; } .vakata-context-rtl li > a .vakata-contextmenu-sep { margin: 0 0 0 0.5em; border-left-color: white; background: #e2e3e3; } #jstree-marker { position: absolute; top: 0; left: 0; margin: -5px 0 0 0; padding: 0; border-right: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid; width: 0; height: 0; font-size: 0; line-height: 0; } #jstree-dnd { line-height: 16px; margin: 0; padding: 4px; } #jstree-dnd .jstree-icon, #jstree-dnd .jstree-copy { display: inline-block; text-decoration: none; margin: 0 2px 0 0; padding: 0; width: 16px; height: 16px; } #jstree-dnd .jstree-ok { background: green; } #jstree-dnd .jstree-er { background: red; } #jstree-dnd .jstree-copy { margin: 0 2px 0 2px; } .jstree-default .jstree-node, .jstree-default .jstree-icon { background-repeat: no-repeat; background-color: transparent; } .jstree-default .jstree-anchor, .jstree-default .jstree-animated, .jstree-default .jstree-wholerow { transition: background-color 0.15s, box-shadow 0.15s; } .jstree-default .jstree-hovered { background: #e7f4f9; border-radius: 2px; box-shadow: inset 0 0 1px #cccccc; } .jstree-default .jstree-context { background: #e7f4f9; border-radius: 2px; box-shadow: inset 0 0 1px #cccccc; } .jstree-default .jstree-clicked { background: #beebff; border-radius: 2px; box-shadow: inset 0 0 1px #999999; } .jstree-default .jstree-no-icons .jstree-anchor > .jstree-themeicon { display: none; } .jstree-default .jstree-disabled { background: transparent; color: #666666; } .jstree-default .jstree-disabled.jstree-hovered { background: transparent; box-shadow: none; } .jstree-default .jstree-disabled.jstree-clicked { background: #efefef; } .jstree-default .jstree-disabled > .jstree-icon { opacity: 0.8; filter: url("data:image/svg+xml;utf8,#jstree-grayscale"); /* Firefox 10+ */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */ } .jstree-default .jstree-search { font-style: italic; color: #8b0000; font-weight: bold; } .jstree-default .jstree-no-checkboxes .jstree-checkbox { display: none !important; } .jstree-default.jstree-checkbox-no-clicked .jstree-clicked { background: transparent; box-shadow: none; } .jstree-default.jstree-checkbox-no-clicked .jstree-clicked.jstree-hovered { background: #e7f4f9; } .jstree-default.jstree-checkbox-no-clicked > .jstree-wholerow-ul .jstree-wholerow-clicked { background: transparent; } .jstree-default.jstree-checkbox-no-clicked > .jstree-wholerow-ul .jstree-wholerow-clicked.jstree-wholerow-hovered { background: #e7f4f9; } .jstree-default > .jstree-striped { min-width: 100%; display: inline-block; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAkCAMAAAB/qqA+AAAABlBMVEUAAAAAAAClZ7nPAAAAAnRSTlMNAMM9s3UAAAAXSURBVHjajcEBAQAAAIKg/H/aCQZ70AUBjAATb6YPDgAAAABJRU5ErkJggg==") left top repeat; } .jstree-default > .jstree-wholerow-ul .jstree-hovered, .jstree-default > .jstree-wholerow-ul .jstree-clicked { background: transparent; box-shadow: none; border-radius: 0; } .jstree-default .jstree-wholerow { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .jstree-default .jstree-wholerow-hovered { background: #e7f4f9; } .jstree-default .jstree-wholerow-clicked { background: #beebff; background: -webkit-linear-gradient(top, #beebff 0%, #a8e4ff 100%); background: linear-gradient(to bottom, #beebff 0%, #a8e4ff 100%); } .jstree-default .jstree-node { min-height: 24px; line-height: 24px; margin-left: 24px; min-width: 24px; } .jstree-default .jstree-anchor { line-height: 24px; height: 24px; } .jstree-default .jstree-icon { width: 24px; height: 24px; line-height: 24px; } .jstree-default .jstree-icon:empty { width: 24px; height: 24px; line-height: 24px; } .jstree-default.jstree-rtl .jstree-node { margin-right: 24px; } .jstree-default .jstree-wholerow { height: 24px; } .jstree-default .jstree-node, .jstree-default .jstree-icon { background-image: url(../Aheadworks_Ca/images/lib/js-tree/themes/default/32px.png); } .jstree-default .jstree-node { background-position: -292px -4px; background-repeat: repeat-y; } .jstree-default .jstree-last { background: transparent; } .jstree-default .jstree-open > .jstree-ocl { background-position: -132px -4px; } .jstree-default .jstree-closed > .jstree-ocl { background-position: -100px -4px; } .jstree-default .jstree-leaf > .jstree-ocl { background-position: -68px -4px; } .jstree-default .jstree-themeicon { background-position: -260px -4px; } .jstree-default > .jstree-no-dots .jstree-node, .jstree-default > .jstree-no-dots .jstree-leaf > .jstree-ocl { background: transparent; } .jstree-default > .jstree-no-dots .jstree-open > .jstree-ocl { background-position: -36px -4px; } .jstree-default > .jstree-no-dots .jstree-closed > .jstree-ocl { background-position: -4px -4px; } .jstree-default .jstree-disabled { background: transparent; } .jstree-default .jstree-disabled.jstree-hovered { background: transparent; } .jstree-default .jstree-disabled.jstree-clicked { background: #efefef; } .jstree-default .jstree-checkbox { background-position: -164px -4px; } .jstree-default .jstree-checkbox:hover { background-position: -164px -36px; } .jstree-default.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox, .jstree-default .jstree-checked > .jstree-checkbox { background-position: -228px -4px; } .jstree-default.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover, .jstree-default .jstree-checked > .jstree-checkbox:hover { background-position: -228px -36px; } .jstree-default .jstree-anchor > .jstree-undetermined { background-position: -196px -4px; } .jstree-default .jstree-anchor > .jstree-undetermined:hover { background-position: -196px -36px; } .jstree-default .jstree-checkbox-disabled { opacity: 0.8; filter: url("data:image/svg+xml;utf8,#jstree-grayscale"); /* Firefox 10+ */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */ } .jstree-default > .jstree-striped { background-size: auto 48px; } .jstree-default.jstree-rtl .jstree-node { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg=="); background-position: 100% 1px; background-repeat: repeat-y; } .jstree-default.jstree-rtl .jstree-last { background: transparent; } .jstree-default.jstree-rtl .jstree-open > .jstree-ocl { background-position: -132px -36px; } .jstree-default.jstree-rtl .jstree-closed > .jstree-ocl { background-position: -100px -36px; } .jstree-default.jstree-rtl .jstree-leaf > .jstree-ocl { background-position: -68px -36px; } .jstree-default.jstree-rtl > .jstree-no-dots .jstree-node, .jstree-default.jstree-rtl > .jstree-no-dots .jstree-leaf > .jstree-ocl { background: transparent; } .jstree-default.jstree-rtl > .jstree-no-dots .jstree-open > .jstree-ocl { background-position: -36px -36px; } .jstree-default.jstree-rtl > .jstree-no-dots .jstree-closed > .jstree-ocl { background-position: -4px -36px; } .jstree-default .jstree-themeicon-custom { background-color: transparent; background-image: none; background-position: 0 0; } .jstree-default > .jstree-container-ul .jstree-loading > .jstree-ocl { background: url(../Aheadworks_Ca/images/lib/js-tree/themes/default/throbber.gif) center center no-repeat; } .jstree-default .jstree-file { background: url(../Aheadworks_Ca/images/lib/js-tree/themes/default/32px.png) -100px -68px no-repeat; } .jstree-default .jstree-folder { background: url(../Aheadworks_Ca/images/lib/js-tree/themes/default/32px.png) -260px -4px no-repeat; } .jstree-default > .jstree-container-ul > .jstree-node { margin-left: 0; margin-right: 0; } #jstree-dnd.jstree-default { line-height: 24px; padding: 0 4px; } #jstree-dnd.jstree-default .jstree-ok, #jstree-dnd.jstree-default .jstree-er { background-image: url(../Aheadworks_Ca/images/lib/js-tree/themes/default/32px.png); background-repeat: no-repeat; background-color: transparent; } #jstree-dnd.jstree-default i { background: transparent; width: 24px; height: 24px; line-height: 24px; } #jstree-dnd.jstree-default .jstree-ok { background-position: -4px -68px; } #jstree-dnd.jstree-default .jstree-er { background-position: -36px -68px; } .jstree-default .jstree-ellipsis { overflow: hidden; } .jstree-default .jstree-ellipsis .jstree-anchor { width: calc(71%); text-overflow: ellipsis; overflow: hidden; } .jstree-default.jstree-rtl .jstree-node { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg=="); } .jstree-default.jstree-rtl .jstree-last { background: transparent; } .jstree-default-small .jstree-node { min-height: 18px; line-height: 18px; margin-left: 18px; min-width: 18px; } .jstree-default-small .jstree-anchor { line-height: 18px; height: 18px; } .jstree-default-small .jstree-icon { width: 18px; height: 18px; line-height: 18px; } .jstree-default-small .jstree-icon:empty { width: 18px; height: 18px; line-height: 18px; } .jstree-default-small.jstree-rtl .jstree-node { margin-right: 18px; } .jstree-default-small .jstree-wholerow { height: 18px; } .jstree-default-small .jstree-node, .jstree-default-small .jstree-icon { background-image: url(../Aheadworks_Ca/images/lib/js-tree/themes/default/32px.png); } .jstree-default-small .jstree-node { background-position: -295px -7px; background-repeat: repeat-y; } .jstree-default-small .jstree-last { background: transparent; } .jstree-default-small .jstree-open > .jstree-ocl { background-position: -135px -7px; } .jstree-default-small .jstree-closed > .jstree-ocl { background-position: -103px -7px; } .jstree-default-small .jstree-leaf > .jstree-ocl { background-position: -71px -7px; } .jstree-default-small .jstree-themeicon { background-position: -263px -7px; } .jstree-default-small > .jstree-no-dots .jstree-node, .jstree-default-small > .jstree-no-dots .jstree-leaf > .jstree-ocl { background: transparent; } .jstree-default-small > .jstree-no-dots .jstree-open > .jstree-ocl { background-position: -39px -7px; } .jstree-default-small > .jstree-no-dots .jstree-closed > .jstree-ocl { background-position: -7px -7px; } .jstree-default-small .jstree-disabled { background: transparent; } .jstree-default-small .jstree-disabled.jstree-hovered { background: transparent; } .jstree-default-small .jstree-disabled.jstree-clicked { background: #efefef; } .jstree-default-small .jstree-checkbox { background-position: -167px -7px; } .jstree-default-small .jstree-checkbox:hover { background-position: -167px -39px; } .jstree-default-small.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox, .jstree-default-small .jstree-checked > .jstree-checkbox { background-position: -231px -7px; } .jstree-default-small.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover, .jstree-default-small .jstree-checked > .jstree-checkbox:hover { background-position: -231px -39px; } .jstree-default-small .jstree-anchor > .jstree-undetermined { background-position: -199px -7px; } .jstree-default-small .jstree-anchor > .jstree-undetermined:hover { background-position: -199px -39px; } .jstree-default-small .jstree-checkbox-disabled { opacity: 0.8; filter: url("data:image/svg+xml;utf8,#jstree-grayscale"); /* Firefox 10+ */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */ } .jstree-default-small > .jstree-striped { background-size: auto 36px; } .jstree-default-small.jstree-rtl .jstree-node { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg=="); background-position: 100% 1px; background-repeat: repeat-y; } .jstree-default-small.jstree-rtl .jstree-last { background: transparent; } .jstree-default-small.jstree-rtl .jstree-open > .jstree-ocl { background-position: -135px -39px; } .jstree-default-small.jstree-rtl .jstree-closed > .jstree-ocl { background-position: -103px -39px; } .jstree-default-small.jstree-rtl .jstree-leaf > .jstree-ocl { background-position: -71px -39px; } .jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-node, .jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-leaf > .jstree-ocl { background: transparent; } .jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-open > .jstree-ocl { background-position: -39px -39px; } .jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-closed > .jstree-ocl { background-position: -7px -39px; } .jstree-default-small .jstree-themeicon-custom { background-color: transparent; background-image: none; background-position: 0 0; } .jstree-default-small > .jstree-container-ul .jstree-loading > .jstree-ocl { background: url(../Aheadworks_Ca/images/lib/js-tree/themes/default/throbber.gif) center center no-repeat; } .jstree-default-small .jstree-file { background: url(../Aheadworks_Ca/images/lib/js-tree/themes/default/32px.png) -103px -71px no-repeat; } .jstree-default-small .jstree-folder { background: url(../Aheadworks_Ca/images/lib/js-tree/themes/default/32px.png) -263px -7px no-repeat; } .jstree-default-small > .jstree-container-ul > .jstree-node { margin-left: 0; margin-right: 0; } #jstree-dnd.jstree-default-small { line-height: 18px; padding: 0 4px; } #jstree-dnd.jstree-default-small .jstree-ok, #jstree-dnd.jstree-default-small .jstree-er { background-image: url(../Aheadworks_Ca/images/lib/js-tree/themes/default/32px.png); background-repeat: no-repeat; background-color: transparent; } #jstree-dnd.jstree-default-small i { background: transparent; width: 18px; height: 18px; line-height: 18px; } #jstree-dnd.jstree-default-small .jstree-ok { background-position: -7px -71px; } #jstree-dnd.jstree-default-small .jstree-er { background-position: -39px -71px; } .jstree-default-small .jstree-ellipsis { overflow: hidden; } .jstree-default-small .jstree-ellipsis .jstree-anchor { width: calc(77%); text-overflow: ellipsis; overflow: hidden; } .jstree-default-small.jstree-rtl .jstree-node { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAACAQMAAABv1h6PAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMHBgAAiABBI4gz9AAAAABJRU5ErkJggg=="); } .jstree-default-small.jstree-rtl .jstree-last { background: transparent; } .jstree-default-large .jstree-node { min-height: 32px; line-height: 32px; margin-left: 32px; min-width: 32px; } .jstree-default-large .jstree-anchor { line-height: 32px; height: 32px; } .jstree-default-large .jstree-icon { width: 32px; height: 32px; line-height: 32px; } .jstree-default-large .jstree-icon:empty { width: 32px; height: 32px; line-height: 32px; } .jstree-default-large.jstree-rtl .jstree-node { margin-right: 32px; } .jstree-default-large .jstree-wholerow { height: 32px; } .jstree-default-large .jstree-node, .jstree-default-large .jstree-icon { background-image: url(../Aheadworks_Ca/images/lib/js-tree/themes/default/32px.png); } .jstree-default-large .jstree-node { background-position: -288px 0px; background-repeat: repeat-y; } .jstree-default-large .jstree-last { background: transparent; } .jstree-default-large .jstree-open > .jstree-ocl { background-position: -128px 0px; } .jstree-default-large .jstree-closed > .jstree-ocl { background-position: -96px 0px; } .jstree-default-large .jstree-leaf > .jstree-ocl { background-position: -64px 0px; } .jstree-default-large .jstree-themeicon { background-position: -256px 0px; } .jstree-default-large > .jstree-no-dots .jstree-node, .jstree-default-large > .jstree-no-dots .jstree-leaf > .jstree-ocl { background: transparent; } .jstree-default-large > .jstree-no-dots .jstree-open > .jstree-ocl { background-position: -32px 0px; } .jstree-default-large > .jstree-no-dots .jstree-closed > .jstree-ocl { background-position: 0px 0px; } .jstree-default-large .jstree-disabled { background: transparent; } .jstree-default-large .jstree-disabled.jstree-hovered { background: transparent; } .jstree-default-large .jstree-disabled.jstree-clicked { background: #efefef; } .jstree-default-large .jstree-checkbox { background-position: -160px 0px; } .jstree-default-large .jstree-checkbox:hover { background-position: -160px -32px; } .jstree-default-large.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox, .jstree-default-large .jstree-checked > .jstree-checkbox { background-position: -224px 0px; } .jstree-default-large.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover, .jstree-default-large .jstree-checked > .jstree-checkbox:hover { background-position: -224px -32px; } .jstree-default-large .jstree-anchor > .jstree-undetermined { background-position: -192px 0px; } .jstree-default-large .jstree-anchor > .jstree-undetermined:hover { background-position: -192px -32px; } .jstree-default-large .jstree-checkbox-disabled { opacity: 0.8; filter: url("data:image/svg+xml;utf8,#jstree-grayscale"); /* Firefox 10+ */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */ } .jstree-default-large > .jstree-striped { background-size: auto 64px; } .jstree-default-large.jstree-rtl .jstree-node { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg=="); background-position: 100% 1px; background-repeat: repeat-y; } .jstree-default-large.jstree-rtl .jstree-last { background: transparent; } .jstree-default-large.jstree-rtl .jstree-open > .jstree-ocl { background-position: -128px -32px; } .jstree-default-large.jstree-rtl .jstree-closed > .jstree-ocl { background-position: -96px -32px; } .jstree-default-large.jstree-rtl .jstree-leaf > .jstree-ocl { background-position: -64px -32px; } .jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-node, .jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-leaf > .jstree-ocl { background: transparent; } .jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-open > .jstree-ocl { background-position: -32px -32px; } .jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-closed > .jstree-ocl { background-position: 0px -32px; } .jstree-default-large .jstree-themeicon-custom { background-color: transparent; background-image: none; background-position: 0 0; } .jstree-default-large > .jstree-container-ul .jstree-loading > .jstree-ocl { background: url(../Aheadworks_Ca/images/lib/js-tree/themes/default/throbber.gif) center center no-repeat; } .jstree-default-large .jstree-file { background: url(../Aheadworks_Ca/images/lib/js-tree/themes/default/32px.png) -96px -64px no-repeat; } .jstree-default-large .jstree-folder { background: url(../Aheadworks_Ca/images/lib/js-tree/themes/default/32px.png) -256px 0px no-repeat; } .jstree-default-large > .jstree-container-ul > .jstree-node { margin-left: 0; margin-right: 0; } #jstree-dnd.jstree-default-large { line-height: 32px; padding: 0 4px; } #jstree-dnd.jstree-default-large .jstree-ok, #jstree-dnd.jstree-default-large .jstree-er { background-image: url(../Aheadworks_Ca/images/lib/js-tree/themes/default/32px.png); background-repeat: no-repeat; background-color: transparent; } #jstree-dnd.jstree-default-large i { background: transparent; width: 32px; height: 32px; line-height: 32px; } #jstree-dnd.jstree-default-large .jstree-ok { background-position: 0px -64px; } #jstree-dnd.jstree-default-large .jstree-er { background-position: -32px -64px; } .jstree-default-large .jstree-ellipsis { overflow: hidden; } .jstree-default-large .jstree-ellipsis .jstree-anchor { width: calc(63%); text-overflow: ellipsis; overflow: hidden; } .jstree-default-large.jstree-rtl .jstree-node { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAACAQMAAAAD0EyKAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjgIIGBgABCgCBvVLXcAAAAABJRU5ErkJggg=="); } .jstree-default-large.jstree-rtl .jstree-last { background: transparent; } @media (max-width: 768px) { #jstree-dnd.jstree-dnd-responsive { line-height: 40px; font-weight: bold; font-size: 1.1em; text-shadow: 1px 1px white; } #jstree-dnd.jstree-dnd-responsive > i { background: transparent; width: 40px; height: 40px; } #jstree-dnd.jstree-dnd-responsive > .jstree-ok { background-image: url(../Aheadworks_Ca/images/lib/js-tree/themes/default/40px.png); background-position: 0 -200px; background-size: 120px 240px; } #jstree-dnd.jstree-dnd-responsive > .jstree-er { background-image: url(../Aheadworks_Ca/images/lib/js-tree/themes/default/40px.png); background-position: -40px -200px; background-size: 120px 240px; } #jstree-marker.jstree-dnd-responsive { border-left-width: 10px; border-top-width: 10px; border-bottom-width: 10px; margin-top: -10px; } } @media (max-width: 768px) { .jstree-default-responsive { /* .jstree-open > .jstree-ocl, .jstree-closed > .jstree-ocl { border-radius:20px; background-color:white; } */ } .jstree-default-responsive .jstree-icon { background-image: url(../Aheadworks_Ca/images/lib/js-tree/themes/default/40px.png); } .jstree-default-responsive .jstree-node, .jstree-default-responsive .jstree-leaf > .jstree-ocl { background: transparent; } .jstree-default-responsive .jstree-node { min-height: 40px; line-height: 40px; margin-left: 40px; min-width: 40px; white-space: nowrap; } .jstree-default-responsive .jstree-anchor { line-height: 40px; height: 40px; } .jstree-default-responsive .jstree-icon, .jstree-default-responsive .jstree-icon:empty { width: 40px; height: 40px; line-height: 40px; } .jstree-default-responsive > .jstree-container-ul > .jstree-node { margin-left: 0; } .jstree-default-responsive.jstree-rtl .jstree-node { margin-left: 0; margin-right: 40px; background: transparent; } .jstree-default-responsive.jstree-rtl .jstree-container-ul > .jstree-node { margin-right: 0; } .jstree-default-responsive .jstree-ocl, .jstree-default-responsive .jstree-themeicon, .jstree-default-responsive .jstree-checkbox { background-size: 120px 240px; } .jstree-default-responsive .jstree-leaf > .jstree-ocl, .jstree-default-responsive.jstree-rtl .jstree-leaf > .jstree-ocl { background: transparent; } .jstree-default-responsive .jstree-open > .jstree-ocl { background-position: 0 0 !important; } .jstree-default-responsive .jstree-closed > .jstree-ocl { background-position: 0 -40px !important; } .jstree-default-responsive.jstree-rtl .jstree-closed > .jstree-ocl { background-position: -40px 0 !important; } .jstree-default-responsive .jstree-themeicon { background-position: -40px -40px; } .jstree-default-responsive .jstree-checkbox, .jstree-default-responsive .jstree-checkbox:hover { background-position: -40px -80px; } .jstree-default-responsive.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox, .jstree-default-responsive.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover, .jstree-default-responsive .jstree-checked > .jstree-checkbox, .jstree-default-responsive .jstree-checked > .jstree-checkbox:hover { background-position: 0 -80px; } .jstree-default-responsive .jstree-anchor > .jstree-undetermined, .jstree-default-responsive .jstree-anchor > .jstree-undetermined:hover { background-position: 0 -120px; } .jstree-default-responsive .jstree-anchor { font-weight: bold; font-size: 1.1em; text-shadow: 1px 1px white; } .jstree-default-responsive > .jstree-striped { background: transparent; } .jstree-default-responsive .jstree-wholerow { border-top: 1px solid rgba(255, 255, 255, 0.7); border-bottom: 1px solid rgba(64, 64, 64, 0.2); background: #ebebeb; height: 40px; } .jstree-default-responsive .jstree-wholerow-hovered { background: #e7f4f9; } .jstree-default-responsive .jstree-wholerow-clicked { background: #beebff; } .jstree-default-responsive .jstree-children .jstree-last > .jstree-wholerow { box-shadow: inset 0 -6px 3px -5px #666666; } .jstree-default-responsive .jstree-children .jstree-open > .jstree-wholerow { box-shadow: inset 0 6px 3px -5px #666666; border-top: 0; } .jstree-default-responsive .jstree-children .jstree-open + .jstree-open { box-shadow: none; } .jstree-default-responsive .jstree-node, .jstree-default-responsive .jstree-icon, .jstree-default-responsive .jstree-node > .jstree-ocl, .jstree-default-responsive .jstree-themeicon, .jstree-default-responsive .jstree-checkbox { background-image: url(../Aheadworks_Ca/images/lib/js-tree/themes/default/40px.png); background-size: 120px 240px; } .jstree-default-responsive .jstree-node { background-position: -80px 0; background-repeat: repeat-y; } .jstree-default-responsive .jstree-last { background: transparent; } .jstree-default-responsive .jstree-leaf > .jstree-ocl { background-position: -40px -120px; } .jstree-default-responsive .jstree-last > .jstree-ocl { background-position: -40px -160px; } .jstree-default-responsive .jstree-themeicon-custom { background-color: transparent; background-image: none; background-position: 0 0; } .jstree-default-responsive .jstree-file { background: url(../Aheadworks_Ca/images/lib/js-tree/themes/default/40px.png) 0 -160px no-repeat; background-size: 120px 240px; } .jstree-default-responsive .jstree-folder { background: url(../Aheadworks_Ca/images/lib/js-tree/themes/default/40px.png) -40px -40px no-repeat; background-size: 120px 240px; } .jstree-default-responsive > .jstree-container-ul > .jstree-node { margin-left: 0; margin-right: 0; } } /* jsTree default dark theme */ .jstree-node, .jstree-children, .jstree-container-ul { display: block; margin: 0; padding: 0; list-style-type: none; list-style-image: none; } .jstree-node { white-space: nowrap; } .jstree-anchor { display: inline-block; color: black; white-space: nowrap; padding: 0 4px 0 1px; margin: 0; vertical-align: top; } .jstree-anchor:focus { outline: 0; } .jstree-anchor, .jstree-anchor:link, .jstree-anchor:visited, .jstree-anchor:hover, .jstree-anchor:active { text-decoration: none; color: inherit; } .jstree-icon { display: inline-block; text-decoration: none; margin: 0; padding: 0; vertical-align: top; text-align: center; } .jstree-icon:empty { display: inline-block; text-decoration: none; margin: 0; padding: 0; vertical-align: top; text-align: center; } .jstree-ocl { cursor: pointer; } .jstree-leaf > .jstree-ocl { cursor: default; } .jstree .jstree-open > .jstree-children { display: block; } .jstree .jstree-closed > .jstree-children, .jstree .jstree-leaf > .jstree-children { display: none; } .jstree-anchor > .jstree-themeicon { margin-right: 2px; } .jstree-no-icons .jstree-themeicon, .jstree-anchor > .jstree-themeicon-hidden { display: none; } .jstree-hidden, .jstree-node.jstree-hidden { display: none; } .jstree-rtl .jstree-anchor { padding: 0 1px 0 4px; } .jstree-rtl .jstree-anchor > .jstree-themeicon { margin-left: 2px; margin-right: 0; } .jstree-rtl .jstree-node { margin-left: 0; } .jstree-rtl .jstree-container-ul > .jstree-node { margin-right: 0; } .jstree-wholerow-ul { position: relative; display: inline-block; min-width: 100%; } .jstree-wholerow-ul .jstree-leaf > .jstree-ocl { cursor: pointer; } .jstree-wholerow-ul .jstree-anchor, .jstree-wholerow-ul .jstree-icon { position: relative; } .jstree-wholerow-ul .jstree-wholerow { width: 100%; cursor: pointer; position: absolute; left: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .jstree-contextmenu .jstree-anchor { -webkit-user-select: none; /* disable selection/Copy of UIWebView */ -webkit-touch-callout: none; /* disable the IOS popup when long-press on a link */ } .vakata-context { display: none; } .vakata-context, .vakata-context ul { margin: 0; padding: 2px; position: absolute; background: #f5f5f5; border: 1px solid #979797; box-shadow: 2px 2px 2px #999999; } .vakata-context ul { list-style: none; left: 100%; margin-top: -2.7em; margin-left: -4px; } .vakata-context .vakata-context-right ul { left: auto; right: 100%; margin-left: auto; margin-right: -4px; } .vakata-context li { list-style: none; } .vakata-context li > a { display: block; padding: 0 2em 0 2em; text-decoration: none; width: auto; color: black; white-space: nowrap; line-height: 2.4em; text-shadow: 1px 1px 0 white; border-radius: 1px; } .vakata-context li > a:hover { position: relative; background-color: #e8eff7; box-shadow: 0 0 2px #0a6aa1; } .vakata-context li > a.vakata-context-parent { background-image: url("data:image/gif;base64,R0lGODlhCwAHAIAAACgoKP///yH5BAEAAAEALAAAAAALAAcAAAIORI4JlrqN1oMSnmmZDQUAOw=="); background-position: right center; background-repeat: no-repeat; } .vakata-context li > a:focus { outline: 0; } .vakata-context .vakata-context-hover > a { position: relative; background-color: #e8eff7; box-shadow: 0 0 2px #0a6aa1; } .vakata-context .vakata-context-separator > a, .vakata-context .vakata-context-separator > a:hover { background: white; border: 0; border-top: 1px solid #e2e3e3; height: 1px; min-height: 1px; max-height: 1px; padding: 0; margin: 0 0 0 2.4em; border-left: 1px solid #e0e0e0; text-shadow: 0 0 0 transparent; box-shadow: 0 0 0 transparent; border-radius: 0; } .vakata-context .vakata-contextmenu-disabled a, .vakata-context .vakata-contextmenu-disabled a:hover { color: silver; background-color: transparent; border: 0; box-shadow: 0 0 0; } .vakata-context .vakata-contextmenu-disabled > a > i { filter: grayscale(100%); } .vakata-context li > a > i { text-decoration: none; display: inline-block; width: 2.4em; height: 2.4em; background: transparent; margin: 0 0 0 -2em; vertical-align: top; text-align: center; line-height: 2.4em; } .vakata-context li > a > i:empty { width: 2.4em; line-height: 2.4em; } .vakata-context li > a .vakata-contextmenu-sep { display: inline-block; width: 1px; height: 2.4em; background: white; margin: 0 0.5em 0 0; border-left: 1px solid #e2e3e3; } .vakata-context .vakata-contextmenu-shortcut { font-size: 0.8em; color: silver; opacity: 0.5; display: none; } .vakata-context-rtl ul { left: auto; right: 100%; margin-left: auto; margin-right: -4px; } .vakata-context-rtl li > a.vakata-context-parent { background-image: url("data:image/gif;base64,R0lGODlhCwAHAIAAACgoKP///yH5BAEAAAEALAAAAAALAAcAAAINjI+AC7rWHIsPtmoxLAA7"); background-position: left center; background-repeat: no-repeat; } .vakata-context-rtl .vakata-context-separator > a { margin: 0 2.4em 0 0; border-left: 0; border-right: 1px solid #e2e3e3; } .vakata-context-rtl .vakata-context-left ul { right: auto; left: 100%; margin-left: -4px; margin-right: auto; } .vakata-context-rtl li > a > i { margin: 0 -2em 0 0; } .vakata-context-rtl li > a .vakata-contextmenu-sep { margin: 0 0 0 0.5em; border-left-color: white; background: #e2e3e3; } #jstree-marker { position: absolute; top: 0; left: 0; margin: -5px 0 0 0; padding: 0; border-right: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid; width: 0; height: 0; font-size: 0; line-height: 0; } #jstree-dnd { line-height: 16px; margin: 0; padding: 4px; } #jstree-dnd .jstree-icon, #jstree-dnd .jstree-copy { display: inline-block; text-decoration: none; margin: 0 2px 0 0; padding: 0; width: 16px; height: 16px; } #jstree-dnd .jstree-ok { background: green; } #jstree-dnd .jstree-er { background: red; } #jstree-dnd .jstree-copy { margin: 0 2px 0 2px; } .jstree-default-dark .jstree-node, .jstree-default-dark .jstree-icon { background-repeat: no-repeat; background-color: transparent; } .jstree-default-dark .jstree-anchor, .jstree-default-dark .jstree-animated, .jstree-default-dark .jstree-wholerow { transition: background-color 0.15s, box-shadow 0.15s; } .jstree-default-dark .jstree-hovered { background: #555; border-radius: 2px; box-shadow: inset 0 0 1px #555; } .jstree-default-dark .jstree-context { background: #555; border-radius: 2px; box-shadow: inset 0 0 1px #555; } .jstree-default-dark .jstree-clicked { background: #5fa2db; border-radius: 2px; box-shadow: inset 0 0 1px #666666; } .jstree-default-dark .jstree-no-icons .jstree-anchor > .jstree-themeicon { display: none; } .jstree-default-dark .jstree-disabled { background: transparent; color: #666666; } .jstree-default-dark .jstree-disabled.jstree-hovered { background: transparent; box-shadow: none; } .jstree-default-dark .jstree-disabled.jstree-clicked { background: #333333; } .jstree-default-dark .jstree-disabled > .jstree-icon { opacity: 0.8; filter: url("data:image/svg+xml;utf8,#jstree-grayscale"); /* Firefox 10+ */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */ } .jstree-default-dark .jstree-search { font-style: italic; color: #ffffff; font-weight: bold; } .jstree-default-dark .jstree-no-checkboxes .jstree-checkbox { display: none !important; } .jstree-default-dark.jstree-checkbox-no-clicked .jstree-clicked { background: transparent; box-shadow: none; } .jstree-default-dark.jstree-checkbox-no-clicked .jstree-clicked.jstree-hovered { background: #555; } .jstree-default-dark.jstree-checkbox-no-clicked > .jstree-wholerow-ul .jstree-wholerow-clicked { background: transparent; } .jstree-default-dark.jstree-checkbox-no-clicked > .jstree-wholerow-ul .jstree-wholerow-clicked.jstree-wholerow-hovered { background: #555; } .jstree-default-dark > .jstree-striped { min-width: 100%; display: inline-block; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAkCAMAAAB/qqA+AAAABlBMVEUAAAAAAAClZ7nPAAAAAnRSTlMNAMM9s3UAAAAXSURBVHjajcEBAQAAAIKg/H/aCQZ70AUBjAATb6YPDgAAAABJRU5ErkJggg==") left top repeat; } .jstree-default-dark > .jstree-wholerow-ul .jstree-hovered, .jstree-default-dark > .jstree-wholerow-ul .jstree-clicked { background: transparent; box-shadow: none; border-radius: 0; } .jstree-default-dark .jstree-wholerow { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .jstree-default-dark .jstree-wholerow-hovered { background: #555; } .jstree-default-dark .jstree-wholerow-clicked { background: #5fa2db; background: -webkit-linear-gradient(top, #5fa2db 0%, #5fa2db 100%); background: linear-gradient(to bottom, #5fa2db 0%, #5fa2db 100%); } .jstree-default-dark .jstree-node { min-height: 24px; line-height: 24px; margin-left: 24px; min-width: 24px; } .jstree-default-dark .jstree-anchor { line-height: 24px; height: 24px; } .jstree-default-dark .jstree-icon { width: 24px; height: 24px; line-height: 24px; } .jstree-default-dark .jstree-icon:empty { width: 24px; height: 24px; line-height: 24px; } .jstree-default-dark.jstree-rtl .jstree-node { margin-right: 24px; } .jstree-default-dark .jstree-wholerow { height: 24px; } .jstree-default-dark .jstree-node, .jstree-default-dark .jstree-icon { background-image: url(../Aheadworks_Ca/images/lib/js-tree/themes/default-dark/32px.png); } .jstree-default-dark .jstree-node { background-position: -292px -4px; background-repeat: repeat-y; } .jstree-default-dark .jstree-last { background: transparent; } .jstree-default-dark .jstree-open > .jstree-ocl { background-position: -132px -4px; } .jstree-default-dark .jstree-closed > .jstree-ocl { background-position: -100px -4px; } .jstree-default-dark .jstree-leaf > .jstree-ocl { background-position: -68px -4px; } .jstree-default-dark .jstree-themeicon { background-position: -260px -4px; } .jstree-default-dark > .jstree-no-dots .jstree-node, .jstree-default-dark > .jstree-no-dots .jstree-leaf > .jstree-ocl { background: transparent; } .jstree-default-dark > .jstree-no-dots .jstree-open > .jstree-ocl { background-position: -36px -4px; } .jstree-default-dark > .jstree-no-dots .jstree-closed > .jstree-ocl { background-position: -4px -4px; } .jstree-default-dark .jstree-disabled { background: transparent; } .jstree-default-dark .jstree-disabled.jstree-hovered { background: transparent; } .jstree-default-dark .jstree-disabled.jstree-clicked { background: #efefef; } .jstree-default-dark .jstree-checkbox { background-position: -164px -4px; } .jstree-default-dark .jstree-checkbox:hover { background-position: -164px -36px; } .jstree-default-dark.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox, .jstree-default-dark .jstree-checked > .jstree-checkbox { background-position: -228px -4px; } .jstree-default-dark.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover, .jstree-default-dark .jstree-checked > .jstree-checkbox:hover { background-position: -228px -36px; } .jstree-default-dark .jstree-anchor > .jstree-undetermined { background-position: -196px -4px; } .jstree-default-dark .jstree-anchor > .jstree-undetermined:hover { background-position: -196px -36px; } .jstree-default-dark .jstree-checkbox-disabled { opacity: 0.8; filter: url("data:image/svg+xml;utf8,#jstree-grayscale"); /* Firefox 10+ */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */ } .jstree-default-dark > .jstree-striped { background-size: auto 48px; } .jstree-default-dark.jstree-rtl .jstree-node { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg=="); background-position: 100% 1px; background-repeat: repeat-y; } .jstree-default-dark.jstree-rtl .jstree-last { background: transparent; } .jstree-default-dark.jstree-rtl .jstree-open > .jstree-ocl { background-position: -132px -36px; } .jstree-default-dark.jstree-rtl .jstree-closed > .jstree-ocl { background-position: -100px -36px; } .jstree-default-dark.jstree-rtl .jstree-leaf > .jstree-ocl { background-position: -68px -36px; } .jstree-default-dark.jstree-rtl > .jstree-no-dots .jstree-node, .jstree-default-dark.jstree-rtl > .jstree-no-dots .jstree-leaf > .jstree-ocl { background: transparent; } .jstree-default-dark.jstree-rtl > .jstree-no-dots .jstree-open > .jstree-ocl { background-position: -36px -36px; } .jstree-default-dark.jstree-rtl > .jstree-no-dots .jstree-closed > .jstree-ocl { background-position: -4px -36px; } .jstree-default-dark .jstree-themeicon-custom { background-color: transparent; background-image: none; background-position: 0 0; } .jstree-default-dark > .jstree-container-ul .jstree-loading > .jstree-ocl { background: url(../Aheadworks_Ca/images/lib/js-tree/themes/default-dark/throbber.gif) center center no-repeat; } .jstree-default-dark .jstree-file { background: url(../Aheadworks_Ca/images/lib/js-tree/themes/default-dark/32px.png) -100px -68px no-repeat; } .jstree-default-dark .jstree-folder { background: url(../Aheadworks_Ca/images/lib/js-tree/themes/default-dark/32px.png) -260px -4px no-repeat; } .jstree-default-dark > .jstree-container-ul > .jstree-node { margin-left: 0; margin-right: 0; } #jstree-dnd.jstree-default-dark { line-height: 24px; padding: 0 4px; } #jstree-dnd.jstree-default-dark .jstree-ok, #jstree-dnd.jstree-default-dark .jstree-er { background-image: url(../Aheadworks_Ca/images/lib/js-tree/themes/default-dark/32px.png); background-repeat: no-repeat; background-color: transparent; } #jstree-dnd.jstree-default-dark i { background: transparent; width: 24px; height: 24px; line-height: 24px; } #jstree-dnd.jstree-default-dark .jstree-ok { background-position: -4px -68px; } #jstree-dnd.jstree-default-dark .jstree-er { background-position: -36px -68px; } .jstree-default-dark .jstree-ellipsis { overflow: hidden; } .jstree-default-dark .jstree-ellipsis .jstree-anchor { width: calc(71%); text-overflow: ellipsis; overflow: hidden; } .jstree-default-dark.jstree-rtl .jstree-node { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg=="); } .jstree-default-dark.jstree-rtl .jstree-last { background: transparent; } .jstree-default-dark-small .jstree-node { min-height: 18px; line-height: 18px; margin-left: 18px; min-width: 18px; } .jstree-default-dark-small .jstree-anchor { line-height: 18px; height: 18px; } .jstree-default-dark-small .jstree-icon { width: 18px; height: 18px; line-height: 18px; } .jstree-default-dark-small .jstree-icon:empty { width: 18px; height: 18px; line-height: 18px; } .jstree-default-dark-small.jstree-rtl .jstree-node { margin-right: 18px; } .jstree-default-dark-small .jstree-wholerow { height: 18px; } .jstree-default-dark-small .jstree-node, .jstree-default-dark-small .jstree-icon { background-image: url(../Aheadworks_Ca/images/lib/js-tree/themes/default-dark/32px.png); } .jstree-default-dark-small .jstree-node { background-position: -295px -7px; background-repeat: repeat-y; } .jstree-default-dark-small .jstree-last { background: transparent; } .jstree-default-dark-small .jstree-open > .jstree-ocl { background-position: -135px -7px; } .jstree-default-dark-small .jstree-closed > .jstree-ocl { background-position: -103px -7px; } .jstree-default-dark-small .jstree-leaf > .jstree-ocl { background-position: -71px -7px; } .jstree-default-dark-small .jstree-themeicon { background-position: -263px -7px; } .jstree-default-dark-small > .jstree-no-dots .jstree-node, .jstree-default-dark-small > .jstree-no-dots .jstree-leaf > .jstree-ocl { background: transparent; } .jstree-default-dark-small > .jstree-no-dots .jstree-open > .jstree-ocl { background-position: -39px -7px; } .jstree-default-dark-small > .jstree-no-dots .jstree-closed > .jstree-ocl { background-position: -7px -7px; } .jstree-default-dark-small .jstree-disabled { background: transparent; } .jstree-default-dark-small .jstree-disabled.jstree-hovered { background: transparent; } .jstree-default-dark-small .jstree-disabled.jstree-clicked { background: #efefef; } .jstree-default-dark-small .jstree-checkbox { background-position: -167px -7px; } .jstree-default-dark-small .jstree-checkbox:hover { background-position: -167px -39px; } .jstree-default-dark-small.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox, .jstree-default-dark-small .jstree-checked > .jstree-checkbox { background-position: -231px -7px; } .jstree-default-dark-small.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover, .jstree-default-dark-small .jstree-checked > .jstree-checkbox:hover { background-position: -231px -39px; } .jstree-default-dark-small .jstree-anchor > .jstree-undetermined { background-position: -199px -7px; } .jstree-default-dark-small .jstree-anchor > .jstree-undetermined:hover { background-position: -199px -39px; } .jstree-default-dark-small .jstree-checkbox-disabled { opacity: 0.8; filter: url("data:image/svg+xml;utf8,#jstree-grayscale"); /* Firefox 10+ */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */ } .jstree-default-dark-small > .jstree-striped { background-size: auto 36px; } .jstree-default-dark-small.jstree-rtl .jstree-node { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg=="); background-position: 100% 1px; background-repeat: repeat-y; } .jstree-default-dark-small.jstree-rtl .jstree-last { background: transparent; } .jstree-default-dark-small.jstree-rtl .jstree-open > .jstree-ocl { background-position: -135px -39px; } .jstree-default-dark-small.jstree-rtl .jstree-closed > .jstree-ocl { background-position: -103px -39px; } .jstree-default-dark-small.jstree-rtl .jstree-leaf > .jstree-ocl { background-position: -71px -39px; } .jstree-default-dark-small.jstree-rtl > .jstree-no-dots .jstree-node, .jstree-default-dark-small.jstree-rtl > .jstree-no-dots .jstree-leaf > .jstree-ocl { background: transparent; } .jstree-default-dark-small.jstree-rtl > .jstree-no-dots .jstree-open > .jstree-ocl { background-position: -39px -39px; } .jstree-default-dark-small.jstree-rtl > .jstree-no-dots .jstree-closed > .jstree-ocl { background-position: -7px -39px; } .jstree-default-dark-small .jstree-themeicon-custom { background-color: transparent; background-image: none; background-position: 0 0; } .jstree-default-dark-small > .jstree-container-ul .jstree-loading > .jstree-ocl { background: url(../Aheadworks_Ca/images/lib/js-tree/themes/default-dark/throbber.gif) center center no-repeat; } .jstree-default-dark-small .jstree-file { background: url(../Aheadworks_Ca/images/lib/js-tree/themes/default-dark/32px.png) -103px -71px no-repeat; } .jstree-default-dark-small .jstree-folder { background: url(../Aheadworks_Ca/images/lib/js-tree/themes/default-dark/32px.png) -263px -7px no-repeat; } .jstree-default-dark-small > .jstree-container-ul > .jstree-node { margin-left: 0; margin-right: 0; } #jstree-dnd.jstree-default-dark-small { line-height: 18px; padding: 0 4px; } #jstree-dnd.jstree-default-dark-small .jstree-ok, #jstree-dnd.jstree-default-dark-small .jstree-er { background-image: url(../Aheadworks_Ca/images/lib/js-tree/themes/default-dark/32px.png); background-repeat: no-repeat; background-color: transparent; } #jstree-dnd.jstree-default-dark-small i { background: transparent; width: 18px; height: 18px; line-height: 18px; } #jstree-dnd.jstree-default-dark-small .jstree-ok { background-position: -7px -71px; } #jstree-dnd.jstree-default-dark-small .jstree-er { background-position: -39px -71px; } .jstree-default-dark-small .jstree-ellipsis { overflow: hidden; } .jstree-default-dark-small .jstree-ellipsis .jstree-anchor { width: calc(77%); text-overflow: ellipsis; overflow: hidden; } .jstree-default-dark-small.jstree-rtl .jstree-node { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAACAQMAAABv1h6PAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMHBgAAiABBI4gz9AAAAABJRU5ErkJggg=="); } .jstree-default-dark-small.jstree-rtl .jstree-last { background: transparent; } .jstree-default-dark-large .jstree-node { min-height: 32px; line-height: 32px; margin-left: 32px; min-width: 32px; } .jstree-default-dark-large .jstree-anchor { line-height: 32px; height: 32px; } .jstree-default-dark-large .jstree-icon { width: 32px; height: 32px; line-height: 32px; } .jstree-default-dark-large .jstree-icon:empty { width: 32px; height: 32px; line-height: 32px; } .jstree-default-dark-large.jstree-rtl .jstree-node { margin-right: 32px; } .jstree-default-dark-large .jstree-wholerow { height: 32px; } .jstree-default-dark-large .jstree-node, .jstree-default-dark-large .jstree-icon { background-image: url(../Aheadworks_Ca/images/lib/js-tree/themes/default-dark/32px.png); } .jstree-default-dark-large .jstree-node { background-position: -288px 0px; background-repeat: repeat-y; } .jstree-default-dark-large .jstree-last { background: transparent; } .jstree-default-dark-large .jstree-open > .jstree-ocl { background-position: -128px 0px; } .jstree-default-dark-large .jstree-closed > .jstree-ocl { background-position: -96px 0px; } .jstree-default-dark-large .jstree-leaf > .jstree-ocl { background-position: -64px 0px; } .jstree-default-dark-large .jstree-themeicon { background-position: -256px 0px; } .jstree-default-dark-large > .jstree-no-dots .jstree-node, .jstree-default-dark-large > .jstree-no-dots .jstree-leaf > .jstree-ocl { background: transparent; } .jstree-default-dark-large > .jstree-no-dots .jstree-open > .jstree-ocl { background-position: -32px 0px; } .jstree-default-dark-large > .jstree-no-dots .jstree-closed > .jstree-ocl { background-position: 0px 0px; } .jstree-default-dark-large .jstree-disabled { background: transparent; } .jstree-default-dark-large .jstree-disabled.jstree-hovered { background: transparent; } .jstree-default-dark-large .jstree-disabled.jstree-clicked { background: #efefef; } .jstree-default-dark-large .jstree-checkbox { background-position: -160px 0px; } .jstree-default-dark-large .jstree-checkbox:hover { background-position: -160px -32px; } .jstree-default-dark-large.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox, .jstree-default-dark-large .jstree-checked > .jstree-checkbox { background-position: -224px 0px; } .jstree-default-dark-large.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover, .jstree-default-dark-large .jstree-checked > .jstree-checkbox:hover { background-position: -224px -32px; } .jstree-default-dark-large .jstree-anchor > .jstree-undetermined { background-position: -192px 0px; } .jstree-default-dark-large .jstree-anchor > .jstree-undetermined:hover { background-position: -192px -32px; } .jstree-default-dark-large .jstree-checkbox-disabled { opacity: 0.8; filter: url("data:image/svg+xml;utf8,#jstree-grayscale"); /* Firefox 10+ */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */ } .jstree-default-dark-large > .jstree-striped { background-size: auto 64px; } .jstree-default-dark-large.jstree-rtl .jstree-node { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg=="); background-position: 100% 1px; background-repeat: repeat-y; } .jstree-default-dark-large.jstree-rtl .jstree-last { background: transparent; } .jstree-default-dark-large.jstree-rtl .jstree-open > .jstree-ocl { background-position: -128px -32px; } .jstree-default-dark-large.jstree-rtl .jstree-closed > .jstree-ocl { background-position: -96px -32px; } .jstree-default-dark-large.jstree-rtl .jstree-leaf > .jstree-ocl { background-position: -64px -32px; } .jstree-default-dark-large.jstree-rtl > .jstree-no-dots .jstree-node, .jstree-default-dark-large.jstree-rtl > .jstree-no-dots .jstree-leaf > .jstree-ocl { background: transparent; } .jstree-default-dark-large.jstree-rtl > .jstree-no-dots .jstree-open > .jstree-ocl { background-position: -32px -32px; } .jstree-default-dark-large.jstree-rtl > .jstree-no-dots .jstree-closed > .jstree-ocl { background-position: 0px -32px; } .jstree-default-dark-large .jstree-themeicon-custom { background-color: transparent; background-image: none; background-position: 0 0; } .jstree-default-dark-large > .jstree-container-ul .jstree-loading > .jstree-ocl { background: url(../Aheadworks_Ca/images/lib/js-tree/themes/default-dark/throbber.gif) center center no-repeat; } .jstree-default-dark-large .jstree-file { background: url(../Aheadworks_Ca/images/lib/js-tree/themes/default-dark/32px.png) -96px -64px no-repeat; } .jstree-default-dark-large .jstree-folder { background: url(../Aheadworks_Ca/images/lib/js-tree/themes/default-dark/32px.png) -256px 0px no-repeat; } .jstree-default-dark-large > .jstree-container-ul > .jstree-node { margin-left: 0; margin-right: 0; } #jstree-dnd.jstree-default-dark-large { line-height: 32px; padding: 0 4px; } #jstree-dnd.jstree-default-dark-large .jstree-ok, #jstree-dnd.jstree-default-dark-large .jstree-er { background-image: url(../Aheadworks_Ca/images/lib/js-tree/themes/default-dark/32px.png); background-repeat: no-repeat; background-color: transparent; } #jstree-dnd.jstree-default-dark-large i { background: transparent; width: 32px; height: 32px; line-height: 32px; } #jstree-dnd.jstree-default-dark-large .jstree-ok { background-position: 0px -64px; } #jstree-dnd.jstree-default-dark-large .jstree-er { background-position: -32px -64px; } .jstree-default-dark-large .jstree-ellipsis { overflow: hidden; } .jstree-default-dark-large .jstree-ellipsis .jstree-anchor { width: calc(63%); text-overflow: ellipsis; overflow: hidden; } .jstree-default-dark-large.jstree-rtl .jstree-node { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAACAQMAAAAD0EyKAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjgIIGBgABCgCBvVLXcAAAAABJRU5ErkJggg=="); } .jstree-default-dark-large.jstree-rtl .jstree-last { background: transparent; } @media (max-width: 768px) { #jstree-dnd.jstree-dnd-responsive { line-height: 40px; font-weight: bold; font-size: 1.1em; text-shadow: 1px 1px white; } #jstree-dnd.jstree-dnd-responsive > i { background: transparent; width: 40px; height: 40px; } #jstree-dnd.jstree-dnd-responsive > .jstree-ok { background-image: url(../Aheadworks_Ca/images/lib/js-tree/themes/default-dark/40px.png); background-position: 0 -200px; background-size: 120px 240px; } #jstree-dnd.jstree-dnd-responsive > .jstree-er { background-image: url(../Aheadworks_Ca/images/lib/js-tree/themes/default-dark/40px.png); background-position: -40px -200px; background-size: 120px 240px; } #jstree-marker.jstree-dnd-responsive { border-left-width: 10px; border-top-width: 10px; border-bottom-width: 10px; margin-top: -10px; } } @media (max-width: 768px) { .jstree-default-dark-responsive { /* .jstree-open > .jstree-ocl, .jstree-closed > .jstree-ocl { border-radius:20px; background-color:white; } */ } .jstree-default-dark-responsive .jstree-icon { background-image: url(../Aheadworks_Ca/images/lib/js-tree/themes/default-dark/40px.png); } .jstree-default-dark-responsive .jstree-node, .jstree-default-dark-responsive .jstree-leaf > .jstree-ocl { background: transparent; } .jstree-default-dark-responsive .jstree-node { min-height: 40px; line-height: 40px; margin-left: 40px; min-width: 40px; white-space: nowrap; } .jstree-default-dark-responsive .jstree-anchor { line-height: 40px; height: 40px; } .jstree-default-dark-responsive .jstree-icon, .jstree-default-dark-responsive .jstree-icon:empty { width: 40px; height: 40px; line-height: 40px; } .jstree-default-dark-responsive > .jstree-container-ul > .jstree-node { margin-left: 0; } .jstree-default-dark-responsive.jstree-rtl .jstree-node { margin-left: 0; margin-right: 40px; background: transparent; } .jstree-default-dark-responsive.jstree-rtl .jstree-container-ul > .jstree-node { margin-right: 0; } .jstree-default-dark-responsive .jstree-ocl, .jstree-default-dark-responsive .jstree-themeicon, .jstree-default-dark-responsive .jstree-checkbox { background-size: 120px 240px; } .jstree-default-dark-responsive .jstree-leaf > .jstree-ocl, .jstree-default-dark-responsive.jstree-rtl .jstree-leaf > .jstree-ocl { background: transparent; } .jstree-default-dark-responsive .jstree-open > .jstree-ocl { background-position: 0 0 !important; } .jstree-default-dark-responsive .jstree-closed > .jstree-ocl { background-position: 0 -40px !important; } .jstree-default-dark-responsive.jstree-rtl .jstree-closed > .jstree-ocl { background-position: -40px 0 !important; } .jstree-default-dark-responsive .jstree-themeicon { background-position: -40px -40px; } .jstree-default-dark-responsive .jstree-checkbox, .jstree-default-dark-responsive .jstree-checkbox:hover { background-position: -40px -80px; } .jstree-default-dark-responsive.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox, .jstree-default-dark-responsive.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover, .jstree-default-dark-responsive .jstree-checked > .jstree-checkbox, .jstree-default-dark-responsive .jstree-checked > .jstree-checkbox:hover { background-position: 0 -80px; } .jstree-default-dark-responsive .jstree-anchor > .jstree-undetermined, .jstree-default-dark-responsive .jstree-anchor > .jstree-undetermined:hover { background-position: 0 -120px; } .jstree-default-dark-responsive .jstree-anchor { font-weight: bold; font-size: 1.1em; text-shadow: 1px 1px white; } .jstree-default-dark-responsive > .jstree-striped { background: transparent; } .jstree-default-dark-responsive .jstree-wholerow { border-top: 1px solid #666; border-bottom: 1px solid #000; background: #333333; height: 40px; } .jstree-default-dark-responsive .jstree-wholerow-hovered { background: #555; } .jstree-default-dark-responsive .jstree-wholerow-clicked { background: #5fa2db; } .jstree-default-dark-responsive .jstree-children .jstree-last > .jstree-wholerow { box-shadow: inset 0 -6px 3px -5px #111111; } .jstree-default-dark-responsive .jstree-children .jstree-open > .jstree-wholerow { box-shadow: inset 0 6px 3px -5px #111111; border-top: 0; } .jstree-default-dark-responsive .jstree-children .jstree-open + .jstree-open { box-shadow: none; } .jstree-default-dark-responsive .jstree-node, .jstree-default-dark-responsive .jstree-icon, .jstree-default-dark-responsive .jstree-node > .jstree-ocl, .jstree-default-dark-responsive .jstree-themeicon, .jstree-default-dark-responsive .jstree-checkbox { background-image: url(../Aheadworks_Ca/images/lib/js-tree/themes/default-dark/40px.png); background-size: 120px 240px; } .jstree-default-dark-responsive .jstree-node { background-position: -80px 0; background-repeat: repeat-y; } .jstree-default-dark-responsive .jstree-last { background: transparent; } .jstree-default-dark-responsive .jstree-leaf > .jstree-ocl { background-position: -40px -120px; } .jstree-default-dark-responsive .jstree-last > .jstree-ocl { background-position: -40px -160px; } .jstree-default-dark-responsive .jstree-themeicon-custom { background-color: transparent; background-image: none; background-position: 0 0; } .jstree-default-dark-responsive .jstree-file { background: url(../Aheadworks_Ca/images/lib/js-tree/themes/default-dark/40px.png) 0 -160px no-repeat; background-size: 120px 240px; } .jstree-default-dark-responsive .jstree-folder { background: url(../Aheadworks_Ca/images/lib/js-tree/themes/default-dark/40px.png) -40px -40px no-repeat; background-size: 120px 240px; } .jstree-default-dark-responsive > .jstree-container-ul > .jstree-node { margin-left: 0; margin-right: 0; } } .jstree-default-dark { background: #333; } .jstree-default-dark .jstree-anchor { color: #999; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5); } .jstree-default-dark .jstree-clicked, .jstree-default-dark .jstree-checked { color: white; } .jstree-default-dark .jstree-hovered { color: white; } #jstree-marker.jstree-default-dark { border-left-color: #999; background: transparent; } .jstree-default-dark .jstree-anchor > .jstree-icon { opacity: 0.75; } .jstree-default-dark .jstree-clicked > .jstree-icon, .jstree-default-dark .jstree-hovered > .jstree-icon, .jstree-default-dark .jstree-checked > .jstree-icon { opacity: 1; } .jstree-default-dark.jstree-rtl .jstree-node { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAACZmZl+9SADAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg=="); } .jstree-default-dark.jstree-rtl .jstree-last { background: transparent; } .jstree-default-dark-small.jstree-rtl .jstree-node { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAACAQMAAABv1h6PAAAABlBMVEUAAACZmZl+9SADAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMHBgAAiABBI4gz9AAAAABJRU5ErkJggg=="); } .jstree-default-dark-small.jstree-rtl .jstree-last { background: transparent; } .jstree-default-dark-large.jstree-rtl .jstree-node { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAACAQMAAAAD0EyKAAAABlBMVEUAAACZmZl+9SADAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjgIIGBgABCgCBvVLXcAAAAABJRU5ErkJggg=="); } .jstree-default-dark-large.jstree-rtl .jstree-last { background: transparent; } .admin__scope-old .widget-instance .tree-wrapper { float: none; } .tree-wrapper .jstree4-node, .tree-wrapper .jstree4-children, .tree-wrapper .jstree4-container-ul { display: block; margin: 0; padding: 0; list-style-type: none; list-style-image: none; } .tree-wrapper .jstree4-node { white-space: nowrap; } .tree-wrapper .jstree4-anchor { display: inline-block; color: black; white-space: nowrap; padding: 0 4px 0 1px; margin: 0; vertical-align: top; } .tree-wrapper .jstree4-anchor:focus { outline: 0; } .tree-wrapper .jstree4-anchor, .tree-wrapper .jstree4-anchor:link, .tree-wrapper .jstree4-anchor:visited, .tree-wrapper .jstree4-anchor:hover, .tree-wrapper .jstree4-anchor:active { text-decoration: none; color: inherit; } .tree-wrapper .jstree4-icon { display: inline-block; text-decoration: none; margin: 0; padding: 0; vertical-align: top; text-align: center; } .tree-wrapper .jstree4-icon:empty { display: inline-block; text-decoration: none; margin: 0; padding: 0; vertical-align: top; text-align: center; } .tree-wrapper .jstree4-ocl { cursor: pointer; } .tree-wrapper .jstree4-leaf > .jstree4-ocl { cursor: default; } .tree-wrapper .jstree4 .jstree4-open > .jstree4-children { display: block; } .tree-wrapper .jstree4 .jstree4-closed > .jstree4-children, .tree-wrapper .jstree4 .jstree4-leaf > .jstree4-children { display: none; } .tree-wrapper .jstree4-anchor > .jstree4-themeicon { margin-right: 2px; } .tree-wrapper .jstree4-no-icons .jstree4-themeicon, .tree-wrapper .jstree4-anchor > .jstree4-themeicon-hidden { display: none; } .tree-wrapper .jstree4-hidden, .tree-wrapper .jstree4-node.jstree4-hidden { display: none; } .tree-wrapper .jstree4-rtl .jstree4-anchor { padding: 0 1px 0 4px; } .tree-wrapper .jstree4-rtl .jstree4-anchor > .jstree4-themeicon { margin-left: 2px; margin-right: 0; } .tree-wrapper .jstree4-rtl .jstree4-node { margin-left: 0; } .tree-wrapper .jstree4-rtl .jstree4-container-ul > .jstree4-node { margin-right: 0; } .tree-wrapper .jstree4-wholerow-ul { position: relative; display: inline-block; min-width: 100%; } .tree-wrapper .jstree4-wholerow-ul .jstree4-leaf > .jstree4-ocl { cursor: pointer; } .tree-wrapper .jstree4-wholerow-ul .jstree4-anchor, .tree-wrapper .jstree4-wholerow-ul .jstree4-icon { position: relative; } .tree-wrapper .jstree4-wholerow-ul .jstree4-wholerow { width: 100%; cursor: pointer; position: absolute; left: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .tree-wrapper .jstree4-contextmenu .jstree4-anchor { -webkit-user-select: none; /* disable selection/Copy of UIWebView */ -webkit-touch-callout: none; /* disable the IOS popup when long-press on a link */ } .tree-wrapper .vakata-context { display: none; } .tree-wrapper .vakata-context, .tree-wrapper .vakata-context ul { margin: 0; padding: 2px; position: absolute; background: #f5f5f5; border: 1px solid #979797; box-shadow: 2px 2px 2px #999999; } .tree-wrapper .vakata-context ul { list-style: none; left: 100%; margin-top: -2.7em; margin-left: -4px; } .tree-wrapper .vakata-context .vakata-context-right ul { left: auto; right: 100%; margin-left: auto; margin-right: -4px; } .tree-wrapper .vakata-context li { list-style: none; } .tree-wrapper .vakata-context li > a { display: block; padding: 0 2em 0 2em; text-decoration: none; width: auto; color: black; white-space: nowrap; line-height: 2.4em; text-shadow: 1px 1px 0 white; border-radius: 1px; } .tree-wrapper .vakata-context li > a:hover { position: relative; background-color: #e8eff7; box-shadow: 0 0 2px #0a6aa1; } .tree-wrapper .vakata-context li > a.vakata-context-parent { background-image: url("data:image/gif;base64,R0lGODlhCwAHAIAAACgoKP///yH5BAEAAAEALAAAAAALAAcAAAIORI4JlrqN1oMSnmmZDQUAOw=="); background-position: right center; background-repeat: no-repeat; } .tree-wrapper .vakata-context li > a:focus { outline: 0; } .tree-wrapper .vakata-context .vakata-context-hover > a { position: relative; background-color: #e8eff7; box-shadow: 0 0 2px #0a6aa1; } .tree-wrapper .vakata-context .vakata-context-separator > a, .tree-wrapper .vakata-context .vakata-context-separator > a:hover { background: white; border: 0; border-top: 1px solid #e2e3e3; height: 1px; min-height: 1px; max-height: 1px; padding: 0; margin: 0 0 0 2.4em; border-left: 1px solid #e0e0e0; text-shadow: 0 0 0 transparent; box-shadow: 0 0 0 transparent; border-radius: 0; } .tree-wrapper .vakata-context .vakata-contextmenu-disabled a, .tree-wrapper .vakata-context .vakata-contextmenu-disabled a:hover { color: silver; background-color: transparent; border: 0; box-shadow: 0 0 0; } .tree-wrapper .vakata-context .vakata-contextmenu-disabled > a > i { filter: grayscale(100%); } .tree-wrapper .vakata-context li > a > i { text-decoration: none; display: inline-block; width: 2.4em; height: 2.4em; background: transparent; margin: 0 0 0 -2em; vertical-align: top; text-align: center; line-height: 2.4em; } .tree-wrapper .vakata-context li > a > i:empty { width: 2.4em; line-height: 2.4em; } .tree-wrapper .vakata-context li > a .vakata-contextmenu-sep { display: inline-block; width: 1px; height: 2.4em; background: white; margin: 0 0.5em 0 0; border-left: 1px solid #e2e3e3; } .tree-wrapper .vakata-context .vakata-contextmenu-shortcut { font-size: 0.8em; color: silver; opacity: 0.5; display: none; } .tree-wrapper .vakata-context-rtl ul { left: auto; right: 100%; margin-left: auto; margin-right: -4px; } .tree-wrapper .vakata-context-rtl li > a.vakata-context-parent { background-image: url("data:image/gif;base64,R0lGODlhCwAHAIAAACgoKP///yH5BAEAAAEALAAAAAALAAcAAAINjI+AC7rWHIsPtmoxLAA7"); background-position: left center; background-repeat: no-repeat; } .tree-wrapper .vakata-context-rtl .vakata-context-separator > a { margin: 0 2.4em 0 0; border-left: 0; border-right: 1px solid #e2e3e3; } .tree-wrapper .vakata-context-rtl .vakata-context-left ul { right: auto; left: 100%; margin-left: -4px; margin-right: auto; } .tree-wrapper .vakata-context-rtl li > a > i { margin: 0 -2em 0 0; } .tree-wrapper .vakata-context-rtl li > a .vakata-contextmenu-sep { margin: 0 0 0 0.5em; border-left-color: white; background: #e2e3e3; } .tree-wrapper #jstree4-marker { position: absolute; top: 0; left: 0; margin: -5px 0 0 0; padding: 0; border-right: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid; width: 0; height: 0; font-size: 0; line-height: 0; } .tree-wrapper #jstree4-dnd { line-height: 16px; margin: 0; padding: 4px; } .tree-wrapper #jstree4-dnd .jstree4-icon, .tree-wrapper #jstree4-dnd .jstree4-copy { display: inline-block; text-decoration: none; margin: 0 2px 0 0; padding: 0; width: 16px; height: 16px; } .tree-wrapper #jstree4-dnd .jstree4-ok { background: green; } .tree-wrapper #jstree4-dnd .jstree4-er { background: red; } .tree-wrapper #jstree4-dnd .jstree4-copy { margin: 0 2px 0 2px; } .tree-wrapper .jstree4-default .jstree4-node, .tree-wrapper .jstree4-default .jstree4-icon { background-repeat: no-repeat; background-color: transparent; } .tree-wrapper .jstree4-default .jstree4-anchor, .tree-wrapper .jstree4-default .jstree4-animated, .tree-wrapper .jstree4-default .jstree4-wholerow { transition: background-color 0.15s, box-shadow 0.15s; } .tree-wrapper .jstree4-default .jstree4-hovered { background: #e7f4f9; border-radius: 2px; box-shadow: inset 0 0 1px #cccccc; } .tree-wrapper .jstree4-default .jstree4-context { background: #e7f4f9; border-radius: 2px; box-shadow: inset 0 0 1px #cccccc; } .tree-wrapper .jstree4-default .jstree4-clicked { background: #beebff; border-radius: 2px; box-shadow: inset 0 0 1px #999999; } .tree-wrapper .jstree4-default .jstree4-no-icons .jstree4-anchor > .jstree4-themeicon { display: none; } .tree-wrapper .jstree4-default .jstree4-disabled { background: transparent; color: #666666; } .tree-wrapper .jstree4-default .jstree4-disabled.jstree4-hovered { background: transparent; box-shadow: none; } .tree-wrapper .jstree4-default .jstree4-disabled.jstree4-clicked { background: #efefef; } .tree-wrapper .jstree4-default .jstree4-disabled > .jstree4-icon { opacity: 0.8; filter: url("data:image/svg+xml;utf8,#jstree4-grayscale"); /* Firefox 10+ */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */ } .tree-wrapper .jstree4-default .jstree4-search { font-style: italic; color: #8b0000; font-weight: bold; } .tree-wrapper .jstree4-default .jstree4-no-checkboxes .jstree4-checkbox { display: none !important; } .tree-wrapper .jstree4-default.jstree4-checkbox-no-clicked .jstree4-clicked { background: transparent; box-shadow: none; } .tree-wrapper .jstree4-default.jstree4-checkbox-no-clicked .jstree4-clicked.jstree4-hovered { background: #e7f4f9; } .tree-wrapper .jstree4-default.jstree4-checkbox-no-clicked > .jstree4-wholerow-ul .jstree4-wholerow-clicked { background: transparent; } .tree-wrapper .jstree4-default.jstree4-checkbox-no-clicked > .jstree4-wholerow-ul .jstree4-wholerow-clicked.jstree4-wholerow-hovered { background: #e7f4f9; } .tree-wrapper .jstree4-default > .jstree4-striped { min-width: 100%; display: inline-block; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAkCAMAAAB/qqA+AAAABlBMVEUAAAAAAAClZ7nPAAAAAnRSTlMNAMM9s3UAAAAXSURBVHjajcEBAQAAAIKg/H/aCQZ70AUBjAATb6YPDgAAAABJRU5ErkJggg==") left top repeat; } .tree-wrapper .jstree4-default > .jstree4-wholerow-ul .jstree4-hovered, .tree-wrapper .jstree4-default > .jstree4-wholerow-ul .jstree4-clicked { background: transparent; box-shadow: none; border-radius: 0; } .tree-wrapper .jstree4-default .jstree4-wholerow { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .tree-wrapper .jstree4-default .jstree4-wholerow-hovered { background: #e7f4f9; } .tree-wrapper .jstree4-default .jstree4-wholerow-clicked { background: #beebff; background: -webkit-linear-gradient(top, #beebff 0%, #a8e4ff 100%); background: linear-gradient(to bottom, #beebff 0%, #a8e4ff 100%); } .tree-wrapper .jstree4-default .jstree4-node { min-height: 24px; line-height: 24px; margin-left: 24px; min-width: 24px; } .tree-wrapper .jstree4-default .jstree4-anchor { line-height: 24px; height: 24px; } .tree-wrapper .jstree4-default .jstree4-icon { width: 24px; height: 24px; line-height: 24px; } .tree-wrapper .jstree4-default .jstree4-icon:empty { width: 24px; height: 24px; line-height: 24px; } .tree-wrapper .jstree4-default.jstree4-rtl .jstree4-node { margin-right: 24px; } .tree-wrapper .jstree4-default .jstree4-wholerow { height: 24px; } .tree-wrapper .jstree4-default .jstree4-node, .tree-wrapper .jstree4-default .jstree4-icon { background-image: url("../Aheadworks_Ca/images/lib/js-tree/themes/default/32px.png"); } .tree-wrapper .jstree4-default .jstree4-node { background-position: -292px -4px; background-repeat: repeat-y; } .tree-wrapper .jstree4-default .jstree4-last { background: transparent; } .tree-wrapper .jstree4-default .jstree4-open > .jstree4-ocl { background-position: -132px -4px; } .tree-wrapper .jstree4-default .jstree4-closed > .jstree4-ocl { background-position: -100px -4px; } .tree-wrapper .jstree4-default .jstree4-leaf > .jstree4-ocl { background-position: -68px -4px; } .tree-wrapper .jstree4-default .jstree4-themeicon { background-position: -260px -4px !important; } .tree-wrapper .jstree4-default > .jstree4-no-dots .jstree4-node, .tree-wrapper .jstree4-default > .jstree4-no-dots .jstree4-leaf > .jstree4-ocl { background: transparent; } .tree-wrapper .jstree4-default > .jstree4-no-dots .jstree4-open > .jstree4-ocl { background-position: -36px -4px; } .tree-wrapper .jstree4-default > .jstree4-no-dots .jstree4-closed > .jstree4-ocl { background-position: -4px -4px; } .tree-wrapper .jstree4-default .jstree4-disabled { background: transparent; } .tree-wrapper .jstree4-default .jstree4-disabled.jstree4-hovered { background: transparent; } .tree-wrapper .jstree4-default .jstree4-disabled.jstree4-clicked { background: #efefef; } .tree-wrapper .jstree4-default .jstree4-checkbox { background-position: -164px -4px; } .tree-wrapper .jstree4-default .jstree4-checkbox:hover { background-position: -164px -36px; } .tree-wrapper .jstree4-default.jstree4-checkbox-selection .jstree4-clicked > .jstree4-checkbox, .tree-wrapper .jstree4-default .jstree4-checked > .jstree4-checkbox { background-position: -228px -4px; } .tree-wrapper .jstree4-default.jstree4-checkbox-selection .jstree4-clicked > .jstree4-checkbox:hover, .tree-wrapper .jstree4-default .jstree4-checked > .jstree4-checkbox:hover { background-position: -228px -36px; } .tree-wrapper .jstree4-default .jstree4-anchor > .jstree4-undetermined { background-position: -196px -4px; } .tree-wrapper .jstree4-default .jstree4-anchor > .jstree4-undetermined:hover { background-position: -196px -36px; } .tree-wrapper .jstree4-default .jstree4-checkbox-disabled { opacity: 0.8; filter: url("data:image/svg+xml;utf8,#jstree4-grayscale"); /* Firefox 10+ */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */ } .tree-wrapper .jstree4-default > .jstree4-striped { background-size: auto 48px; } .tree-wrapper .jstree4-default.jstree4-rtl .jstree4-node { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg=="); background-position: 100% 1px; background-repeat: repeat-y; } .tree-wrapper .jstree4-default.jstree4-rtl .jstree4-last { background: transparent; } .tree-wrapper .jstree4-default.jstree4-rtl .jstree4-open > .jstree4-ocl { background-position: -132px -36px; } .tree-wrapper .jstree4-default.jstree4-rtl .jstree4-closed > .jstree4-ocl { background-position: -100px -36px; } .tree-wrapper .jstree4-default.jstree4-rtl .jstree4-leaf > .jstree4-ocl { background-position: -68px -36px; } .tree-wrapper .jstree4-default.jstree4-rtl > .jstree4-no-dots .jstree4-node, .tree-wrapper .jstree4-default.jstree4-rtl > .jstree4-no-dots .jstree4-leaf > .jstree4-ocl { background: transparent; } .tree-wrapper .jstree4-default.jstree4-rtl > .jstree4-no-dots .jstree4-open > .jstree4-ocl { background-position: -36px -36px; } .tree-wrapper .jstree4-default.jstree4-rtl > .jstree4-no-dots .jstree4-closed > .jstree4-ocl { background-position: -4px -36px; } .tree-wrapper .jstree4-default .jstree4-themeicon-custom { background-color: transparent; background-image: none; background-position: 0 0; } .tree-wrapper .jstree4-default > .jstree4-container-ul .jstree4-loading > .jstree4-ocl { background: url("../Aheadworks_Ca/images/throbber.gif") center center no-repeat; } .tree-wrapper .jstree4-default .jstree4-file { background: url("../Aheadworks_Ca/images/lib/js-tree/themes/default/32px.png") -100px -68px no-repeat; } .tree-wrapper .jstree4-default .jstree4-folder { background: url("../Aheadworks_Ca/images/lib/js-tree/themes/default/32px.png") -260px -4px no-repeat; } .tree-wrapper .jstree4-default > .jstree4-container-ul > .jstree4-node { margin-left: 0; margin-right: 0; } .tree-wrapper #jstree4-dnd.jstree4-default { line-height: 24px; padding: 0 4px; } .tree-wrapper #jstree4-dnd.jstree4-default .jstree4-ok, .tree-wrapper #jstree4-dnd.jstree4-default .jstree4-er { background-image: url("../Aheadworks_Ca/images/lib/js-tree/themes/default/32px.png"); background-repeat: no-repeat; background-color: transparent; } .tree-wrapper #jstree4-dnd.jstree4-default i { background: transparent; width: 24px; height: 24px; line-height: 24px; } .tree-wrapper #jstree4-dnd.jstree4-default .jstree4-ok { background-position: -4px -68px; } .tree-wrapper #jstree4-dnd.jstree4-default .jstree4-er { background-position: -36px -68px; } .tree-wrapper .jstree4-default .jstree4-ellipsis { overflow: hidden; } .tree-wrapper .jstree4-default .jstree4-ellipsis .jstree4-anchor { width: calc(71%); text-overflow: ellipsis; overflow: hidden; } .tree-wrapper .jstree4-default.jstree4-rtl .jstree4-node { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg=="); } .tree-wrapper .jstree4-default.jstree4-rtl .jstree4-last { background: transparent; } .tree-wrapper .jstree4-default-small .jstree4-node { min-height: 18px; line-height: 18px; margin-left: 18px; min-width: 18px; } .tree-wrapper .jstree4-default-small .jstree4-anchor { line-height: 18px; height: 18px; } .tree-wrapper .jstree4-default-small .jstree4-icon { width: 18px; height: 18px; line-height: 18px; } .tree-wrapper .jstree4-default-small .jstree4-icon:empty { width: 18px; height: 18px; line-height: 18px; } .tree-wrapper .jstree4-default-small.jstree4-rtl .jstree4-node { margin-right: 18px; } .tree-wrapper .jstree4-default-small .jstree4-wholerow { height: 18px; } .tree-wrapper .jstree4-default-small .jstree4-node, .tree-wrapper .jstree4-default-small .jstree4-icon { background-image: url("../Aheadworks_Ca/images/lib/js-tree/themes/default/32px.png"); } .tree-wrapper .jstree4-default-small .jstree4-node { background-position: -295px -7px; background-repeat: repeat-y; } .tree-wrapper .jstree4-default-small .jstree4-last { background: transparent; } .tree-wrapper .jstree4-default-small .jstree4-open > .jstree4-ocl { background-position: -135px -7px; } .tree-wrapper .jstree4-default-small .jstree4-closed > .jstree4-ocl { background-position: -103px -7px; } .tree-wrapper .jstree4-default-small .jstree4-leaf > .jstree4-ocl { background-position: -71px -7px; } .tree-wrapper .jstree4-default-small .jstree4-themeicon { background-position: -263px -7px; } .tree-wrapper .jstree4-default-small > .jstree4-no-dots .jstree4-node, .tree-wrapper .jstree4-default-small > .jstree4-no-dots .jstree4-leaf > .jstree4-ocl { background: transparent; } .tree-wrapper .jstree4-default-small > .jstree4-no-dots .jstree4-open > .jstree4-ocl { background-position: -39px -7px; } .tree-wrapper .jstree4-default-small > .jstree4-no-dots .jstree4-closed > .jstree4-ocl { background-position: -7px -7px; } .tree-wrapper .jstree4-default-small .jstree4-disabled { background: transparent; } .tree-wrapper .jstree4-default-small .jstree4-disabled.jstree4-hovered { background: transparent; } .tree-wrapper .jstree4-default-small .jstree4-disabled.jstree4-clicked { background: #efefef; } .tree-wrapper .jstree4-default-small .jstree4-checkbox { background-position: -167px -7px; } .tree-wrapper .jstree4-default-small .jstree4-checkbox:hover { background-position: -167px -39px; } .tree-wrapper .jstree4-default-small.jstree4-checkbox-selection .jstree4-clicked > .jstree4-checkbox, .tree-wrapper .jstree4-default-small .jstree4-checked > .jstree4-checkbox { background-position: -231px -7px; } .tree-wrapper .jstree4-default-small.jstree4-checkbox-selection .jstree4-clicked > .jstree4-checkbox:hover, .tree-wrapper .jstree4-default-small .jstree4-checked > .jstree4-checkbox:hover { background-position: -231px -39px; } .tree-wrapper .jstree4-default-small .jstree4-anchor > .jstree4-undetermined { background-position: -199px -7px; } .tree-wrapper .jstree4-default-small .jstree4-anchor > .jstree4-undetermined:hover { background-position: -199px -39px; } .tree-wrapper .jstree4-default-small .jstree4-checkbox-disabled { opacity: 0.8; filter: url("data:image/svg+xml;utf8,#jstree4-grayscale"); /* Firefox 10+ */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */ } .tree-wrapper .jstree4-default-small > .jstree4-striped { background-size: auto 36px; } .tree-wrapper .jstree4-default-small.jstree4-rtl .jstree4-node { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg=="); background-position: 100% 1px; background-repeat: repeat-y; } .tree-wrapper .jstree4-default-small.jstree4-rtl .jstree4-last { background: transparent; } .tree-wrapper .jstree4-default-small.jstree4-rtl .jstree4-open > .jstree4-ocl { background-position: -135px -39px; } .tree-wrapper .jstree4-default-small.jstree4-rtl .jstree4-closed > .jstree4-ocl { background-position: -103px -39px; } .tree-wrapper .jstree4-default-small.jstree4-rtl .jstree4-leaf > .jstree4-ocl { background-position: -71px -39px; } .tree-wrapper .jstree4-default-small.jstree4-rtl > .jstree4-no-dots .jstree4-node, .tree-wrapper .jstree4-default-small.jstree4-rtl > .jstree4-no-dots .jstree4-leaf > .jstree4-ocl { background: transparent; } .tree-wrapper .jstree4-default-small.jstree4-rtl > .jstree4-no-dots .jstree4-open > .jstree4-ocl { background-position: -39px -39px; } .tree-wrapper .jstree4-default-small.jstree4-rtl > .jstree4-no-dots .jstree4-closed > .jstree4-ocl { background-position: -7px -39px; } .tree-wrapper .jstree4-default-small .jstree4-themeicon-custom { background-color: transparent; background-image: none; background-position: 0 0; } .tree-wrapper .jstree4-default-small > .jstree4-container-ul .jstree4-loading > .jstree4-ocl { background: url("../Aheadworks_Ca/images/throbber.gif") center center no-repeat; } .tree-wrapper .jstree4-default-small .jstree4-file { background: url("../Aheadworks_Ca/images/lib/js-tree/themes/default/32px.png") -103px -71px no-repeat; } .tree-wrapper .jstree4-default-small .jstree4-folder { background: url("../Aheadworks_Ca/images/lib/js-tree/themes/default/32px.png") -263px -7px no-repeat; } .tree-wrapper .jstree4-default-small > .jstree4-container-ul > .jstree4-node { margin-left: 0; margin-right: 0; } .tree-wrapper #jstree4-dnd.jstree4-default-small { line-height: 18px; padding: 0 4px; } .tree-wrapper #jstree4-dnd.jstree4-default-small .jstree4-ok, .tree-wrapper #jstree4-dnd.jstree4-default-small .jstree4-er { background-image: url("../Aheadworks_Ca/images/lib/js-tree/themes/default/32px.png"); background-repeat: no-repeat; background-color: transparent; } .tree-wrapper #jstree4-dnd.jstree4-default-small i { background: transparent; width: 18px; height: 18px; line-height: 18px; } .tree-wrapper #jstree4-dnd.jstree4-default-small .jstree4-ok { background-position: -7px -71px; } .tree-wrapper #jstree4-dnd.jstree4-default-small .jstree4-er { background-position: -39px -71px; } .tree-wrapper .jstree4-default-small .jstree4-ellipsis { overflow: hidden; } .tree-wrapper .jstree4-default-small .jstree4-ellipsis .jstree4-anchor { width: calc(77%); text-overflow: ellipsis; overflow: hidden; } .tree-wrapper .jstree4-default-small.jstree4-rtl .jstree4-node { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAACAQMAAABv1h6PAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMHBgAAiABBI4gz9AAAAABJRU5ErkJggg=="); } .tree-wrapper .jstree4-default-small.jstree4-rtl .jstree4-last { background: transparent; } .tree-wrapper .jstree4-default-large .jstree4-node { min-height: 32px; line-height: 32px; margin-left: 32px; min-width: 32px; } .tree-wrapper .jstree4-default-large .jstree4-anchor { line-height: 32px; height: 32px; } .tree-wrapper .jstree4-default-large .jstree4-icon { width: 32px; height: 32px; line-height: 32px; } .tree-wrapper .jstree4-default-large .jstree4-icon:empty { width: 32px; height: 32px; line-height: 32px; } .tree-wrapper .jstree4-default-large.jstree4-rtl .jstree4-node { margin-right: 32px; } .tree-wrapper .jstree4-default-large .jstree4-wholerow { height: 32px; } .tree-wrapper .jstree4-default-large .jstree4-node, .tree-wrapper .jstree4-default-large .jstree4-icon { background-image: url("../Aheadworks_Ca/images/lib/js-tree/themes/default/32px.png"); } .tree-wrapper .jstree4-default-large .jstree4-node { background-position: -288px 0px; background-repeat: repeat-y; } .tree-wrapper .jstree4-default-large .jstree4-last { background: transparent; } .tree-wrapper .jstree4-default-large .jstree4-open > .jstree4-ocl { background-position: -128px 0px; } .tree-wrapper .jstree4-default-large .jstree4-closed > .jstree4-ocl { background-position: -96px 0px; } .tree-wrapper .jstree4-default-large .jstree4-leaf > .jstree4-ocl { background-position: -64px 0px; } .tree-wrapper .jstree4-default-large .jstree4-themeicon { background-position: -256px 0px; } .tree-wrapper .jstree4-default-large > .jstree4-no-dots .jstree4-node, .tree-wrapper .jstree4-default-large > .jstree4-no-dots .jstree4-leaf > .jstree4-ocl { background: transparent; } .tree-wrapper .jstree4-default-large > .jstree4-no-dots .jstree4-open > .jstree4-ocl { background-position: -32px 0px; } .tree-wrapper .jstree4-default-large > .jstree4-no-dots .jstree4-closed > .jstree4-ocl { background-position: 0px 0px; } .tree-wrapper .jstree4-default-large .jstree4-disabled { background: transparent; } .tree-wrapper .jstree4-default-large .jstree4-disabled.jstree4-hovered { background: transparent; } .tree-wrapper .jstree4-default-large .jstree4-disabled.jstree4-clicked { background: #efefef; } .tree-wrapper .jstree4-default-large .jstree4-checkbox { background-position: -160px 0px; } .tree-wrapper .jstree4-default-large .jstree4-checkbox:hover { background-position: -160px -32px; } .tree-wrapper .jstree4-default-large.jstree4-checkbox-selection .jstree4-clicked > .jstree4-checkbox, .tree-wrapper .jstree4-default-large .jstree4-checked > .jstree4-checkbox { background-position: -224px 0px; } .tree-wrapper .jstree4-default-large.jstree4-checkbox-selection .jstree4-clicked > .jstree4-checkbox:hover, .tree-wrapper .jstree4-default-large .jstree4-checked > .jstree4-checkbox:hover { background-position: -224px -32px; } .tree-wrapper .jstree4-default-large .jstree4-anchor > .jstree4-undetermined { background-position: -192px 0px; } .tree-wrapper .jstree4-default-large .jstree4-anchor > .jstree4-undetermined:hover { background-position: -192px -32px; } .tree-wrapper .jstree4-default-large .jstree4-checkbox-disabled { opacity: 0.8; filter: url("data:image/svg+xml;utf8,#jstree4-grayscale"); /* Firefox 10+ */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */ } .tree-wrapper .jstree4-default-large > .jstree4-striped { background-size: auto 64px; } .tree-wrapper .jstree4-default-large.jstree4-rtl .jstree4-node { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg=="); background-position: 100% 1px; background-repeat: repeat-y; } .tree-wrapper .jstree4-default-large.jstree4-rtl .jstree4-last { background: transparent; } .tree-wrapper .jstree4-default-large.jstree4-rtl .jstree4-open > .jstree4-ocl { background-position: -128px -32px; } .tree-wrapper .jstree4-default-large.jstree4-rtl .jstree4-closed > .jstree4-ocl { background-position: -96px -32px; } .tree-wrapper .jstree4-default-large.jstree4-rtl .jstree4-leaf > .jstree4-ocl { background-position: -64px -32px; } .tree-wrapper .jstree4-default-large.jstree4-rtl > .jstree4-no-dots .jstree4-node, .tree-wrapper .jstree4-default-large.jstree4-rtl > .jstree4-no-dots .jstree4-leaf > .jstree4-ocl { background: transparent; } .tree-wrapper .jstree4-default-large.jstree4-rtl > .jstree4-no-dots .jstree4-open > .jstree4-ocl { background-position: -32px -32px; } .tree-wrapper .jstree4-default-large.jstree4-rtl > .jstree4-no-dots .jstree4-closed > .jstree4-ocl { background-position: 0px -32px; } .tree-wrapper .jstree4-default-large .jstree4-themeicon-custom { background-color: transparent; background-image: none; background-position: 0 0; } .tree-wrapper .jstree4-default-large > .jstree4-container-ul .jstree4-loading > .jstree4-ocl { background: url("../Aheadworks_Ca/images/throbber.gif") center center no-repeat; } .tree-wrapper .jstree4-default-large .jstree4-file { background: url("../Aheadworks_Ca/images/lib/js-tree/themes/default/32px.png") -96px -64px no-repeat; } .tree-wrapper .jstree4-default-large .jstree4-folder { background: url("../Aheadworks_Ca/images/lib/js-tree/themes/default/32px.png") -256px 0px no-repeat; } .tree-wrapper .jstree4-default-large > .jstree4-container-ul > .jstree4-node { margin-left: 0; margin-right: 0; } .tree-wrapper #jstree4-dnd.jstree4-default-large { line-height: 32px; padding: 0 4px; } .tree-wrapper #jstree4-dnd.jstree4-default-large .jstree4-ok, .tree-wrapper #jstree4-dnd.jstree4-default-large .jstree4-er { background-image: url("../Aheadworks_Ca/images/lib/js-tree/themes/default/32px.png"); background-repeat: no-repeat; background-color: transparent; } .tree-wrapper #jstree4-dnd.jstree4-default-large i { background: transparent; width: 32px; height: 32px; line-height: 32px; } .tree-wrapper #jstree4-dnd.jstree4-default-large .jstree4-ok { background-position: 0px -64px; } .tree-wrapper #jstree4-dnd.jstree4-default-large .jstree4-er { background-position: -32px -64px; } .tree-wrapper .jstree4-default-large .jstree4-ellipsis { overflow: hidden; } .tree-wrapper .jstree4-default-large .jstree4-ellipsis .jstree4-anchor { width: calc(63%); text-overflow: ellipsis; overflow: hidden; } .tree-wrapper .jstree4-default-large.jstree4-rtl .jstree4-node { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAACAQMAAAAD0EyKAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjgIIGBgABCgCBvVLXcAAAAABJRU5ErkJggg=="); } .tree-wrapper .jstree4-default-large.jstree4-rtl .jstree4-last { background: transparent; } @media (max-width: 768px) { .tree-wrapper #jstree4-dnd.jstree4-dnd-responsive { line-height: 40px; font-weight: bold; font-size: 1.1em; text-shadow: 1px 1px white; } .tree-wrapper #jstree4-dnd.jstree4-dnd-responsive > i { background: transparent; width: 40px; height: 40px; } .tree-wrapper #jstree4-dnd.jstree4-dnd-responsive > .jstree4-ok { background-image: url("../Aheadworks_Ca/images/40px.png"); background-position: 0 -200px; background-size: 120px 240px; } .tree-wrapper #jstree4-dnd.jstree4-dnd-responsive > .jstree4-er { background-image: url("../Aheadworks_Ca/images/40px.png"); background-position: -40px -200px; background-size: 120px 240px; } .tree-wrapper #jstree4-marker.jstree4-dnd-responsive { border-left-width: 10px; border-top-width: 10px; border-bottom-width: 10px; margin-top: -10px; } } @media (max-width: 768px) { .tree-wrapper .jstree4-default-responsive { /* .jstree4-open > .jstree4-ocl, .jstree4-closed > .jstree4-ocl { border-radius:20px; background-color:white; } */ } .tree-wrapper .jstree4-default-responsive .jstree4-icon { background-image: url("../Aheadworks_Ca/images/40px.png"); } .tree-wrapper .jstree4-default-responsive .jstree4-node, .tree-wrapper .jstree4-default-responsive .jstree4-leaf > .jstree4-ocl { background: transparent; } .tree-wrapper .jstree4-default-responsive .jstree4-node { min-height: 40px; line-height: 40px; margin-left: 40px; min-width: 40px; white-space: nowrap; } .tree-wrapper .jstree4-default-responsive .jstree4-anchor { line-height: 40px; height: 40px; } .tree-wrapper .jstree4-default-responsive .jstree4-icon, .tree-wrapper .jstree4-default-responsive .jstree4-icon:empty { width: 40px; height: 40px; line-height: 40px; } .tree-wrapper .jstree4-default-responsive > .jstree4-container-ul > .jstree4-node { margin-left: 0; } .tree-wrapper .jstree4-default-responsive.jstree4-rtl .jstree4-node { margin-left: 0; margin-right: 40px; background: transparent; } .tree-wrapper .jstree4-default-responsive.jstree4-rtl .jstree4-container-ul > .jstree4-node { margin-right: 0; } .tree-wrapper .jstree4-default-responsive .jstree4-ocl, .tree-wrapper .jstree4-default-responsive .jstree4-themeicon, .tree-wrapper .jstree4-default-responsive .jstree4-checkbox { background-size: 120px 240px; } .tree-wrapper .jstree4-default-responsive .jstree4-leaf > .jstree4-ocl, .tree-wrapper .jstree4-default-responsive.jstree4-rtl .jstree4-leaf > .jstree4-ocl { background: transparent; } .tree-wrapper .jstree4-default-responsive .jstree4-open > .jstree4-ocl { background-position: 0 0 !important; } .tree-wrapper .jstree4-default-responsive .jstree4-closed > .jstree4-ocl { background-position: 0 -40px !important; } .tree-wrapper .jstree4-default-responsive.jstree4-rtl .jstree4-closed > .jstree4-ocl { background-position: -40px 0 !important; } .tree-wrapper .jstree4-default-responsive .jstree4-themeicon { background-position: -40px -40px; } .tree-wrapper .jstree4-default-responsive .jstree4-checkbox, .tree-wrapper .jstree4-default-responsive .jstree4-checkbox:hover { background-position: -40px -80px; } .tree-wrapper .jstree4-default-responsive.jstree4-checkbox-selection .jstree4-clicked > .jstree4-checkbox, .tree-wrapper .jstree4-default-responsive.jstree4-checkbox-selection .jstree4-clicked > .jstree4-checkbox:hover, .tree-wrapper .jstree4-default-responsive .jstree4-checked > .jstree4-checkbox, .tree-wrapper .jstree4-default-responsive .jstree4-checked > .jstree4-checkbox:hover { background-position: 0 -80px; } .tree-wrapper .jstree4-default-responsive .jstree4-anchor > .jstree4-undetermined, .tree-wrapper .jstree4-default-responsive .jstree4-anchor > .jstree4-undetermined:hover { background-position: 0 -120px; } .tree-wrapper .jstree4-default-responsive .jstree4-anchor { font-weight: bold; font-size: 1.1em; text-shadow: 1px 1px white; } .tree-wrapper .jstree4-default-responsive > .jstree4-striped { background: transparent; } .tree-wrapper .jstree4-default-responsive .jstree4-wholerow { border-top: 1px solid rgba(255, 255, 255, 0.7); border-bottom: 1px solid rgba(64, 64, 64, 0.2); background: #ebebeb; height: 40px; } .tree-wrapper .jstree4-default-responsive .jstree4-wholerow-hovered { background: #e7f4f9; } .tree-wrapper .jstree4-default-responsive .jstree4-wholerow-clicked { background: #beebff; } .tree-wrapper .jstree4-default-responsive .jstree4-children .jstree4-last > .jstree4-wholerow { box-shadow: inset 0 -6px 3px -5px #666666; } .tree-wrapper .jstree4-default-responsive .jstree4-children .jstree4-open > .jstree4-wholerow { box-shadow: inset 0 6px 3px -5px #666666; border-top: 0; } .tree-wrapper .jstree4-default-responsive .jstree4-children .jstree4-open + .jstree4-open { box-shadow: none; } .tree-wrapper .jstree4-default-responsive .jstree4-node, .tree-wrapper .jstree4-default-responsive .jstree4-icon, .tree-wrapper .jstree4-default-responsive .jstree4-node > .jstree4-ocl, .tree-wrapper .jstree4-default-responsive .jstree4-themeicon, .tree-wrapper .jstree4-default-responsive .jstree4-checkbox { background-image: url("../Aheadworks_Ca/images/40px.png"); background-size: 120px 240px; } .tree-wrapper .jstree4-default-responsive .jstree4-node { background-position: -80px 0; background-repeat: repeat-y; } .tree-wrapper .jstree4-default-responsive .jstree4-last { background: transparent; } .tree-wrapper .jstree4-default-responsive .jstree4-leaf > .jstree4-ocl { background-position: -40px -120px; } .tree-wrapper .jstree4-default-responsive .jstree4-last > .jstree4-ocl { background-position: -40px -160px; } .tree-wrapper .jstree4-default-responsive .jstree4-themeicon-custom { background-color: transparent; background-image: none; background-position: 0 0; } .tree-wrapper .jstree4-default-responsive .jstree4-file { background: url("../Aheadworks_Ca/images/40px.png") 0 -160px no-repeat; background-size: 120px 240px; } .tree-wrapper .jstree4-default-responsive .jstree4-folder { background: url("../Aheadworks_Ca/images/40px.png") -40px -40px no-repeat; background-size: 120px 240px; } .tree-wrapper .jstree4-default-responsive > .jstree4-container-ul > .jstree4-node { margin-left: 0; margin-right: 0; } } .aw-ca-customer-unit-btn-wrapper { border-bottom: 1px solid #c6c6c6; margin-bottom: 25px; padding-bottom: 10px; max-width: 680px; } .aw-ca-customer-unit-btn-wrapper .action-add-new-unit { margin-right: 6px; } .aw-ca-customer-unit-btn-wrapper .action-edit-unit { margin-right: 6px; } .units-side-col .jstree4-icon { position: relative; } .units-side-col .jstree4-icon::before { content: ' '; display: block; position: absolute; } .units-side-col .jstree4-open > .jstree4-icon::before { border: 7px solid transparent; border-top: 10px solid #333; left: 4px; top: 8px; } .units-side-col .jstree4-closed > .jstree4-icon::before { border: 7px solid transparent; border-left: 10px solid #333; left: 8px; top: 5px; } .units-side-col .tree-wrapper a { font-size: 15px; } .aw-cl__top-totals-list-wrap { width: 100%; display: inline-table; list-style: none none; text-align: center; margin-bottom: 1rem; padding: 0 0 4rem; } .aw-cl__top-totals-list-wrap .summary-title { text-align: center; margin-bottom: 3rem; font-weight: 600; font-size: 2.5rem; } .aw-cl__top-totals-list-wrap .total-item { display: inline-block; font-weight: normal; margin: 0.5rem 3.5rem; text-align: center; vertical-align: top; } .aw-cl__top-totals-list-wrap .total-item .title { font-size: 1.6rem; color: #41362f; font-weight: 600; margin-bottom: 5px; } .aw-cl__top-totals-list-wrap .total-item .total { font-size: 1.8rem; font-weight: 800; margin-right: 5px; } .payment-method.aw-credit-limit #po_number { margin-bottom: 0; } .aw-ui-listing .admin__action-dropdown-wrap { display: inline-block; position: relative; } .aw-ui-listing .admin__action-dropdown-wrap .admin__action-dropdown-text:after { left: -6px; right: 0; } .aw-ui-listing .admin__action-dropdown-wrap .admin__action-dropdown-menu { left: auto; right: 0; } .aw-ui-listing .admin__action-dropdown-wrap.active .admin__action-dropdown, .aw-ui-listing .admin__action-dropdown-wrap._active .admin__action-dropdown { border-color: #007bdb; box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5); } .aw-ui-listing .admin__action-dropdown-wrap.active .admin__action-dropdown-text:after, .aw-ui-listing .admin__action-dropdown-wrap._active .admin__action-dropdown-text:after { background-color: #ffffff; content: ''; height: 6px; position: absolute; top: 100%; } .aw-ui-listing .admin__action-dropdown-wrap.active .admin__action-dropdown-menu, .aw-ui-listing .admin__action-dropdown-wrap._active .admin__action-dropdown-menu { display: block; } .aw-ui-listing .admin__action-dropdown-wrap._disabled .admin__action-dropdown { cursor: default; } .aw-ui-listing .admin__action-dropdown-wrap._disabled:hover .admin__action-dropdown { color: #333333; } .aw-ui-listing .admin__action-dropdown { background-color: #ffffff; border: 1px solid transparent; border-bottom: none; border-radius: 0; box-shadow: none; color: #41362f; display: inline-block; font-size: 1.3rem; font-weight: 400; letter-spacing: -.025em; margin-left: 5px; padding: 0.7rem 3.3rem 1.4rem 1.5rem; position: relative; vertical-align: baseline; z-index: 2; } .aw-ui-listing .admin__action-dropdown:hover, .aw-ui-listing .admin__action-dropdown:focus { background-color: #ffffff; color: #060504; text-decoration: none; } .aw-ui-listing .admin__action-dropdown:after { right: 1.5rem; } .aw-ui-listing .admin__action-dropdown:before { margin-right: 1rem; } .aw-ui-listing .admin__action-dropdown-menu { background-color: #ffffff; border: 1px solid #007bdb; box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5); display: none; line-height: 1.36; margin-top: -1px; min-width: 120%; padding: 2.2rem 3.5rem 1rem; position: absolute; top: 100%; transition: all 0.15s ease; z-index: 1; } .aw-ui-listing .admin__action-dropdown-menu > li { display: block; } .aw-ui-listing .admin__action-dropdown-menu > li > a { color: #333333; display: block; text-decoration: none; padding: 0.6rem 0.5rem; } .aw-ui-listing .selectmenu { display: inline-block; position: relative; text-align: left; width: auto; border: 1px solid #adadad; z-index: 1; -webkit-appearance: none; background-color: #ffffff; border-radius: 1px; box-shadow: none; color: #303030; font-size: 1.4rem; font-weight: 400; height: auto; line-height: 1.36; transition: border-color 0.1s linear; vertical-align: baseline; } .aw-ui-listing .selectmenu:hover { border-color: #878787; } .aw-ui-listing .selectmenu:hover .selectmenu-toggle:before { border-color: #878787; } .aw-ui-listing .selectmenu._active { border-color: #007bdb; z-index: 500; } .aw-ui-listing .selectmenu._active .selectmenu-toggle:after { transform: rotate(180deg); } .aw-ui-listing .selectmenu .action-save, .aw-ui-listing .selectmenu .action-edit, .aw-ui-listing .selectmenu .action-delete { background-color: transparent; border-color: transparent; box-shadow: none; padding: 0 1rem 0 1rem; } .aw-ui-listing .selectmenu .action-save:hover, .aw-ui-listing .selectmenu .action-edit:hover, .aw-ui-listing .selectmenu .action-delete:hover { background-color: transparent; border-color: transparent; box-shadow: none; } .aw-ui-listing .selectmenu .action-save:before, .aw-ui-listing .selectmenu .action-edit:before, .aw-ui-listing .selectmenu .action-delete:before { content: '\e604'; font-family: 'luma-icons'; } .aw-ui-listing .selectmenu .action-edit, .aw-ui-listing .selectmenu .action-delete { border: 0 solid #ffffff; border-left-width: 1px; bottom: 0; position: absolute; right: 0; top: 0; z-index: 1; } .aw-ui-listing .selectmenu .action-edit:hover, .aw-ui-listing .selectmenu .action-delete:hover { border: 0 solid #ffffff; border-left-width: 1px; } .aw-ui-listing .selectmenu .action-save:before { content: '\e619'; font-family: 'luma-icons'; } .aw-ui-listing .selectmenu .action-edit:before { content: '\e601'; font-family: 'luma-icons'; } .aw-ui-listing .selectmenu button:not(.primary) { box-shadow: none; } .aw-ui-listing .selectmenu-value { display: inline-block; } .aw-ui-listing .selectmenu-value input[type='text'] { -webkit-appearance: none; -moz-appearance: none; border: 0; display: inline; margin: 0; width: 8rem; } body._keyfocus .aw-ui-listing .selectmenu-value input[type='text']:focus { box-shadow: none; } .aw-ui-listing .selectmenu-toggle { padding-right: 1.8rem; background: transparent; border: none !important; bottom: 0; float: right; position: absolute; right: 0; top: 0; width: 0; } .aw-ui-listing .selectmenu-toggle:focus, .aw-ui-listing .selectmenu-toggle:active, .aw-ui-listing .selectmenu-toggle:hover { background: transparent; } .selectmenu._active .aw-ui-listing .selectmenu-toggle:before { border-color: #007bdb; } body._keyfocus .aw-ui-listing .selectmenu-toggle:focus { box-shadow: none; } .aw-ui-listing .selectmenu-toggle:before { background: #e3e3e3; border-left: 1px solid #adadad; bottom: 0; content: ''; display: block; position: absolute; right: 0; top: 0; width: 3.2rem; } .aw-ui-listing .selectmenu-toggle:after { border-color: #000000 transparent transparent transparent; border-style: solid; border-width: 0.5rem 0.4rem 0 0.4rem; content: ''; height: 0; margin-top: -0.2rem; position: absolute; right: 1.1rem; top: 50%; transition: all .2s linear; width: 0; } .aw-ui-listing .selectmenu-items { background: #ffffff; border: 1px solid #007bdb; box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5); display: none; float: left; left: -1px; margin-top: 3px; max-width: 20rem; min-width: calc(100% + 2px); position: absolute; top: 100%; } .aw-ui-listing .selectmenu-items._active { display: block; } .aw-ui-listing .selectmenu-items ul { float: left; list-style-type: none; margin: 0; min-width: 100%; padding: 0; } .aw-ui-listing .selectmenu-items li { display: -webkit-flex; display: -ms-flexbox; -webkit-flex-direction: row; -ms-flex-direction: row; display: flex; flex-direction: row; transition: background .2s linear; margin-bottom: 0; } .aw-ui-listing .selectmenu-items li:hover { background: #e3e3e3; } .aw-ui-listing .selectmenu-items li:last-child .selectmenu-item-action { color: #007bdb; text-decoration: none; } .aw-ui-listing .selectmenu-item { position: relative; width: 100%; z-index: 1; } li._edit > .aw-ui-listing .selectmenu-item { display: none; } .aw-ui-listing .selectmenu-item-edit { display: none; padding: .3rem 4rem .3rem .4rem; position: relative; white-space: nowrap; z-index: 1; } li:last-child .aw-ui-listing .selectmenu-item-edit { padding-right: .4rem; } .aw-ui-listing .selectmenu-item-edit .admin__control-text { margin: 0; width: 5.4rem; } li._edit .aw-ui-listing .selectmenu-item-edit { display: block; } .aw-ui-listing .selectmenu-item-action { -webkit-appearance: none; -moz-appearance: none; background: transparent; color: #207ccb; display: block; font-size: 1.4rem; font-weight: 400; min-width: 100%; padding: 1rem 6rem 1rem 1.5rem; text-align: left; transition: background .2s linear; width: 5rem; border: none !important; border-radius: 0; } .aw-ui-listing .selectmenu-item-action:hover, .aw-ui-listing .selectmenu-item-action:focus { background: #e3e3e3; } .aw-ui-listing .admin__data-grid-action-columns._active { opacity: 0.98; z-index: 290; } .aw-ui-listing .admin__data-grid-action-columns-menu { color: #303030; font-size: 1.3rem; overflow: hidden; padding: 2.2rem 3.5rem 1rem; z-index: 1; } .aw-ui-listing .admin__data-grid-action-columns-menu._overflow .admin__action-dropdown-menu-header { border-bottom: 1px solid #d1d1d1; } .aw-ui-listing .admin__data-grid-action-columns-menu._overflow .admin__action-dropdown-menu-content { max-width: 50.4rem; } .aw-ui-listing .admin__data-grid-action-columns-menu._overflow .admin__action-dropdown-menu-footer { border-top: 1px solid #d1d1d1; padding-top: 2.5rem; } .aw-ui-listing .admin__data-grid-action-columns-menu .admin__action-dropdown-menu-content { max-height: 140.5px; overflow-y: auto; padding-top: 1.5rem; position: relative; width: 51.9rem; } @media (max-width: 450px) { .aw-ui-listing .admin__data-grid-action-columns-menu .admin__action-dropdown-menu-content { width: 17.3rem; } } @media (min-width: 450px) and (max-width: 620px) { .aw-ui-listing .admin__data-grid-action-columns-menu .admin__action-dropdown-menu-content { width: 34.6rem; } } .aw-ui-listing .admin__data-grid-action-columns-menu .admin__field-option { float: left; height: 20px; margin-bottom: 1.5rem; padding: 0 1rem 0 0; width: 15.8rem; display: flex; } .aw-ui-listing .admin__data-grid-action-columns-menu .admin__field-label { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; padding-top: 4px; } .aw-ui-listing .admin__data-grid-action-columns-menu .admin__action-dropdown-menu-header { padding-bottom: 1.5rem; } .aw-ui-listing .admin__data-grid-action-columns-menu .admin__action-dropdown-menu-footer { padding: 1rem 0 2rem; } .aw-ui-listing .admin__data-grid-action-columns-menu .admin__action-dropdown-footer-main-actions { margin-left: 25%; text-align: right; } .aw-ui-listing .admin__data-grid-action-columns-menu .admin__action-dropdown-footer-secondary-actions { float: left; margin-left: -1em; } @keyframes loading { 0% { transform: translate(-50%, -50%) rotate(0); } 100% { transform: translate(-50%, -50%) rotate(359.9deg); } } .ammenu-sticky { left: 0; max-width: 100%; position: fixed; right: 0; top: 0; z-index: 10; } /* phpcs:disable */ /* phpcs:enable */ /* phpcs:ignore Magento2.Less.SelectorDelimiter.LineBreakAfterDelimiter */ .ammmenu-word-break { word-break: break-word; word-wrap: break-word; } .ie11 .ammmenu-word-break { word-break: break-all; } ._ammenu-link.-first { min-height: 60px; padding: 17px 0; } ._ammenu-link.-second { font-size: 1.6rem; font-weight: 400; min-height: 50px; padding: 14px 0; } @-webkit-keyframes ammenu-animation__fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes ammenu-animation__fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-ms-keyframes ammenu-animation__fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-o-keyframes ammenu-animation__fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes ammenu-animation__fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes ammenu-animation__fadeInLeft { 0% { -webkit-transform: translate3d(-100%, 0, 0); opacity: 0; transform: translate3d(-100%, 0, 0); } to { -webkit-transform: translateZ(0); opacity: 1; transform: translateZ(0); } } @-moz-keyframes ammenu-animation__fadeInLeft { 0% { -webkit-transform: translate3d(-100%, 0, 0); opacity: 0; transform: translate3d(-100%, 0, 0); } to { -webkit-transform: translateZ(0); opacity: 1; transform: translateZ(0); } } @-ms-keyframes ammenu-animation__fadeInLeft { 0% { -webkit-transform: translate3d(-100%, 0, 0); opacity: 0; transform: translate3d(-100%, 0, 0); } to { -webkit-transform: translateZ(0); opacity: 1; transform: translateZ(0); } } @-o-keyframes ammenu-animation__fadeInLeft { 0% { -webkit-transform: translate3d(-100%, 0, 0); opacity: 0; transform: translate3d(-100%, 0, 0); } to { -webkit-transform: translateZ(0); opacity: 1; transform: translateZ(0); } } @keyframes ammenu-animation__fadeInLeft { 0% { -webkit-transform: translate3d(-100%, 0, 0); opacity: 0; transform: translate3d(-100%, 0, 0); } to { -webkit-transform: translateZ(0); opacity: 1; transform: translateZ(0); } } @media (max-width: 1024px + 1) { .ammenu-header-container.-sticky .header.content { padding: 10px; } } ._ammenu-toggle-buttons:hover { filter: brightness(85%); } ._ammenu-toggle-buttons:active { filter: brightness(50%); } @keyframes slide-right { 0% { transform: translateX(-500%); } 100% { transform: translateX(0); } } @keyframes slide-left { 0% { transform: translateX(500%); } 100% { transform: translateX(0); } } .checkout-index-index .checkout-shipping-method textarea { margin-bottom: 10px; } @media only screen and (max-width: 768px) { .field-tooltip .field-tooltip-content { left: auto; right: -10px; top: 40px; } .field-tooltip .field-tooltip-content::before, .field-tooltip .field-tooltip-content::after { border: 10px solid transparent; height: 0; left: auto; margin-top: -21px; right: 10px; top: 0; width: 0; } .field-tooltip .field-tooltip-content::before { border-bottom-color: #999999; } .field-tooltip .field-tooltip-content::after { border-bottom-color: #f4f4f4; top: 1px; } } @media only screen and (min-device-width: 320px) and (max-device-width: 780px) and (orientation: landscape) { .product-video { height: 100%; width: 81%; } } /** * Copyright © Magento, Inc. All rights reserved. * See COPYING.txt for license details. */ .contact-index-index .actions-toolbar .primary { padding-bottom: 15px; } #html-body .column.main .form.contact .input-text.mage-error { color: #333; } @media all and (min-width: 769px), print { .abs-product-options-list-desktop dt, .block-giftregistry-shared .item-options dt { clear: left; float: left; margin: 0 10px 5px 0; } .abs-product-options-list-desktop dt:after, .block-giftregistry-shared .item-options dt:after { content: ': '; } .abs-product-options-list-desktop dd, .block-giftregistry-shared .item-options dd { display: inline-block; float: left; margin: 0 0 5px; word-break: break-all; } .abs-button-desktop { width: auto; } .abs-blocks-2columns, .column .block-addbysku .block-content .box, .login-container .block, .account .column.main .block:not(.widget) .block-content .box, .magento-rma-guest-returns .column.main .block:not(.widget) .block-content .box, [class^='sales-guest-'] .column.main .block:not(.widget) .block-content .box, .sales-guest-view .column.main .block:not(.widget) .block-content .box { width: 48.8%; } .abs-blocks-2columns:nth-child(odd), .column .block-addbysku .block-content .box:nth-child(odd), .login-container .block:nth-child(odd), .account .column.main .block:not(.widget) .block-content .box:nth-child(odd), .magento-rma-guest-returns .column.main .block:not(.widget) .block-content .box:nth-child(odd), [class^='sales-guest-'] .column.main .block:not(.widget) .block-content .box:nth-child(odd), .sales-guest-view .column.main .block:not(.widget) .block-content .box:nth-child(odd) { clear: left; float: left; } .abs-blocks-2columns:nth-child(even), .column .block-addbysku .block-content .box:nth-child(even), .login-container .block:nth-child(even), .account .column.main .block:not(.widget) .block-content .box:nth-child(even), .magento-rma-guest-returns .column.main .block:not(.widget) .block-content .box:nth-child(even), [class^='sales-guest-'] .column.main .block:not(.widget) .block-content .box:nth-child(even), .sales-guest-view .column.main .block:not(.widget) .block-content .box:nth-child(even) { float: right; } .abs-reset-left-margin-desktop, .bundle-options-container .legend.title, .column.main .cart-summary .actions-toolbar, .cart.table-wrapper .item-actions .actions-toolbar, .gift-summary .actions-toolbar, .cart.table-wrapper .gift-summary .actions-toolbar, .column.main .block-giftregistry-shared-items .actions-toolbar, .form-new-agreement .fieldset .legend, .form-new-agreement .actions-toolbar, .column.main .paypal-review .actions-toolbar, .wishlist-index-index .main .form-wishlist-items .actions-toolbar { margin-left: 0; } .abs-action-remove-desktop, .abs-add-fields-desktop .fieldset .additional .action.remove, .form-giftregistry-share .fieldset .additional .action.remove, .form-giftregistry-edit .fieldset .additional .action.remove, .form-add-invitations .fieldset .additional .action.remove, .form-create-return .fieldset .additional .action.remove, .form.send.friend .fieldset .additional .action.remove { margin-left: 75.8%; top: 6px; } .abs-add-fields-desktop .fieldset .field:not(.choice) .control, .form-giftregistry-share .fieldset .field:not(.choice) .control, .form-giftregistry-edit .fieldset .field:not(.choice) .control, .form-add-invitations .fieldset .field:not(.choice) .control, .form-create-return .fieldset .field:not(.choice) .control, .form.send.friend .fieldset .field:not(.choice) .control { width: 50%; } .abs-margin-for-forms-desktop, .fieldset .legend, .column:not(.sidebar-main) form .actions-toolbar, .column:not(.sidebar-additional) form .actions-toolbar, .login-container .fieldset:after { margin-left: 25.8%; } .abs-visually-hidden-desktop, .modes-label, .block-search .label, .dashboard-welcome-toggler, .block-collapsible-nav .title { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .abs-add-clearfix-desktop:before, .abs-add-clearfix-desktop:after, .abs-pager-toolbar:before, .abs-pager-toolbar:after, .block-cart-failed .block-content:before, .block-cart-failed .block-content:after, .column .block-addbysku .block-content:before, .column .block-addbysku .block-content:after, .cart-container:before, .cart-container:after, .login-container:before, .login-container:after, .account .column.main .block:not(.widget) .block-content:before, .account .column.main .block:not(.widget) .block-content:after, .block-addresses-list .items.addresses:before, .block-addresses-list .items.addresses:after, .block-giftregistry-shared .item-options:before, .block-giftregistry-shared .item-options:after, .gift-wrapping .nested:before, .gift-wrapping .nested:after, .table .gift-wrapping .content:before, .table .gift-wrapping .content:after, .block-wishlist-management:before, .block-wishlist-management:after, .paypal-review .block-content:before, .paypal-review .block-content:after, .magento-rma-guest-returns .column.main .block:not(.widget) .block-content:before, .magento-rma-guest-returns .column.main .block:not(.widget) .block-content:after, [class^='sales-guest-'] .column.main .block:not(.widget) .block-content:before, [class^='sales-guest-'] .column.main .block:not(.widget) .block-content:after, .sales-guest-view .column.main .block:not(.widget) .block-content:before, .sales-guest-view .column.main .block:not(.widget) .block-content:after, .header.content:before, .header.content:after, .page-header .header.panel:before, .page-header .header.panel:after, .account .toolbar:before, .account .toolbar:after, .toolbar-giftregistry-results:before, .toolbar-giftregistry-results:after, .toolbar-wishlist-results:before, .toolbar-wishlist-results:after { content: ''; display: table; } .abs-add-clearfix-desktop:after, .abs-pager-toolbar:after, .block-cart-failed .block-content:after, .column .block-addbysku .block-content:after, .cart-container:after, .login-container:after, .account .column.main .block:not(.widget) .block-content:after, .block-addresses-list .items.addresses:after, .block-giftregistry-shared .item-options:after, .gift-wrapping .nested:after, .table .gift-wrapping .content:after, .block-wishlist-management:after, .paypal-review .block-content:after, .magento-rma-guest-returns .column.main .block:not(.widget) .block-content:after, [class^='sales-guest-'] .column.main .block:not(.widget) .block-content:after, .sales-guest-view .column.main .block:not(.widget) .block-content:after, .header.content:after, .page-header .header.panel:after, .account .toolbar:after, .toolbar-giftregistry-results:after, .toolbar-wishlist-results:after { clear: both; } .abs-add-box-sizing-desktop, .column.main, .sidebar-main, .sidebar-additional { box-sizing: border-box; } .abs-add-box-sizing-desktop-m, .opc-wrapper { box-sizing: border-box; } .abs-revert-field-type-desktop .fieldset > .field, .abs-revert-field-type-desktop .fieldset .fields > .field, .product-add-form .fieldset > .field, .product-add-form .fieldset .fields > .field { margin: 0 0 20px; } .abs-revert-field-type-desktop .fieldset > .field:not(.choice) > .label, .abs-revert-field-type-desktop .fieldset .fields > .field:not(.choice) > .label, .product-add-form .fieldset > .field:not(.choice) > .label, .product-add-form .fieldset .fields > .field:not(.choice) > .label { box-sizing: content-box; float: none; width: auto; text-align: left; padding: 0; } .abs-revert-field-type-desktop .fieldset > .field:not(.choice) > .control, .abs-revert-field-type-desktop .fieldset .fields > .field:not(.choice) > .control, .product-add-form .fieldset > .field:not(.choice) > .control, .product-add-form .fieldset .fields > .field:not(.choice) > .control { float: none; width: auto; } .abs-revert-field-type-desktop .fieldset > .field > .label, .abs-revert-field-type-desktop .fieldset .fields > .field > .label, .product-add-form .fieldset > .field > .label, .product-add-form .fieldset .fields > .field > .label { margin: 0 0 5px; display: inline-block; } .abs-revert-field-type-desktop .fieldset > .field.choice:before, .abs-revert-field-type-desktop .fieldset .fields > .field.choice:before, .abs-revert-field-type-desktop .fieldset > .field.no-label:before, .abs-revert-field-type-desktop .fieldset .fields > .field.no-label:before, .product-add-form .fieldset > .field.choice:before, .product-add-form .fieldset .fields > .field.choice:before, .product-add-form .fieldset > .field.no-label:before, .product-add-form .fieldset .fields > .field.no-label:before { display: none; } .abs-revert-field-type-desktop .fieldset > .field:not(:first-child):last-of-type, .abs-revert-field-type-desktop .fieldset .fields > .field:not(:first-child):last-of-type, .product-add-form .fieldset > .field:not(:first-child):last-of-type, .product-add-form .fieldset .fields > .field:not(:first-child):last-of-type { margin-bottom: 0; } .abs-no-display-desktop, .opc-estimated-wrapper, .sidebar .block.widget .pager .item:not(.pages-item-next):not(.pages-item-previous) { display: none; } .abs-pager-toolbar, .account .toolbar, .toolbar-giftregistry-results, .toolbar-wishlist-results { margin-bottom: 20px; position: relative; } .abs-pager-toolbar .limiter, .account .toolbar .limiter, .toolbar-giftregistry-results .limiter, .toolbar-wishlist-results .limiter { float: right; position: relative; z-index: 1; } .abs-pager-toolbar .toolbar-amount, .account .toolbar .toolbar-amount, .toolbar-giftregistry-results .toolbar-amount, .toolbar-wishlist-results .toolbar-amount { float: left; line-height: normal; padding: 7px 0 0; position: relative; z-index: 1; } .abs-pager-toolbar .pages, .account .toolbar .pages, .toolbar-giftregistry-results .pages, .toolbar-wishlist-results .pages { position: absolute; width: 100%; z-index: 0; } .abs-shopping-cart-items-desktop, .block-cart-failed, .cart-container .form-cart, .cart-container .cart-gift-item { float: left; position: relative; width: 73%; } .abs-shopping-cart-items-desktop .actions, .block-cart-failed .actions, .cart-container .form-cart .actions, .cart-container .cart-gift-item .actions { text-align: right; } .abs-shopping-cart-items-desktop .action.clear, .abs-shopping-cart-items-desktop .action.update, .block-cart-failed .action.clear, .block-cart-failed .action.update, .cart-container .form-cart .action.clear, .cart-container .form-cart .action.update, .cart-container .cart-gift-item .action.clear, .cart-container .cart-gift-item .action.update { margin-left: 10px; } .abs-shopping-cart-items-desktop .action.continue, .block-cart-failed .action.continue, .cart-container .form-cart .action.continue, .cart-container .cart-gift-item .action.continue { float: left; } body .navigation, body .breadcrumbs, body .page-header .header.panel, body .header.content, body .footer.content, body .page-wrapper > .widget, body .page-wrapper > .page-bottom, body .block.category.event, body .top-container, body .swrap, body [data-content-type="row"][data-appearance="contained"], body [data-content-type='row'][data-appearance='full-width'] > .row-full-width-inner { box-sizing: border-box; margin-left: auto; margin-right: auto; max-width: 1240px; padding-left: 20px; padding-right: 20px; width: 100%; } body:not(.cms-home) .page-main { box-sizing: border-box; margin-left: auto; margin-right: auto; max-width: 1240px; padding-left: 20px; padding-right: 20px; width: 100%; } .page-main { width: 100%; } .columns { display: block; } .column.main { min-height: 300px; } .page-layout-1column .column.main { width: 100%; -ms-flex-order: 2; -webkit-order: 2; order: 2; } .page-layout-3columns .column.main { width: 66.66666667%; display: inline-block; -ms-flex-order: 2; -webkit-order: 2; order: 2; } .page-layout-2columns-left .column.main { width: 83.33333333%; float: right; -ms-flex-order: 2; -webkit-order: 2; order: 2; } .page-layout-2columns-right .column.main { width: 83.33333333%; float: left; -ms-flex-order: 1; -webkit-order: 1; order: 1; } .sidebar-main { padding-right: 2%; } .page-layout-3columns .sidebar-main { width: 16.66666667%; float: left; -ms-flex-order: 1; -webkit-order: 1; order: 1; } .page-layout-2columns-left .sidebar-main { width: 16.66666667%; float: left; -ms-flex-order: 1; -webkit-order: 1; order: 1; } .page-layout-2columns-right .sidebar-main { width: 16.66666667%; float: left; -ms-flex-order: 1; -webkit-order: 1; order: 1; } .page-layout-2columns-right .sidebar-main { padding-left: 2%; padding-right: 0; } .sidebar-additional { clear: right; padding-left: 2%; } .page-layout-3columns .sidebar-additional { width: 16.66666667%; float: right; -ms-flex-order: 3; -webkit-order: 3; order: 3; } .page-layout-2columns-left .sidebar-additional { width: 16.66666667%; float: right; -ms-flex-order: 2; -webkit-order: 2; order: 2; } .page-layout-2columns-right .sidebar-additional { width: 16.66666667%; float: right; -ms-flex-order: 2; -webkit-order: 2; order: 2; } .page-layout-2columns-left .main { padding-left: 2%; } .page-layout-2columns-left .sidebar-additional { clear: left; float: left; padding-left: 0; } .panel.header { padding: 10px 20px; } .nav-toggle { display: none; } .nav-sections { -webkit-flex-shrink: 0; flex-shrink: 0; -webkit-flex-basis: auto; flex-basis: auto; margin-bottom: 25px; } .nav-sections-item-title { display: none; } .nav-sections-item-content > * { display: none; } .nav-sections-item-content > .navigation { display: block; } .navigation { background: #e5e5e5; font-weight: 700; height: inherit; left: auto; overflow: inherit; padding: 0; position: relative; top: 0; width: 100%; z-index: 3; } .navigation:empty { display: none; } .navigation ul { margin-top: 0; margin-bottom: 0; padding: 0; position: relative; } .navigation li.level0 { border-top: none; } .navigation li.level1 { position: relative; } .navigation .level0 { margin: 0 10px 0 0; display: inline-block; position: relative; } .navigation .level0:last-child { margin-right: 0; padding-right: 0; } .navigation .level0:hover:after { content: ''; display: block; position: absolute; top: 0; left: 100%; width: 10px; height: calc(100% + 3px); z-index: 1; } .navigation .level0 > .level-top { color: #121212; line-height: 53px; padding: 0 12px; text-decoration: none; box-sizing: border-box; position: relative; display: inline-block; } .navigation .level0 > .level-top:hover, .navigation .level0 > .level-top.ui-state-focus { background: #3e95e0; color: #121212; text-decoration: none; } .navigation .level0.active > .level-top, .navigation .level0.has-active > .level-top { border-color: #09375b; border-style: solid; border-width: 0 0 3px; color: #121212; text-decoration: none; display: inline-block; } .navigation .level0.parent:hover > .submenu { overflow: visible !important; } .navigation .level0.parent > .level-top { padding-right: 20px; } .navigation .level0.parent > .level-top > .ui-menu-icon { position: absolute; right: 0; display: inline-block; text-decoration: none; } .navigation .level0.parent > .level-top > .ui-menu-icon > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .navigation .level0.parent > .level-top > .ui-menu-icon:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 12px; line-height: 20px; color: inherit; content: '\e622'; font-family: 'icons-blank-theme'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .navigation .level0 .submenu { background: #ffffff; border: 1px solid #d1d1d1; box-shadow: 0 5px 5px rgba(0, 0, 0, 0.19); font-weight: 700; min-width: 230px; padding: 0; display: none; left: 0; margin: 0 !important; position: absolute; z-index: 1; margin-top: 11px; } .navigation .level0 .submenu > ul { margin-top: 11px; } .navigation .level0 .submenu > ul:before, .navigation .level0 .submenu > ul:after { content: ''; display: block; overflow: hidden; position: absolute; } .navigation .level0 .submenu > ul:before { color: #ffffff; left: 20px; top: -20px; border: 10px solid transparent; height: 0; width: 0; border-bottom-color: #ffffff; z-index: 4; } .navigation .level0 .submenu > ul:after { border: 11px solid transparent; height: 0; width: 0; border-bottom-color: #d1d1d1; color: #d1d1d1; left: 19px; top: -22px; z-index: 3; } .navigation .level0 .submenu:before { content: ''; display: block; position: absolute; width: 100%; height: 4px; left: 0; top: -4px; z-index: 1; } .navigation .level0 .submenu a { display: block; line-height: inherit; color: #121212; padding: 8px 20px; } .navigation .level0 .submenu a:hover, .navigation .level0 .submenu a.ui-state-focus { background: #e8e8e8; color: #121212; text-decoration: none; } .navigation .level0 .submenu .active > a { border-color: #09375b; border-style: solid; border-width: 0 0 0 3px; color: #121212; } .navigation .level0 .submenu .submenu { top: -1px !important; left: 100% !important; } .navigation .level0 .submenu .submenu-reverse { left: auto !important; right: 100%; } .navigation .level0 .submenu li { margin: 0; position: relative; } .navigation .level0 .submenu li.parent > a > .ui-menu-icon { position: absolute; right: 3px; display: inline-block; text-decoration: none; } .navigation .level0 .submenu li.parent > a > .ui-menu-icon > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .navigation .level0 .submenu li.parent > a > .ui-menu-icon:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 12px; line-height: 20px; color: inherit; content: '\e608'; font-family: 'icons-blank-theme'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .navigation .level0.more { position: relative; display: inline-block; text-decoration: none; } .navigation .level0.more:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 26px; line-height: inherit; color: inherit; content: '\e607'; font-family: 'icons-blank-theme'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .navigation .level0.more:before { display: none; } .navigation .level0.more:after { cursor: pointer; padding: 8px 12px; position: relative; z-index: 1; } .navigation .level0.more:hover > .submenu { overflow: visible !important; } .navigation .level0.more li { display: block; } .panel.header .links, .panel.header .switcher { display: inline-block; } .fieldset > .field { margin: 0 0 20px; box-sizing: border-box; margin: 0 0 29px; } .fieldset > .field > .label { margin: 0; } .fieldset > .field:before, .fieldset > .field:after { content: ''; display: table; } .fieldset > .field:after { clear: both; } .fieldset > .field.choice:before, .fieldset > .field.no-label:before { padding: 6px 15px 0 0; width: 25.8%; box-sizing: border-box; content: ' '; float: left; height: 1px; } .fieldset > .field .description { padding: 6px 15px 0 0; text-align: right; width: 25.8%; box-sizing: border-box; float: left; } .fieldset > .field:not(.choice) > .label { padding: 6px 15px 0 0; text-align: right; width: 25.8%; box-sizing: border-box; float: left; } .fieldset > .field:not(.choice) > .control { width: 74.2%; float: left; } .product.data.items { position: relative; z-index: 1; } .product.data.items:before, .product.data.items:after { content: ''; display: table; } .product.data.items:after { clear: both; } .product.data.items > .item.title { float: left; width: auto; } .product.data.items > .item.title > .switch { height: 20px; display: block; position: relative; z-index: 2; } .product.data.items > .item.content { margin-top: 20px; box-sizing: border-box; float: right; margin-left: -100%; width: 100%; } .product.data.items > .item.content:before, .product.data.items > .item.content:after { content: ''; display: table; } .product.data.items > .item.content:after { clear: both; } .product.data.items > .item.content.active { display: block; } .product.data.items > .item.title { margin: 0 5px 0 0; } .product.data.items > .item.title > .switch { font-weight: 600; line-height: 20px; font-size: 1.4rem; color: #91c3ee; text-decoration: none; background: #f0f0f0; border: 1px solid #d1d1d1; border-bottom: none; height: 20px; padding: 5px 20px 5px 20px; } .product.data.items > .item.title > .switch:visited { color: #91c3ee; text-decoration: none; } .product.data.items > .item.title > .switch:hover { color: #91c3ee; text-decoration: none; } .product.data.items > .item.title > .switch:active { color: #207ccb; text-decoration: none; } .product.data.items > .item.title:not(.disabled) > .switch:focus, .product.data.items > .item.title:not(.disabled) > .switch:hover { background: #fcfcfc; } .product.data.items > .item.title:not(.disabled) > .switch:active, .product.data.items > .item.title.active > .switch, .product.data.items > .item.title.active > .switch:focus, .product.data.items > .item.title.active > .switch:hover { background: #ffffff; color: #207ccb; text-decoration: none; } .product.data.items > .item.title.active > .switch, .product.data.items > .item.title.active > .switch:focus, .product.data.items > .item.title.active > .switch:hover { padding-bottom: 6px; } .product.data.items > .item.content { background: #ffffff; margin-top: 31px; padding: 20px 20px 20px 20px; border: 1px solid #d1d1d1; } .actions-toolbar:before, .actions-toolbar:after { content: ''; display: table; } .actions-toolbar:after { clear: both; } .actions-toolbar .primary { float: left; } .actions-toolbar .secondary { float: right; } .actions-toolbar .primary, .actions-toolbar .secondary { display: inline-block; } .actions-toolbar .primary a.action, .actions-toolbar .secondary a.action { display: inline-block; } .actions-toolbar .primary .action { margin: 0 5px 0 0; } .actions-toolbar .secondary a.action { margin-top: 6px; } .actions-toolbar > .primary, .actions-toolbar > .secondary { margin-bottom: 0; } .actions-toolbar > .primary .action, .actions-toolbar > .secondary .action { margin-bottom: 0; width: auto; } .modal-popup.modal-slide .modal-footer { border-top: 1px solid #c1c1c1; text-align: right; } /** * @codingStandardsIgnoreStart */ #store-selector .form-continue .actions-toolbar > .primary { float: right; } #store-selector .form-continue .actions-toolbar .action.primary { margin: 0; } .pagebuilder-mobile-only { display: none !important; } .aw-create-customer .aw-block-new-company { min-width: 600px; width: 50%; } .aw-cl__payment-form-wrapper .aw-cl__payment-form { align-items: flex-start; } .aw-cl__payment-form-wrapper .fieldset { margin-bottom: 0; } .aw-cl__payment-form-wrapper .pay { margin-left: 3rem; margin-top: 28px; } .page-layout-1column .aw-layered-nav-popover { margin-bottom: 25px; position: relative; } .page-layout-1column .filter-options-item { border: 0; display: inline-block; margin-right: 25px; } .page-layout-1column .filter-options-item.active { position: relative; z-index: 2; } .page-layout-1column .filter-options-item.active:after, .page-layout-1column .filter-options-item.active:before { border: 8px solid transparent; border-bottom-color: #000; bottom: -1px; content: ''; display: block; height: 0; left: 50%; position: absolute; width: 0; z-index: 3; } .page-layout-1column .filter-options-item.active:after { border-bottom-color: #fff; margin-top: 2px; z-index: 4; } .page-layout-1column .filter-options-item .filter-options-title { padding: 0 20px 0 0; } .page-layout-1column .filter-options-item .filter-options-content { background: #fff; border: 1px solid #cccccc; box-shadow: 0 3px 5px 0 rgba(50, 50, 50, 0.75); padding: 5px 0; position: absolute; top: 100%; width: 180px; z-index: 2; -moz-box-shadow: 0 3px 5px 0 rgba(50, 50, 50, 0.75); -ms-box-shadow: 0 3px 5px 0 rgba(50, 50, 50, 0.75); -webkit-box-shadow: 0 3px 5px 0 rgba(50, 50, 50, 0.75); } .page-layout-1column .filter-options-item .filter-options-content .item { margin: 0; padding: 5px; } .page-layout-1column .filter-options-item .filter-options-content .item:hover { background-color: #e8e8e8; } .page-layout-1column .filter-options-item .filter-options-content .aw-ln-range-slider-wrapper { padding: 12px; } .page-layout-1column .filter-options-item .filter-options-title .label { width: auto !important; } .page-layout-1column .filter-options-item .filter-options-title .reset:before { margin: 3px 0 0 7px; } .page-layout-1column .filter-options .aw-layered-nav-popover__action { display: none !important; } .ammenu-nav-sections .widget-product-carousel, .ammenu-nav-sections .widget { max-width: initial; } .ammenu-nav-sections .widget-product-carousel .slick-slide .product-item, .ammenu-nav-sections .widget .slick-slide .product-item { max-width: initial; } .block-cart-failed .actions { text-align: left; } .block-cart-failed .actions.primary { float: right; } .bundle-options-container .bundle-options-wrapper, .bundle-options-container .product-options-wrapper { float: left; width: 57%; } .bundle-options-container .block-bundle-summary { float: right; position: relative; width: 40%; } .page-layout-2columns-left .bundle-options-container .bundle-options-wrapper, .page-layout-2columns-left .bundle-options-container .block-bundle-summary, .page-layout-2columns-right .bundle-options-container .bundle-options-wrapper, .page-layout-2columns-right .bundle-options-container .block-bundle-summary, .page-layout-3columns .bundle-options-container .bundle-options-wrapper, .page-layout-3columns .bundle-options-container .block-bundle-summary { width: 48%; } .page-products .products-grid .product-item { margin-left: 2%; padding: 0; width: calc((100% - 4%) / 3); } .page-products .products-grid .product-item:nth-child(3n + 1) { margin-left: 0; } .page-products.page-layout-1column .products-grid .product-item { width: 25%; } .page-products.page-layout-3columns .products-grid .product-item { width: 50%; } .page-products .columns { padding-top: 0; position: relative; z-index: 1; } .products.wrapper ~ .toolbar .pages { float: left; } .toolbar-amount { float: left; } .sorter { float: right; } .modes { display: inline-block; float: left; margin-right: 20px; } .products.wrapper ~ .toolbar .modes { display: none; } .modes-mode { color: #91c3ee; border: 1px solid #d1d1d1; border-right: 0; float: left; font-weight: 400; line-height: 1; padding: 7px 10px; text-align: center; display: inline-block; text-decoration: none; } .modes-mode:not(.active):hover { color: #91c3ee; background: #dedede; } .modes-mode:last-child { border-right: 1px solid #d1d1d1; } .modes-mode.active { color: #d8eaf9; } .modes-mode > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .modes-mode:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 24px; line-height: inherit; color: #91c3ee; content: '\e60d'; font-family: 'icons-blank-theme'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .modes-mode:hover:before { color: #91c3ee; } .mode-list:before { content: '\e60b'; } .products.wrapper ~ .toolbar .limiter { display: block; float: right; } .product-info-main .box-tocart, .product-options-bottom .box-tocart { display: table; } .product-info-main .box-tocart .field.qty, .product-options-bottom .box-tocart .field.qty { display: table-cell; } .product-info-main .box-tocart .actions, .product-options-bottom .box-tocart .actions { display: table-cell; padding-top: 25px; text-align: center; vertical-align: bottom; } .product-info-main .page-title-wrapper .page-title { margin-top: -13px; } .sidebar .product-items .product-item-info .product-item-photo { float: left; left: auto; margin: 0 10px 10px 0; position: relative; top: auto; } .sidebar .product-items .product-item-details { margin: 0; } .sidebar .product-items .product-item-actions { clear: left; } .product-info-main { float: right; } .product.media { float: left; margin-bottom: 25px; } .page-layout-1column .product-info-main { width: 40%; } .page-layout-1column .product.media { width: 57%; } .page-layout-2columns-left .product-info-main, .page-layout-2columns-right .product-info-main, .page-layout-3columns .product-info-main { width: 48%; } .page-layout-2columns-left .product.media, .page-layout-2columns-right .product.media, .page-layout-3columns .product.media { width: 50%; } .block-category-event.block:last-child { margin-bottom: 30px; padding: 10px 0 30px; } .block-category-event .block-title { margin: 0; } .block-category-event .block-title strong { font-size: 2.4rem; } .block-category-event .ticker li { display: none; margin: 0 50px; } .block-category-event .ticker .value { font-size: 6rem; } .block-category-event .ticker .label { font-size: 1.4rem; text-transform: none; } .block-category-event .dates .date { font-size: 5rem; } .block-category-event .dates .start { padding-right: 50px; } .block-category-event .dates .start:after { font-size: 5rem; right: 10px; } .block-search { float: right; padding-left: 15px; position: relative; width: 250px; z-index: 4; } .block-search .control { border-top: 0; margin: 0; padding: 0 0 25px; } .block-search .nested { display: block; padding-top: 5px; position: absolute; } .block-search input { margin: 0; padding-right: 35px; position: static; } .block-search input::-webkit-input-placeholder { color: #c2c2c2; } .block-search input:-moz-placeholder { color: #c2c2c2; } .block-search input::-moz-placeholder { color: #c2c2c2; } .block-search input:-ms-input-placeholder { color: #c2c2c2; } .block-search .action.search { display: inline-block; background-image: none; background: none; -moz-box-sizing: content-box; border: 0; box-shadow: none; line-height: inherit; margin: 0; padding: 0; text-decoration: none; text-shadow: none; font-weight: 400; padding: 5px 0; position: absolute; right: 10px; top: 0; z-index: 1; } .block-search .action.search > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .block-search .action.search:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 22px; line-height: 22px; color: #8f8f8f; content: '\e615'; font-family: 'icons-blank-theme'; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .block-search .action.search:hover:before { color: inherit; } .block-search .action.search:active:before { color: inherit; } .block-search .action.search:focus, .block-search .action.search:active { background: none; border: none; } .block-search .action.search:hover { background: none; border: none; } .block-search .action.search.disabled, .block-search .action.search[disabled], fieldset[disabled] .block-search .action.search { pointer-events: none; opacity: 0.5; } .block-search .action.search:focus:before { color: #333333; } .search-autocomplete { margin-top: 0; } .cart-container .widget { float: left; } .cart-container .widget.block { margin-bottom: 20px; } .cart-summary { float: right; position: relative; width: 23%; } .column.main .cart-summary .actions-toolbar > .secondary { float: none; } .cart-summary .block .fieldset .field { margin: 0 0 20px; margin: 0 0 10px; } .cart-summary .block .fieldset .field:not(.choice) > .label { box-sizing: content-box; float: none; width: auto; text-align: left; padding: 0; } .cart-summary .block .fieldset .field:not(.choice) > .control { float: none; width: auto; } .cart-summary .block .fieldset .field > .label { margin: 0 0 5px; display: inline-block; } .cart-summary .block .fieldset .field.choice:before, .cart-summary .block .fieldset .field.no-label:before { display: none; } .cart.table-wrapper .items { min-width: 100%; width: auto; } .cart.table-wrapper .item .col.item { padding: 27px 8px 10px; } .cart.table-wrapper .item-actions td { text-align: right; } .cart.table-wrapper .product-item-photo { display: table-cell; max-width: 100%; padding-right: 20px; position: static; vertical-align: top; width: 1%; } .cart.table-wrapper .product-item-details { display: table-cell; vertical-align: top; white-space: normal; width: 99%; } .cart.table-wrapper .item-actions .actions-toolbar { text-align: left; } .cart .action { margin-bottom: 10px; } .cart-products-toolbar .toolbar-amount { line-height: 30px; margin: 0; } .cart-products-toolbar .pages { float: right; margin: 0 0 1px; } .cart-products-toolbar .pages .item:last-child { margin-right: 0; } .cart.table-wrapper .cart-products-toolbar + .cart thead tr th.col { padding-bottom: 7px; padding-top: 8px; } .cart.table-wrapper .cart + .cart-products-toolbar { margin-top: 25px; } .minicart-wrapper { margin-left: 13px; } .minicart-wrapper .block-minicart { right: -15px; width: 390px; } .opc-wrapper { width: 66.66666667%; float: left; -ms-flex-order: 1; -webkit-order: 1; order: 1; padding-right: 30px; } .checkout-onepage-success .print { display: block; float: right; margin: 22px 0 0; } .opc-progress-bar-item { width: 185px; } .checkout-index-index .modal-popup .form-shipping-address { max-width: 600px; } .checkout-index-index .modal-popup .modal-footer .action-save-address { float: right; margin: 0 0 0 10px; } .checkout-shipping-method .actions-toolbar > .primary { float: right; } .checkout-shipping-method .actions-toolbar .action.primary { margin: 0; } .opc-wrapper .form-login, .opc-wrapper .form-shipping-address { max-width: 600px; } .table-checkout-shipping-method { width: auto; } .opc-sidebar { margin: 46px 0 20px; width: 33.33333333%; float: right; -ms-flex-order: 2; -webkit-order: 2; order: 2; } .opc-summary-wrapper .modal-header .action-close { display: none; } .authentication-dropdown { background-color: #ffffff; border: 1px solid #aeaeae; -webkit-transform: scale(1, 0); -webkit-transform-origin: 0 0; -webkit-transition: -webkit-transform linear 0.1s, visibility 0s linear 0.1s; position: absolute; text-align: left; top: 100%; transform: scale(1, 0); transform-origin: 0 0; transition: transform linear .1s, visibility 0s linear .1s; visibility: hidden; width: 100%; } .authentication-dropdown._show { z-index: 100; -webkit-transform: scale(1, 1); -webkit-transition: -webkit-transform linear 0.1s, visibility 0s linear 0s; transform: scale(1, 1); transition: transform linear .1s, visibility 0s linear 0s; visibility: visible; } .authentication-wrapper { width: 33.33333333%; text-align: right; } .block-authentication .block-title { font-size: 2.6rem; border-bottom: 0; margin-bottom: 25px; } .block-authentication .actions-toolbar > .primary { display: inline; float: right; margin-right: 0; } .block-authentication .actions-toolbar > .primary .action { margin-right: 0; } .block-authentication .actions-toolbar > .secondary { float: left; margin-right: 2rem; padding-top: 1rem; } .popup-authentication .modal-inner-wrap { min-width: 768px; width: 60%; } .popup-authentication .block-authentication { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; border-top: 1px solid #c1c1c1; } .popup-authentication .block[class], .popup-authentication .form-login, .popup-authentication .fieldset, .popup-authentication .block-content { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-grow: 1; flex-grow: 1; } .popup-authentication .block[class] { box-sizing: border-box; float: left; padding: 10px 30px 0 0; width: 50%; } .popup-authentication .block[class] + .block { border-left: 1px solid #c1c1c1; border-top: 0; margin: 0; padding: 10px 0 0 40px; } .popup-authentication .block[class] + .block:before { left: 0; top: 50%; } .popup-authentication .actions-toolbar { margin-bottom: 0; margin-top: auto; } .checkout-payment-method .actions-toolbar .primary { float: right; margin: 0; } .checkout-payment-method .fieldset > .field-select-billing > .control { float: none; width: 100%; } .checkout-payment-method .payment-method-content .fieldset > .field { margin: 0 0 20px; } .checkout-payment-method .payment-method-content .fieldset > .field.choice:before { padding: 0; width: 0; } .checkout-payment-method .payment-method-content .fieldset > .field.type .control { margin-left: 25.8%; } .checkout-payment-method .payment-method-content .fieldset > .field.type.no-detection .control { margin-left: 0; } .checkout-billing-address .action-update { float: right; } .checkout-billing-address .actions-toolbar .action-cancel { margin: 6px 20px 0 0; } .checkout-payment-method .payment-option-title { padding-left: 22px; } .checkout-payment-method .payment-option-content .payment-option-inner + .actions-toolbar { margin-left: 0; } .login-container .block .login .actions-toolbar > .primary { margin-bottom: 0; margin-right: 30px; } .login-container .block .login .actions-toolbar > .secondary { float: left; } .fieldset .fullname .field .label { padding: 6px 15px 0 0; text-align: right; width: 25.8%; box-sizing: border-box; float: left; } .fieldset .fullname .field .control { width: 74.2%; float: left; } .form.password.reset, .form.send.confirmation, .form.password.forget, .form.create.account, .form.search.advanced, .form.form-orders-search { min-width: 600px; width: 50%; } .account.page-layout-2columns-left .sidebar-main, .account.page-layout-2columns-left .sidebar-additional { width: 22.3%; } .account.page-layout-2columns-left .column.main { width: 77.7%; } .block-addresses-list .items.addresses { font-size: 0; } .block-addresses-list .items.addresses > .item { display: inline-block; font-size: 14px; margin-bottom: 20px; vertical-align: top; width: 48.8%; } .block-addresses-list .items.addresses > .item:nth-last-child(1), .block-addresses-list .items.addresses > .item:nth-last-child(2) { margin-bottom: 0; } .block-addresses-list .items.addresses > .item:nth-child(even) { margin-left: 2.4%; } .control.captcha-image .captcha-img { margin: 0 10px 10px 0; } .page-product-downloadable .product-options-wrapper { float: left; width: 55%; } .page-product-downloadable .product-options-bottom { float: right; width: 40%; } .page-product-downloadable .product-options-bottom .field.qty + .actions { padding-top: 0; } .gift-message .field { margin-bottom: 20px; } .gift-options { position: relative; z-index: 1; } .gift-options .actions-toolbar { clear: both; float: right; position: static; } .gift-options .actions-toolbar .secondary { float: right; } .gift-options .actions-toolbar .secondary .action { float: right; margin-left: 20px; } .gift-options .actions-toolbar .secondary .action-cancel { display: block; float: left; margin-top: 6px; } .gift-options .actions-toolbar:nth-child(3):before { border-left: 1px solid #c1c1c1; bottom: 5rem; content: ''; display: block; left: 50%; overflow: hidden; position: absolute; top: 0; width: 0; } .gift-options-title { font-weight: 300; font-size: 1.8rem; } .cart.table-wrapper .action-gift { float: left; } .order-options .gift-wrapping, .table-order-review .gift-wrapping { max-width: 50%; } .form-giftregistry-search .fieldset { margin-bottom: 29px; } .form-giftregistry-search .fieldset > .fields-specific-options > .field { margin: 0 0 20px; box-sizing: border-box; } .form-giftregistry-search .fieldset > .fields-specific-options > .field > .label { margin: 0; } .form-giftregistry-search .fieldset > .fields-specific-options > .field:before, .form-giftregistry-search .fieldset > .fields-specific-options > .field:after { content: ''; display: table; } .form-giftregistry-search .fieldset > .fields-specific-options > .field:after { clear: both; } .form-giftregistry-search .fieldset > .fields-specific-options > .field.choice:before, .form-giftregistry-search .fieldset > .fields-specific-options > .field.no-label:before { padding: 6px 15px 0 0; width: 25.8%; box-sizing: border-box; content: ' '; float: left; height: 1px; } .form-giftregistry-search .fieldset > .fields-specific-options > .field .description { padding: 6px 15px 0 0; text-align: right; width: 25.8%; box-sizing: border-box; float: left; } .form-giftregistry-search .fieldset > .fields-specific-options > .field:not(.choice) > .label { padding: 6px 15px 0 0; text-align: right; width: 25.8%; box-sizing: border-box; float: left; } .form-giftregistry-search .fieldset > .fields-specific-options > .field:not(.choice) > .control { width: 74.2%; float: left; } .block-giftregistry-shared-items .product-item-photo { display: table-cell; max-width: 100%; padding: 0 20px 0 0; vertical-align: top; width: 1%; } .block-giftregistry-shared-items .product-item-details { display: table-cell; vertical-align: top; width: 99%; word-break: normal; } .block-giftregistry-shared-items .col.product { width: 48%; } .block-giftregistry-shared-items .col:not(.product) { text-align: center; } .block-giftregistry-shared-items .col.price { padding-top: 17px; } .block-giftregistry-shared-items .input-text.qty { margin-top: -4px; } .gift-options-cart-item .gift-wrapping, .cart-gift-item .gift-wrapping { box-sizing: border-box; float: left; padding-right: 20px; width: 50%; } .gift-options-cart-item .gift-wrapping + .gift-message, .cart-gift-item .gift-wrapping + .gift-message { border-left: 1px solid #c1c1c1; box-sizing: border-box; float: left; padding-left: 4.5rem; width: 50%; } .form-add-invitations .additional, .form-add-invitations .field.text { margin-top: 29px; } .table-invitations .col { width: 50%; } .wishlist.window.popup { bottom: auto; top: 20%; left: 50%; margin-left: -212px; width: 380px; right: auto; } .wishlist.window.popup .field { margin: 0 0 20px; } .wishlist.window.popup .field:not(.choice) > .label { box-sizing: content-box; float: none; width: auto; text-align: left; padding: 0; } .wishlist.window.popup .field:not(.choice) > .control { float: none; width: auto; } .wishlist.window.popup .field > .label { margin: 0 0 5px; display: inline-block; } .wishlist.window.popup .field.choice:before, .wishlist.window.popup .field.no-label:before { display: none; } .block-wishlist-management { margin-bottom: 20px; } .block-wishlist-management .wishlist-select { border-bottom: 1px solid #e8e8e8; display: table; margin-bottom: 15px; width: 100%; } .block-wishlist-management .wishlist-select .wishlist-name { display: table-cell; margin-right: 10px; padding: 5px 10px 10px; vertical-align: top; white-space: nowrap; width: 5%; } .block-wishlist-management .wishlist-select-items { display: table-cell; padding-right: 160px; vertical-align: top; } .block-wishlist-management .wishlist-select-items .item { display: inline-block; margin-right: 10px; padding: 5px 10px 10px; } .block-wishlist-management .wishlist-select-items .item:last-child { margin-right: 0; } .block-wishlist-management .wishlist-select-items .current { border-bottom: 3px solid #09375b; font-weight: 600; } .block-wishlist-management .wishlist-select .wishlist-name-current { display: none; } .block-wishlist-management .wishlist-add.item { position: absolute; right: 0; top: 0; } .block-wishlist-management .wishlist-title strong { font-size: 4rem; } .block-wishlist-management .wishlist-info { float: left; } .block-wishlist-management .wishlist-toolbar { float: right; } .block-wishlist-info-items .product-item-photo { margin-left: 0; } .products-grid.wishlist .product-item-checkbox { float: left; } .products-grid.wishlist .product-item-checkbox + .product-item-name { margin-left: 25px; } .block.newsletter { max-width: 44%; width: max-content; } .block.newsletter .field { margin-right: 5px; } .block.newsletter .field.newsletter { max-width: 220px; } .block.newsletter .field .control { width: 100%; } .block.newsletter .action.subscribe { border-radius: 3px; } .paypal-review .paypal-review-title { border-bottom: 1px solid #d1d1d1; } .paypal-review .block-content .box-order-shipping-address, .paypal-review .block-content .box-order-shipping-method, .paypal-review .block-content .box-order-shipping-method + .box-order-billing-address { box-sizing: border-box; float: left; width: 33%; } .paypal-review .block-content .box-order-shipping-address { padding: 0 5%; width: 34%; } .paypal-review .col.subtotal, .paypal-review .mark, .paypal-review .amount { text-align: right; } .products.wrapper.list .product-reviews-summary { margin: 0; } .reward-settings + .actions-toolbar { margin-top: -32px; } .form-create-return .additional .field:last-child { margin-top: 29px; } .magento-rma-guest-returns .column.main .block:not(.widget) .block-content .box { margin-bottom: 20px; } .block-returns-tracking .block-title .action { margin: 0 0 0 30px; } .block-returns-tracking .block-title .actions-track { float: right; margin-top: 12px; } .table-order-items .subtotal, .table-order-items .amount { text-align: right; } .table-order-items.creditmemo .col.qty, .table-order-items.creditmemo .col.discount, .table-order-items.creditmemo .col.subtotal { text-align: center; } .table-order-items.creditmemo .col.total { text-align: right; } .order-pager-wrapper .order-pager-wrapper-top { padding-left: 0; padding-right: 0; } .order-pager-wrapper .pages { float: right; } .order-actions-toolbar .action.print { display: block; float: right; } .page-title-wrapper .order-date { margin-top: -20px; } [class^='sales-guest-'] .column.main .block:not(.widget) .block-content .box, .sales-guest-view .column.main .block:not(.widget) .block-content .box { margin-bottom: 20px; } .page-wrapper > .breadcrumbs, .page-wrapper > .top-container, .page-wrapper > .widget { box-sizing: border-box; width: 100%; } .navigation ul { padding: 0 8px; } .header.panel > .header.links { float: right; font-size: 0; margin: 0; padding: 0; list-style: none none; margin-left: auto; } .header.panel > .header.links > li { display: inline-block; vertical-align: top; } .header.panel > .header.links > li { font-size: 14px; margin: 0 0 0 15px; } .header.panel > .header.links > li.welcome, .header.panel > .header.links > li a { line-height: 1.4; } .header.panel > .header.links > li.welcome a { padding-left: 5px; } .header.content { padding: 30px 20px 0; } .page-header { border: 0; margin-bottom: 0; } .page-header .panel.wrapper { border-bottom: 1px solid #e8e8e8; } .page-header .header.panel { padding-bottom: 10px; padding-top: 10px; } .page-header .switcher { display: inline-block; } .page-main > .page-title-wrapper .page-title { display: inline-block; } .page-main > .page-title-wrapper .page-title + .action { float: right; margin-top: 20px; } .logo { margin: 0 auto 25px 0; } .logo img { max-height: inherit; } .footer.content .block { float: right; } .footer.content .links { display: inline-block; margin-bottom: 20px; padding: 0 50px 0 0; vertical-align: top; } .footer.content .switcher.store { display: inline-block; padding-right: 50px; vertical-align: top; } .my-credit-cards .card-type img { display: block; } .products-grid.wishlist .product-item-tooltip { display: inline-block; } .products-grid.wishlist .product-item-actions { margin: 10px 0 0; } .products-grid.wishlist .product-item .fieldset .field.qty { margin-bottom: 10px; padding-right: 10px; } .products-grid.wishlist .product-item .fieldset .field.qty .label { width: auto; } .products-grid.wishlist .product-item .box-tocart .actions-primary { margin: 0; } .products-grid.wishlist .product-item .box-tocart .stock { margin: 20px 0 0; } .wishlist-index-index .product-item-info { width: 240px; } .contact-index-index .column:not(.sidebar-additional) .form.contact { min-width: 600px; } .block.widget .products-grid .product-item { width: 33.33333333%; } .sidebar .block.widget .products-grid .product-item { margin-left: 0; width: 100%; } .sidebar .block.widget .products-grid .product-item .actions-secondary { display: block; padding: 10px 0; } .page-layout-1column .block.widget .products-grid .product-item { margin-left: 2%; width: calc((100% - 6%) / 4); } .page-layout-1column .block.widget .products-grid .product-item:nth-child(3n + 1) { margin-left: 2%; } .page-layout-1column .block.widget .products-grid .product-item:nth-child(4n + 1) { margin-left: 0; } .page-layout-3columns .block.widget .products-grid .product-item { width: 50%; } .sidebar .block.widget .pager .pages-item-next { padding: 0; } .sidebar .block.widget .pager .pages-item-next .action { margin: 0; } } @media all and (min-width: 1024px), print { .products-grid .product-item { width: 20%; } .page-layout-1column .products-grid .product-item { width: 16.66666667%; } .page-layout-3columns .products-grid .product-item { width: 25%; } .page-products .products-grid .product-items { margin: 0; } .page-products .products-grid .product-item { margin-left: 2%; padding: 0; width: calc((100% - 6%) / 4); } .page-products .products-grid .product-item:nth-child(3n + 1) { margin-left: 2%; } .page-products .products-grid .product-item:nth-child(4n + 1) { margin-left: 0; } .page-products.page-layout-1column .products-grid .product-item { margin-left: 0; width: 20%; } .page-products.page-layout-3columns .products-grid .product-item { margin-left: 1%; width: 32.667%; } .page-products.page-layout-3columns .products-grid .product-item:nth-child(3n) { margin-left: 1%; } .page-products.page-layout-3columns .products-grid .product-item:nth-child(3n + 1) { margin-left: 0; } .checkout-index-index .modal-popup .modal-inner-wrap { margin-left: -400px; width: 800px; left: 50%; } .opc-wrapper .shipping-address-item { width: 33.33333333%; } .opc-wrapper .shipping-address-item:before { background: #cccccc; height: calc(100% - 20px); content: ''; left: 0; position: absolute; top: 0; width: 1px; } .opc-wrapper .shipping-address-item:nth-child(3n + 1):before { display: none; } .opc-wrapper .shipping-address-item.selected-item:before { display: none; } .opc-wrapper .shipping-address-item.selected-item + .shipping-address-item:before { display: none; } .table-checkout-shipping-method { min-width: 500px; } .wishlist-index-index .products-grid .product-items { margin: 0; } .wishlist-index-index .products-grid .product-item { margin-left: calc((100% - 4 * 24.439%) / 3); padding: 0; width: 24.439%; } .wishlist-index-index .products-grid .product-item:nth-child(4n + 1) { margin-left: 0; } .block.widget .products-grid .product-item { width: 20%; } .page-layout-1column .block.widget .products-grid .product-item { margin-left: 2%; width: calc((100% - 8%) / 5); } .page-layout-1column .block.widget .products-grid .product-item:nth-child(4n + 1) { margin-left: 2%; } .page-layout-1column .block.widget .products-grid .product-item:nth-child(5n + 1) { margin-left: 0; } .page-layout-3columns .block.widget .products-grid .product-item { width: 25%; } .block.widget .products-grid .product-items { margin: 0; } .block.widget .products-grid .product-item { margin-left: calc((100% - 4 * 24.439%) / 3); padding: 0; width: 24.439%; } .block.widget .products-grid .product-item:nth-child(4n + 1) { margin-left: 0; } } @media all and (min-width: 1440px), print { .sidebar .product-items .product-item-info .product-item-photo { float: none; left: 0; margin: 0; position: absolute; top: 0; } .sidebar .product-items .product-item-details { margin-left: 85px; } } /** This file contains the variables that can be ajusted by a client, other varriables in variables.less are backed and requied for consistent spacing and positioning */ /** ! DO NOT REFERENCE THESE VALUES DIRECTLY */ /* Lesswind is a lightweight interpretation of Tailwind built in less. It is intended **not** to be used in HTML *directly*, but to be used as values in other `.less` files. This has been modified from less.js maps to direct variables Example: ``` .container { margin: @sp-4 @sp-auto @sp-2_5 @sp-1; padding: @sp-10 @sp-16; color: @cl-slate-700; background-color: @cl-stone-100; border: @sz-border-2 solid @cl-orange-400; font-family: @font-family-sans; border-radius: @radius-2xl; } ``` This sets the padding and width for the block to standard reusable increments instead of magic increments used every time, which can change over a projects lifetime and may introduce inconsistency. ## Notes Due to some limitations related to keywords in less, these characters are replaced: * "." is replaced with "_", e.g 1.5 is now 1_5 * "/" is replaced with "-" e.g 1/2 is now 1-2 */ body * { font-family: 'Open Sans' !important; } /* width */ ::-webkit-scrollbar { width: 5px; height: 5px; } /* Track */ ::-webkit-scrollbar-track { background: #f1f1f1; } /* Handle */ ::-webkit-scrollbar-thumb { background: #121212; } /* Handle on hover */ ::-webkit-scrollbar-thumb:hover { background: #555; } body { font-family: 'Open Sans'; font-size: 16px; color: #121212; } body:not(.cms-home) .widget .banner { background-color: #f0f2f6; } body.cms-page-view .column.main { margin-top: 0; } body .column.main .block .title strong { font-size: inherit; } body .minicart-wrapper .block-minicart { padding: 20px; border-radius: 4px; border: 0; box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25); } @media (min-width: 768px) { body .minicart-wrapper .block-minicart { width: 396px; left: -100px; } } @media (max-width: 767px) { body .minicart-wrapper .block-minicart { min-width: calc(80%); left: 0; margin-left: auto; margin-right: auto; } } body .minicart-wrapper .block-minicart:before, body .minicart-wrapper .block-minicart:after { display: none; } body .minicart-wrapper .block-minicart .block-content > .action.close, body .minicart-wrapper .block-minicart .block-content > .checkout-btn { display: none; } body .minicart-wrapper .block-minicart .block-content .price-container { display: flex; flex-direction: column-reverse; } body .minicart-wrapper .block-minicart .block-content .price-container .price-excluding-tax, body .minicart-wrapper .block-minicart .block-content .price-container .price-including-tax { font-family: 'Open Sans'; font-style: normal; font-weight: 700; color: #121212; } body .minicart-wrapper .block-minicart .block-content .price-container .price-excluding-tax:before, body .minicart-wrapper .block-minicart .block-content .price-container .price-including-tax:before { font-weight: 400; } body .minicart-wrapper .block-minicart .block-content .price-container .price-excluding-tax .price { font-size: 16px; line-height: 24px; } body .minicart-wrapper .block-minicart .block-content .price-container .price-excluding-tax:before { content: 'Ex. VAT: '; font-size: 16px; line-height: 24px; } body .minicart-wrapper .block-minicart .block-content .price-container .price-including-tax .price { font-size: 12px; line-height: 18px; } body .minicart-wrapper .block-minicart .block-content .price-container .price-including-tax:before { content: 'Inc. VAT: '; font-size: 12px; line-height: 18px; } body .minicart-wrapper .block-minicart .block-content .items-total { margin-left: 0; } body .minicart-wrapper .block-minicart .block-content .items-total .count { display: block; font-family: 'Open Sans'; font-size: 16px; font-style: normal; font-weight: 700; line-height: 24px; } body .minicart-wrapper .block-minicart .block-content .items-total .count + span { font-family: 'Open Sans'; font-size: 12px; font-style: normal; font-weight: 400; line-height: 18px; } body .minicart-wrapper .block-minicart .block-content .subtotal { margin: 0; padding-bottom: 12px; } body .minicart-wrapper .block-minicart .block-content .subtotal .label { text-align: right; font-family: 'Open Sans'; font-size: 12px; font-style: normal; font-weight: 700; color: #064a89; line-height: 18px; } body .minicart-wrapper .block-minicart .block-content .action.viewcart { width: 100% !important; } body .minicart-wrapper .block-minicart .block-content .minicart-items-wrapper { margin: 0; padding: 0; border-color: #cdd2d6; } body .minicart-wrapper .block-minicart .block-content .minicart-items-wrapper li { padding: 0; } body .minicart-wrapper .block-minicart .block-content .minicart-items-wrapper li:not(:last-child) { padding-top: 16px; } body .minicart-wrapper .block-minicart .block-content .minicart-items-wrapper li > .product { display: flex; align-items: flex-start; } body .minicart-wrapper .block-minicart .block-content .minicart-items-wrapper li > .product .product-sku-qty { font-size: 12px; padding-bottom: 8px; } body .minicart-wrapper .block-minicart .block-content .minicart-items-wrapper li > .product .product-item-photo { padding: 12px 0; box-sizing: border-box; } body .minicart-wrapper .block-minicart .block-content .minicart-items-wrapper li > .product .product-item-photo .product-image-container { width: 84px !important; } body .minicart-wrapper .block-minicart .block-content .minicart-items-wrapper li > .product .product-item-photo .product-image-container img { width: 100% !important; } body .minicart-wrapper .block-minicart .block-content .minicart-items-wrapper li > .product .product-item-details { padding: 8px 12px; box-sizing: border-box; } body .minicart-wrapper .block-minicart .block-content .minicart-items-wrapper li > .product .product-item-name a { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: ellipsis; overflow: hidden; font-family: 'Open Sans'; font-size: 14px; font-style: normal; font-weight: 700; color: #064a89; line-height: 19.6px; text-decoration: none; } body .minicart-wrapper .block-minicart .block-content .minicart-items-wrapper li > .product .product-item-pricing .price-wrapper { display: flex; flex-direction: column-reverse; } body .minicart-wrapper .block-minicart .block-content .minicart-items-wrapper li > .product .product-item-pricing .price-wrapper > span { margin-top: 0; } body .minicart-wrapper .block-minicart .block-content .minicart-items-wrapper li > .product .product-item-pricing .price-wrapper .price-excluding-tax:before, body .minicart-wrapper .block-minicart .block-content .minicart-items-wrapper li > .product .product-item-pricing .price-wrapper .price-including-tax:before { display: none; } body .minicart-wrapper .block-minicart .block-content .minicart-items-wrapper li > .product .product-item-pricing .price-wrapper .price-excluding-tax:after, body .minicart-wrapper .block-minicart .block-content .minicart-items-wrapper li > .product .product-item-pricing .price-wrapper .price-including-tax:after { content: ' ' attr(data-label); font-weight: 700; } body .minicart-wrapper .block-minicart .block-content .minicart-items-wrapper li > .product .product-item-pricing .price-wrapper .price-excluding-tax { color: #207ccb; } body .minicart-wrapper .block-minicart .block-content .minicart-items-wrapper li > .product .product-item-pricing .price-wrapper .price-excluding-tax:after { font-size: 16px; } body .minicart-wrapper .block-minicart .block-content .minicart-items-wrapper li > .product .product-item-pricing .price-wrapper .price-including-tax { opacity: 0.7; } body .minicart-wrapper .block-minicart .block-content .minicart-items-wrapper li > .product .product-item-pricing .price-wrapper .price-including-tax:after { font-size: 12px; } body .minicart-wrapper .block-minicart .block-content .minicart-items-wrapper li .item-bottom { display: flex; align-items: center; justify-content: space-between; padding-top: 8px; padding-bottom: 16px; } body .minicart-wrapper .block-minicart .block-content .minicart-items-wrapper li .item-bottom .product.actions { float: none; margin-top: 0; } body .minicart-wrapper .block-minicart .block-content .minicart-items-wrapper li .item-bottom .product.actions .action { padding: 8px; } body .minicart-wrapper .block-minicart .block-content .minicart-items-wrapper li .item-bottom .product.actions .action:before, body .minicart-wrapper .block-minicart .block-content .minicart-items-wrapper li .item-bottom .product.actions .action:after { display: none; } body .minicart-wrapper .block-minicart .block-content .minicart-items-wrapper li .item-bottom .details-qty { display: flex; align-items: center; justify-content: space-between; min-width: 94px; gap: 8px; float: none; } body .minicart-wrapper .block-minicart .block-content .minicart-items-wrapper li .item-bottom .details-qty label { font-family: 'Open Sans'; font-size: 12px; font-style: normal; font-weight: 700; color: #064a89; line-height: 18px; } body .minicart-wrapper .block-minicart .block-content .minicart-items-wrapper li .item-bottom .details-qty input { display: flex; width: 60px; height: 32px; padding: 8px 0px; justify-content: center; align-items: center; gap: 10px; border-radius: 4px; border: 1px solid #207ccb; } body .minicart-wrapper .block-minicart .block-content .minicart-items-wrapper li .item-bottom .details-qty button { font-family: 'Open Sans'; font-size: 14px; font-style: normal; font-weight: 700; height: 32px !important; padding-top: 0 !important; padding-bottom: 0 !important; } body .action-link1 { font-family: 'Open Sans'; font-size: 16px; font-style: normal; font-weight: 700; color: #207ccb; line-height: 24px; text-decoration-line: underline; text-underline-offset: 3px; } body .box-tocart { margin: 0 !important; } body .box-tocart .fieldset { display: flex; align-items: center; margin-bottom: 0; } body .box-tocart .fieldset .field.qty { display: flex; align-items: center; margin-bottom: 0; } body .box-tocart .fieldset .field.qty label { font-size: 12px; color: #383838; margin: 0 !important; padding: 0 14px 0 0 !important; } body .box-tocart .fieldset .field.qty input { font-size: 16px; width: 43px; height: 40px; text-align: center; border: 1px solid #616161; background-color: #f6f6f6; border-radius: 4px; margin: 0 4px; } body .box-tocart .fieldset .field.qty a { display: flex; justify-content: center; align-items: center; color: #383838; min-width: 24px; height: 24px; } body .box-tocart .fieldset .field.qty a svg { width: 12px; } body .box-tocart .fieldset .field.qty .control { display: flex; align-items: center; } body .box-tocart .fieldset .actions { padding-top: 0; } body .box-tocart .fieldset .actions .tocart { display: flex; justify-content: center; align-items: center; min-width: 183px; } body .box-tocart .fieldset .actions .tocart img { width: 21px; margin-right: 18px; } body .items .product-item .price-box { margin: 36px 0; } body .items .product-item .price-box .price-container { display: flex; flex-direction: column-reverse; margin-bottom: 25px; } body .items .product-item .price-box .price-container .price-wrapper { display: flex; align-items: center; font-weight: 700; } body .items .product-item .price-box .price-container .price-wrapper.price-excluding-tax { margin-bottom: 3px; } body .items .product-item .price-box .price-container .price-wrapper.price-excluding-tax:before { display: none; } body .items .product-item .price-box .price-container .price-wrapper.price-excluding-tax:after { content: " " attr(data-label); font-size: 12px; color: #207ccb; margin-left: 8px; } body .items .product-item .price-box .price-container .price-wrapper.price-excluding-tax .price { font-size: 20px; color: #207ccb; } body .items .product-item .price-box .price-container .price-wrapper.price-including-tax { font-size: 12px; line-height: 16px; color: #383838; opacity: 0.7; } body .items .product-item .price-box .price-container .price-wrapper.price-including-tax:after { content: " " attr(data-label); padding-left: 4px; } body .items .product-item .price-box .price-container .price-wrapper.price-including-tax .price { font-size: 12px; } body .breadcrumbs { border-bottom: 1px solid #CDD2D6; padding: 16px 0px; margin: 0 auto; } @media all and (max-width: 768px) { body .breadcrumbs { margin: 0 16px; } } body .breadcrumbs .items .item a { font-family: 'Open Sans'; font-size: 12px; font-style: normal; color: #207CCB; font-weight: 400; line-height: 18px; } body .breadcrumbs .items .item.home a { color: #064A89; } body .breadcrumbs .items .item strong { font-family: 'Open Sans'; font-size: 12px; font-style: normal; color: #207CCB; font-weight: 700; line-height: 18px; } body .ammenu-menu-wrapper { margin-bottom: 0; } @media all and (min-width: 768px) { body .ammenu-menu-wrapper { margin-bottom: 24px; } } body .box-content { margin-bottom: 36px; } @media all and (max-width: 768px) { body .section-header { padding-left: 16px; padding-right: 16px; } } body .apptrian-subcategories-grid { display: flex; flex-wrap: wrap; box-sizing: border-box; } @media all and (min-width: 768px) { body .apptrian-subcategories-grid { gap: 24px; } } @media all and (max-width: 768px) { body .apptrian-subcategories-grid { padding-left: 16px; padding-right: 16px; box-sizing: border-box; } } @media all and (min-width: 961px) { body .apptrian-subcategories-grid li.apptrian-subcategories-category-wrapper { width: calc(25% - 18px); } } @media all and (min-width: 768px) and (max-width: 960px) { body .apptrian-subcategories-grid li.apptrian-subcategories-category-wrapper { width: calc(33.333% - 18px); } } body .apptrian-subcategories-grid li.apptrian-subcategories-category-wrapper .apptrian-subcategories-category { text-align: left; border-bottom: 4px solid #fee200; margin: 0; } body .apptrian-subcategories-grid li.apptrian-subcategories-category-wrapper .apptrian-subcategories-category .apptrian-subcategories-category-name { padding: 24px 0; text-align: left; box-sizing: border-box !important; padding: 24px 0 10px !important; } @media (max-width: 767px) { body .apptrian-subcategories-grid li.apptrian-subcategories-category-wrapper .apptrian-subcategories-category .apptrian-subcategories-category-name { padding: 16px 0 8px !important; } } body .apptrian-subcategories-grid li.apptrian-subcategories-category-wrapper .apptrian-subcategories-category .apptrian-subcategories-category-name a { font-size: 20px; font-weight: 700; line-height: 140%; color: #064a89; } @media (max-width: 767px) { body .apptrian-subcategories-grid li.apptrian-subcategories-category-wrapper .apptrian-subcategories-category .apptrian-subcategories-category-name a { font-size: 16px; line-height: 24px; } } body .apptrian-subcategories-grid li.apptrian-subcategories-category-wrapper .apptrian-subcategories-category .apptrian-subcategories-category-description p { font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; color: #121212; margin: 0 0 8px; } @media (max-width: 767px) { body .apptrian-subcategories-grid li.apptrian-subcategories-category-wrapper .apptrian-subcategories-category .apptrian-subcategories-category-description p { font-size: 14px; } } body .apptrian-subcategories-grid li.apptrian-subcategories-category-wrapper .apptrian-subcategories-category .view-all { padding-bottom: 24px; color: #207ccb; } @media (max-width: 767px) { body .apptrian-subcategories-grid li.apptrian-subcategories-category-wrapper .apptrian-subcategories-category .view-all { padding: 8px 0 16px; } } body .apptrian-subcategories-grid li.apptrian-subcategories-category-wrapper .apptrian-subcategories-category .view-all a { font-size: 16px; font-weight: 700; line-height: 150%; /* 24px */ text-decoration-line: underline; } @media (max-width: 767px) { body .apptrian-subcategories-grid li.apptrian-subcategories-category-wrapper .apptrian-subcategories-category .view-all a { font-size: 14px; } } body.cms-no-route .page-wrapper #maincontent { padding: 60px 0; } @media (max-width: 767px) { body.cms-no-route .page-wrapper #maincontent { padding: 32px 0; } } body.cms-no-route .page-wrapper #maincontent .columns .column.main { margin: 0; min-height: auto; } body.cms-no-route .page-wrapper #maincontent .page-title-wrapper { text-align: center; } body.cms-no-route .page-wrapper #maincontent .page-title-wrapper .page-title { color: #064a89; font-family: 'Open Sans'; font-weight: 700; font-size: 32px; margin-bottom: 16px; } @media (max-width: 767px) { body.cms-no-route .page-wrapper #maincontent .page-title-wrapper .page-title { font-size: 28px; } } body.cms-no-route .page-wrapper #maincontent .columns .no-route-sec p { text-align: center; font-size: 24px; font-weight: 700; margin-bottom: 16px; } @media (max-width: 767px) { body.cms-no-route .page-wrapper #maincontent .columns .no-route-sec p { font-size: 14px; } } body.cms-no-route .page-wrapper #maincontent .columns .no-route-sec .actions { text-align: center; } @media (max-width: 767px) { body.cms-no-route .page-wrapper #maincontent .columns .no-route-sec .actions { padding: 0 16px; } } body.cms-no-route .page-wrapper #maincontent .columns .no-route-sec .actions .action { width: 230px; } @media (max-width: 767px) { body.cms-no-route .page-wrapper #maincontent .columns .no-route-sec .actions .action { font-size: 14px; width: 100%; } } body.cms-no-route .page-wrapper #maincontent .columns .sidebar-additional { display: none; } .lumarix-h1 { font-size: 34px; letter-spacing: -0.3px; } .lumarix-h2 { font-size: 28px; } .lumarix-h3 { font-size: 20px; } .lumarix-h4 { font-size: 16px; line-height: 24px; } .lumarix-h5 { font-size: 14px; line-height: 22px; } .lumarix-h6 { font-size: 12px; } .lumarix-carousel { font-size: 45px; } .section-heading { font-size: 300; } .text-white { color: #ffffff; } .text-large { font-size: 18px; font-weight: 700; } .text-caption { font-size: 16px; color: #737373; } .text-caption-small { font-size: 14px; color: #737373; } .lumarix-typographgy h1 { font-size: 34px; letter-spacing: -0.3px; } .lumarix-typographgy h2 { font-size: 28px; } .lumarix-typographgy h3 { font-size: 20px; } .lumarix-typographgy h4 { font-size: 16px; line-height: 24px; } .lumarix-typographgy h5 { font-size: 14px; line-height: 22px; } .lumarix-typographgy .h6 { font-size: 12px; } .lumarix-typographgy .h1 b { font-size: 34px; letter-spacing: -0.3px; font-weight: 700; } .lumarix-typographgy .h1-carousel { font-size: 45px; } .lumarix-typographgy .h1-section { font-size: 33px; } h1, .h1 { font-size: 34px; letter-spacing: -0.3px; } h2, .h2 { font-size: 28px; } h3, .h3 { font-size: 20px; } h4, .h4 { font-size: 16px; line-height: 24px; } h5, .h5 { font-size: 14px; line-height: 22px; } .h6, .h6 { font-size: 12px; } .h1 b { font-size: 34px; letter-spacing: -0.3px; font-weight: 700; } .h1-carousel { font-size: 45px; } .h1-section { font-size: 33px; } .bold { font-weight: 700; } .flex-centered { display: flex; flex-direction: row; justify-content: center; align-items: center; } .scale-15 { transform: scale(1.5); } .scale-125 { transform: scale(1.25); } .value-icon-large { width: 75px; } .lumarix-fa-icon { font-family: "Font Awesome 5 Free"; font-weight: 900; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; transition-duration: 250ms; } .lumarix-fa-arrow-down { font-family: "Font Awesome 5 Free"; font-weight: 900; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; transition-duration: 250ms; content: "\f078"; } .lumarix-content { box-sizing: border-box; margin-left: auto; margin-right: auto; max-width: 1280px; padding-left: 20px; padding-right: 20px; width: 100%; } .lumarix-transition-fast { transition-duration: 250ms; } .lumarix-transition-normal { transition-duration: 500ms; } .lumarix-transition-slow { transition-duration: 500ms; } @media screen and (max-width: 767px) { .show-mobile { display: block; } .show-desktop { display: none; } .hide-mobile { display: none; } } @media screen and (min-width: 768px) { .show-mobile { display: none; } .show-desktop { display: block; } } /* * In this file, we can toggle displaying certain areas in lumarix, for example the filter bar on sub categories Each option will have its on descritpion to show what it does Key: false - Dont show true - Show */ .div { padding: 0.5rem; } #html-body .lumarix-button, #html-body .header-content-section-actions > ul > .authorization-link a, #html-body .action.primary { font-family: 'Open Sans'; transition-duration: 250ms; width: fit-content; padding: 10.5px 16.5px; border-radius: 4px; border: none; color: #ffffff; font-weight: 700; font-style: normal; font-size: 16px; line-height: 24px; background-color: #207ccb; border: 2px solid #207ccb; cursor: pointer; text-transform: capitalize; height: 48px; box-sizing: border-box; } @media (max-width: 767px) { #html-body .lumarix-button, #html-body .header-content-section-actions > ul > .authorization-link a, #html-body .action.primary { font-size: 14px; } } #html-body .lumarix-button:active, #html-body .header-content-section-actions > ul > .authorization-link a:active, #html-body .action.primary:active { background-color: #074b8a; border-color: #074b8a; } #html-body .lumarix-button:active a, #html-body .header-content-section-actions > ul > .authorization-link a:active a, #html-body .action.primary:active a { color: #ffffff; text-decoration: none; } #html-body .lumarix-button:hover, #html-body .header-content-section-actions > ul > .authorization-link a:hover, #html-body .action.primary:hover { background-color: #074b8a; border-color: #074b8a; color: #ffffff; text-decoration: none; } #html-body .lumarix-button:hover a, #html-body .header-content-section-actions > ul > .authorization-link a:hover a, #html-body .action.primary:hover a { color: unset; text-decoration: none; } #html-body .lumarix-button i, #html-body .header-content-section-actions > ul > .authorization-link a i, #html-body .action.primary i { margin-right: 1rem; } #html-body .lumarix-button-secondary, #html-body .register-account-link, #html-body .action.secondary { font-family: 'Open Sans'; transition-duration: 250ms; width: fit-content; padding: 10.5px 16.5px; border-radius: 4px; border: none; color: #ffffff; font-weight: 700; font-style: normal; font-size: 16px; line-height: 24px; background-color: #09375b; border: 2px solid #09375b; cursor: pointer; text-transform: capitalize; height: 48px; box-sizing: border-box; } @media (max-width: 767px) { #html-body .lumarix-button-secondary, #html-body .register-account-link, #html-body .action.secondary { font-size: 14px; } } #html-body .lumarix-button-secondary:active, #html-body .register-account-link:active, #html-body .action.secondary:active { background-color: #052742; border-color: #052742; } #html-body .lumarix-button-secondary:active a, #html-body .register-account-link:active a, #html-body .action.secondary:active a { text-decoration: none; } #html-body .lumarix-button-secondary:hover, #html-body .register-account-link:hover, #html-body .action.secondary:hover { background-color: #052742; border-color: #052742; color: #ffffff; text-decoration: none; } #html-body .lumarix-button-secondary:disabled, #html-body .register-account-link:disabled, #html-body .action.secondary:disabled { opacity: 0.6; } #html-body .lumarix-button-tertiary, #html-body .action.tertiary { font-family: 'Open Sans'; background-color: #ffffff; color: #207ccb; border-color: #207ccb; cursor: pointer; } @media (max-width: 767px) { #html-body .lumarix-button-tertiary, #html-body .action.tertiary { font-size: 14px; } } #html-body .lumarix-button-tertiary:active, #html-body .action.tertiary:active { color: #ffffff; background-color: #19619f; border-color: #19619f; } #html-body .lumarix-button-tertiary:hover, #html-body .action.tertiary:hover { color: #ffffff; background-color: #19619f; border-color: #1e7dac; } #html-body .lumarix-button-related { background-color: #e5e5e5; color: #121212; border-color: #737373; cursor: pointer; } #html-body .lumarix-button-related:active, #html-body .lumarix-button-related:hover { background-color: #a3a3a3; color: #121212; border-color: #737373; } #html-body .lumarix-button-header { background-color: white; color: #207ccb; border-color: #207ccb; cursor: pointer; } #html-body .lumarix-button-header:active, #html-body .lumarix-button-header:hover { color: #ffffff; background-color: #207ccb; border-color: #207ccb; } #html-body .lumarix-button-header .customer-name { padding: 10.5px 16.5px; } #html-body .lumarix-button-trade { background-color: #207ccb; border-color: #207ccb; color: #ffffff; cursor: pointer; } #html-body .lumarix-button-trade:active, #html-body .lumarix-button-trade:hover { background-color: #3e95e0; border-color: #3e95e0; } #html-body .lumarix-button-requisitions { padding: 10.5px 16.5px; width: 100%; height: 100%; display: block; border-radius: 4px; border: 1px solid #737373; display: flex; justify-content: space-between; color: #121212; } #html-body .lumarix-button-requisitions:before { content: none; } #html-body .lumarix-button-requisitions:after { transition-duration: 250ms; font-size: 32px; color: #121212; } #html-body .lumarix-button-requisitions span { text-transform: none; } #html-body .lumarix-button-account-add { background: #09375b; color: #ffffff; width: 100%; height: 46px; padding: 15px 31px; border-color: #09375b; text-align: center; } @media screen and (min-width: 768px) { #html-body .lumarix-button-account-add { background: #ffffff; border: 2px solid #207ccb; box-sizing: border-box; border-radius: 4px; width: 220px; height: 58px; padding: 15px 31px; color: #207ccb; font-weight: 600; font-size: 18px; line-height: 24px; } #html-body .lumarix-button-account-add:active, #html-body .lumarix-button-account-add:hover { color: #ffffff; background-color: #207ccb; border-color: #207ccb; } #html-body .lumarix-button-account-add::before { float: left; content: "\002B"; font-size: 34px; font-weight: 400; line-height: 24px; } } #html-body:disabled, #html-body.disabled { opacity: 0.5; } #html-body .lumarix-button-icon i { margin-right: 1rem; } #html-body .lumarix-button-small { padding: 5px 8px; font-size: 16px; } #html-body .lumarix-button-medium { padding: 15px 31px; font-size: 18px; } #html-body .lumarix-button-large { padding: 10.5px 66px !important; } #html-body .lumarix-button-full { width: 100%; } #html-body .form-discount .apply, #html-body .coupon .apply, #html-body .form-discount .action-apply, #html-body .coupon .action-apply { font-family: 'Open Sans'; transition-duration: 250ms; width: fit-content; padding: 10.5px 16.5px; border-radius: 4px; border: none; color: #ffffff; font-weight: 700; font-style: normal; font-size: 16px; line-height: 24px; background-color: #207ccb; border: 2px solid #207ccb; cursor: pointer; text-transform: capitalize; height: 48px; box-sizing: border-box; } @media (max-width: 767px) { #html-body .form-discount .apply, #html-body .coupon .apply, #html-body .form-discount .action-apply, #html-body .coupon .action-apply { font-size: 14px; } } #html-body .form-discount .apply:active, #html-body .coupon .apply:active, #html-body .form-discount .action-apply:active, #html-body .coupon .action-apply:active { background-color: #074b8a; border-color: #074b8a; } #html-body .form-discount .apply:active a, #html-body .coupon .apply:active a, #html-body .form-discount .action-apply:active a, #html-body .coupon .action-apply:active a { color: #ffffff; text-decoration: none; } #html-body .form-discount .apply:hover, #html-body .coupon .apply:hover, #html-body .form-discount .action-apply:hover, #html-body .coupon .action-apply:hover { background-color: #074b8a; border-color: #074b8a; color: #ffffff; text-decoration: none; } #html-body .form-discount .apply:hover a, #html-body .coupon .apply:hover a, #html-body .form-discount .action-apply:hover a, #html-body .coupon .action-apply:hover a { color: unset; text-decoration: none; } #html-body .form-discount .apply i, #html-body .coupon .apply i, #html-body .form-discount .action-apply i, #html-body .coupon .action-apply i { margin-right: 1rem; } #html-body .cart-summary button { font-family: 'Open Sans'; transition-duration: 250ms; width: fit-content; padding: 10.5px 16.5px; border-radius: 4px; border: none; color: #ffffff; font-weight: 700; font-style: normal; font-size: 16px; line-height: 24px; background-color: #207ccb; border: 2px solid #207ccb; cursor: pointer; text-transform: capitalize; height: 48px; box-sizing: border-box; width: 100%; } @media (max-width: 767px) { #html-body .cart-summary button { font-size: 14px; } } #html-body .cart-summary button:active { background-color: #074b8a; border-color: #074b8a; } #html-body .cart-summary button:active a { color: #ffffff; text-decoration: none; } #html-body .cart-summary button:hover { background-color: #074b8a; border-color: #074b8a; color: #ffffff; text-decoration: none; } #html-body .cart-summary button:hover a { color: unset; text-decoration: none; } #html-body .cart-summary button i { margin-right: 1rem; } #html-body.page-layout-checkout button.continue, #html-body.page-layout-checkout button.checkout { font-family: 'Open Sans'; transition-duration: 250ms; width: fit-content; padding: 10.5px 16.5px; border-radius: 4px; border: none; color: #ffffff; font-weight: 700; font-style: normal; font-size: 16px; line-height: 24px; background-color: #207ccb; border: 2px solid #207ccb; cursor: pointer; text-transform: capitalize; height: 48px; box-sizing: border-box; } @media (max-width: 767px) { #html-body.page-layout-checkout button.continue, #html-body.page-layout-checkout button.checkout { font-size: 14px; } } #html-body.page-layout-checkout button.continue:active, #html-body.page-layout-checkout button.checkout:active { background-color: #074b8a; border-color: #074b8a; } #html-body.page-layout-checkout button.continue:active a, #html-body.page-layout-checkout button.checkout:active a { color: #ffffff; text-decoration: none; } #html-body.page-layout-checkout button.continue:hover, #html-body.page-layout-checkout button.checkout:hover { background-color: #074b8a; border-color: #074b8a; color: #ffffff; text-decoration: none; } #html-body.page-layout-checkout button.continue:hover a, #html-body.page-layout-checkout button.checkout:hover a { color: unset; text-decoration: none; } #html-body.page-layout-checkout button.continue i, #html-body.page-layout-checkout button.checkout i { margin-right: 1rem; } #html-body.page-layout-checkout .new-address-popup button { font-family: 'Open Sans'; transition-duration: 250ms; width: fit-content; padding: 10.5px 16.5px; border-radius: 4px; border: none; color: #ffffff; font-weight: 700; font-style: normal; font-size: 16px; line-height: 24px; background-color: #207ccb; border: 2px solid #207ccb; cursor: pointer; text-transform: capitalize; height: 48px; box-sizing: border-box; } @media (max-width: 767px) { #html-body.page-layout-checkout .new-address-popup button { font-size: 14px; } } #html-body.page-layout-checkout .new-address-popup button:active { background-color: #074b8a; border-color: #074b8a; } #html-body.page-layout-checkout .new-address-popup button:active a { color: #ffffff; text-decoration: none; } #html-body.page-layout-checkout .new-address-popup button:hover { background-color: #074b8a; border-color: #074b8a; color: #ffffff; text-decoration: none; } #html-body.page-layout-checkout .new-address-popup button:hover a { color: unset; text-decoration: none; } #html-body.page-layout-checkout .new-address-popup button i { margin-right: 1rem; } #html-body.page-layout-checkout .action-select-shipping-item { font-family: 'Open Sans'; transition-duration: 250ms; width: fit-content; padding: 10.5px 16.5px; border-radius: 4px; border: none; color: #ffffff; font-weight: 700; font-style: normal; font-size: 16px; line-height: 24px; background-color: #207ccb; border: 2px solid #207ccb; cursor: pointer; text-transform: capitalize; height: 48px; box-sizing: border-box; } @media (max-width: 767px) { #html-body.page-layout-checkout .action-select-shipping-item { font-size: 14px; } } #html-body.page-layout-checkout .action-select-shipping-item:active { background-color: #074b8a; border-color: #074b8a; } #html-body.page-layout-checkout .action-select-shipping-item:active a { color: #ffffff; text-decoration: none; } #html-body.page-layout-checkout .action-select-shipping-item:hover { background-color: #074b8a; border-color: #074b8a; color: #ffffff; text-decoration: none; } #html-body.page-layout-checkout .action-select-shipping-item:hover a { color: unset; text-decoration: none; } #html-body.page-layout-checkout .action-select-shipping-item i { margin-right: 1rem; } #html-body.page-layout-checkout .opc-estimated-wrapper .showcart { font-family: 'Open Sans'; transition-duration: 250ms; width: fit-content; padding: 10.5px 16.5px; border-radius: 4px; border: none; color: #ffffff; font-weight: 700; font-style: normal; font-size: 16px; line-height: 24px; background-color: #207ccb; border: 2px solid #207ccb; cursor: pointer; text-transform: capitalize; height: 48px; box-sizing: border-box; } @media (max-width: 767px) { #html-body.page-layout-checkout .opc-estimated-wrapper .showcart { font-size: 14px; } } #html-body.page-layout-checkout .opc-estimated-wrapper .showcart:active { background-color: #074b8a; border-color: #074b8a; } #html-body.page-layout-checkout .opc-estimated-wrapper .showcart:active a { color: #ffffff; text-decoration: none; } #html-body.page-layout-checkout .opc-estimated-wrapper .showcart:hover { background-color: #074b8a; border-color: #074b8a; color: #ffffff; text-decoration: none; } #html-body.page-layout-checkout .opc-estimated-wrapper .showcart:hover a { color: unset; text-decoration: none; } #html-body.page-layout-checkout .opc-estimated-wrapper .showcart i { margin-right: 1rem; } #html-body .pagebuilder-slider .pagebuilder-slide-wrapper button { font-family: 'Open Sans'; transition-duration: 250ms; width: fit-content; padding: 10.5px 16.5px; border-radius: 4px; border: none; color: #ffffff; font-weight: 700; font-style: normal; font-size: 16px; line-height: 24px; background-color: #207ccb; border: 2px solid #207ccb; cursor: pointer; text-transform: capitalize; height: 48px; box-sizing: border-box; } @media (max-width: 767px) { #html-body .pagebuilder-slider .pagebuilder-slide-wrapper button { font-size: 14px; } } #html-body .pagebuilder-slider .pagebuilder-slide-wrapper button:active { background-color: #074b8a; border-color: #074b8a; } #html-body .pagebuilder-slider .pagebuilder-slide-wrapper button:active a { color: #ffffff; text-decoration: none; } #html-body .pagebuilder-slider .pagebuilder-slide-wrapper button:hover { background-color: #074b8a; border-color: #074b8a; color: #ffffff; text-decoration: none; } #html-body .pagebuilder-slider .pagebuilder-slide-wrapper button:hover a { color: unset; text-decoration: none; } #html-body .pagebuilder-slider .pagebuilder-slide-wrapper button i { margin-right: 1rem; } #html-body .lumarix-products-slider-block .unavailable { transition-duration: 250ms; width: fit-content; padding: 10.5px 16.5px; border-radius: 4px; border: none; color: #ffffff; font-weight: 700; font-style: normal; font-size: 16px; line-height: 24px; background-color: #207ccb; border: 2px solid #207ccb; text-transform: capitalize; height: 48px; box-sizing: border-box; font-family: 'Open Sans'; background-color: #ffffff; color: #207ccb; border-color: #207ccb; cursor: pointer; opacity: 0.5; } @media (max-width: 767px) { #html-body .lumarix-products-slider-block .unavailable { font-size: 14px; } } #html-body .lumarix-products-slider-block .unavailable:active { background-color: #074b8a; border-color: #074b8a; } #html-body .lumarix-products-slider-block .unavailable:active a { color: #ffffff; text-decoration: none; } #html-body .lumarix-products-slider-block .unavailable:hover { background-color: #074b8a; border-color: #074b8a; color: #ffffff; text-decoration: none; } #html-body .lumarix-products-slider-block .unavailable:hover a { color: unset; text-decoration: none; } #html-body .lumarix-products-slider-block .unavailable i { margin-right: 1rem; } @media (max-width: 767px) { #html-body .lumarix-products-slider-block .unavailable { font-size: 14px; } } #html-body .lumarix-products-slider-block .unavailable:active { color: #ffffff; background-color: #19619f; border-color: #19619f; } #html-body .lumarix-products-slider-block .unavailable:hover { color: #ffffff; background-color: #19619f; border-color: #1e7dac; } #html-body.checkout-onepage-success .continue { font-family: 'Open Sans'; transition-duration: 250ms; width: fit-content; padding: 10.5px 16.5px; border-radius: 4px; border: none; color: #ffffff; font-weight: 700; font-style: normal; font-size: 16px; line-height: 24px; background-color: #207ccb; border: 2px solid #207ccb; cursor: pointer; text-transform: capitalize; height: 48px; box-sizing: border-box; } @media (max-width: 767px) { #html-body.checkout-onepage-success .continue { font-size: 14px; } } #html-body.checkout-onepage-success .continue:active { background-color: #074b8a; border-color: #074b8a; } #html-body.checkout-onepage-success .continue:active a { color: #ffffff; text-decoration: none; } #html-body.checkout-onepage-success .continue:hover { background-color: #074b8a; border-color: #074b8a; color: #ffffff; text-decoration: none; } #html-body.checkout-onepage-success .continue:hover a { color: unset; text-decoration: none; } #html-body.checkout-onepage-success .continue i { margin-right: 1rem; } #html-body.checkout-onepage-success #registration .primary { font-family: 'Open Sans'; transition-duration: 250ms; width: fit-content; padding: 10.5px 16.5px; border-radius: 4px; border: none; color: #ffffff; font-weight: 700; font-style: normal; font-size: 16px; line-height: 24px; background-color: #207ccb; border: 2px solid #207ccb; cursor: pointer; text-transform: capitalize; height: 48px; box-sizing: border-box; } @media (max-width: 767px) { #html-body.checkout-onepage-success #registration .primary { font-size: 14px; } } #html-body.checkout-onepage-success #registration .primary:active { background-color: #074b8a; border-color: #074b8a; } #html-body.checkout-onepage-success #registration .primary:active a { color: #ffffff; text-decoration: none; } #html-body.checkout-onepage-success #registration .primary:hover { background-color: #074b8a; border-color: #074b8a; color: #ffffff; text-decoration: none; } #html-body.checkout-onepage-success #registration .primary:hover a { color: unset; text-decoration: none; } #html-body.checkout-onepage-success #registration .primary i { margin-right: 1rem; } #html-body .widget-product-carousel .tocart { font-family: 'Open Sans'; transition-duration: 250ms; width: fit-content; padding: 10.5px 16.5px; border-radius: 4px; border: none; color: #ffffff; font-weight: 700; font-style: normal; font-size: 16px; line-height: 24px; background-color: #207ccb; border: 2px solid #207ccb; cursor: pointer; text-transform: capitalize; height: 48px; box-sizing: border-box; } @media (max-width: 767px) { #html-body .widget-product-carousel .tocart { font-size: 14px; } } #html-body .widget-product-carousel .tocart:active { background-color: #074b8a; border-color: #074b8a; } #html-body .widget-product-carousel .tocart:active a { color: #ffffff; text-decoration: none; } #html-body .widget-product-carousel .tocart:hover { background-color: #074b8a; border-color: #074b8a; color: #ffffff; text-decoration: none; } #html-body .widget-product-carousel .tocart:hover a { color: unset; text-decoration: none; } #html-body .widget-product-carousel .tocart i { margin-right: 1rem; } #html-body .review-form button { font-family: 'Open Sans'; transition-duration: 250ms; width: fit-content; padding: 10.5px 16.5px; border-radius: 4px; border: none; color: #ffffff; font-weight: 700; font-style: normal; font-size: 16px; line-height: 24px; background-color: #207ccb; border: 2px solid #207ccb; cursor: pointer; text-transform: capitalize; height: 48px; box-sizing: border-box; } @media (max-width: 767px) { #html-body .review-form button { font-size: 14px; } } #html-body .review-form button:active { background-color: #074b8a; border-color: #074b8a; } #html-body .review-form button:active a { color: #ffffff; text-decoration: none; } #html-body .review-form button:hover { background-color: #074b8a; border-color: #074b8a; color: #ffffff; text-decoration: none; } #html-body .review-form button:hover a { color: unset; text-decoration: none; } #html-body .review-form button i { margin-right: 1rem; } #html-body.catalog-product-view .box-tocart .tocart { font-family: 'Open Sans'; transition-duration: 250ms; width: fit-content; padding: 10.5px 16.5px; border-radius: 4px; border: none; color: #ffffff; font-weight: 700; font-style: normal; font-size: 16px; line-height: 24px; background-color: #207ccb; border: 2px solid #207ccb; cursor: pointer; text-transform: capitalize; height: 48px; box-sizing: border-box; min-width: initial; } @media (max-width: 767px) { #html-body.catalog-product-view .box-tocart .tocart { font-size: 14px; } } #html-body.catalog-product-view .box-tocart .tocart:active { background-color: #074b8a; border-color: #074b8a; } #html-body.catalog-product-view .box-tocart .tocart:active a { color: #ffffff; text-decoration: none; } #html-body.catalog-product-view .box-tocart .tocart:hover { background-color: #074b8a; border-color: #074b8a; color: #ffffff; text-decoration: none; } #html-body.catalog-product-view .box-tocart .tocart:hover a { color: unset; text-decoration: none; } #html-body.catalog-product-view .box-tocart .tocart i { margin-right: 1rem; } #html-body.catalog-product-view .aw-pquestion__product-question .header .primary { font-family: 'Open Sans'; transition-duration: 250ms; width: fit-content; padding: 10.5px 16.5px; border-radius: 4px; border: none; color: #ffffff; font-weight: 700; font-style: normal; font-size: 16px; line-height: 24px; background-color: #207ccb; border: 2px solid #207ccb; cursor: pointer; text-transform: capitalize; height: 48px; box-sizing: border-box; } @media (max-width: 767px) { #html-body.catalog-product-view .aw-pquestion__product-question .header .primary { font-size: 14px; } } #html-body.catalog-product-view .aw-pquestion__product-question .header .primary:active { background-color: #074b8a; border-color: #074b8a; } #html-body.catalog-product-view .aw-pquestion__product-question .header .primary:active a { color: #ffffff; text-decoration: none; } #html-body.catalog-product-view .aw-pquestion__product-question .header .primary:hover { background-color: #074b8a; border-color: #074b8a; color: #ffffff; text-decoration: none; } #html-body.catalog-product-view .aw-pquestion__product-question .header .primary:hover a { color: unset; text-decoration: none; } #html-body.catalog-product-view .aw-pquestion__product-question .header .primary i { margin-right: 1rem; } #html-body.catalog-product-view .product-social-links .aw-rl__list-wrapper button { padding: 10.5px 16.5px; width: 100%; height: 100%; display: block; border-radius: 4px; border: 1px solid #737373; display: flex; justify-content: space-between; color: #121212; } #html-body.catalog-product-view .product-social-links .aw-rl__list-wrapper button:before { content: none; } #html-body.catalog-product-view .product-social-links .aw-rl__list-wrapper button:after { transition-duration: 250ms; font-size: 32px; color: #121212; } #html-body.catalog-product-view .product-social-links .aw-rl__list-wrapper button span { text-transform: none; } #html-body.catalog-category-view .filter-options .aw-ln-slider-button, #html-body.catalogsearch-result-index .filter-options .aw-ln-slider-button { font-family: 'Open Sans'; transition-duration: 250ms; width: fit-content; padding: 10.5px 16.5px; border-radius: 4px; border: none; color: #ffffff; font-weight: 700; font-style: normal; font-size: 16px; line-height: 24px; background-color: #207ccb; border: 2px solid #207ccb; cursor: pointer; text-transform: capitalize; height: 48px; box-sizing: border-box; width: 100%; } @media (max-width: 767px) { #html-body.catalog-category-view .filter-options .aw-ln-slider-button, #html-body.catalogsearch-result-index .filter-options .aw-ln-slider-button { font-size: 14px; } } #html-body.catalog-category-view .filter-options .aw-ln-slider-button:active, #html-body.catalogsearch-result-index .filter-options .aw-ln-slider-button:active { background-color: #074b8a; border-color: #074b8a; } #html-body.catalog-category-view .filter-options .aw-ln-slider-button:active a, #html-body.catalogsearch-result-index .filter-options .aw-ln-slider-button:active a { color: #ffffff; text-decoration: none; } #html-body.catalog-category-view .filter-options .aw-ln-slider-button:hover, #html-body.catalogsearch-result-index .filter-options .aw-ln-slider-button:hover { background-color: #074b8a; border-color: #074b8a; color: #ffffff; text-decoration: none; } #html-body.catalog-category-view .filter-options .aw-ln-slider-button:hover a, #html-body.catalogsearch-result-index .filter-options .aw-ln-slider-button:hover a { color: unset; text-decoration: none; } #html-body.catalog-category-view .filter-options .aw-ln-slider-button i, #html-body.catalogsearch-result-index .filter-options .aw-ln-slider-button i { margin-right: 1rem; } #html-body.catalog-category-view .filter-options .button-list .action, #html-body.catalogsearch-result-index .filter-options .button-list .action { font-family: 'Open Sans'; transition-duration: 250ms; width: fit-content; padding: 10.5px 16.5px; border-radius: 4px; border: none; color: #ffffff; font-weight: 700; font-style: normal; font-size: 16px; line-height: 24px; background-color: #207ccb; border: 2px solid #207ccb; cursor: pointer; text-transform: capitalize; height: 48px; box-sizing: border-box; width: 100%; } @media (max-width: 767px) { #html-body.catalog-category-view .filter-options .button-list .action, #html-body.catalogsearch-result-index .filter-options .button-list .action { font-size: 14px; } } #html-body.catalog-category-view .filter-options .button-list .action:active, #html-body.catalogsearch-result-index .filter-options .button-list .action:active { background-color: #074b8a; border-color: #074b8a; } #html-body.catalog-category-view .filter-options .button-list .action:active a, #html-body.catalogsearch-result-index .filter-options .button-list .action:active a { color: #ffffff; text-decoration: none; } #html-body.catalog-category-view .filter-options .button-list .action:hover, #html-body.catalogsearch-result-index .filter-options .button-list .action:hover { background-color: #074b8a; border-color: #074b8a; color: #ffffff; text-decoration: none; } #html-body.catalog-category-view .filter-options .button-list .action:hover a, #html-body.catalogsearch-result-index .filter-options .button-list .action:hover a { color: unset; text-decoration: none; } #html-body.catalog-category-view .filter-options .button-list .action i, #html-body.catalogsearch-result-index .filter-options .button-list .action i { margin-right: 1rem; } #html-body.catalog-category-view .filter-options .button-list .clear-button, #html-body.catalogsearch-result-index .filter-options .button-list .clear-button { background-color: #e5e5e5; color: #121212; border-color: #737373; cursor: pointer; } #html-body.catalog-category-view .filter-options .button-list .clear-button:active, #html-body.catalogsearch-result-index .filter-options .button-list .clear-button:active, #html-body.catalog-category-view .filter-options .button-list .clear-button:hover, #html-body.catalogsearch-result-index .filter-options .button-list .clear-button:hover { background-color: #a3a3a3; color: #121212; border-color: #737373; } #html-body.aw_requisition_list-rlist-index .aw-requisitionlist__create-list-action, #html-body.aw_requisition_list-rlist-edit .aw-requisitionlist__create-list-action { background: #09375b; color: #ffffff; width: 100%; height: 46px; padding: 15px 31px; border-color: #09375b; text-align: center; } @media screen and (min-width: 768px) { #html-body.aw_requisition_list-rlist-index .aw-requisitionlist__create-list-action, #html-body.aw_requisition_list-rlist-edit .aw-requisitionlist__create-list-action { background: #ffffff; border: 2px solid #207ccb; box-sizing: border-box; border-radius: 4px; width: 220px; height: 58px; padding: 15px 31px; color: #207ccb; font-weight: 600; font-size: 18px; line-height: 24px; } #html-body.aw_requisition_list-rlist-index .aw-requisitionlist__create-list-action:active, #html-body.aw_requisition_list-rlist-edit .aw-requisitionlist__create-list-action:active, #html-body.aw_requisition_list-rlist-index .aw-requisitionlist__create-list-action:hover, #html-body.aw_requisition_list-rlist-edit .aw-requisitionlist__create-list-action:hover { color: #ffffff; background-color: #207ccb; border-color: #207ccb; } #html-body.aw_requisition_list-rlist-index .aw-requisitionlist__create-list-action::before, #html-body.aw_requisition_list-rlist-edit .aw-requisitionlist__create-list-action::before { float: left; content: "\002B"; font-size: 34px; font-weight: 400; line-height: 24px; } } #html-body.aw_requisition_list-rlist-index .header-list-delete button, #html-body.aw_requisition_list-rlist-edit .header-list-delete button { background-color: #207ccb; border-color: #207ccb; color: #ffffff; cursor: pointer; } #html-body.aw_requisition_list-rlist-index .header-list-delete button:active, #html-body.aw_requisition_list-rlist-edit .header-list-delete button:active, #html-body.aw_requisition_list-rlist-index .header-list-delete button:hover, #html-body.aw_requisition_list-rlist-edit .header-list-delete button:hover { background-color: #3e95e0; border-color: #3e95e0; } #html-body.aw_requisition_list-rlist-index .aw-rl__actions-btn-wrapper button:nth-child(1), #html-body.aw_requisition_list-rlist-edit .aw-rl__actions-btn-wrapper button:nth-child(1) { background-color: #207ccb; border-color: #207ccb; color: #ffffff; cursor: pointer; } #html-body.aw_requisition_list-rlist-index .aw-rl__actions-btn-wrapper button:nth-child(1):active, #html-body.aw_requisition_list-rlist-edit .aw-rl__actions-btn-wrapper button:nth-child(1):active, #html-body.aw_requisition_list-rlist-index .aw-rl__actions-btn-wrapper button:nth-child(1):hover, #html-body.aw_requisition_list-rlist-edit .aw-rl__actions-btn-wrapper button:nth-child(1):hover { background-color: #3e95e0; border-color: #3e95e0; } #html-body.aw_requisition_list-rlist-index .aw-rl__actions-btn-wrapper button:nth-child(1) .action-menu-item, #html-body.aw_requisition_list-rlist-edit .aw-rl__actions-btn-wrapper button:nth-child(1) .action-menu-item { color: #ffffff !important; } #html-body.aw_requisition_list-rlist-index .aw-rl__actions-btn-wrapper button:nth-child(2), #html-body.aw_requisition_list-rlist-edit .aw-rl__actions-btn-wrapper button:nth-child(2) { background-color: #e5e5e5; color: #121212; border-color: #737373; cursor: pointer; } #html-body.aw_requisition_list-rlist-index .aw-rl__actions-btn-wrapper button:nth-child(2):active, #html-body.aw_requisition_list-rlist-edit .aw-rl__actions-btn-wrapper button:nth-child(2):active, #html-body.aw_requisition_list-rlist-index .aw-rl__actions-btn-wrapper button:nth-child(2):hover, #html-body.aw_requisition_list-rlist-edit .aw-rl__actions-btn-wrapper button:nth-child(2):hover { background-color: #a3a3a3; color: #121212; border-color: #737373; } #html-body.aw_requisition_list-rlist-index .aw-rl__actions-btn-wrapper button:nth-child(2) .action-menu-item, #html-body.aw_requisition_list-rlist-edit .aw-rl__actions-btn-wrapper button:nth-child(2) .action-menu-item { color: #121212 !important; } #html-body .aw-rl__create-list-wrapper .toggle { font-family: 'Open Sans'; transition-duration: 250ms; width: fit-content; padding: 10.5px 16.5px; border-radius: 4px; border: none; color: #ffffff; font-weight: 700; font-style: normal; font-size: 16px; line-height: 24px; background-color: #207ccb; border: 2px solid #207ccb; cursor: pointer; text-transform: capitalize; height: 48px; box-sizing: border-box; } @media (max-width: 767px) { #html-body .aw-rl__create-list-wrapper .toggle { font-size: 14px; } } #html-body .aw-rl__create-list-wrapper .toggle:active { background-color: #074b8a; border-color: #074b8a; } #html-body .aw-rl__create-list-wrapper .toggle:active a { color: #ffffff; text-decoration: none; } #html-body .aw-rl__create-list-wrapper .toggle:hover { background-color: #074b8a; border-color: #074b8a; color: #ffffff; text-decoration: none; } #html-body .aw-rl__create-list-wrapper .toggle:hover a { color: unset; text-decoration: none; } #html-body .aw-rl__create-list-wrapper .toggle i { margin-right: 1rem; } #html-body .modal-popup button:not(.action-close) { font-family: 'Open Sans'; transition-duration: 250ms; width: fit-content; padding: 10.5px 16.5px; border-radius: 4px; border: none; color: #ffffff; font-weight: 700; font-style: normal; font-size: 16px; line-height: 24px; background-color: #207ccb; border: 2px solid #207ccb; cursor: pointer; text-transform: capitalize; height: 48px; box-sizing: border-box; } @media (max-width: 767px) { #html-body .modal-popup button:not(.action-close) { font-size: 14px; } } #html-body .modal-popup button:not(.action-close):active { background-color: #074b8a; border-color: #074b8a; } #html-body .modal-popup button:not(.action-close):active a { color: #ffffff; text-decoration: none; } #html-body .modal-popup button:not(.action-close):hover { background-color: #074b8a; border-color: #074b8a; color: #ffffff; text-decoration: none; } #html-body .modal-popup button:not(.action-close):hover a { color: unset; text-decoration: none; } #html-body .modal-popup button:not(.action-close) i { margin-right: 1rem; } #html-body .awRequisitionListParent_awRequisitionList button :not(.action-close) { font-family: 'Open Sans'; transition-duration: 250ms; width: fit-content; padding: 10.5px 16.5px; border-radius: 4px; border: none; color: #ffffff; font-weight: 700; font-style: normal; font-size: 16px; line-height: 24px; background-color: #207ccb; border: 2px solid #207ccb; cursor: pointer; text-transform: capitalize; height: 48px; box-sizing: border-box; } @media (max-width: 767px) { #html-body .awRequisitionListParent_awRequisitionList button :not(.action-close) { font-size: 14px; } } #html-body .awRequisitionListParent_awRequisitionList button :not(.action-close):active { background-color: #074b8a; border-color: #074b8a; } #html-body .awRequisitionListParent_awRequisitionList button :not(.action-close):active a { color: #ffffff; text-decoration: none; } #html-body .awRequisitionListParent_awRequisitionList button :not(.action-close):hover { background-color: #074b8a; border-color: #074b8a; color: #ffffff; text-decoration: none; } #html-body .awRequisitionListParent_awRequisitionList button :not(.action-close):hover a { color: unset; text-decoration: none; } #html-body .awRequisitionListParent_awRequisitionList button :not(.action-close) i { margin-right: 1rem; } #html-body.aw_ca-role-index .aw-ca__customer-btn-wrapper .action, #html-body.aw_ca-user-index .aw-ca__customer-btn-wrapper .action { background: #09375b; color: #ffffff; width: 100%; height: 46px; padding: 15px 31px; border-color: #09375b; text-align: center; } @media screen and (min-width: 768px) { #html-body.aw_ca-role-index .aw-ca__customer-btn-wrapper .action, #html-body.aw_ca-user-index .aw-ca__customer-btn-wrapper .action { background: #ffffff; border: 2px solid #207ccb; box-sizing: border-box; border-radius: 4px; width: 220px; height: 58px; padding: 15px 31px; color: #207ccb; font-weight: 600; font-size: 18px; line-height: 24px; } #html-body.aw_ca-role-index .aw-ca__customer-btn-wrapper .action:active, #html-body.aw_ca-user-index .aw-ca__customer-btn-wrapper .action:active, #html-body.aw_ca-role-index .aw-ca__customer-btn-wrapper .action:hover, #html-body.aw_ca-user-index .aw-ca__customer-btn-wrapper .action:hover { color: #ffffff; background-color: #207ccb; border-color: #207ccb; } #html-body.aw_ca-role-index .aw-ca__customer-btn-wrapper .action::before, #html-body.aw_ca-user-index .aw-ca__customer-btn-wrapper .action::before { float: left; content: "\002B"; font-size: 34px; font-weight: 400; line-height: 24px; } } @media screen and (min-width: 768px) { #html-body.aw_ca-role-index .aw-ca__customer-btn-wrapper .action, #html-body.aw_ca-user-index .aw-ca__customer-btn-wrapper .action { margin-top: 15px; } } #html-body.customer-account-login .block-customer-login .actions-toolbar .login, #html-body.customer-account-login .block-new-customer .actions-toolbar .login, #html-body.customer-account-login .block-customer-login .actions-toolbar .create, #html-body.customer-account-login .block-new-customer .actions-toolbar .create { font-family: 'Open Sans'; transition-duration: 250ms; width: fit-content; padding: 10.5px 16.5px; border-radius: 4px; border: none; color: #ffffff; font-weight: 700; font-style: normal; font-size: 16px; line-height: 24px; background-color: #207ccb; border: 2px solid #207ccb; cursor: pointer; text-transform: capitalize; height: 48px; box-sizing: border-box; } @media (max-width: 767px) { #html-body.customer-account-login .block-customer-login .actions-toolbar .login, #html-body.customer-account-login .block-new-customer .actions-toolbar .login, #html-body.customer-account-login .block-customer-login .actions-toolbar .create, #html-body.customer-account-login .block-new-customer .actions-toolbar .create { font-size: 14px; } } #html-body.customer-account-login .block-customer-login .actions-toolbar .login:active, #html-body.customer-account-login .block-new-customer .actions-toolbar .login:active, #html-body.customer-account-login .block-customer-login .actions-toolbar .create:active, #html-body.customer-account-login .block-new-customer .actions-toolbar .create:active { background-color: #074b8a; border-color: #074b8a; } #html-body.customer-account-login .block-customer-login .actions-toolbar .login:active a, #html-body.customer-account-login .block-new-customer .actions-toolbar .login:active a, #html-body.customer-account-login .block-customer-login .actions-toolbar .create:active a, #html-body.customer-account-login .block-new-customer .actions-toolbar .create:active a { color: #ffffff; text-decoration: none; } #html-body.customer-account-login .block-customer-login .actions-toolbar .login:hover, #html-body.customer-account-login .block-new-customer .actions-toolbar .login:hover, #html-body.customer-account-login .block-customer-login .actions-toolbar .create:hover, #html-body.customer-account-login .block-new-customer .actions-toolbar .create:hover { background-color: #074b8a; border-color: #074b8a; color: #ffffff; text-decoration: none; } #html-body.customer-account-login .block-customer-login .actions-toolbar .login:hover a, #html-body.customer-account-login .block-new-customer .actions-toolbar .login:hover a, #html-body.customer-account-login .block-customer-login .actions-toolbar .create:hover a, #html-body.customer-account-login .block-new-customer .actions-toolbar .create:hover a { color: unset; text-decoration: none; } #html-body.customer-account-login .block-customer-login .actions-toolbar .login i, #html-body.customer-account-login .block-new-customer .actions-toolbar .login i, #html-body.customer-account-login .block-customer-login .actions-toolbar .create i, #html-body.customer-account-login .block-new-customer .actions-toolbar .create i { margin-right: 1rem; } #html-body.customer-account-login .lumarix-login-benefits-container .pagebuilder-button-primary { font-family: 'Open Sans'; transition-duration: 250ms; width: fit-content; padding: 10.5px 16.5px; border-radius: 4px; border: none; color: #ffffff; font-weight: 700; font-style: normal; font-size: 16px; line-height: 24px; background-color: #207ccb; border: 2px solid #207ccb; cursor: pointer; text-transform: capitalize; height: 48px; box-sizing: border-box; } @media (max-width: 767px) { #html-body.customer-account-login .lumarix-login-benefits-container .pagebuilder-button-primary { font-size: 14px; } } #html-body.customer-account-login .lumarix-login-benefits-container .pagebuilder-button-primary:active { background-color: #074b8a; border-color: #074b8a; } #html-body.customer-account-login .lumarix-login-benefits-container .pagebuilder-button-primary:active a { color: #ffffff; text-decoration: none; } #html-body.customer-account-login .lumarix-login-benefits-container .pagebuilder-button-primary:hover { background-color: #074b8a; border-color: #074b8a; color: #ffffff; text-decoration: none; } #html-body.customer-account-login .lumarix-login-benefits-container .pagebuilder-button-primary:hover a { color: unset; text-decoration: none; } #html-body.customer-account-login .lumarix-login-benefits-container .pagebuilder-button-primary i { margin-right: 1rem; } #html-body .pagebuilder-button-primary { font-family: 'Open Sans'; transition-duration: 250ms; width: fit-content; padding: 10.5px 16.5px; border-radius: 4px; border: none; color: #ffffff; font-weight: 700; font-style: normal; font-size: 16px; line-height: 24px; background-color: #207ccb; border: 2px solid #207ccb; cursor: pointer; text-transform: capitalize; height: 48px; box-sizing: border-box; } @media (max-width: 767px) { #html-body .pagebuilder-button-primary { font-size: 14px; } } #html-body .pagebuilder-button-primary:active { background-color: #074b8a; border-color: #074b8a; } #html-body .pagebuilder-button-primary:active a { color: #ffffff; text-decoration: none; } #html-body .pagebuilder-button-primary:hover { background-color: #074b8a; border-color: #074b8a; color: #ffffff; text-decoration: none; } #html-body .pagebuilder-button-primary:hover a { color: unset; text-decoration: none; } #html-body .pagebuilder-button-primary i { margin-right: 1rem; } .lumarix-valuebar-mobile { display: none !important; } .page-header .header-banner { background: linear-gradient(90deg, #064a89 0%, #207ccb 100%); padding-top: 18px; padding-bottom: 18px; } .page-header .header-banner .widget { margin: 0; } .page-header .header-banner .widget p { -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; font-weight: 700; } @media all and (max-width: 768px) { .page-header .header-banner .widget p { justify-content: center; } } .page-header .header-banner .widget p img { width: 16px; height: 16px; margin-right: 10px; } .ammenu-main-container .ammenu-items .ammenu-item .ammenu-link { font-size: 12px !important; } body .ammenu-menu-wrapper .ammenu-nav-sections .ammenu-menu-title { display: none; } body .ammenu-menu-wrapper .ammenu-nav-sections.-sidebar .ammenu-items { padding-left: 0 !important; } body .ammenu-menu-wrapper .ammenu-nav-sections.-sidebar .ammenu-items li .ammenu-link { font-size: 14px !important; border: 0 !important; min-height: 55px !important; } body .ammenu-menu-wrapper .ammenu-nav-sections.-sidebar .ammenu-items li .ammenu-link .-toggle { transform: rotate(180deg); } body .ammenu-menu-wrapper .ammenu-nav-sections.-sidebar .ammenu-items li button.ammenu-link { color: #064a89 !important; } body .ammenu-menu-wrapper .ammenu-nav-sections.-sidebar .ammenu-items li ul li a.ammenu-link { color: #207ccb !important; } body .ammenu-menu-wrapper .ammenu-nav-sections.-sidebar .ammenu-items > li > a { color: #064a89 !important; } body .ammenu-menu-wrapper .ammenu-nav-sections.-sidebar .ammenu-items > .ammenu-link { background-color: #fff !important; } body .ammenu-menu-wrapper .ammenu-nav-sections.-sidebar .ammenu-items .ammenu-items { background-color: #f0f2f6; } body .ammenu-menu-wrapper .ammenu-nav-sections.-sidebar .ammenu-items .ammenu-items > .category-item:first-of-type { display: none; } body .ammenu-menu-wrapper .ammenu-nav-sections.-sidebar .ammenu-items .ammenu-items > .category-item .ammenu-link { margin-left: 0; padding-left: 30px !important; border-bottom: 1px solid #cdd2d6 !important; } body .ammenu-menu-wrapper .ammenu-nav-sections.-sidebar .ammenu-items .ammenu-items > .category-item > .ammenu-link { font-weight: 700 !important; } body .ammenu-menu-wrapper .ammenu-nav-sections.-sidebar .ammenu-items .ammenu-items > .category-item > .ammenu-items > .category-item:first-of-type { display: none; } body .ammenu-menu-wrapper .ammenu-nav-sections.-sidebar .ammenu-items .ammenu-items > .category-item > .ammenu-items > .category-item .ammenu-link { font-weight: 400 !important; padding-left: 40px !important; } body .ammenu-menu-wrapper .ammenu-nav-sections.-topmenu { border-bottom: 4px solid #fee200; } body .ammenu-menu-wrapper .ammenu-nav-sections.-topmenu .ammenu-items { flex-wrap: nowrap; align-items: initial; } body .ammenu-menu-wrapper .ammenu-nav-sections.-topmenu .ammenu-main-container .ammenu-submenu-wrapper { border-radius: 0; background: #F9FAFD !important; } body .ammenu-menu-wrapper .ammenu-nav-sections.-topmenu .ammenu-main-container .ammenu-submenu-wrapper .ammenu-submenu-block .ammenu-category-columns > .ammenu-column a { font-family: 'Open Sans'; font-size: 14px !important; color: #207ccb !important; } body .ammenu-menu-wrapper .ammenu-nav-sections.-topmenu .ammenu-main-container .ammenu-submenu-wrapper .ammenu-submenu-block .ammenu-category-columns > .ammenu-column > a { color: #064a89 !important; } body .ammenu-menu-wrapper .ammenu-nav-sections.-topmenu .ammenu-main-container .ammenu-submenu-wrapper .ammenu-submenu-block .ammenu-category-columns > .ammenu-column.sibling > a { color: #121212 !important; } @media all and (max-width: 768px) { body .ammenu-menu-wrapper .ammenu-nav-sections.-sidebar { top: 137px; bottom: 0; width: 100%; background-color: #fff !important; padding-bottom: 0; } } body .ammenu-menu-wrapper .ammenu-menu-overlay { display: none; } @media all and (max-width: 768px) { body .ammenu-header-container.page-header, body .page-header.page-header { border-bottom: 4px solid #fee200; } } @media all and (max-width: 768px) { body .ammenu-header-container .header.content, body .page-header .header.content { justify-content: space-between; padding: 12px 16px; margin-bottom: 0px; } } @media all and (max-width: 768px) { body .ammenu-header-container .header.content .ammenu-button, body .page-header .header.content .ammenu-button { margin: 0; } } body .ammenu-header-container .header.content .ammenu-button[aria-expanded="true"], body .page-header .header.content .ammenu-button[aria-expanded="true"] { border: 0; } body .ammenu-header-container .header.content .ammenu-button[aria-expanded="true"]:before, body .page-header .header.content .ammenu-button[aria-expanded="true"]:before, body .ammenu-header-container .header.content .ammenu-button[aria-expanded="true"]:after, body .page-header .header.content .ammenu-button[aria-expanded="true"]:after { content: ""; height: 1px; position: absolute; width: 18px; background: #121212; border: 0; } body .ammenu-header-container .header.content .ammenu-button[aria-expanded="true"]:before, body .page-header .header.content .ammenu-button[aria-expanded="true"]:before { transform: rotate(45deg); } body .ammenu-header-container .header.content .ammenu-button[aria-expanded="true"]:after, body .page-header .header.content .ammenu-button[aria-expanded="true"]:after { transform: rotate(-45deg); } @media all and (max-width: 768px) { body .ammenu-header-container .header.content .header-content-sections, body .page-header .header.content .header-content-sections { width: 100%; } body .ammenu-header-container .header.content .header-content-sections .header.links, body .page-header .header.content .header-content-sections .header.links { display: none; } } @media all and (max-width: 768px) { body .ammenu-header-container .header.content .header-content-sections, body .page-header .header.content .header-content-sections { width: 100%; display: flex; justify-content: space-between; align-items: center; } body .ammenu-header-container .header.content .header-content-sections .header-content-section-search-bar .block-search .label, body .page-header .header.content .header-content-sections .header-content-section-search-bar .block-search .label { position: absolute; top: 18px; left: 60px; } body .ammenu-header-container .header.content .header-content-sections .header-content-section-search-bar .block-search .label:before, body .page-header .header.content .header-content-sections .header-content-section-search-bar .block-search .label:before { font-size: 28px; color: #121212; } body .ammenu-header-container .header.content .header-content-sections .header-content-section-logo img, body .page-header .header.content .header-content-sections .header-content-section-logo img { max-width: 46px; margin: 0 auto; position: absolute; left: 0; right: 0; top: 14px; } } @media (max-width: 767px) { body .ammenu-header-container .minicart-wrapper, body .page-header .minicart-wrapper { position: static; margin-right: 0 !important; } } body .ammenu-header-container .minicart-wrapper .showcart.active:before, body .page-header .minicart-wrapper .showcart.active:before, body .ammenu-header-container .minicart-wrapper .showcart:before, body .page-header .minicart-wrapper .showcart:before { display: block; content: ""; background-image: url("../images/minicart-icon.png"); background-size: cover; background-position: center; width: 22px; height: 20px; margin: 0 auto 7px; } body .ammenu-header-container .minicart-wrapper .showcart.active .text, body .page-header .minicart-wrapper .showcart.active .text, body .ammenu-header-container .minicart-wrapper .showcart .text, body .page-header .minicart-wrapper .showcart .text { position: static; font-size: 14px; font-weight: 400; color: #121212; } body .ammenu-header-container .minicart-wrapper .showcart.active .counter.qty, body .page-header .minicart-wrapper .showcart.active .counter.qty, body .ammenu-header-container .minicart-wrapper .showcart .counter.qty, body .page-header .minicart-wrapper .showcart .counter.qty { position: absolute; top: -10px; right: 3px; max-width: 16px; height: 16px; min-width: auto; width: 100%; line-height: 16px; background: #FC1E1E; border-radius: 50px; padding: 0; font-size: 10px; font-family: 'Open Sans'; } @media (max-width: 767px) { body .ammenu-header-container .minicart-wrapper .showcart.active .counter.qty, body .page-header .minicart-wrapper .showcart.active .counter.qty, body .ammenu-header-container .minicart-wrapper .showcart .counter.qty, body .page-header .minicart-wrapper .showcart .counter.qty { top: 0; right: 18px; } } @media all and (min-width: 768px) { .ammenu-main-container .ammenu-items > .ammenu-item > .ammenu-link { display: flex; align-items: flex-start; flex-direction: column; height: 100%; } .ammenu-main-container .ammenu-items > .ammenu-item > .ammenu-link::after { content: ""; position: absolute; left: 0; right: 0; width: 100%; bottom: 0; height: 4px; opacity: 0; } .ammenu-main-container .ammenu-items > .ammenu-item > .ammenu-link:before { content: ""; width: 0; height: 0; border-left: 11px solid transparent; border-right: 11px solid transparent; border-bottom: 7px solid #fee200; position: absolute; bottom: 4px; margin: 0 auto; left: 0; right: 0; opacity: 0; } .ammenu-main-container .ammenu-items > .ammenu-item:hover > .ammenu-link:after { background-color: #fee200; } .ammenu-main-container .ammenu-items > .ammenu-item:hover > .ammenu-link:before, .ammenu-main-container .ammenu-items > .ammenu-item:hover > .ammenu-link:after { opacity: 1; } .ammenu-main-container .ammenu-submenu-wrapper { padding: 30px; } .ammenu-main-container .ammenu-submenu-wrapper .ammenu-submenu-block { position: relative; } .ammenu-main-container .ammenu-submenu-wrapper .ammenu-submenu-block .ammenu-category-columns { flex-direction: column; width: 26%; border-right: 1px solid #fee200; } .ammenu-main-container .ammenu-submenu-wrapper .ammenu-submenu-block .ammenu-category-columns > .ammenu-column { width: 100%; padding: 0; cursor: pointer; } .ammenu-main-container .ammenu-submenu-wrapper .ammenu-submenu-block .ammenu-category-columns > .ammenu-column:hover { background-color: #f0f2f6; } .ammenu-main-container .ammenu-submenu-wrapper .ammenu-submenu-block .ammenu-category-columns > .ammenu-column:hover ~ .ammenu-column > a { color: #121212; } .ammenu-main-container .ammenu-submenu-wrapper .ammenu-submenu-block .ammenu-category-columns > .ammenu-column:hover > a:after { opacity: 1 !important; } .ammenu-main-container .ammenu-submenu-wrapper .ammenu-submenu-block .ammenu-category-columns > .ammenu-column > a { position: relative; padding: 10px; margin-bottom: 0; width: 100%; cursor: pointer; pointer-events: initial; box-sizing: border-box; display: flex; align-items: center; } .ammenu-main-container .ammenu-submenu-wrapper .ammenu-submenu-block .ammenu-category-columns > .ammenu-column .-parent::after { content: ""; width: 0; height: 0; border-top: 5px solid transparent; border-left: 7px solid #39495c; border-bottom: 5px solid transparent; position: absolute; right: 30px; opacity: 0.3; } .ammenu-main-container .ammenu-submenu-wrapper .ammenu-submenu-block .ammenu-category-columns > .ammenu-column .-parent + .ammenu-list { display: grid; grid-template-rows: repeat(6, auto); grid-auto-flow: column; justify-content: start; column-gap: 36px; position: absolute; padding-left: 50px; top: 10px; left: 13%; right: 0; height: 100%; width: calc(74%); box-sizing: border-box; display: none; transition: opacity 0.35s ease; } .ammenu-main-container .ammenu-submenu-wrapper .ammenu-submenu-block .ammenu-category-columns > .ammenu-column .-parent + .ammenu-list > :first-of-type { display: none; } .ammenu-main-container .ammenu-submenu-wrapper .ammenu-submenu-block .ammenu-category-columns > .ammenu-column .-parent + .ammenu-list li { max-width: 250px; } .ammenu-main-container .ammenu-submenu-wrapper .ammenu-submenu-block .ammenu-category-columns > .ammenu-column .-parent + .ammenu-list li > a { padding-bottom: 10px; } .ammenu-main-container .ammenu-submenu-wrapper .ammenu-submenu-block .ammenu-category-columns > .ammenu-column:hover > .ammenu-list { display: grid; } .ammenu-main-container .ammenu-submenu-wrapper .ammenu-submenu-block .pagebuilder-column-group .pagebuilder-column figure { justify-content: flex-end; display: flex; } .ammenu-header-container .header.content, .page-header .header.content { padding-top: 12px; margin-bottom: 12px; } .ammenu-header-container .header-content-sections, .page-header .header-content-sections { -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; width: 100%; } .ammenu-header-container .header-content-sections .header-content-section-logo, .page-header .header-content-sections .header-content-section-logo { max-width: 60px; margin-right: 20px; } .ammenu-header-container .header-content-sections .header-content-section-logo .logo, .page-header .header-content-sections .header-content-section-logo .logo, .ammenu-header-container .header-content-sections .header-content-section-logo .ammenu-logo, .page-header .header-content-sections .header-content-section-logo .ammenu-logo { width: 100%; max-width: 100%; min-width: initial; margin: 0; } .ammenu-header-container .header-content-sections .header-content-section-search-bar, .page-header .header-content-sections .header-content-section-search-bar { width: 70%; } .ammenu-header-container .header-content-sections .header-content-section-search-bar .block-search, .page-header .header-content-sections .header-content-section-search-bar .block-search { width: 100%; } .ammenu-header-container .header-content-sections .header-content-section-search-bar .block-search .nested, .page-header .header-content-sections .header-content-section-search-bar .block-search .nested { display: none; } .ammenu-header-container .header-content-sections .header-content-section-search-bar .block-search .control, .page-header .header-content-sections .header-content-section-search-bar .block-search .control { padding-bottom: 0; } .ammenu-header-container .header-content-sections .header-content-section-search-bar .block-search .control input, .page-header .header-content-sections .header-content-section-search-bar .block-search .control input { height: 48px; background-color: #f0f2f6; padding: 8px 0 8px 48px; color: #7d7d7d; border-radius: 4px; } .ammenu-header-container .header-content-sections .header-content-section-search-bar .block-search .control input::-webkit-input-placeholder, .page-header .header-content-sections .header-content-section-search-bar .block-search .control input::-webkit-input-placeholder { color: #7d7d7d; } .ammenu-header-container .header-content-sections .header-content-section-search-bar .block-search .control input::-moz-placeholder, .page-header .header-content-sections .header-content-section-search-bar .block-search .control input::-moz-placeholder { color: #7d7d7d; } .ammenu-header-container .header-content-sections .header-content-section-search-bar .block-search .control input:-ms-input-placeholder, .page-header .header-content-sections .header-content-section-search-bar .block-search .control input:-ms-input-placeholder { color: #7d7d7d; } .ammenu-header-container .header-content-sections .header-content-section-search-bar .block-search .control input:-moz-placeholder, .page-header .header-content-sections .header-content-section-search-bar .block-search .control input:-moz-placeholder { color: #7d7d7d; } .ammenu-header-container .header-content-sections .header-content-section-search-bar .block-search .control .search-autocomplete .selected, .page-header .header-content-sections .header-content-section-search-bar .block-search .control .search-autocomplete .selected { background: #ffffff; } .ammenu-header-container .header-content-sections .header-content-section-search-bar .block-search .actions button, .page-header .header-content-sections .header-content-section-search-bar .block-search .actions button { top: 8px; right: auto; left: 30px; } .ammenu-header-container .header-content-sections .header-content-section-actions, .page-header .header-content-sections .header-content-section-actions { -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; -webkit-justify-content: flex-end; -ms-flex-pack: flex-end; justify-content: flex-end; width: 25%; min-width: 303px; } .ammenu-header-container .header-content-sections .header-content-section-actions.logged-in, .page-header .header-content-sections .header-content-section-actions.logged-in { min-width: 350px; } .ammenu-header-container .header-content-sections .header-content-section-actions .minicart-wrapper, .page-header .header-content-sections .header-content-section-actions .minicart-wrapper { float: none; margin: 0px 1.25rem; } .ammenu-header-container .header-content-sections .header-content-section-actions > .header.links, .page-header .header-content-sections .header-content-section-actions > .header.links { -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; list-style: none; padding: 0; margin: 0; gap: 12px; } .ammenu-header-container .header-content-sections .header-content-section-actions > .header.links li, .page-header .header-content-sections .header-content-section-actions > .header.links li { margin: 0; width: 100%; } .ammenu-header-container .header-content-sections .header-content-section-actions > .header.links li.greet, .page-header .header-content-sections .header-content-section-actions > .header.links li.greet { display: none; } .ammenu-header-container .header-content-sections .header-content-section-actions > .header.links li a, .page-header .header-content-sections .header-content-section-actions > .header.links li a { display: block; text-align: center; box-sizing: border-box; } } @media all and (max-width: 768px) { .lumarix-valuebar { display: none !important; } .lumarix-valuebar-mobile { display: block !important; } } #html-body .page-bottom { margin: 0; padding: 1rem 0; width: 100%; max-width: unset !important; padding: 0; } #html-body .footer-bar { padding: 12px 0; } #html-body .footer-bar .Payment-methods-wrapper .pagebuilder-column { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } @media (max-width: 767px) { #html-body .footer-bar .Payment-methods-wrapper .pagebuilder-column { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } } #html-body .footer-bar .Payment-methods-wrapper .pagebuilder-column.payment-methods figure { margin-right: 5px; } #html-body .footer-bar .Payment-methods-wrapper .pagebuilder-column.payment-methods figure:last-child { margin-right: 0; } #html-body .footer-bar .Payment-methods-wrapper .pagebuilder-column.secure-section p { font-size: 12px; font-weight: 700; } #html-body .footer-bar .Payment-methods-wrapper .pagebuilder-column.social-icons { -webkit-box-pack: justify; -webkit-justify-content: flex-end; -ms-flex-pack: justify; justify-content: flex-end; } @media (max-width: 767px) { #html-body .footer-bar .Payment-methods-wrapper .pagebuilder-column.social-icons { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } } @media (max-width: 767px) { #html-body .footer-bar .Payment-methods-wrapper .pagebuilder-column .partner-logo { margin: 15px 0; } } #html-body .lumarix_footer { background-image: linear-gradient(to right, #064a89, #207ccb); padding: 36px; } @media (max-width: 767px) { #html-body .lumarix_footer { padding: 20px 16px; } } @media (max-width: 767px) { #html-body .lumarix_footer .row-full-width-inner .pagebuilder-column { padding-bottom: 24px; } #html-body .lumarix_footer .row-full-width-inner .pagebuilder-column:last-child { padding-bottom: 0; } } #html-body .lumarix_footer .row-full-width-inner .pagebuilder-column h4, #html-body .lumarix_footer .row-full-width-inner .pagebuilder-column a { font-size: 16px; font-weight: 700; line-height: 24px; color: #fff; } @media (max-width: 767px) { #html-body .lumarix_footer .row-full-width-inner .pagebuilder-column h4, #html-body .lumarix_footer .row-full-width-inner .pagebuilder-column a { font-size: 14px; line-height: 20px; } } #html-body .lumarix_footer .row-full-width-inner .pagebuilder-column h4 { margin: 0 0 12px; } #html-body .lumarix_footer .row-full-width-inner .pagebuilder-column a { text-decoration-line: underline; display: inline-block; margin-bottom: 8px; } #html-body .lumarix_footer .row-full-width-inner .pagebuilder-column a:last-child { margin-bottom: 0; } #html-body .footer-bar-payments li { margin-bottom: 0; } #html-body .footer-bar { border-top: 1px solid #e5e5e5; } #html-body .footer-bar .footer-bar-images { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; padding: 1rem 0 0.5rem 0; border-right: 1px solid #e5e5e5; flex-wrap: wrap; gap: 1rem; margin: 0; } #html-body .footer-bar .footer-bar-images figure { margin: 0 4rem 0 0; } #html-body .footer-bar .footer-bar-images img { height: 4rem; } #html-body .footer-bar .footer-bar-socials { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; font-size: 20px; padding: 0; } #html-body .footer-bar .footer-bar-socials a { margin: 0 2rem 0 0; } #html-body .footer-bar .footer-bar-socials a:visited { color: #737373; } #html-body .footer-bar .footer-bar-socials a:first-child { margin-left: 2rem; } #html-body .footer-bar .footer-bar-socials a:last-child { margin-right: 0; } #html-body .footer-bar .footer-bar-socials i { color: #737373; transition-duration: 500ms; font-size: 22px; } #html-body .footer-bar .footer-bar-socials i:hover { color: #525252; } @media screen and (max-width: 1439px) { #html-body .footer-bar { padding: 1.5rem 48px; } } @media screen and (max-width: 767px) { #html-body .footer-bar { padding: 12px 16px; height: fit-content; } #html-body .footer-bar .footer-bar-payments { margin-bottom: 1.5rem; } #html-body .footer-bar .footer-bar-socials { justify-content: center; width: 100%; padding-bottom: 1.5rem; } #html-body .footer-bar .footer-bar-socials div { display: flex; justify-content: space-evenly; width: 100%; margin-top: 1.5rem; } #html-body .footer-bar .footer-bar-socials div a { margin: 0 !important; } #html-body .footer-bar .footer-bar-socials div i { font-size: 28px; } #html-body .footer-bar .footer-bar-images { border-right: 0; justify-content: space-evenly; align-items: center; margin: 1.5rem 0 1rem; padding: 0; } #html-body .footer-bar .footer-bar-images figure { margin: 0; } } #html-body .copyright { background: #207ccb; padding: 0 2rem; margin: 0; } #html-body .copyright .lumarix-content { display: flex; justify-content: space-between; color: #ffffff; padding: 1rem 0; } #html-body .copyright .lumarix-content a:visited { color: #ffffff; } #html-body .copyright .lumarix-content a:hover { color: #e6e6e6; } @media screen and (max-width: 767px) { #html-body .copyright .lumarix-content { padding: 1rem 0; } } #html-body .page-footer { background-color: #e5e5e5; color: #121212; margin-top: 0; } #html-body .page-footer .content { padding: 0 !important; max-width: unset !important; } #html-body .page-footer .content .block { float: none; } #html-body .page-footer .footer, #html-body .page-footer .content { border-top: 0; background-color: #e5e5e5; color: #121212; padding: 0; max-width: unset; } #html-body .page-footer .footer .bugs, #html-body .page-footer .content .bugs { display: none; } #html-body .page-footer .footer .copyright, #html-body .page-footer .content .copyright { display: none; display: block; } #html-body .page-footer .footer.content { display: flex; flex-direction: column; margin-top: 0; background: #fff; } #html-body .page-footer .footer.content .footer-newsletter { background-image: url('../images/footer-newsletter-bg.png'); background-repeat: no-repeat; background-size: cover; padding-top: 80px; padding-bottom: 80px; } @media (max-width: 767px) { #html-body .page-footer .footer.content .footer-newsletter { padding: 20px 16px; } } #html-body .page-footer .footer.content .footer-newsletter .newsletter { margin: 0 auto; text-align: center; width: 100%; } #html-body .page-footer .footer.content .footer-newsletter .newsletter .title { display: block; margin-bottom: 0; } #html-body .page-footer .footer.content .footer-newsletter .newsletter .title strong { font-size: 28px; color: #000; text-transform: capitalize; } #html-body .page-footer .footer.content .footer-newsletter .newsletter .description p { font-size: 16px; color: #000; margin-bottom: 24px; } @media (max-width: 767px) { #html-body .page-footer .footer.content .footer-newsletter .newsletter .description p { margin-bottom: 16px; } } #html-body .page-footer .footer.content .footer-newsletter .newsletter .content { background: transparent; } #html-body .page-footer .footer.content .footer-newsletter .newsletter .content .form { display: flex; justify-content: center; gap: 16px; } @media (max-width: 767px) { #html-body .page-footer .footer.content .footer-newsletter .newsletter .content .form { flex-wrap: wrap; gap: 12px; } } #html-body .page-footer .footer.content .footer-newsletter .newsletter .content .form .field.newsletter { margin: 0; max-width: 331px; } @media (max-width: 767px) { #html-body .page-footer .footer.content .footer-newsletter .newsletter .content .form .field.newsletter { max-width: none; width: 100%; box-sizing: border-box; } } #html-body .page-footer .footer.content .footer-newsletter .newsletter .content .form .field.newsletter .control::before { display: none; } #html-body .page-footer .footer.content .footer-newsletter .newsletter .content .form .field.newsletter .control input { font-size: 16px; height: 48px; border: none; border-radius: 4px; padding: 0 16px; margin: 0; } #html-body .page-footer .footer.content .footer-newsletter .newsletter .content .form .actions { display: block; width: auto; } @media (max-width: 767px) { #html-body .page-footer .footer.content .footer-newsletter .newsletter .content .form .actions { width: 100% !important; } } #html-body .page-footer .footer.content .footer-newsletter .newsletter .content .form .actions .action { width: 128px; height: 48px; } @media (max-width: 767px) { #html-body .page-footer .footer.content .footer-newsletter .newsletter .content .form .actions .action { width: 100%; } } #html-body .page-footer .footer.content .footer-newsletter .newsletter .content .form .actions .action span { font-size: 16px; } #html-body .page-footer .footer.content .footer-newsletter + .widget { -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1; } #html-body .page-footer .footer.content .block-static-block { margin: 0; } #html-body .page-footer .footer.content .block-static-block .lumarix_footer { border-bottom: 4px solid #FEE200; } #html-body .page-footer .footer.content .block-static-block .lumarix_footer .footer-nav-bar .pagebuilder-column p { margin-bottom: 10px; } #html-body .page-footer .footer.content .block-static-block .copyright-sec { padding: 24px 0; } @media (max-width: 767px) { #html-body .page-footer .footer.content .block-static-block .copyright-sec { padding: 20px 16px; } } #html-body .page-footer .footer.content .block-static-block .copyright-sec .footer-nav .pagebuilder-column { display: flex; flex-direction: row; gap: 12px; margin-bottom: 12px; } @media (max-width: 767px) { #html-body .page-footer .footer.content .block-static-block .copyright-sec .footer-nav .pagebuilder-column { flex-direction: column; } } #html-body .page-footer .footer.content .block-static-block .copyright-sec .footer-nav .pagebuilder-column a { font-size: 12px; font-weight: 700; color: #000; } #html-body .page-footer .footer.content .block-static-block .copyright-sec .copyright-text .pagebuilder-column p { font-size: 12px; font-weight: 400; } @media (max-width: 767px) { #html-body .page-footer .footer.content .block-static-block .copyright-sec .copyright-text .pagebuilder-column p { text-align: left !important; margin-top: 10px; } } @media screen and (max-width: 767px) { #html-body .footer .links { border-bottom: 0; background-color: #e5e5e5; } } #html-body .lumarix-valuebar-footer { margin: 1rem 1rem 1rem 1.5rem; } #html-body .lumarix-valuebar-footer .pagebuilder-column-group { gap: 1rem; } #html-body .lumarix-valuebar-footer .pagebuilder-column { display: flex; flex-direction: row; gap: 1.5rem; } #html-body .lumarix-valuebar-footer figure { width: 42px; min-width: 42px; } #html-body .lumarix-valuebar-footer figure img { width: 100%; } @media screen and (min-width: 768px) { #html-body .lumarix-valuebar-footer { margin: 1rem; } #html-body .lumarix-valuebar-footer figure { width: 9rem; } #html-body .lumarix-valuebar-footer figure img { width: auto; } } @media screen and (min-width: 1024px) { #html-body .lumarix-valuebar-footer { margin: 1rem 0; } } @media (max-width: 768px) { .company-reviews.box-content { margin: 16px 0 !important; } } .company-reviews .banner { padding: 0; } body.cms-home .column.main { margin-top: 0; } body.cms-home .page-wrapper > .page-bottom { display: none; } @media (min-width: 768px) { body .home-banner.box-content { margin-bottom: 32px; } } @media (min-width: 768px) and (max-width: 1149px) { body .home-banner .pagebuilder-column-line { flex-direction: column; } } body .home-banner .pagebuilder-column-line .left-column { width: 67% !important; position: relative; padding-right: 24px !important; } @media (min-width: 768px) and (max-width: 1149px) { body .home-banner .pagebuilder-column-line .left-column { width: 100% !important; margin-bottom: 24px; padding: 0 !important; } } @media (min-width: 768px) { body .home-banner .pagebuilder-column-line .left-column { height: 100%; } } @media (max-width: 767px) { body .home-banner .pagebuilder-column-line .left-column { padding-right: 0 !important; } body .home-banner .pagebuilder-column-line .left-column img { width: 100%; } } body .home-banner .pagebuilder-column-line .left-column figure { display: flex; } body .home-banner .pagebuilder-column-line .left-column figure img { width: 100%; } body .home-banner .pagebuilder-column-line .left-column .left-banner-content { position: absolute; text-align: left; background: #fff; border-radius: 8px; padding: 20px; max-width: 476px; bottom: 25px; left: 25px; } @media (max-width: 767px) { body .home-banner .pagebuilder-column-line .left-column .left-banner-content { position: static; left: unset; bottom: unset; padding: 20px 16px; max-width: 100%; } } body .home-banner .pagebuilder-column-line .left-column .left-banner-content h2 { margin: 0; font-size: 40px; font-style: normal; font-weight: 700; line-height: 140%; /* 56px */ text-transform: capitalize; color: #121212; } @media (max-width: 767px) { body .home-banner .pagebuilder-column-line .left-column .left-banner-content h2 { font-size: 28px; } } body .home-banner .pagebuilder-column-line .left-column .left-banner-content p { margin: 10px 0 20px; font-size: 16px; font-style: normal; font-weight: 400; line-height: 150%; color: #121212; } body .home-banner .pagebuilder-column-line .left-column .left-banner-content a { display: block; background: #207ccb; padding: 16px; text-align: center; font-size: 16px; font-weight: 700; line-height: 100%; /* 16px */ text-transform: capitalize; color: #fff; } @media (max-width: 767px) { body .home-banner .pagebuilder-column-line .left-column .left-banner-content a { font-size: 14px; } } body .home-banner .pagebuilder-column-line .right-column { width: 33% !important; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between !important; row-gap: 24px; } @media (min-width: 768px) and (max-width: 1149px) { body .home-banner .pagebuilder-column-line .right-column { flex-direction: row !important; width: 100% !important; gap: 24px; } body .home-banner .pagebuilder-column-line .right-column > .right-img { width: 50% !important; } } @media (max-width: 767px) { body .home-banner .pagebuilder-column-line .right-column { display: none !important; } } body .home-banner .pagebuilder-column-line .right-column .pagebuilder-banner-wrapper .pagebuilder-poster-content h4 { margin: 0; } body .home-banner .pagebuilder-column-line .right-column .pagebuilder-banner-wrapper .pagebuilder-poster-content h4 span { font-family: 'Open Sans'; font-weight: 400; } body .home-banner .pagebuilder-column-line .right-column .pagebuilder-banner-wrapper .pagebuilder-poster-content h3 { margin: 8px 0 0; font-size: 32px; } body .home-banner .pagebuilder-column-line .right-column .pagebuilder-banner-wrapper .pagebuilder-poster-content p { margin: 16px 0 0 0; font-size: 16px; } body .home-banner .pagebuilder-column-line .right-column .pagebuilder-banner-wrapper .pagebuilder-poster-content p a { text-decoration: underline; text-decoration-color: #fff; } @media (min-width: 768px) { body .home-banner .pagebuilder-column-line .right-column .pagebuilder-overlay { padding: 24px; } } .top-container { max-width: 100% !important; background: #f0f2f6; padding: 25px 0; } @media (max-width: 767px) { .top-container .block-static-block { margin-bottom: 0; } } .top-container .top-banner { width: 100%; margin: 0 auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 24px; } .top-container .top-banner__item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 24px 24px 32px 16px; background: #fff; } @media (min-width: 768px) { .top-container .top-banner__item { width: 25%; } } @media (max-width: 767px) { .top-container .top-banner__item { padding: 18px 16px; margin: 0 16px; } } .top-container .top-banner__item__img { margin-right: 12px; width: 32px; height: 32px; border-radius: 50%; background: #f0f2f6; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .top-container .top-banner__item__img svg { width: 16px; height: 16px; } .top-container .top-banner__item .top-banner__item__text--large { font-size: 16px; font-style: normal; font-weight: 700; line-height: 150%; } .top-container .top-banner__item .top-banner__item__text--small { font-size: 12px; font-style: normal; font-weight: 400; line-height: 150%; color: #7d7d7d; } .top-container .top-banner .owl-dots .owl-dot.active span { background: #207ccb; } .top-container .top-banner .owl-dots .owl-dot span { width: 12px; height: 12px; margin: 0 4px; background: #000; } .pagebuilder-column-group.marketing-columns { background-color: #fee200; } .pagebuilder-column-group.marketing-columns > .pagebuilder-column-line .image-area figure { display: flex; height: 100%; border-radius: 4px; overflow: hidden; } .pagebuilder-column-group.marketing-columns > .pagebuilder-column-line .image-area figure img { height: 100%; width: 100%; display: block; } .pagebuilder-column-group.marketing-columns > .pagebuilder-column-line .text-area .content { max-width: 320px; width: 100%; padding: 20px 30px 20px 40px; } @media (min-width: 1260px) { .pagebuilder-column-group.marketing-columns > .pagebuilder-column-line .text-area .content { padding: 60px 120px 60px 40px; } } @media (max-width: 767px) { .pagebuilder-column-group.marketing-columns > .pagebuilder-column-line .text-area .content { padding-left: 0; padding: 16px; max-width: 100%; box-sizing: border-box; } } .pagebuilder-column-group.marketing-columns > .pagebuilder-column-line .text-area .content h2 { text-transform: capitalize; margin: 0; } @media (max-width: 767px) { .pagebuilder-column-group.marketing-columns > .pagebuilder-column-line .text-area .content h2 { font-size: 28px; } } .pagebuilder-column-group.marketing-columns > .pagebuilder-column-line .text-area .content p { margin: 10px 0 24px; } @media (max-width: 767px) { .pagebuilder-column-group.marketing-columns > .pagebuilder-column-line .text-area .content p { font-size: 14px; } } .pagebuilder-column-group.marketing-columns > .pagebuilder-column-line .text-area .content a { display: block; text-align: center; min-width: 256px; max-width: 256px; padding: 14px 0; } @media (max-width: 480px) { .pagebuilder-column-group.marketing-columns > .pagebuilder-column-line .text-area .content a { width: 100%; display: block; text-align: center; min-width: 100%; } } .pagebuilder-column-group.marketing-columns > .pagebuilder-column-line .text-area .content .link-btn a { line-height: 16px; padding: 16px 16.5px; } @media (max-width: 767px) { .pagebuilder-column-group.marketing-columns > .pagebuilder-column-line .text-area .content .link-btn a { width: auto; box-sizing: border-box; } } @media (min-width: 768px) and (max-width: 1024px) { .pagebuilder-column-group.marketing-columns > .pagebuilder-column-line .pagebuilder-column { width: 50%; } } .marketing-wrapper .box-content { margin-bottom: 0; } .supplier-wrapper { background: #f0f2f6; padding: 36px 0; margin-bottom: 0 !important; } @media (max-width: 767px) { .supplier-wrapper { padding: 16px; } } .supplier-wrapper .supplier-section .pagebuilder-column-line { gap: 24px; } @media (max-width: 767px) { .supplier-wrapper .supplier-section .pagebuilder-column-line { gap: 0; } } .supplier-wrapper .supplier-section .image-area img { width: 100%; } @media (max-width: 767px) { .supplier-wrapper .supplier-section .image-area img { width: 100%; } } .supplier-wrapper .supplier-section .text-area { padding: 0 60px; } @media (max-width: 767px) { .supplier-wrapper .supplier-section .text-area { padding: 0; } } .supplier-wrapper .supplier-section .text-area h2 { color: #207ccb; } @media (min-width: 768px) { .supplier-wrapper .supplier-section .text-area h2 { font-size: 32px; } } @media (max-width: 767px) { .supplier-wrapper .supplier-section .text-area .hidden-desktop { margin: 20px 0 8px; } } .supplier-wrapper .supplier-section .text-area .action-btn a { text-decoration: underline; text-decoration-color: #121212; } .popular-categories { background: #f0f2f6; padding: 36px 0; } @media (max-width: 767px) { .popular-categories { padding: 16px 0; } } @media (max-width: 767px) { .popular-categories.box-content { margin-bottom: 20px; } } .popular-categories.box-content .box-content { margin-bottom: 0; } .popular-categories .section-header { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 20px; } @media (max-width: 767px) { .popular-categories .section-header { margin-bottom: 16px; } } .popular-categories .section-header h2 { margin: 0; color: #207ccb; } @media (max-width: 767px) { .popular-categories .section-header h2 { display: table-caption; font-size: 24px; line-height: 36px; } } .popular-categories .section-header h2 a { font-size: 14px; line-height: 20px; } .popular-categories .section-header .goto-link a { font-weight: 700; } .popular-categories .category-section .pagebuilder-column-line { gap: 24px; } @media (max-width: 767px) { .popular-categories .category-section .pagebuilder-column-line { gap: 12px; } } @media (max-width: 767px) { .popular-categories .category-section .pagebuilder-column-line .category { padding: 0 16px; } } .popular-categories .category-section .pagebuilder-column-line .category .cateogry-image .pagebuilder-overlay { -webkit-box-align: flex-end; -webkit-align-items: flex-end; -ms-flex-align: flex-end; align-items: flex-end; } .popular-categories .category-section .pagebuilder-column-line .category .cateogry-image .pagebuilder-overlay .pagebuilder-poster-content > div { overflow: hidden; } .popular-categories .category-section .pagebuilder-column-line .category .cateogry-image .pagebuilder-overlay .pagebuilder-poster-content h4 { margin: 0 0 15px; } @media (max-width: 767px) { .popular-categories .category-section .pagebuilder-column-line .category .cateogry-image .pagebuilder-overlay .pagebuilder-poster-content h4 { font-size: 14px; line-height: 20px; } } .popular-categories .category-section .pagebuilder-column-line .category .cateogry-image .pagebuilder-overlay .pagebuilder-poster-content h3 { margin: 0; } @media (max-width: 767px) { .popular-categories .category-section .pagebuilder-column-line .category .cateogry-image .pagebuilder-overlay .pagebuilder-poster-content h3 { font-size: 20px; line-height: 28px; } } .all-categories .section-header { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .all-categories .section-header h3 { font-family: Inter; font-size: 32px; font-weight: 700; line-height: 137%; /* 43.84px */ text-transform: capitalize; color: #207ccb; } @media (max-width: 767px) { .all-categories .section-header h3 { font-size: 24px; line-height: 36px; } } .all-categories .section-header h3 a { font-family: "Open Sans"; font-size: 16px; font-weight: 700; line-height: 150%; /* 24px */ text-decoration-line: underline; } @media (max-width: 767px) { .all-categories .section-header h3 a { font-size: 14px; line-height: 20px; } } .all-categories .section-header .goto-link a { font-weight: 700; font-size: 16px; } .all-categories .apptrian-subcategories-grid .apptrian-subcategories-category-name a { color: #207ccb !important; } @media (max-width: 767px) { .all-categories .apptrian-subcategories-grid .apptrian-subcategories-category-description p { color: #383838 !important; } } @media (max-width: 767px) { .all-categories .apptrian-subcategories-grid .view-all a { color: #383838; } } @media (min-width: 768px) { .hidden-desktop { display: none; } } @media (max-width: 767px) { .hidden-mobile { display: none; } } .page-wrapper .banner-bar { background: #f0f2f6; } .page-wrapper .banner-bar .top-banner { display: flex; margin: auto; justify-content: center; align-items: flex-start; gap: 24px; } .page-wrapper .banner-bar .top-banner .top-banner__item { display: flex; padding: 16px 24px 16px 16px; align-items: center; gap: 12px; flex: 1 0 0; align-self: stretch; border-radius: 4px; background: #fff; } .page-wrapper .banner-bar .top-banner .top-banner__item .top-banner__item__img { height: 32px; width: 32px; } .page-wrapper .banner-bar .top-banner .top-banner__item .top-banner__item__img img { max-width: unset; padding: 8px; border-radius: 60px; background: #f0f2f6; } .page-wrapper .banner-bar .top-banner .top-banner__item .top-banner__item__text { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; flex: 1 0 0; } .page-wrapper .banner-bar .top-banner .top-banner__item .top-banner__item__text--large { font-family: "Open Sans", sans-serif; font-weight: 700; font-size: 16px; font-style: normal; line-height: 150%; color: #207ccb; } .page-wrapper .banner-bar .top-banner .top-banner__item .top-banner__item__text--small { font-family: "Open Sans", sans-serif; font-weight: 400; font-size: 12px; font-style: normal; line-height: 150%; color: #7d7d7d; } .page-main .banner-bar { background: #f0f2f6; } .page-main .banner-bar .top-banner { display: flex; margin: auto; padding-top: 24px; padding-bottom: 24px; justify-content: center; align-items: flex-start; gap: 24px; } .page-main .banner-bar .top-banner .top-banner__item { display: flex; padding: 16px 24px 16px 16px; align-items: center; gap: 12px; flex: 1 0 0; align-self: stretch; border-radius: 4px; background: #fff; } .page-main .banner-bar .top-banner .top-banner__item .top-banner__item__img { display: flex; align-items: center; justify-content: center; background-color: #f0f2f6; border-radius: 100%; height: 32px; width: 32px; } .page-main .banner-bar .top-banner .top-banner__item .top-banner__item__img img { max-width: unset; padding: 8px; border-radius: 60px; background: #f0f2f6; } .page-main .banner-bar .top-banner .top-banner__item .top-banner__item__text { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; flex: 1 0 0; } .page-main .banner-bar .top-banner .top-banner__item .top-banner__item__text--large { font-family: "Open Sans", sans-serif; font-weight: 700; font-size: 16px; font-style: normal; line-height: 150%; color: #207ccb; } .page-main .banner-bar .top-banner .top-banner__item .top-banner__item__text--small { font-family: "Open Sans", sans-serif; font-weight: 400; font-size: 12px; font-style: normal; line-height: 150%; color: #7d7d7d; } @media (min-width: 769px) { .top-banner.mobile { display: none !important; } } @media only screen and (min-width: 981px) and (max-width: 1100px) { .top-banner { padding-top: 16px; padding-bottom: 16px; } } @media only screen and (min-width: 769px) and (max-width: 980px) { .top-banner { padding-top: 16px; padding-bottom: 16px; } } @media (max-width: 768px) { .top-banner.desktop { display: none !important; } .page-wrapper { padding-left: 0 !important; padding-right: 0 !important; } .page-wrapper .top-banner.mobile { display: block; max-width: unset; width: auto; padding: 12px 16px; } .page-wrapper .top-banner.mobile .top-banner__item { display: flex; height: 64px; padding: 16px 24px 16px 16px; align-items: center; gap: 12px; } .page-wrapper .top-banner.mobile .top-banner__item .top-banner__item__text--large { font-size: 14px; line-height: 140%; } .page-wrapper .top-banner.mobile .top-banner__item .top-banner__item__text--small { font-size: 12px; color: #121212; } .page-wrapper .top-banner.mobile.owl-carousel .owl-item img { width: revert-layer; } .page-wrapper .top-banner.mobile.owl-theme .owl-dots .owl-dot span { width: 12px; height: 12px; margin: 0 2px; background: #121212; } .page-wrapper .top-banner.mobile.owl-theme .owl-dots .owl-dot:hover span { background: #207ccb; } .page-wrapper .top-banner.mobile.owl-theme .owl-dots .owl-dot.active { box-shadow: unset; } .page-wrapper .top-banner.mobile.owl-theme .owl-dots .owl-dot.active span { background: #207ccb; } .page-wrapper .top-banner.mobile.owl-theme .owl-nav.disabled + .owl-dots { margin-top: 12px; line-height: 9px; } .page-main { padding-left: 0 !important; padding-right: 0 !important; } .page-main .top-banner.mobile { display: block; max-width: unset; width: auto; padding: 12px 16px; } .page-main .top-banner.mobile .top-banner__item { display: flex; height: 64px; padding: 16px 24px 16px 16px; align-items: center; gap: 12px; } .page-main .top-banner.mobile .top-banner__item .top-banner__item__text--large { font-size: 14px; line-height: 140%; } .page-main .top-banner.mobile .top-banner__item .top-banner__item__text--small { font-size: 12px; color: #121212; } .page-main .top-banner.mobile.owl-carousel .owl-item img { width: 100%; height: auto; max-width: 100%; box-sizing: border-box; } .page-main .top-banner.mobile.owl-theme .owl-dots .owl-dot span { width: 12px; height: 12px; margin: 0 2px; background: #121212; } .page-main .top-banner.mobile.owl-theme .owl-dots .owl-dot:hover span { background: #207ccb; } .page-main .top-banner.mobile.owl-theme .owl-dots .owl-dot.active { box-shadow: unset; } .page-main .top-banner.mobile.owl-theme .owl-dots .owl-dot.active span { background: #207ccb; } .page-main .top-banner.mobile.owl-theme .owl-nav.disabled + .owl-dots { margin-top: 12px; line-height: 9px; } } body tr, body td, body th, body thead, body tbody { font-family: 'Open Sans', sans-serif; } body { color: #121212; font-family: 'Open Sans', sans-serif; } h1, h2, h3, h4, h5, h6 { font-family: 'Open Sans', sans-serif; } .email-content { font-family: 'Open Sans', sans-serif; } .email-summary td h1 { font-size: 18px; border-bottom: none; padding-bottom: 0px; margin-bottom: 4px; font-weight: 300; } .email-summary td h1 .no-link { font-weight: 700; } td.header { padding: 25px; text-align: center; background-color: #ffffff; } td.footer { padding: 20px; background-color: #207ccb; color: #ffffff; font-size: 14px; border-bottom: 4px solid #fee200; } td.footer table { width: 100%; border-collapse: collapse; max-width: 600px; margin: 0; } td.footer h3 { font-size: 14px; font-weight: 700; line-height: 140%; margin-top: 0; margin-bottom: 12px; color: #ffffff; } td.footer a { display: block; color: #ffffff; text-decoration: none; margin-bottom: 8px; } td.footer .footer_links a:visited, td.footer .footer-inner a:visited { color: #ffffff !important; } td.footer .footer_links a:hover, td.footer .footer-inner a:hover { color: #ffffff !important; text-decoration: underline; } td.footer .footer_links span, td.footer .footer-inner span { font-weight: normal; line-height: 1.5; } .sub-footer { padding: 16px 20px; vertical-align: middle; background-color: #ffffff; color: #121212; } .sub-footer p { margin-bottom: 0px; font-size: 12px; } .sub-footer p.info { margin-bottom: 10px; } a.subtle { color: #121212; } a.subtle:link, a.subtle:visited, a.subtle:hover, a.subtle:active { color: #121212 !important; text-decoration: none; background-color: none !important; } .email-items { border: 1px solid #cdd2d6; } .email-items thead { color: #121212; background-color: #fee200; } .email-items tbody td.item-info, .email-items tbody td.item-qty, .email-items tbody td.item-price { padding-top: 20px; border-top: 1px solid #b0bbca; } .email-items > thead.order-totals, .email-items > tbody.order-totals, .email-items > tfoot.order-totals { border-top: 1px solid #cdd2d6; } .email-items > thead.order-totals > tr > th, .email-items > tbody.order-totals > tr > th, .email-items > tfoot.order-totals > tr > th, .email-items > thead.order-totals > tr > td, .email-items > tbody.order-totals > tr > td, .email-items > tfoot.order-totals > tr > td { background-color: #f0f2f6; color: #121212; font-size: 16px; } .email-items > thead.order-totals > tr > th .price, .email-items > tbody.order-totals > tr > th .price, .email-items > tfoot.order-totals > tr > th .price, .email-items > thead.order-totals > tr > td .price, .email-items > tbody.order-totals > tr > td .price, .email-items > tfoot.order-totals > tr > td .price { font-weight: 700; } .email-items > thead.order-totals > tr.grand_total > th, .email-items > tbody.order-totals > tr.grand_total > th, .email-items > tfoot.order-totals > tr.grand_total > th, .email-items > thead.order-totals > tr.grand_total > td, .email-items > tbody.order-totals > tr.grand_total > td, .email-items > tfoot.order-totals > tr.grand_total > td { background-color: #207ccb; color: #ffffff; font-size: 18px; padding: 10px; } .email-items > thead.order-totals > tr.grand_total > th .strong, .email-items > tbody.order-totals > tr.grand_total > th .strong, .email-items > tfoot.order-totals > tr.grand_total > th .strong, .email-items > thead.order-totals > tr.grand_total > td .strong, .email-items > tbody.order-totals > tr.grand_total > td .strong, .email-items > tfoot.order-totals > tr.grand_total > td .strong { font-weight: 400 !important; } .email-items > thead.order-totals > tr.grand_total > th .price, .email-items > tbody.order-totals > tr.grand_total > th .price, .email-items > tfoot.order-totals > tr.grand_total > th .price, .email-items > thead.order-totals > tr.grand_total > td .price, .email-items > tbody.order-totals > tr.grand_total > td .price, .email-items > tfoot.order-totals > tr.grand_total > td .price { font-weight: 700; } .item-info-inner p.product-name { font-size: 16px; color: #064a89; } .order-details h3 { font-size: 14px; font-weight: 700; line-height: 140%; } td.item-image img { border: 1px solid #b0bbca; border-radius: 3px; padding: 4px; } .email-message h3 { font-size: 14px; font-weight: 700; line-height: 140%; } .wrapper .main-content .welcome-temp p { font-size: 16px; } .wrapper .main-content .welcome-temp .actions { margin-top: 32px; margin-bottom: 20px; } .wrapper .main-content .welcome-temp .actions .primary { text-decoration: none; padding: 16px 93px; border: 2px solid #207ccb; color: #ffffff; font-weight: 700; font-style: normal; font-size: 16px; line-height: 24px; background-color: #207ccb; text-transform: capitalize; font-family: 'inter'; } .reset-pass p { font-size: 16px; color: #121212; } .reset-pass .text { margin-bottom: 15px; } .reset-pass .bottom-text { margin-top: 8px; } .reset-pass .button .inner-wrapper { margin-left: 0; } .reset-pass .button .inner-wrapper a { display: block; padding: 14px 52px; font-weight: 700; font-size: 16px; } .footer-email .footer-inner .footer_links p { margin-bottom: 8px; color: #121212; } .footer-email .footer-inner .footer_links p a { text-decoration: underline; } tr, th, td, p, a, h1, h2, h3, h4, h5, strong, span { font-family: "Open Sans", sans-serif !important; } .main-content { background: #F0F2F6; padding: 20px; } .main-content .product-name, .main-content .sku { padding-left: 0 !important; margin-left: 12px !important; color: #121212; } .main-content .sku { font-size: 12px !important; } .main-content .box-message h4 { margin: 0 0 8px; font-size: 12px; } .main-content .box-message span { font-weight: 700; } .main-content .box-message p { font-size: 12px; color: #121212; } .main-content .email-intro p { font-size: 16px; color: #121212; margin-bottom: 16px; } @media (max-width: 767px) { .main-content .email-intro p { font-size: 14px; } } .main-content .email-summary p, .main-content .email-summary h1 { font-size: 16px; color: #121212; } @media (max-width: 767px) { .main-content .email-summary p, .main-content .email-summary h1 { font-size: 14px; } } .main-content .email-information .order-details h3 { font-size: 16px; margin-bottom: 8px; color: #121212; } .main-content .email-information .order-details p { font-size: 12px; color: #121212; } .main-content .email-information .order-details .method-info h3 { font-size: 16px; margin-bottom: 8px; color: #121212; } .main-content .email-information .order-details .method-info td { font-size: 12px; color: #121212; } .banner { color: #121212; padding: 24px 120px 24px 120px; gap: 8px; background: var(--Colours-Background-Main, #ffffff); text-align: center; } .banner .wraper { display: inline-flex; } .banner .wraper-detail { display: flex; justify-content: center; align-items: center; } .banner .wraper-detail a { height: 20px; } .banner .wraper-detail img { height: 20px; } .banner .title { font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: 700; line-height: 36px; margin-right: 6px; margin-bottom: 0px; } .banner .detail { font-family: 'Open Sans', sans-serif; font-size: 12px; font-weight: 400; line-height: 20px; text-align: center; height: 20px; padding-right: 6px; margin-bottom: 0px; } .banner .star { font-size: 24px; color: #ffd700; display: inline-block; position: relative; } .banner .star-empty { font-size: 24px; color: #d3d3d3; } .banner .star-half { font-size: 24px; display: inline-block; position: relative; color: #d3d3d3; } .banner .star-half::before { content: '★'; color: #d3d3d3; position: absolute; top: 0; left: 0; z-index: -1; width: 50%; overflow: hidden; } .banner .star-half::after { content: '★'; color: #ffd700; position: absolute; top: 0; left: 0; width: 50%; overflow: hidden; } @media (max-width: 768px) { .wraper .star { font-size: 20px; } .wraper .star-empty { font-size: 20px; } .wraper .star-half { font-size: 20px; } .banner { padding: 16px; gap: 8px; } .banner .wraper { display: block; } .banner .wraper .title { font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: 700; line-height: 19.6px; text-align: center; } .banner .wraper-detail { display: block; justify-content: center; } .banner .wraper-detail .detail { font-family: 'Open Sans', sans-serif; font-size: 12px; font-weight: 400; line-height: 18px; text-align: center; } .banner .wraper-detail img { height: 16px; } } .catalog-category-view.page-layout-1column .filter, .catalogsearch-result-index.page-layout-1column .filter { display: none; } .catalog-category-view.page-layout-1column .toolbar.toolbar-products, .catalogsearch-result-index.page-layout-1column .toolbar.toolbar-products { display: none; } .catalog-category-view.page-layout-1column .products-grid, .catalogsearch-result-index.page-layout-1column .products-grid { display: none; } .catalog-category-view.page-layout-1column .apptrian-subcategories-heading, .catalogsearch-result-index.page-layout-1column .apptrian-subcategories-heading { display: none; } .catalog-category-view.page-layout-1column .columns .main, .catalogsearch-result-index.page-layout-1column .columns .main { width: 100%; } @media (max-width: 767px) { .catalog-category-view .page-main .category-cms .category-copy-block, .catalogsearch-result-index .page-main .category-cms .category-copy-block { background-color: transparent !important; padding: 0 !important; } } .catalog-category-view .page-main .category-cms .category-copy-block h2[data-content-type="heading"], .catalogsearch-result-index .page-main .category-cms .category-copy-block h2[data-content-type="heading"] { font-style: normal; font-weight: 700; line-height: 43.84px; text-transform: capitalize; color: #064a89; margin: 0 !important; padding-bottom: 16px; } @media (min-width: 768px) { .catalog-category-view .page-main .category-cms .category-copy-block h2[data-content-type="heading"], .catalogsearch-result-index .page-main .category-cms .category-copy-block h2[data-content-type="heading"] { font-size: 32px !important; } } @media (max-width: 767px) { .catalog-category-view .page-main .category-cms .category-copy-block h2[data-content-type="heading"], .catalogsearch-result-index .page-main .category-cms .category-copy-block h2[data-content-type="heading"] { padding-bottom: 12px !important; } } .catalog-category-view .page-main .category-cms .category-copy-block [data-content-type="text"], .catalogsearch-result-index .page-main .category-cms .category-copy-block [data-content-type="text"] { padding-bottom: 24px; } @media (max-width: 767px) { .catalog-category-view .page-main .category-cms .category-copy-block [data-content-type="text"], .catalogsearch-result-index .page-main .category-cms .category-copy-block [data-content-type="text"] { padding-bottom: 20px !important; } } .catalog-category-view .category-image, .catalogsearch-result-index .category-image { display: none; } .catalog-category-view.page-layout-2columns-left main.page-main, .catalogsearch-result-index.page-layout-2columns-left main.page-main { padding-bottom: 60px !important; } @media (max-width: 768px) { .catalog-category-view.page-layout-2columns-left main.page-main, .catalogsearch-result-index.page-layout-2columns-left main.page-main { padding: 0 16px 16px !important; } } .catalog-category-view .page-wrapper .sidebar.sidebar-additional, .catalogsearch-result-index .page-wrapper .sidebar.sidebar-additional { display: none; } .catalog-category-view .page-wrapper .selected-items-list .selected-item, .catalogsearch-result-index .page-wrapper .selected-items-list .selected-item { background: transparent !important; color: #2C2C2C; text-align: center; font-family: Inter; font-size: 14px; font-style: normal; font-weight: 400; padding-top: 8px !important; padding-bottom: 8px !important; margin-bottom: 0; line-height: 23px !important; border: 1px solid #207CCB !important; } .catalog-category-view .page-wrapper .selected-items-list .selected-item:not([data-role="selected-item"]), .catalogsearch-result-index .page-wrapper .selected-items-list .selected-item:not([data-role="selected-item"]) { background: #09375B !important; color: #fff; margin-left: 12px; } .catalog-category-view .page-wrapper .selected-items-list .selected-item .action-clear, .catalogsearch-result-index .page-wrapper .selected-items-list .selected-item .action-clear { color: #fff; text-align: center; font-family: Inter; font-size: 14px; font-style: normal; font-weight: 400; line-height: 140%; } .catalog-category-view .page-wrapper .selected-items-list .selected-item .action-close:before, .catalogsearch-result-index .page-wrapper .selected-items-list .selected-item .action-close:before { font-size: 35px !important; line-height: 22px !important; color: #2C2C2C !important; vertical-align: sub !important; } @media (max-width: 768px) { .catalog-category-view .page-wrapper .page-title-wrapper, .catalogsearch-result-index .page-wrapper .page-title-wrapper { padding: 0 16px !important; } } .catalog-category-view .page-wrapper .page-title-wrapper .page-title, .catalogsearch-result-index .page-wrapper .page-title-wrapper .page-title { font-family: 'Open Sans'; font-size: 40px; font-style: normal; margin-bottom: 20px; font-weight: 700; color: #064A89; line-height: 56px; text-transform: capitalize; margin-top: 16px; margin-bottom: 40px; } @media screen and (max-width: 768px) { .catalog-category-view .page-wrapper .page-title-wrapper .page-title, .catalogsearch-result-index .page-wrapper .page-title-wrapper .page-title { font-size: 32px; margin-bottom: 15px; } } .catalog-category-view .page-wrapper .category-description, .catalogsearch-result-index .page-wrapper .category-description { padding: 0 16px; } .catalog-category-view .page-wrapper .main, .catalogsearch-result-index .page-wrapper .main { padding-left: 0; } @media screen and (min-width: 768px) { .catalog-category-view .page-wrapper .page-main, .catalogsearch-result-index .page-wrapper .page-main { padding: 0; } } .catalog-category-view .page-wrapper .box-tocart, .catalogsearch-result-index .page-wrapper .box-tocart { float: left; } .catalog-category-view .page-wrapper .sidebar-main, .catalogsearch-result-index .page-wrapper .sidebar-main { width: 25%; } @media screen and (min-width: 768px) { .catalog-category-view .page-wrapper .sidebar-main, .catalogsearch-result-index .page-wrapper .sidebar-main { padding-right: 24px; } } .catalog-category-view .page-wrapper .sidebar-main .filter-title, .catalogsearch-result-index .page-wrapper .sidebar-main .filter-title { margin-bottom: 16px; } @media (max-width: 767px) { .catalog-category-view .page-wrapper .sidebar-main .block.filter, .catalogsearch-result-index .page-wrapper .sidebar-main .block.filter { margin-bottom: 0; } } .catalog-category-view .page-wrapper .sidebar-main .block.filter .filter-content, .catalogsearch-result-index .page-wrapper .sidebar-main .block.filter .filter-content { display: block; } .catalog-category-view .page-wrapper .sidebar-main .block.filter .block-title.filter-title strong:after, .catalogsearch-result-index .page-wrapper .sidebar-main .block.filter .block-title.filter-title strong:after { transform: rotate(45deg); -webkit-transform: rotate(45deg); top: 38%; } .catalog-category-view .page-wrapper .sidebar-main .block.filter.active .filter-content, .catalogsearch-result-index .page-wrapper .sidebar-main .block.filter.active .filter-content { display: none; } .catalog-category-view .page-wrapper .sidebar-main .block.filter.active .block-title.filter-title strong:after, .catalogsearch-result-index .page-wrapper .sidebar-main .block.filter.active .block-title.filter-title strong:after { transform: rotate(-135deg); -webkit-transform: rotate(-135deg); top: 48%; } .catalog-category-view .page-wrapper .sidebar-main .block-title.filter-title strong, .catalogsearch-result-index .page-wrapper .sidebar-main .block-title.filter-title strong { font-family: 'Inter'; font-size: 16px; color: #ffff; font-style: normal; font-weight: 700; text-transform: capitalize; background: #207CCB; text-align: center; height: 48px; line-height: 48px; display: block; cursor: pointer; width: 100%; border-radius: 4px; position: relative; } .catalog-category-view .page-wrapper .sidebar-main .block-title.filter-title strong:after, .catalogsearch-result-index .page-wrapper .sidebar-main .block-title.filter-title strong:after { content: ''; width: 3px; height: 3px; right: 16%; position: absolute; background-size: contain; border: solid #fff; border-width: 0px 2px 2px 0; display: inline-block; padding: 3px; background-repeat: no-repeat; vertical-align: text-top; z-index: 99; } .catalog-category-view .page-wrapper .sidebar-main .block-title.filter-titles, .catalogsearch-result-index .page-wrapper .sidebar-main .block-title.filter-titles { margin-bottom: 16px; } .catalog-category-view .page-wrapper .sidebar-main .block-title.filter-titles strong, .catalogsearch-result-index .page-wrapper .sidebar-main .block-title.filter-titles strong { font-family: 'Inter'; font-size: 24px; font-style: normal; font-weight: 700; line-height: 36px; text-transform: capitalize; color: #383838; border-radius: 4px; } .catalog-category-view .page-wrapper .sidebar-main .filter-content .filter-subtitle, .catalogsearch-result-index .page-wrapper .sidebar-main .filter-content .filter-subtitle { font-family: 'Inter'; font-size: 20px; font-style: normal; font-weight: 600; line-height: 28px; color: #39495C; } .catalog-category-view .page-wrapper .sidebar-main .filter-content .filter-options, .catalogsearch-result-index .page-wrapper .sidebar-main .filter-content .filter-options { color: #383838; font-family: 'Inter'; font-size: 16px; font-style: normal; font-weight: 400; } .catalog-category-view .page-wrapper .sidebar-main .filter-content .filter-options .button-list .clear-button, .catalogsearch-result-index .page-wrapper .sidebar-main .filter-content .filter-options .button-list .clear-button { background-color: #09375b; border: 2px solid #09375b; } .catalog-category-view .page-wrapper .sidebar-main .filter-content .filter-options .filter-options-item .swatch-attribute[attribute-code="color"] .swatch-attribute-options, .catalogsearch-result-index .page-wrapper .sidebar-main .filter-content .filter-options .filter-options-item .swatch-attribute[attribute-code="color"] .swatch-attribute-options { margin-left: 0 !important; margin-bottom: 0 !important; padding-left: 0 !important; padding-bottom: 0 !important; overflow: unset; } .catalog-category-view .page-wrapper .sidebar-main .filter-content .filter-options .filter-options-item .swatch-attribute[attribute-code="color"] .swatch-attribute-options .swatch-option, .catalogsearch-result-index .page-wrapper .sidebar-main .filter-content .filter-options .filter-options-item .swatch-attribute[attribute-code="color"] .swatch-attribute-options .swatch-option { width: 40px; height: 40px; box-sizing: border-box; border-radius: 100%; border: 2px solid #CFCFCF; } .catalog-category-view .page-wrapper .sidebar-main .filter-content .filter-options .filter-options-item .aw-ln-range-slider, .catalogsearch-result-index .page-wrapper .sidebar-main .filter-content .filter-options .filter-options-item .aw-ln-range-slider { height: 5px; background: #B0BBCA; } .catalog-category-view .page-wrapper .sidebar-main .filter-content .filter-options .filter-options-item .aw-ln-range-slider .ui-slider-range, .catalogsearch-result-index .page-wrapper .sidebar-main .filter-content .filter-options .filter-options-item .aw-ln-range-slider .ui-slider-range { background: #B0BBCA; } .catalog-category-view .page-wrapper .sidebar-main .filter-content .filter-options .filter-options-item input[type="checkbox"], .catalogsearch-result-index .page-wrapper .sidebar-main .filter-content .filter-options .filter-options-item input[type="checkbox"] { top: 5px; width: 24px; height: 24px; border-radius: 5px; } .catalog-category-view .page-wrapper .sidebar-main .filter-content .filter-options .filter-options-item .count, .catalogsearch-result-index .page-wrapper .sidebar-main .filter-content .filter-options .filter-options-item .count { color: #858585; } .catalog-category-view .page-wrapper .sidebar-main .filter-content .filter-options .filter-options-item .ui-slider-handle, .catalogsearch-result-index .page-wrapper .sidebar-main .filter-content .filter-options .filter-options-item .ui-slider-handle { border-radius: 100%; width: 16px; height: 16px; background: #207CCB; border: 1px solid #207CCB; margin-top: -3px; } .catalog-category-view .page-wrapper .sidebar-main .filter-content .filter-options .filter-options-item .ui-slider-handle:before, .catalogsearch-result-index .page-wrapper .sidebar-main .filter-content .filter-options .filter-options-item .ui-slider-handle:before { display: none; } .catalog-category-view .page-wrapper .sidebar-main .filter-content .filter-options .filter-options-title, .catalogsearch-result-index .page-wrapper .sidebar-main .filter-content .filter-options .filter-options-title { font-family: 'Inter'; font-size: 14px; font-style: normal; font-weight: 700; line-height: 48px; color: #2C2C2C; padding-top: 12px; padding-left: 0; height: 48px; } .catalog-category-view .page-wrapper .sidebar-main .filter-content .filter-options .filter-options-title .arrow, .catalogsearch-result-index .page-wrapper .sidebar-main .filter-content .filter-options .filter-options-title .arrow { margin-top: 17px; } .catalog-category-view .page-wrapper .sidebar-main .filter-content .filter-options .filter-options-title .label, .catalogsearch-result-index .page-wrapper .sidebar-main .filter-content .filter-options .filter-options-title .label { width: 100%; text-transform: capitalize; max-width: 85%; } .catalog-category-view .page-wrapper .sidebar-main .filter-content .filter-options .filter-options-content, .catalogsearch-result-index .page-wrapper .sidebar-main .filter-content .filter-options .filter-options-content { padding-top: 0; padding-left: 0; } .catalog-category-view .page-wrapper .column.main, .catalogsearch-result-index .page-wrapper .column.main { width: 75%; margin-top: 0; } @media screen and (max-width: 768px) { .catalog-category-view .page-wrapper .column.main, .catalogsearch-result-index .page-wrapper .column.main { width: 100%; } } .catalog-category-view .page-wrapper .column.main .toolbar-products, .catalogsearch-result-index .page-wrapper .column.main .toolbar-products { padding: 0; margin-bottom: 44px; } @media (max-width: 768px) { .catalog-category-view .page-wrapper .column.main .toolbar-products, .catalogsearch-result-index .page-wrapper .column.main .toolbar-products { padding: 24px 20px; margin-bottom: 0; } } .catalog-category-view .page-wrapper .column.main .toolbar-products .modes, .catalogsearch-result-index .page-wrapper .column.main .toolbar-products .modes { display: none; } .catalog-category-view .page-wrapper .column.main .toolbar-products .field.limiter, .catalogsearch-result-index .page-wrapper .column.main .toolbar-products .field.limiter { display: none; } .catalog-category-view .page-wrapper .column.main .toolbar-products .pages, .catalogsearch-result-index .page-wrapper .column.main .toolbar-products .pages { float: right; } @media screen and (max-width: 768px) { .catalog-category-view .page-wrapper .column.main .toolbar-products .pages, .catalogsearch-result-index .page-wrapper .column.main .toolbar-products .pages { float: none; } } .catalog-category-view .page-wrapper .column.main .toolbar-products .pages .item, .catalogsearch-result-index .page-wrapper .column.main .toolbar-products .pages .item { line-height: 34px; padding: 0px; margin-right: 8px; } .catalog-category-view .page-wrapper .column.main .toolbar-products .pages .item .page, .catalogsearch-result-index .page-wrapper .column.main .toolbar-products .pages .item .page { font-family: 'Inter'; font-size: 16px; font-style: normal; font-weight: 700; line-height: 24px; color: #121212; } .catalog-category-view .page-wrapper .column.main .toolbar-products .pages .item.current, .catalogsearch-result-index .page-wrapper .column.main .toolbar-products .pages .item.current { background: #064A89; border-radius: 4px; width: 24px; height: 32px; } .catalog-category-view .page-wrapper .column.main .toolbar-products .pages .item.current ~ .item:not(.pages-item-next) a, .catalogsearch-result-index .page-wrapper .column.main .toolbar-products .pages .item.current ~ .item:not(.pages-item-next) a { width: 27px; height: 24px; padding: 0; } .catalog-category-view .page-wrapper .column.main .toolbar-products .pages .item.current .page, .catalogsearch-result-index .page-wrapper .column.main .toolbar-products .pages .item.current .page { color: #FFF; } .catalog-category-view .page-wrapper .column.main .toolbar-products .pages .item.pages-item-next a, .catalogsearch-result-index .page-wrapper .column.main .toolbar-products .pages .item.pages-item-next a { width: 32px; height: 32px; box-sizing: border-box; } .catalog-category-view .page-wrapper .column.main .toolbar-products .pages .item .action, .catalogsearch-result-index .page-wrapper .column.main .toolbar-products .pages .item .action { width: 32px; height: 32px; background: #064A89; border-radius: 4px; padding: 0; margin: 0; } .catalog-category-view .page-wrapper .column.main .toolbar-products .pages .item .action:before, .catalogsearch-result-index .page-wrapper .column.main .toolbar-products .pages .item .action:before { color: #FFF; } .catalog-category-view .page-wrapper .column.main .toolbar-products .sorter-label, .catalogsearch-result-index .page-wrapper .column.main .toolbar-products .sorter-label { font-family: 'Inter'; font-size: 16px; font-style: normal; font-weight: 700; line-height: 24px; color: #383838; margin-right: 12px; } .catalog-category-view .page-wrapper .column.main .toolbar-products .sorter-options, .catalogsearch-result-index .page-wrapper .column.main .toolbar-products .sorter-options { height: 48px; line-height: 48px; font-family: 'Inter'; font-size: 16px; margin-left: 0; font-style: normal; font-weight: 400; color: #383838; border-radius: 4px; border-color: #207ccb; padding: 12px 8px; appearance: none; /* Remove default arrow */ -webkit-appearance: none; -moz-appearance: none; background: url('../images/keyboard_arrow_up.png') no-repeat right 10px center; background-size: 20px 20px; padding-top: 0px; padding-bottom: 0px; min-width: 223px; } .catalog-category-view .page-wrapper .column.main .toolbar-products .sorter .sorter-action, .catalogsearch-result-index .page-wrapper .column.main .toolbar-products .sorter .sorter-action { display: none; } .catalog-category-view .page-wrapper .column.main .toolbar-products .toolbar-amount, .catalogsearch-result-index .page-wrapper .column.main .toolbar-products .toolbar-amount { font-family: 'Inter'; font-size: 16px; font-style: normal; font-weight: 700; color: #858585; line-height: 24px; } @media (max-width: 768px) { .catalog-category-view .page-wrapper .column.main .toolbar-products .toolbar-amount, .catalogsearch-result-index .page-wrapper .column.main .toolbar-products .toolbar-amount { text-align: left; } .catalog-category-view .page-wrapper .column.main .toolbar-products .toolbar-amount .sorter-label, .catalogsearch-result-index .page-wrapper .column.main .toolbar-products .toolbar-amount .sorter-label { display: block; margin: 16px 0 12px; } } .catalog-category-view .page-wrapper .column.main .toolbar-products .toolbar-sorter, .catalogsearch-result-index .page-wrapper .column.main .toolbar-products .toolbar-sorter { padding: 0px; } @media (max-width: 768px) { .catalog-category-view .page-wrapper .column.main .toolbar-products .toolbar-sorter, .catalogsearch-result-index .page-wrapper .column.main .toolbar-products .toolbar-sorter { text-align: left; } } @media (max-width: 768px) { .catalog-category-view .page-wrapper .column.main .apptrian-subcategories-grid .apptrian-subcategories-category .apptrian-subcategories-category-name a, .catalogsearch-result-index .page-wrapper .column.main .apptrian-subcategories-grid .apptrian-subcategories-category .apptrian-subcategories-category-name a { font-size: 18px; } } @media screen and (max-width: 768px) { .catalog-category-view .page-wrapper .products, .catalogsearch-result-index .page-wrapper .products { margin-top: 20px; } } .catalog-category-view .page-wrapper .products.product-items, .catalogsearch-result-index .page-wrapper .products.product-items { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; } @media screen and (max-width: 768px) { .catalog-category-view .page-wrapper .products.product-items, .catalogsearch-result-index .page-wrapper .products.product-items { grid-template-columns: repeat(1, 1fr); gap: 16px; margin-top: 20px; } } .catalog-category-view .page-wrapper .products.product-items .product-item, .catalogsearch-result-index .page-wrapper .products.product-items .product-item { width: 100%; margin-left: 0; } .catalog-category-view .page-wrapper .products.product-items .product-item .price-box, .catalogsearch-result-index .page-wrapper .products.product-items .product-item .price-box { padding-bottom: 26px; padding-left: 0; } .catalog-category-view .page-wrapper .products.product-items .product-item .product-item-info, .catalogsearch-result-index .page-wrapper .products.product-items .product-item .product-item-info { width: 100%; } .catalog-category-view .page-wrapper .products.product-items .product-item .product-item-info .product-item-details, .catalogsearch-result-index .page-wrapper .products.product-items .product-item .product-item-info .product-item-details { padding-left: 8px; padding-right: 8px; } .catalog-category-view .page-wrapper .products.product-items .product-item .product-item-info .product-item-details .product-item-actions, .catalogsearch-result-index .page-wrapper .products.product-items .product-item .product-item-info .product-item-details .product-item-actions { margin: 0px; } .catalog-category-view .page-wrapper .products.product-items .product-item .product-item-info .product-item-details .stock, .catalogsearch-result-index .page-wrapper .products.product-items .product-item .product-item-info .product-item-details .stock { font-family: Inter; font-size: 12px; font-style: normal; font-weight: 700; line-height: 16.2px; } .catalog-category-view .page-wrapper .products.product-items .product-item .product-item-info .product-item-details .product-item-name, .catalogsearch-result-index .page-wrapper .products.product-items .product-item .product-item-info .product-item-details .product-item-name { margin: 8px 0; } .catalog-category-view .page-wrapper .products.product-items .product-item .product-item-info .product-item-details .product-item-name .product-item-link, .catalogsearch-result-index .page-wrapper .products.product-items .product-item .product-item-info .product-item-details .product-item-name .product-item-link { font-family: 'Inter'; font-size: 16px; text-transform: capitalize; font-style: normal; font-weight: 700; color: #064A89; } .catalog-category-view .page-wrapper .products.product-items .product-item .product-item-info .product-item-details .actions-primary, .catalogsearch-result-index .page-wrapper .products.product-items .product-item .product-item-info .product-item-details .actions-primary { float: right; } .catalog-category-view .page-wrapper .products.product-items .product-item .product-item-info .product-item-details .actions-primary .tocart, .catalogsearch-result-index .page-wrapper .products.product-items .product-item .product-item-info .product-item-details .actions-primary .tocart { position: relative; min-width: 160px; padding-right: 0; height: 40px !important; line-height: 39px !important; padding: 0 !important; } .catalog-category-view .page-wrapper .products.product-items .product-item .product-item-info .product-item-details .actions-primary .tocart:before, .catalogsearch-result-index .page-wrapper .products.product-items .product-item .product-item-info .product-item-details .actions-primary .tocart:before { background-image: url(../images/shopping_basket.png); content: ''; width: 22px; height: 20px; top: 9px; left: 9px; position: absolute; background-size: contain; background-repeat: no-repeat; vertical-align: text-top; z-index: 99; } .catalog-category-view .page-wrapper .products.product-items .product-item .product-item-info .product-item-details .actions-primary .tocart span, .catalogsearch-result-index .page-wrapper .products.product-items .product-item .product-item-info .product-item-details .actions-primary .tocart span { margin-left: 30px; } .catalog-category-view .page-wrapper .products.product-items .product-item .product-item-info .product-item-details .actions-secondary, .catalogsearch-result-index .page-wrapper .products.product-items .product-item .product-item-info .product-item-details .actions-secondary { display: none; } .catalog-category-view .page-wrapper .products.product-items .product-item .product-item-info .product-item-details .product-sku, .catalogsearch-result-index .page-wrapper .products.product-items .product-item .product-item-info .product-item-details .product-sku { font-family: 'Inter'; font-size: 12px; font-style: normal; font-weight: 400; color: #383838; border-bottom: 1px solid #CFCFCF; padding-top: 8px; margin-bottom: 10px; padding-bottom: 16px; } .catalog-category-view .page-wrapper .products.product-items .product-item .product-item-info .product-item-details .product-availability, .catalogsearch-result-index .page-wrapper .products.product-items .product-item .product-item-info .product-item-details .product-availability { font-family: 'Inter'; font-size: 12px; color: #383838; font-style: normal; margin-bottom: 20px; font-weight: 700; } .catalog-category-view .page-wrapper .products.product-items .product-item .product-item-info .product-item-details .product-leadtime, .catalogsearch-result-index .page-wrapper .products.product-items .product-item .product-item-info .product-item-details .product-leadtime { font-family: 'Inter'; font-size: 12px; color: #383838; } .catalog-category-view .page-wrapper .products.product-items .product-item .product-item-info .product-item-details .product-description, .catalogsearch-result-index .page-wrapper .products.product-items .product-item .product-item-info .product-item-details .product-description { font-family: 'Inter'; font-size: 14px; font-style: normal; color: #383838; font-weight: 400; } .catalog-category-view .page-wrapper .products.product-items .product-item .product-item-info .product-item-details .price-box .price, .catalogsearch-result-index .page-wrapper .products.product-items .product-item .product-item-info .product-item-details .price-box .price { color: #207CCB; font-family: 'Inter'; font-size: 24px; font-style: normal; font-weight: 700; text-transform: capitalize; } .catalog-category-view .page-wrapper .products.product-items .product-item .product-item-info .product-item-details .price-box .price-including-tax .price, .catalogsearch-result-index .page-wrapper .products.product-items .product-item .product-item-info .product-item-details .price-box .price-including-tax .price { line-height: 16px; color: #383838; opacity: .7; font-size: 12px; } @media (max-width: 768px) { .catalog-category-view .page-wrapper .products.product-items .product-item .product-item-info .box-tocart, .catalogsearch-result-index .page-wrapper .products.product-items .product-item .product-item-info .box-tocart { width: 35%; } } @media (max-width: 768px) { .catalog-category-view .page-wrapper .products.product-items .product-item .product-item-info .product-item-inner, .catalogsearch-result-index .page-wrapper .products.product-items .product-item .product-item-info .product-item-inner { width: 65%; float: left; } .catalog-category-view .page-wrapper .products.product-items .product-item .product-item-info .product-item-inner .actions-primary, .catalogsearch-result-index .page-wrapper .products.product-items .product-item .product-item-info .product-item-inner .actions-primary { width: 100%; } .catalog-category-view .page-wrapper .products.product-items .product-item .product-item-info .product-item-inner .actions-primary .action, .catalogsearch-result-index .page-wrapper .products.product-items .product-item .product-item-info .product-item-inner .actions-primary .action { width: 100% !important; } } .catalog-category-view .page-wrapper .products.product-items .product-item .product-item-info .product-item-inner.configurable-product .actions-primary, .catalogsearch-result-index .page-wrapper .products.product-items .product-item .product-item-info .product-item-inner.configurable-product .actions-primary { float: none !important; width: 100% !important; } .catalog-category-view .page-wrapper .products.product-items .product-item .product-item-info .product-item-inner.configurable-product .actions-primary .action.primary, .catalogsearch-result-index .page-wrapper .products.product-items .product-item .product-item-info .product-item-inner.configurable-product .actions-primary .action.primary { width: 100% !important; } .catalog-category-view .page-wrapper .products.product-items .product-item .product-item-info .product-item-inner.configurable-product .actions-primary .action.primary:before, .catalogsearch-result-index .page-wrapper .products.product-items .product-item .product-item-info .product-item-inner.configurable-product .actions-primary .action.primary:before { background-image: url(../images/import_contacts.png) !important; left: inherit !important; right: 46px !important; } .catalog-category-view .page-wrapper .products.product-items .product-item .product-item-info .product-item-inner.configurable-product .actions-primary .action.primary span, .catalogsearch-result-index .page-wrapper .products.product-items .product-item .product-item-info .product-item-inner.configurable-product .actions-primary .action.primary span { margin-right: 59px !important; } @media (min-width: 768px) { #html-body.catalog-category-view .apptrian-subcategories-grid { padding-bottom: 60px; } } @media (max-width: 767px) { #html-body.catalog-category-view .apptrian-subcategories-grid { padding-bottom: 24px; } } #html-body.catalog-category-view .page-wrapper .filter-options .button-list .clear-button { background-color: #09375b; border: 2px solid #09375b; opacity: 1; color: #fff; } /* Product Page */ body.catalog-product-view .column.main { display: flex; flex-direction: column; row-gap: 32px; margin-top: 0; padding-top: 32px; padding-bottom: 40px; box-sizing: border-box; } @media (max-width: 767px) { body.catalog-product-view .column.main { padding: 0 15px; padding-bottom: 24px; row-gap: 24px; } } @media (min-width: 768px) { body.catalog-product-view.page-layout-1column .product-info-main { width: 46%; padding: 0 15px 32px; box-sizing: border-box; } } @media (min-width: 768px) { body.catalog-product-view.page-layout-1column .product.media { width: 54%; padding-right: 24px; margin-bottom: 0; box-sizing: border-box; } } @media (max-width: 767px) { body.catalog-product-view.page-layout-1column .product.media { margin: 0 -15px; } } body.catalog-product-view.page-layout-1column .product.media .gallery-placeholder { position: relative; } body.catalog-product-view.page-layout-1column .product.media .gallery-placeholder .sale { display: flex; padding: 4px 8px; justify-content: center; align-items: center; gap: 10px; border-radius: 4px; background: #e44f2f; position: absolute; top: 13px; left: 120px; z-index: 2; box-sizing: border-box; color: #fff; text-align: center; font-family: 'Open Sans'; font-size: 12px; font-style: normal; font-weight: 400; line-height: 16px; } @media (max-width: 767px) { body.catalog-product-view.page-layout-1column .product.media .gallery-placeholder .sale { left: 20px; } } body .column.main { margin-top: 50px; } @media (max-width: 767px) { body .column.main .tabs-main, body .column.main .related-products-main, body .column.main .reviews-main, body .column.main .block.upsell { padding: 24px 20px 0 !important; margin: 0 -15px !important; } } body .column.main .stock { display: flex; align-items: flex-end; font-size: 12px; font-family: 'Open Sans'; } body .column.main .stock .label { font-weight: 700; color: #383838; margin-right: 5px; } body .column.main .stock > span { text-transform: initial; } body .column.main .stock > span:not(.label) { color: #2fbb45; } body .column.main .price-box { margin: 0; padding: 8px; box-sizing: border-box; } body .column.main .price-box .price-container { display: flex; flex-direction: row-reverse; margin: 10px 0 0; justify-content: flex-end; gap: 10px; align-items: center; } @media (max-width: 320px) { body .column.main .price-box .price-container { gap: 5px; } } body .column.main .price-box .price-container .price-label { display: none !important; } body .column.main .price-box .price-container .price-wrapper { display: flex; align-items: center; font-family: 'Open Sans'; font-weight: 700; } body .column.main .price-box .price-container .price-wrapper.price-excluding-tax { margin: 0; font-family: 'Open Sans'; } body .column.main .price-box .price-container .price-wrapper.price-excluding-tax:before { display: none; } body .column.main .price-box .price-container .price-wrapper.price-excluding-tax:after { content: " " attr(data-label); font-size: 16px; color: #207ccb; margin-left: 8px; } body .column.main .price-box .price-container .price-wrapper.price-excluding-tax .price { font-size: 16px; color: #207ccb; } body .column.main .price-box .price-container .price-wrapper.price-including-tax { font-size: 16px; font-family: 'Open Sans'; } body .column.main .price-box .price-container .price-wrapper.price-including-tax:after { content: " " attr(data-label) ") "; padding-left: 4px; font-size: 16px; } body .column.main .price-box .price-container .price-wrapper.price-including-tax:before { content: "("; font-size: 16px; } body .column.main .price-box .price-container .price-wrapper.price-including-tax .price { font-size: 16px; } body .column.main .price-box.price-tier_price .price-wrapper.price-excluding-tax:after { color: #207ccb; font-size: 16px; } body .column.main .price-box.price-tier_price .price-wrapper.price-excluding-tax .price { color: #121212; font-size: 16px; margin-left: -7px; } body .column.main .price-box.price-tier_price .price-wrapper.price-including-tax { font-size: 16px; font-family: 'Open Sans'; } body .column.main .price-box.price-tier_price .price-wrapper.price-including-tax:after { color: #121212; font-size: 16px; } body .column.main .price-box.price-tier_price .price-wrapper.price-including-tax:before { color: #121212; font-size: 16px; } body .column.main .price-box.price-tier_price .price-wrapper.price-including-tax .price { color: #121212; font-size: 16px; } @media (min-width: 768px) { body .column.main .product-top-main { display: block; padding: 32px; box-sizing: border-box; } } body .column.main .product-info-main .page-title-wrapper, body .column.main .product-info-main .product-top-details, body .column.main .product-info-main .product.attribute.overview, body .column.main .product-info-main .required-vehicle, body .column.main .product-info-main .product-options-wrapper { padding-bottom: 10px; } body .column.main .product-info-main .product-info-price .price-box { padding: 16px 0 8px 0; display: flex; gap: 10px; align-items: center; } body .column.main .product-info-main .product-add-form { padding-top: 12px; } body .column.main .product-info-main .prices-tier { margin: 0; padding: 8px 0 4px 0; } body .column.main .product-info-main .prices-tier .price-including-tax:before { content: "("; font-weight: 700; font-size: 16px; } body .column.main .product-info-main .prices-tier .item { font-size: 16px; padding-bottom: 14px; } body .column.main .product-info-main .prices-tier .item .price { font-size: 16px; } body .column.main .product-info-main .prices-tier .item .price-excluding-tax:after { font-size: 16px; } body .column.main .product-info-main .prices-tier .item .price-excluding-tax:before { font-size: 16px; } @media (max-width: 767px) { body .column.main .product-info-main .page-title-wrapper { padding-top: 24px; } } body .column.main .product-info-main .required-vehicle p { font-family: 'Open Sans'; font-size: 12px; font-style: normal; font-weight: 700; line-height: 16px; color: #000; margin-bottom: 10px; } body .column.main .product-info-main .required-vehicle img { max-width: 96px; } body .column.main .product-info-main .box-tocart .fieldset .field.qty { padding-right: 8px; } body .column.main .product-info-main .box-tocart .fieldset .field.qty a { width: 24px; justify-content: center; } body .column.main .product-info-main .box-tocart .fieldset .field.qty .label { font-family: 'Open Sans'; } body .column.main .product-info-main .box-tocart .fieldset .field.qty .control input { font-size: 16px; font-family: 'Open Sans'; padding: 8px 16px; } @media (max-width: 767px) { body .column.main .product-info-main .box-tocart .fieldset .field.qty .control input { font-size: 14px; } } @media (max-width: 767px) { body .column.main .product-info-main .box-tocart .fieldset .actions .tocart { font-size: 14px; } } body .column.main .product-info-main .page-title-wrapper .page-title { font-family: 'Open Sans'; font-size: 40px; font-weight: 700; color: #064a89; margin-bottom: 12px; } @media (max-width: 767px) { body .column.main .product-info-main .page-title-wrapper .page-title { font-size: 32px; } } body .column.main .product-info-main .product.attribute.overview { margin: 0; font-family: 'Open Sans'; } body .column.main .product-info-main .product.attribute.overview .read-btn { display: block; padding-top: 30px; } @media (max-width: 767px) { body .column.main .product-info-main .product.attribute.overview { font-size: 14px; } } body .column.main .product-info-main .product-info-stock-sku { display: flex; justify-content: space-between; border-bottom: 1px solid #b0bbca; align-items: center; padding: 8px 0 16px; } body .column.main .product-info-main .product-info-stock-sku .product.attribute .type { color: #383838; font-weight: 400; } body .column.main .product-info-main .product-info-stock-sku .product.attribute .value { color: #383838; font-weight: 700; text-transform: uppercase; } body .column.main .product-info-main .product-info-stock-sku .product.attribute.sku { color: #121212; font-family: 'Open Sans'; } body .column.main .product-info-main .product-info-stock-sku .product.attribute.sku .type:after { content: ':'; } body .column.main .product-info-main .product-add-form .swatch-opt { margin: 0; } body .column.main .product-info-main .product-add-form .swatch-attribute .swatch-attribute-label { font-size: 12px; color: #000000; } body .column.main .product-info-main .product-add-form .swatch-attribute .swatch-attribute-options { margin: 8px 0 12px 0 !important; padding: 4px 4px 4px 0 !important; } body .column.main .product-info-main .product-add-form .swatch-attribute[data-attribute-code="color"] .swatch-attribute-options { margin-bottom: 0 !important; padding-bottom: 0 !important; } body .column.main .product-info-main .product-add-form .swatch-attribute[data-attribute-code="color"] .swatch-option { width: 40px; height: 40px; box-sizing: border-box; border-radius: 100%; border: 2px solid #CFCFCF; } body .column.main .product-info-main .product-add-form .product-options-wrapper .fieldset, body .column.main .product-info-main .product-add-form .product-options-wrapper .field { margin: 0; } body .column.main .product-info-main .product-add-form .product-options-wrapper .label { font-family: 'Open Sans'; font-size: 12px; font-style: normal; font-weight: 700; line-height: 16px; color: #000; padding-bottom: 12px; } body .column.main .product-info-main .product-add-form .product-options-wrapper .control { padding-bottom: 12px; } body .column.main .product-info-main .product-add-form .product-options-wrapper select { display: flex; height: 48px; padding: 0px 16px; align-items: center; gap: 16px; align-self: stretch; border-radius: 4px; border: 0.5px solid #383838; -moz-appearance: none; -webkit-appearance: none; appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='12' viewBox='0 0 18 12' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.8621 0.75L8.9928 7.61931L2.1312 0.7572L0 2.88994L9 11.8899L18 2.88994L15.8621 0.75Z' fill='%23383838'/%3E%3C/svg%3E"); background-repeat: no-repeat, repeat; background-position: right 16px top 50%, 0 0; background-size: 15px auto, 100%; max-width: 320px; } @media (max-width: 480px) { body .column.main .product-info-main .product-add-form .product-options-wrapper select { max-width: 100%; } } body .column.main .product-info-main .product-add-form .box-tocart .fieldset .actions .tocart { min-width: 183px !important; } @media (min-width: 768px) { body .column.main .product.media .fotorama__wrap .fotorama__stage { max-height: 520px; padding-left: 12px; padding-bottom: 10px; box-sizing: border-box; } } body .column.main .product.media .fotorama__wrap .fotorama__stage__frame { display: flex; } body .column.main .product.media .fotorama__wrap .fotorama__stage__frame .fotorama__img { top: 0; transform: none; left: 0; border: 1px solid #cfcfcf !important; border-radius: 4px; padding: 1px; box-sizing: border-box; } body .column.main .product.media .fotorama__wrap .fotorama__stage .fotorama__arr { display: block !important; opacity: 1; background-color: transparent; transform: none; } body .column.main .product.media .fotorama__wrap .fotorama__stage .fotorama__arr.fotorama__arr--next .fotorama__arr__arr { background-image: url("../images/arrow-next.png"); } body .column.main .product.media .fotorama__wrap .fotorama__stage .fotorama__arr.fotorama__arr--prev .fotorama__arr__arr { background-image: url("../images/arrow-prev.png"); } body .column.main .product.media .fotorama__wrap .fotorama__stage .fotorama__arr .fotorama__arr__arr { background-position: center; background-size: cover; width: 14px; height: 24px; } @media (max-width: 767px) { body .column.main .product.media .fotorama__wrap .fotorama__nav-wrap { padding-top: 24px; } } body .column.main .product.media .fotorama__wrap .fotorama__nav-wrap .fotorama__thumb-border { display: none !important; } body .column.main .product.media .fotorama__wrap .fotorama__nav-wrap .fotorama__nav__shaft .fotorama__nav__frame { margin-bottom: 10px; } @media (max-width: 767px) { body .column.main .product.media .fotorama__wrap .fotorama__nav-wrap .fotorama__nav__shaft .fotorama__nav__frame { margin-bottom: 0; } } body .column.main .product.media .fotorama__wrap .fotorama__nav-wrap .fotorama__nav__shaft .fotorama__nav__frame.fotorama__active { border: 1px solid #12121275; box-sizing: border-box; padding: 0; } body .column.main .product.media .fotorama__wrap .fotorama__nav-wrap .fotorama__nav__shaft .fotorama__nav__frame .fotorama__img { border: 1px solid #cfcfcf !important; box-sizing: border-box; border-radius: 4px; } body .column.main .product.info.detailed { margin-bottom: 0; margin-top: 10px; border-bottom: 1px solid #cfcfcf; } body .column.main .product.info.detailed .items { margin-bottom: 40px; } @media (min-width: 768px) { body .column.main .product.info.detailed .items { margin-bottom: 0; } } body .column.main .product.info.detailed .item { float: none; } body .column.main .product.info.detailed .item.title { margin: 0; padding-top: 24px; padding-bottom: 24px; } body .column.main .product.info.detailed .item.title a { display: flex; align-items: center; position: relative; font-size: 28px; color: #064a89; background-color: transparent; border: 0; padding-left: 0; box-shadow: none; font-family: 'Open Sans'; } @media (max-width: 767px) { body .column.main .product.info.detailed .item.title a { font-size: 20px; } } body .column.main .product.info.detailed .item.title a:hover { color: #064a89; background-color: transparent; } body .column.main .product.info.detailed .item.title a:after { content: ""; background-image: url('data:image/svg+xml;utf8,'); background-repeat: no-repeat; background-size: cover; position: absolute; right: 0; width: 16px; height: 16px; } body .column.main .product.info.detailed .item.title[aria-expanded="true"] { margin-bottom: 0; } body .column.main .product.info.detailed .item.title[aria-expanded="true"] a:after { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSI0IiB2aWV3Qm94PSIwIDAgMTYgNCIgZmlsbD0ibm9uZSI+PHJlY3QgeT0iMC42NjY5OTIiIHdpZHRoPSIxNiIgaGVpZ2h0PSIyLjY2NjY3IiBmaWxsPSIjMzgzODM4Ii8+PC9zdmc+); width: 16px; height: 4px; } body .column.main .product.info.detailed .item.content { margin: 0; padding: 10px 0; border: 0; } body .column.main .product.info.detailed .item.content [data-content-type="row"] { padding-left: 0; } body .column.main .product.info.detailed .item.content .value p { font-family: 'Open Sans'; } @media (min-width: 768px) { body .column.main .tabs-main { float: left; clear: left; width: 52%; padding-right: 24px; box-sizing: border-box; } } @media (min-width: 768px) { body .column.main .related-products-main { float: right; clear: right; display: flex; width: 48%; padding-left: 0; } } @media (max-width: 767px) { body .column.main .related-products-main { display: none !important; } } @media (min-width: 768px) { body .column.main .related-products-main .products { margin-bottom: 0; } } body .column.main .reviews-main { display: flex; clear: both; gap: 24px; padding: 32px; background-color: #f0f2f6; } @media (max-width: 767px) { body .column.main .reviews-main { flex-direction: column; padding: 0; background-color: transparent; } } body .column.main .reviews-main #ReviewsWidget { width: 53%; margin-right: 24px; background: #f0f2f6; padding: 0; margin: 0; } @media (max-width: 767px) { body .column.main .reviews-main #ReviewsWidget { width: 100%; background: transparent; } } @media (max-width: 767px) { body .column.main .reviews-main #ReviewsWidget .ElementsWidget__inner .header__group--left { padding-bottom: 16px; } } @media (max-width: 767px) { body .column.main .reviews-main #ReviewsWidget .ElementsWidget__footer { margin: 0; } } body .column.main .reviews-main .help-main { width: 47%; } @media (max-width: 767px) { body .column.main .reviews-main .help-main { width: 100%; } } body .column.main .reviews-main .help-main .expert-section { background: #fee200; padding: 12px 20px 28px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; align-items: flex-start; justify-content: space-between; border-radius: 4px; border: 1px solid #cfcfcf; } @media (max-width: 767px) { body .column.main .reviews-main .help-main .expert-section { flex-direction: column; padding: 20px 16px 12px; } } body .column.main .reviews-main .help-main .expert-section .shipping-section { width: 63%; } @media (max-width: 767px) { body .column.main .reviews-main .help-main .expert-section .shipping-section { width: 100%; padding-top: 8px; padding-bottom: 8px; } } body .column.main .reviews-main .help-main .expert-section .shipping-section h2 { color: #207ccb; font-family: Inter; font-size: 24px; font-weight: 700; line-height: 36px; text-transform: capitalize; margin: 0; } body .column.main .reviews-main .help-main .expert-section .shipping-section p { color: #39495c; font-family: Inter; font-size: 16px; font-weight: 400; line-height: 24px; margin: 0; } body .column.main .reviews-main .help-main .expert-section .shipping-section .shipping-info { margin-left: 10px; } body .column.main .reviews-main .help-main .expert-section .shipping-section .shipping-info .ship { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding-top: 20px; } body .column.main .reviews-main .help-main .expert-section .shipping-section .shipping-info .ship img { width: 20px; height: auto; margin-right: 10px; } body .column.main .reviews-main .help-main .expert-section .shipping-section .shipping-info .ship p { font-family: Inter; font-size: 14px; font-weight: 400; color: #383838; line-height: 20px; margin: 0; } body .column.main .reviews-main .help-main .expert-section .info-secton { font-family: 'Open Sans'; background: #09375b; padding: 16px 6px; color: #fff; text-align: center; border-radius: 4px; width: 37%; max-width: 170px; box-sizing: border-box; } @media (max-width: 767px) { body .column.main .reviews-main .help-main .expert-section .info-secton { width: 100%; max-width: 100%; text-align: center; margin-top: 16px; padding: 16px 6px; } } body .column.main .reviews-main .help-main .expert-section .info-secton .phone-icon { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 12px; } body .column.main .reviews-main .help-main .expert-section .info-secton .phone-icon img { max-width: 14px; margin-right: 10px; } body .column.main .reviews-main .help-main .expert-section .info-secton .phone-icon p { margin: 0; font-size: 14px; font-weight: 700; } body .column.main .reviews-main .help-main .expert-section .info-secton a { color: #fff; font-weight: 700; margin: 0; } body .column.main .reviews-main .help-main .expert-section .info-secton > a, body .column.main .reviews-main .help-main .expert-section .info-secton > p { font-size: 16px; margin: 0; } body .column.main .reviews-main .help-main .expert-section .info-secton .time { font-weight: 700; margin-bottom: 0; } body .column.main .block.related { width: 100%; margin: 0; } body .column.main .block.related .block-title { font-family: 'Open Sans'; font-size: 20px; font-style: normal; font-weight: 700; line-height: 28px; color: #064a89; margin-bottom: 12px; } body .column.main .block.related .block-content > .block-actions { display: none; } body .column.main .block.related .block-content .products-related { margin-top: 0; } body .column.main .block.related .block-content .products-related .product-items { margin-top: 0; } body .column.main .block.related .block-content .products-related .product-items li { display: block; width: 100%; border-radius: 4px; background: #f6f6f6; padding-right: 8px; margin-left: 0; margin-bottom: 12px; box-sizing: border-box; } body .column.main .block.related .block-content .products-related .product-items li:last-child { margin-bottom: 0; } body .column.main .block.related .block-content .products-related .product-items li .product-item-info { display: flex; align-items: center; width: 100%; } body .column.main .block.related .block-content .products-related .product-items li .product-item-info .product-item-photo { width: 80px; height: 80px; padding: 8px; } body .column.main .block.related .block-content .products-related .product-items li .product-item-info .product-item-details { display: flex; justify-content: space-between; width: 100%; } @media (max-width: 767px) { body .column.main .block.related .block-content .products-related .product-items li .product-item-info .product-item-details { flex-direction: column; } } body .column.main .block.related .block-content .products-related .product-items li .product-item-info .product-item-details .inner-info { max-width: 121px; padding-top: 12px; padding-bottom: 12px; } @media (max-width: 767px) { body .column.main .block.related .block-content .products-related .product-items li .product-item-info .product-item-details .inner-info { max-width: 100%; margin-bottom: 15px; } } body .column.main .block.related .block-content .products-related .product-items li .product-item-info .product-item-details .inner-info .product-item-name { margin: 0; padding: 0 8px 8px; min-height: 48px; box-sizing: border-box; } body .column.main .block.related .block-content .products-related .product-items li .product-item-info .product-item-details .inner-info .product-item-name a { font-family: 'Open Sans'; font-size: 16px; font-weight: 700; line-height: 24px; color: #064a89; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; text-decoration: none; } body .column.main .block.related .block-content .products-related .product-items li .product-item-info .product-item-details .inner-info .field.choice { display: none; } body .column.main .block.related .block-content .products-related .product-items li .product-item-info .product-item-details .inner-info .price-box { margin-bottom: 0; padding: 0; } body .column.main .block.related .block-content .products-related .product-items li .product-item-info .product-item-details .inner-info .price-box .price-wrapper.price-excluding-tax:after { color: #2c2c2c; } body .column.main .block.related .block-content .products-related .product-items li .product-item-info .product-item-details .inner-info .price-box .price-wrapper.price-excluding-tax .price { font-size: 20px; color: #2c2c2c; } body .column.main .block.related .block-content .products-related .product-items li .product-item-info .product-item-details .inner-info .price-box .price-wrapper.price-including-tax { line-height: 16px; color: #383838; opacity: 0.7; } body .column.main .block.related .block-content .products-related .product-items li .product-item-info .product-item-details .box-tocart { display: flex; padding: 12px 8px 12px 0; } body .column.main .block.related .block-content .products-related .product-items li .product-item-info .product-item-details .box-tocart .qty { padding-right: 8px; } body .column.main .block.related .block-content .products-related .product-items li .product-item-info .product-item-details .box-tocart .qty .label { display: none; } body .column.main .block.related .block-content .products-related .product-items li .product-item-info .product-item-details .box-tocart .qty input { max-width: 35px; padding: 8px 12px; margin: 0; } body .column.main .block.related .block-content .products-related .product-items li .product-item-info .product-item-details .product-item-actions { display: flex; align-items: center; margin: 0; } body .column.main .block.related .block-content .products-related .product-items li .product-item-info .product-item-details .product-item-actions .action { display: flex; align-items: center; justify-content: center; height: 40px !important; min-width: 221px !important; } @media (max-width: 767px) { body .column.main .block.related .block-content .products-related .product-items li .product-item-info .product-item-details .product-item-actions .action { min-width: initial !important; } } body .column.main .block.related .block-content .products-related .product-items li .product-item-info .product-item-details .product-item-actions .action img { width: 21px; margin-right: 18px; } body .column.main .block.upsell { margin: 0; } @media (min-width: 768px) { body .column.main .block.upsell { padding: 32px; box-sizing: border-box; } } body .column.main .block.upsell .block-title { font-family: 'Open Sans'; font-style: normal; font-weight: 700; line-height: 40px; color: #064a89; margin-bottom: 24spx; } @media (max-width: 767px) { body .column.main .block.upsell .block-title { margin-bottom: 0; padding-bottom: 10px; } } body .column.main .block.upsell .block-title strong { font-size: 28px; } @media (max-width: 767px) { body .column.main .block.upsell .block-content > .products { margin-left: -8px; margin-right: -8px; } } @media (max-width: 767px) { body .column.main .block.upsell .block-content .products { margin-top: 0; } } body .column.main .block.upsell .block-content .products .items { box-sizing: border-box; } @media (min-width: 1025px) { body .column.main .block.upsell .block-content .products .items { padding: 0 48px; } } body .column.main .block.upsell .block-content .products .items .product-item { width: 100%; padding: 0 4px; } @media (min-width: 1025px) { body .column.main .block.upsell .block-content .products .items .product-item { padding: 10px 8px; } } body .column.main .block.upsell .block-content .products .items .product-item .product-item-info { width: 100%; } body .column.main .block.upsell .block-content .products .items .product-item .product-item-info .product-item-name { margin-bottom: 10px; } body .column.main .block.upsell .block-content .products .items .product-item .product-item-info .product-item-name a { font-family: 'Open Sans'; font-size: 16px; font-style: normal; font-weight: 700; color: #064a89; line-height: 24px; text-decoration: none; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; } @media (min-width: 1025px) { body .column.main .block.upsell .block-content .products .items .product-item .product-item-info .product-item-name a { min-height: 68px; } } body .column.main .block.upsell .block-content .products .items .product-item .product-item-info .product-item-actions { width: 100%; } body .column.main .block.upsell .block-content .products .items .product-item .product-item-info .product-item-actions .actions-primary { width: 100%; } body .column.main .block.upsell .block-content .products .items .product-item .product-item-info .product-item-actions .actions-primary .qty { display: none; } body .column.main .block.upsell .block-content .products .items .product-item .product-item-info .product-item-actions .actions-primary .tocart { width: 100% !important; min-width: initial !important; } body .column.main .block.upsell .block-content .products .items .product-item .product-item-info .product-item-actions .actions-primary .tocart img { display: none; } body .column.main .block.upsell .block-content .products .items .owl-dots { margin-top: 20px; } @media (min-width: 768px) { body .column.main .block.upsell .block-content .products .items .owl-nav { display: block !important; } } body .column.main .block.upsell .block-content .products .items .owl-nav [class*="owl-"] { font-size: 0; position: absolute; top: 50%; transform: translatey(-50%); width: 40px; height: 40px; background-color: transparent; box-shadow: none; } body .column.main .block.upsell .block-content .products .items .owl-nav [class*="owl-"].owl-prev { left: 0; } @media (max-width: 480px) { body .column.main .block.upsell .block-content .products .items .owl-nav [class*="owl-"].owl-prev { left: -20px; } } body .column.main .block.upsell .block-content .products .items .owl-nav [class*="owl-"].owl-next { right: 0; } @media (max-width: 480px) { body .column.main .block.upsell .block-content .products .items .owl-nav [class*="owl-"].owl-next { right: -20px; } } body .product-item-name { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; height: 72px; line-height: 24px; } @media (min-width: 576px) and (max-width: 768px) { body .product-item-name { -webkit-line-clamp: 1; height: 24px; } } body .product-description { display: -webkit-box; -webkit-line-clamp: 7; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; height: 168px; line-height: 24px; } @media (min-width: 576px) and (max-width: 768px) { body .product-description { -webkit-line-clamp: 2; height: 48px; } } @media (max-width: 768px) { body .product-item-inner.configurable-product { width: 100% !important; } } @media (min-width: 769px), print { .category-description [data-content-type="row"][data-appearance="contained"], .category-description [data-content-type='row'][data-appearance='full-width'] > .row-full-width-inner { padding-left: 0; padding-right: 0; } } @media (max-width: 768px) { .catalog-category-view.page-layout-2columns-left main.page-main .category-description, .catalogsearch-result-index.page-layout-2columns-left main.page-main .category-description { padding: 0 !important; } } .page-main .category-description { color: #121212; margin-bottom: 60px; padding: 0 !important; font-size: 16px; font-style: normal; font-weight: 400; line-height: 150%; } @media (max-width: 767px) { .page-main .category-description { margin-bottom: 16px; font-size: 14px; line-height: 140%; padding: 0 16px !important; } } .page-main .category-description ul { margin: 16px 0 24px; } .page-main .category-description li, .page-main .category-description p { margin-bottom: 7px; } body.page-product-configurable .column.main .price-box .price-container { margin: 0; } body.page-product-configurable .column.main .price-box .price-container.price-tier_price { margin: 5px 0 0 2px; } body.page-product-configurable .column.main .product-info-main .product-info-price .price-box.price-tier_price { padding: 0; } body.page-product-configurable .column.main .product-info-main .product-info-price .price-box.price-tier_price .prices-tier { padding-bottom: 8px; } body.page-product-configurable .column.main .product-info-main .product-info-price .price-box.price-tier_price .prices-tier .price-excluding-tax .price { color: #207ccb; } body.page-product-configurable .column.main .product-info-main .product-options-bottom { padding-top: 12px; } .catalog-product-view .prices-tier .prices-tier-block { display: flex; margin-top: 5px; margin-left: 1px; } .catalog-product-view .prices-tier .prices-tier-block .price-tier_price.tax.weee { display: flex; } .catalog-product-view .prices-tier .prices-tier-block .price-tier_price.tax.weee .price-including-tax { order: 2; padding: 0 4px 2px 10px; margin-top: 1px; } @media (max-width: 320px) { .catalog-product-view .prices-tier .prices-tier-block .price-tier_price.tax.weee .price-including-tax { padding: 0 4px 2px 5px; } } .catalog-product-view .prices-tier .prices-tier-block .price-tier_price.tax.weee .price-excluding-tax { order: 1; margin-top: 3px; } .catalog-product-view .prices-tier .prices-tier-block .price-tier_price.tax.weee .price-excluding-tax:after { content: " " attr(data-label); font-size: 16px; color: #207ccb; font-weight: 700; margin-left: 3px; } .catalog-product-view .prices-tier .prices-tier-block .price-tier_price.tax.weee .price-excluding-tax .price { color: #207ccb; } .catalog-product-view .prices-tier .price-container .price-including-tax + .price-excluding-tax:before { content: none; } .catalog-product-view .prices-tier .price-container .price-including-tax + .price-excluding-tax:last-child:after { content: none; } @media all and (max-width: 768px) { .checkout-cart-index .breadcrumbs { margin: 16px 16px 8px; padding: 8px 0; } } .checkout-cart-index .breadcrumbs .items .item strong { color: #383838; } @media screen and (max-width: 768px) { .checkout-cart-index .page-main { padding-left: 0px; padding-right: 0px; } } .checkout-cart-index .page-main .page-title { font-family: "Open Sans"; font-size: 40px; font-style: normal; font-weight: 700; line-height: 140%; color: #064A89; text-transform: capitalize; } @media screen and (max-width: 768px) { .checkout-cart-index .page-main .page-title { font-size: 32px; margin: 0; padding: 8px 16px 12px; } } .checkout-cart-index .page-main .column.main { margin-top: 10px; } .checkout-cart-index .page-main .form-cart { width: 70%; } @media screen and (max-width: 768px) { .checkout-cart-index .page-main .form-cart { width: 100%; } } @media (max-width: 767px) { .checkout-cart-index .page-main .form-cart > .actions { background-color: #f0f2f6; padding: 20px 16px; } } @media (max-width: 767px) { .checkout-cart-index .page-main .form-cart > .actions .continue { display: none !important; } } @media (max-width: 767px) { .checkout-cart-index .page-main .form-cart > .actions .update { margin: 0; width: 100%; background-color: #09375b; border-color: #09375b; } } .checkout-cart-index .page-main .form-cart .product-image-container { width: 72px !important; } .checkout-cart-index .page-main .form-cart .item-sku { font-size: 12px; } .checkout-cart-index .page-main .form-cart .price-inner { display: flex; flex-direction: column-reverse; } .checkout-cart-index .page-main .form-cart .price-inner .price-including-tax, .checkout-cart-index .page-main .form-cart .price-inner .price-excluding-tax { display: flex; align-items: center; flex-direction: row-reverse; } .checkout-cart-index .page-main .form-cart .price-inner .price-including-tax::before, .checkout-cart-index .page-main .form-cart .price-inner .price-excluding-tax::before { content: attr(data-label) !important; margin-left: 4px; } .checkout-cart-index .page-main .form-cart .price-inner .price-excluding-tax:before { color: #207ccb; } .checkout-cart-index .page-main .form-cart .price-inner .price-including-tax .price { font-size: 12px !important; color: #121212 !important; } .checkout-cart-index .page-main .form-cart .price-inner .price-excluding-tax::before, .checkout-cart-index .page-main .form-cart .price-inner .price-including-tax { font-size: 12px; font-style: normal; font-weight: 700; line-height: 16.2px; opacity: 0.7; } .checkout-cart-index .page-main .form-cart .table-wrapper { border: 2px solid #CDD2D6; border-radius: 4px; margin-bottom: 24px; } @media screen and (max-width: 768px) { .checkout-cart-index .page-main .form-cart .table-wrapper { border: 0; margin-bottom: 0; } } .checkout-cart-index .page-main .form-cart .table-wrapper .cart thead { background: #FEE200; } .checkout-cart-index .page-main .form-cart .table-wrapper .cart thead th { color: #121212; font-family: "Open Sans"; font-size: 14px; font-style: normal; font-weight: 700; line-height: 19.6px; padding-top: 16px; padding-bottom: 16px; } .checkout-cart-index .page-main .form-cart .table-wrapper .cart .actions-toolbar { display: flex; margin-left: 0; } @media screen and (min-width: 787px) and (max-width: 1250px) { .checkout-cart-index .page-main .form-cart .table-wrapper .cart .actions-toolbar { margin-left: 0 !important; } } .checkout-cart-index .page-main .form-cart .table-wrapper .cart .actions-toolbar .action { position: relative; color: #fff; font-size: 0; background: transparent; border: 0; margin: 0; padding: 0; } @media screen and (max-width: 768px) { .checkout-cart-index .page-main .form-cart .table-wrapper .cart .product-item-photo { position: static; float: left; margin-right: 16px; } } @media screen and (max-width: 768px) { .checkout-cart-index .page-main .form-cart .table-wrapper .cart .mob.cart-price { margin-bottom: 40px; } } @media screen and (max-width: 768px) { .checkout-cart-index .page-main .form-cart .table-wrapper .cart .mob.action-bar { clear: both; display: grid; grid-template-columns: repeat(2, 1fr); } } @media screen and (max-width: 768px) { .checkout-cart-index .page-main .form-cart .table-wrapper .cart .mob.action-bar .field { text-align: right; } } .checkout-cart-index .page-main .form-cart .table-wrapper .cart .mob.action-bar .field .input-text { margin: 0; } @media screen and (max-width: 768px) { .checkout-cart-index .page-main .form-cart .table-wrapper .cart .mob.action-bar .field .input-text { text-align: center; } } @media (max-width: 767px) { .checkout-cart-index .page-main .form-cart .table-wrapper .cart .product-item-details { display: flex; flex-direction: column; align-items: flex-start; } } .checkout-cart-index .page-main .form-cart .table-wrapper .cart .product-item-details .product-item-name { max-width: 200px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; text-decoration: none; margin-bottom: 4px; } .checkout-cart-index .page-main .form-cart .table-wrapper .cart .product-item-details .product-item-name a { font-family: "Open Sans"; font-size: 16px; font-style: normal; font-weight: 700; color: #064A89; line-height: 24px; } @media screen and (max-width: 768px) { .checkout-cart-index .page-main .form-cart .table-wrapper .cart .product-item-details .product-item-name a { font-size: 14px; line-height: 140%; } } .checkout-cart-index .page-main .form-cart .table-wrapper .cart .col { vertical-align: middle; padding-left: 16px; padding-right: 16px; padding-top: 16px; padding-bottom: 16px; } .checkout-cart-index .page-main .form-cart .table-wrapper .cart .col.action-column { display: block; } .checkout-cart-index .page-main .form-cart .table-wrapper .cart .col.item { padding: 16px 20px; } .checkout-cart-index .page-main .form-cart .table-wrapper .cart .col.actions { text-align: center; padding-right: 20px; } @media screen and (max-width: 768px) { .checkout-cart-index .page-main .form-cart .table-wrapper .cart .col.desk { display: none; } } @media screen and (min-width: 768px) { .checkout-cart-index .page-main .form-cart .table-wrapper .cart .col.desk { display: table-cell; } } .checkout-cart-index .page-main .form-cart .table-wrapper .cart .col .price-including-tax:before { content: attr(data-label) ': '; font-size: 1.1rem; } @media screen and (max-width: 768px) { .checkout-cart-index .page-main .form-cart .table-wrapper .cart .col .mob { display: grid; } } @media screen and (min-width: 768px) { .checkout-cart-index .page-main .form-cart .table-wrapper .cart .col .mob { display: none; } } .checkout-cart-index .page-main .form-cart .table-wrapper .cart .col .mob.cart-price { margin: 0; padding-bottom: 4px; } .checkout-cart-index .page-main .form-cart .table-wrapper .cart .col .mob.cart-price .price-including-tax, .checkout-cart-index .page-main .form-cart .table-wrapper .cart .col .mob.cart-price .price-excluding-tax { justify-content: flex-end; line-height: 16.2px; } .checkout-cart-index .page-main .form-cart .table-wrapper .cart .col .mob.cart-price .price-excluding-tax { padding-bottom: 4px; } .checkout-cart-index .page-main .form-cart .table-wrapper .cart .col .mob.cart-price .price-excluding-tax .price { font-size: 14px; color: #207ccb; } .checkout-cart-index .page-main .form-cart .table-wrapper .cart .price .cart-price .price { color: #207CCB; font-family: "Open Sans"; font-size: 16px; font-style: normal; font-weight: 700; line-height: 24px; } @media screen and (max-width: 768px) { .checkout-cart-index .page-main .form-cart .table-wrapper .cart .qty .label { margin-right: 8px; font-family: "Open Sans"; font-size: 12px; font-style: normal; font-weight: 700; line-height: 150%; color: #1B3990; } } .checkout-cart-index .page-main .form-cart .table-wrapper .cart .qty .input-text.qty { width: 60px; height: 32px; padding: 8px 0px; border-radius: 4px; border: 1px solid #207CCB; font-family: Inter; font-size: 14px; font-style: normal; font-weight: 700; color: #121212; line-height: 140%; } @media screen and (max-width: 768px) { .checkout-cart-index .page-main .form-cart .table-wrapper .cart .qty .input-text.qty { text-align: center; } } .checkout-cart-index .page-main .form-cart .table-wrapper .cart .subtotal .price { font-family: "Open Sans"; font-size: 16px; font-style: normal; font-weight: 700; line-height: 24px; color: #121212; } .checkout-cart-index .page-main .cart.main.actions .action { color: #fff; height: 48px; line-height: 48px; padding-top: 0; padding-left: 24px; padding-right: 24px; } .checkout-cart-index .page-main .cart.main.actions .action.update:before { display: none; } .checkout-cart-index .page-main .cart.main.actions .action.continue:before { display: none; } .checkout-cart-index .page-main .cart-summary { width: 28%; padding: 20px; border-radius: 8px; border: 1px solid #CFCFCF; } @media screen and (max-width: 768px) { .checkout-cart-index .page-main .cart-summary { width: 100%; border-radius: 0px; } } .checkout-cart-index .page-main .cart-summary .checkout { width: 100% !important; position: relative; } .checkout-cart-index .page-main .cart-summary .checkout.checkout-methods-items .item + .item { display: none !important; } .checkout-cart-index .page-main .cart-summary .checkout.primary:before { background-image: url(../images/lock_check.png); content: ''; width: 22px; height: 20px; top: 12px; left: 54px; position: absolute; background-size: contain; background-repeat: no-repeat; vertical-align: text-top; z-index: 99; } .checkout-cart-index .page-main .cart-summary .title { padding: 0; margin-top: 0; padding-top: 12px; margin-bottom: 12px; } .checkout-cart-index .page-main .cart-summary .title:after { top: 0; } .checkout-cart-index .page-main .cart-summary .block .fieldset .field > .label { margin-bottom: 12px; } @media screen and (max-width: 768px) { .checkout-cart-index .page-main .cart-summary .block .fieldset .field > .label { font-size: 14px; } } .checkout-cart-index .page-main .cart-summary .summary.title { font-family: "Open Sans"; font-style: normal; font-weight: 700; margin-top: 0; color: #121212; line-height: 28px; padding-top: 0; margin-bottom: 12px; } @media screen and (max-width: 768px) { .checkout-cart-index .page-main .cart-summary .summary.title { font-size: 16px; line-height: 24px; } } .checkout-cart-index .page-main .cart-summary .summary.title strong { font-family: "Open Sans"; font-size: 16px !important; font-style: normal; font-weight: 700 !important; line-height: 24px; color: #121212; } .checkout-cart-index .page-main .cart-summary .fieldset { margin: 0; } .checkout-cart-index .page-main .cart-summary .shipping strong { font-family: "Open Sans"; font-size: 16px !important; font-style: normal; font-weight: 700 !important; line-height: 24px; color: #121212; } @media screen and (max-width: 768px) { .checkout-cart-index .page-main .cart-summary .shipping strong { font-size: 14px !important; } } .checkout-cart-index .page-main .cart-summary .cart-totals { padding-top: 0px; font-family: "Open Sans"; font-size: 16px; font-style: normal; line-height: 24px; color: #121212; } .checkout-cart-index .page-main .cart-summary .cart-totals .totals .mark { padding-top: 12px; } .checkout-cart-index .page-main .cart-summary .cart-totals .totals .mark strong { color: #121212; font-family: "Open Sans"; font-size: 20px; font-style: normal; font-weight: 700; line-height: 28px; } @media screen and (max-width: 768px) { .checkout-cart-index .page-main .cart-summary .cart-totals .totals .mark strong { font-size: 14px; } } .checkout-cart-index .page-main .cart-summary .cart-totals .totals .amount { padding-top: 12px; } .checkout-cart-index .page-main .cart-summary .cart-totals .totals .amount strong { color: #121212; font-family: "Open Sans"; font-size: 20px; font-style: normal; font-weight: 700; line-height: 28px; } .checkout-cart-index .page-main .cart-summary .content { color: #121212; font-family: "Open Sans"; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; } .checkout-cart-index .page-main .cart-summary .discount strong { color: #121212; font-family: "Open Sans"; font-size: 16px !important; font-style: normal; font-weight: 700 !important; line-height: 24px; } @media (max-width: 767px) { .checkout-cart-index .page-main .cart-summary .discount strong { font-size: 14px !important; } } @media (max-width: 767px) { .checkout-cart-index table tr:not(.grand) td, .checkout-cart-index table tr:not(.grand) th, .checkout-cart-index table tr:not(.grand) tbody { font-size: 14px !important; } } @media (max-width: 767px) { .checkout-cart-index table tr.grand * { font-size: 16px !important; } } @media (max-width: 767px) { .checkout-index-index .column.main { margin-top: 0 !important; } } @media (max-width: 767px) { .checkout-index-index .column.main .custom-checkout-headings h2 { margin-top: 8px !important; } } @media (max-width: 767px) { .checkout-index-index .checkout-payment-method, .checkout-index-index .payment-option, .checkout-index-index .payment-methods { margin: 0 !important; } } .checkout-index-index .page-wrapper .fieldset > .field.choice:before { display: none; } .checkout-index-index .page-wrapper .fieldset > .field.no-label:before { display: none; } @media (max-width: 767px) { .checkout-index-index .page-wrapper .checkout-payment-method .checkout-billing-address .billing-address-same-as-shipping-block { padding-left: 0 !important; } } .checkout-index-index .page-wrapper .checkout-payment-method .checkout-billing-address > .fieldset { border: 1px solid #cfcfcf; padding: 16px; } .checkout-index-index .page-wrapper .checkout-payment-method .checkout-billing-address > .fieldset .field { margin-bottom: 8px; } .checkout-index-index .page-wrapper .checkout-payment-method .checkout-billing-address > .fieldset ._with-tooltip .input-text { width: 100%; } .checkout-index-index .page-wrapper .checkout-payment-method .checkout-billing-address > .fieldset ._with-tooltip .field-tooltip { display: none; } .checkout-index-index .page-wrapper .checkout-payment-method .checkout-billing-address > .fieldset .field-select-billing .label { display: none; } .checkout-index-index .page-wrapper .checkout-payment-method .checkout-billing-address > .fieldset .field-select-billing, .checkout-index-index .page-wrapper .checkout-payment-method .checkout-billing-address > .fieldset .billing-address-form { max-width: 100%; } .checkout-index-index .page-wrapper .checkout-payment-method .checkout-billing-address > .fieldset .actions-toolbar .primary { display: flex; gap: 12px; } .checkout-index-index .page-wrapper .checkout-payment-method .checkout-billing-address > .fieldset .actions-toolbar .primary .action { width: 50%; margin: 0; font-size: 14px; background: #09375b; border-color: #09375b; line-height: 21px; } .checkout-index-index .page-wrapper .checkout-payment-method .checkout-billing-address > .fieldset .actions-toolbar .primary .action.action-update { order: 2; } .checkout-index-index .page-wrapper .checkout-payment-method .payment-method-title { display: flex; align-items: center; gap: 7px; border: none; padding: 20px 16px; } @media screen and (max-width: 768px) { .checkout-index-index .page-wrapper .checkout-payment-method .payment-method-title { padding: 16px; } } .checkout-index-index .page-wrapper .checkout-payment-method .payment-method-title .payment-icon { height: auto !important; } .checkout-index-index .page-wrapper .checkout-payment-method .payment-method-content { padding-left: 16px; } .checkout-index-index .page-wrapper .custom-checkout-headings h2 { color: #064A8A; font-family: "Open Sans"; font-size: 40px; font-style: normal; font-weight: 700; line-height: 140%; text-transform: capitalize; margin-bottom: 36px; margin-top: 12px; padding-left: 16px; padding-right: 16px; } @media screen and (max-width: 768px) { .checkout-index-index .page-wrapper .custom-checkout-headings h2 { font-size: 32px; line-height: 135%; margin-bottom: 12px; padding-left: 20px; padding-right: 20px; } } .checkout-index-index .page-wrapper .nav-sections, .checkout-index-index .page-wrapper .nav-toggle { display: block; } .checkout-index-index .page-wrapper .panel.header { display: none; } .checkout-index-index .page-wrapper .opc-sidebar { margin-top: 0; } @media screen and (max-width: 768px) { .checkout-index-index .page-wrapper .checkout-container { display: flex; flex-direction: column; } } .checkout-index-index .page-wrapper .checkout-container > .authentication-wrapper { display: none !important; } @media screen and (max-width: 768px) { .checkout-index-index .page-wrapper .checkout-container .opc-progress-bar { order: 2; padding-top: 20px; padding-left: 20px; padding-right: 20px; margin-bottom: 0; padding-bottom: 16px; background: #f6f6f6; } } @media screen and (max-width: 768px) { .checkout-index-index .page-wrapper .checkout-container .opc-estimated-wrapper { order: 1; padding: 16px 20px; border-top: 1px solid #CFCFCF; margin-bottom: 0; } } .checkout-index-index .page-wrapper .checkout-container .opc-estimated-wrapper .action.showcart:before { display: block; content: ""; background-image: url(../images/minicart-icon.png); background-size: cover; background-position: center; width: 22px; height: 20px; margin: 0 auto 7px; } @media screen and (max-width: 768px) { .checkout-index-index .page-wrapper .checkout-container .opc-estimated-wrapper .estimated-block { font-size: 16px; } } @media screen and (max-width: 768px) { .checkout-index-index .page-wrapper .checkout-container .opc-estimated-wrapper .minicart-wrapper .showcart { padding: 0 !important; background: transparent !important; border: 0 !important; } } @media screen and (max-width: 768px) { .checkout-index-index .page-wrapper .checkout-container .opc-estimated-wrapper .minicart-wrapper .showcart .counter { background: #e44f2f !important; border-radius: 100% !important; position: absolute; top: -14px; right: -10px; max-width: 16px; height: 16px; min-width: auto; width: 100%; line-height: 16px; padding: 0; font-size: 10px; } } @media screen and (max-width: 768px) { .checkout-index-index .page-wrapper .checkout-container .opc-wrapper { order: 3; } } .checkout-index-index .modal-popup .form-shipping-address { max-width: 100% !important; } .checkout-index-index form .fieldset > .field { margin-bottom: 8px; } .checkout-index-index form .fieldset > .field select, .checkout-index-index form .fieldset > .field .input-text { height: 48px; padding: 8px 16px; border-radius: 4px; border: 1px solid #207CCB; } .checkout-index-index form .fieldset > .field:not(.choice) > .label { width: 100%; float: none; text-align: left; color: #121212; font-family: "Open Sans"; font-size: 12px; font-style: normal; font-weight: 400; line-height: 18px; margin-bottom: 6px; } .checkout-index-index form .fieldset > .field:not(.choice) > .control { width: 100%; float: none; } @media screen and (max-width: 768px) { .checkout-index-index #store-selector-popup .block-search { border-bottom: none; margin-bottom: 0; } .checkout-index-index #store-selector-popup .block-search .field { position: relative; } .checkout-index-index #store-selector-popup .block-search .field label { position: absolute; right: 10px; top: 20px; } .checkout-index-index #store-selector-popup .block-search .field input { padding-right: 50px; position: static; } } .checkout-index-index #store-selector-popup .control .input-text { height: 43px; } .checkout-index-index #store-selector-popup .actions button { padding: 0 16px; right: 0; height: 43px; } .checkout-index-index #store-selector-popup .actions button::before { color: #ffff; } .checkout-index-index .checkout-container .opc-wrapper { padding: 0 !important; border: 0 !important; } .checkout-index-index .checkout-container .opc-wrapper .shipping-address-item { width: 100%; padding: 24px 80px 24px 24px; font-size: 16px; } .checkout-index-index .checkout-container .opc-wrapper .checkout-shipping-address .step-title { padding-bottom: 24px; } .checkout-index-index .checkout-container .opc-wrapper .checkout-shipping-address .form-login .control input { width: 100%; } .checkout-index-index .checkout-container .opc-wrapper .checkout-shipping-address .form-login .control .field-tooltip { display: none; } @media screen and (max-width: 768px) { .checkout-index-index .checkout-container .opc-wrapper .shipping-address-item { padding-left: 24px; padding-right: 24px; padding-top: 24px; } } .checkout-index-index .checkout-container .opc-wrapper .shipping-address-item.selected-item { border-color: #207CCB; border-radius: 8px; } .checkout-index-index .checkout-container .opc-wrapper .shipping-address-item.selected-item:after { display: none; } .checkout-index-index .checkout-container .opc-wrapper .shipping-address-item.not-selected-item .action-select-shipping-item { color: #ffffff; padding: 13px 40px; } .checkout-index-index .checkout-container .new-address-popup { margin-top: 8px; } @media screen and (max-width: 768px) { .checkout-index-index .checkout-container .new-address-popup { padding-left: 24px; padding-right: 24px; margin-bottom: 0; } } .checkout-index-index .checkout-container .new-address-popup .action-show-popup { color: #fff; padding-right: 24px; padding-left: 16px; font-size: 16px; } .checkout-index-index .checkout-container .new-address-popup .action-show-popup span:before { color: #fff; padding-right: 21px; padding-left: 16px; line-height: 35px; height: 48px; padding-top: 0; width: 197px; padding-bottom: 0; font-size: 22px; font-weight: 400; vertical-align: middle; } @media screen and (max-width: 768px) { .checkout-index-index .checkout-container .opc-progress-bar .opc-progress-bar-item span { font-size: 14px !important; } } .checkout-index-index .checkout-container .opc-progress-bar .opc-progress-bar-item span:after { color: #333; font-family: "Open Sans"; font-size: 16px; font-style: normal; font-weight: 700; line-height: 150%; } @media screen and (max-width: 768px) { .checkout-index-index .checkout-container .opc-progress-bar .opc-progress-bar-item span:after { font-size: 14px; } } .checkout-index-index .checkout-container .opc-progress-bar .opc-progress-bar-item._active:before { background: #FEE200; } .checkout-index-index .checkout-container .opc-progress-bar .opc-progress-bar-item._active span:before { background: #FEE200; } .checkout-index-index .checkout-container .opc-progress-bar .opc-progress-bar-item._active span:after { color: #FEE200; font-family: 'icons-blank-theme' !important; line-height: 1; font-size: 2.8rem; } .checkout-index-index .checkout-container .opc-progress-bar .opc-progress-bar-item._complete:before { background: #09375B; } .checkout-index-index .checkout-container .opc-progress-bar .opc-progress-bar-item._complete span:before { background: #09375B; } .checkout-index-index .checkout-container .opc-progress-bar .opc-progress-bar-item._complete span:after { color: #09375B; font-family: 'icons-blank-theme' !important; line-height: 1; font-size: 2.8rem; } .checkout-index-index .checkout-container .opc-progress-bar .opc-progress-bar-item span { color: #207CCB; text-align: center; font-family: "Open Sans"; font-size: 16px; font-style: normal; font-weight: 700; line-height: 24px; } .checkout-index-index .checkout-container .actions-toolbar .action { background: #207CCB; border-radius: 4px; color: #FFF; text-align: center; font-family: Inter; font-size: 16px; font-style: normal; padding: 10px 30px; font-weight: 700; margin-top: 0; line-height: 100%; text-transform: capitalize; } .checkout-index-index .checkout-container .opc-wrapper { padding: 20px; width: 65%; border: 2px solid #CFCFCF; border-radius: 8px; } @media screen and (max-width: 768px) { .checkout-index-index .checkout-container .opc-wrapper { padding: 0; width: 100%; border: 0; border-radius: 0; } } @media screen and (max-width: 768px) { .checkout-index-index .checkout-container .opc-wrapper .step-content { margin: 0; padding-bottom: 24px; } } .checkout-index-index .checkout-container .opc-wrapper .checkout-shipping-address .input-text { height: 48px; padding: 8px 16px; border-radius: 4px; border: 1px solid #207CCB; } .checkout-index-index .checkout-container .opc-wrapper .checkout-shipping-address .select { height: 48px; padding: 8px 16px; border-radius: 4px; border: 1px solid #207CCB; } .checkout-index-index .checkout-container .opc-wrapper .checkout-shipping-address .step-title { color: #064A89; font-family: Inter; font-size: 32px; font-style: normal; font-weight: 700; line-height: 43.2px; text-transform: capitalize; padding-bottom: 20px; border: 0; } @media screen and (max-width: 768px) { .checkout-index-index .checkout-container .opc-wrapper .checkout-shipping-address .step-title { padding-left: 20px; padding-bottom: 16px; padding-right: 20px; color: #121212; background: #f6f6f6; text-align: center; font-size: 28px; } } .checkout-index-index .checkout-container .opc-wrapper .checkout-shipping-address .fieldset > .field:not(.choice) > .label { width: 100%; float: none; text-align: left; color: #121212; font-family: "Open Sans"; font-size: 12px; font-style: normal; font-weight: 400; line-height: 18px; margin-bottom: 6px; } .checkout-index-index .checkout-container .opc-wrapper .checkout-shipping-address .fieldset > .field:not(.choice) > .control { width: 100%; float: none; } .checkout-index-index .checkout-container .opc-wrapper .actions-toolbar .action { background: #207CCB; border-radius: 4px; color: #FFF; text-align: center; font-family: Inter; font-size: 16px; font-style: normal; padding: 10px 30px; font-weight: 700; margin-top: 0; line-height: 100%; text-transform: capitalize; } .checkout-index-index .checkout-container .opc-wrapper .checkout-payment-method { border: 1px solid #cfcfcf; padding: 20px; border-radius: 8px; } @media screen and (max-width: 768px) { .checkout-index-index .checkout-container .opc-wrapper .checkout-payment-method { border: none; padding: 0; } } .checkout-index-index .checkout-container .opc-wrapper .checkout-payment-method .step-content { margin: 0; } .checkout-index-index .checkout-container .opc-wrapper .checkout-payment-method .step-title { color: #121212; font-family: Inter; font-size: 32px; font-style: normal; font-weight: 700; line-height: 43.84px; text-transform: capitalize; } @media screen and (max-width: 768px) { .checkout-index-index .checkout-container .opc-wrapper .checkout-payment-method .step-title { padding-bottom: 16px; color: #121212; background: #f6f6f6; text-align: center; font-size: 28px; } } .checkout-index-index .checkout-container .opc-wrapper .checkout-payment-method hr { display: none; } .checkout-index-index .checkout-container .opc-wrapper .checkout-payment-method .payment-option.discount-code { padding-left: 16px; } .checkout-index-index .checkout-container .opc-wrapper .checkout-payment-method .payment-option.discount-code .payment-option-title { border: none; } @media screen and (max-width: 768px) { .checkout-index-index .checkout-container .opc-wrapper .checkout-payment-method .payment-option.discount-code .payment-option-title { padding-left: 0 !important; } } @media screen and (max-width: 768px) { .checkout-index-index .checkout-container .opc-wrapper .checkout-payment-method .payment-option.discount-code { padding-left: 16px !important; padding-right: 16px !important; } } .checkout-index-index .checkout-container .opc-wrapper .checkout-payment-method .payment-option .payment-option-content { padding: 0; } .checkout-index-index .checkout-container .opc-wrapper .checkout-payment-method .payment-option .payment-option-content .form-discount { max-width: 100%; display: flex; justify-content: flex-start; gap: 20px; } @media (max-width: 767px) { .checkout-index-index .checkout-container .opc-wrapper .checkout-payment-method .payment-option .payment-option-content .form-discount { flex-direction: column; gap: 10px !important; } } .checkout-index-index .checkout-container .opc-wrapper .checkout-payment-method .payment-option .payment-option-content .form-discount .payment-option-inner { width: 73%; } @media screen and (max-width: 768px) { .checkout-index-index .checkout-container .opc-wrapper .checkout-payment-method .payment-option .payment-option-content .form-discount .payment-option-inner { width: 100%; margin-bottom: 0; } } .checkout-index-index .checkout-container .opc-wrapper .checkout-payment-method .payment-option .payment-option-content .form-discount .input-text { height: 48px; padding: 8px 16px; border-radius: 4px; border: 1px solid #207CCB; } .checkout-index-index .checkout-container .opc-wrapper .checkout-payment-method .payment-option .payment-option-content .form-discount .actions-toolbar .primary { width: 100%; } .checkout-index-index .checkout-container .opc-wrapper .checkout-payment-method .payment-method { color: #383838; font-family: Inter; font-size: 14px; font-style: normal; font-weight: 400; line-height: 19.6px; } @media screen and (max-width: 768px) { .checkout-index-index .checkout-container .opc-wrapper .checkout-payment-method .payment-method { padding: 0 !important; } } @media screen and (max-width: 768px) { .checkout-index-index .checkout-container .opc-wrapper .checkout-payment-method .payment-method .payment-option { padding-left: 16px; padding-right: 16px; } } .checkout-index-index .checkout-container .opc-wrapper .checkout-payment-method .payment-method .method { margin-bottom: 0; } .checkout-index-index .checkout-container .opc-wrapper .checkout-payment-method .payment-method .field.field-number { margin-bottom: 16px !important; } .checkout-index-index .checkout-container .opc-wrapper .checkout-payment-method .payment-method .actions-toolbar { margin: 0 !important; width: 100%; } .checkout-index-index .checkout-container .opc-wrapper .checkout-payment-method .payment-method .actions-toolbar .primary { float: none; width: 100%; } .checkout-index-index .checkout-container .opc-wrapper .checkout-payment-method .payment-method .actions-toolbar .primary button.action.primary.checkout { width: 100% !important; } .checkout-index-index .checkout-container .opc-wrapper .checkout-payment-method .payment-method a { color: #383838; font-family: Inter; font-size: 14px; font-style: normal; font-weight: 400; line-height: 19.6px; } .checkout-index-index .checkout-container .opc-wrapper .checkout-payment-method .payment-method .form-world-pay .label { float: none; width: 100%; padding-right: 0 !important; } .checkout-index-index .checkout-container .opc-wrapper .checkout-payment-method .payment-method .form-world-pay .control { width: 100%; float: none; } .checkout-index-index .checkout-container .opc-wrapper .checkout-payment-method .payment-method .payment-method-billing-address .billing-address-details { border: 1px solid #cfcfcf; border-radius: 4px; padding: 16px; } .checkout-index-index .checkout-container .opc-wrapper .checkout-payment-method .payment-method .payment-method-billing-address .billing-address-details .action-edit-address { color: #ffffff; padding: 12px 47px; margin-top: 15px; width: 260px; font-size: 16px; } @media screen and (max-width: 768px) { .checkout-index-index .checkout-container .opc-wrapper .checkout-payment-method .payment-method .payment-method-billing-address .billing-address-details .action-edit-address { width: 100%; } } .checkout-index-index .checkout-container .opc-wrapper .checkout-payment-method .payment-option .action-toggle { display: block; position: relative; } .checkout-index-index .checkout-container .opc-wrapper .checkout-payment-method .payment-option .action-toggle::after { right: 0; position: absolute; } .checkout-index-index .checkout-container .opc-wrapper .checkout-payment-method .payment-option .action-toggle span { color: #121212; font-family: "Open Sans"; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; } .checkout-index-index .checkout-container .opc-wrapper .checkout-payment-method .payment-option .payment-option-title { padding-left: 0px; } @media screen and (max-width: 768px) { .checkout-index-index .checkout-container .opc-wrapper #opc-shipping_method { padding-left: 20px; padding-right: 20px; } } @media screen and (max-width: 768px) { .checkout-index-index .checkout-container .opc-wrapper #opc-shipping_method tbody td { padding-bottom: 12px; padding-top: 12px; } } .checkout-index-index .checkout-container .opc-wrapper #opc-shipping_method .step-title { color: #121212; font-family: "Open Sans"; font-size: 24px; font-style: normal; border: 0; font-weight: 700; line-height: 24px; border-top: 1px solid #207CCB; padding-top: 20px; } .checkout-index-index .checkout-container .opc-wrapper #opc-shipping_method .step-content .table-checkout-shipping-method { color: #121212; font-family: "Open Sans"; font-size: 12px; font-style: normal; font-weight: 400; line-height: 18px; margin-bottom: 40px; width: 100%; border-bottom: 1px solid #000; } @media screen and (max-width: 768px) { .checkout-index-index .checkout-container .opc-wrapper #opc-shipping_method .step-content .table-checkout-shipping-method { margin-bottom: 24px; } } .checkout-index-index .checkout-container .opc-wrapper #opc-shipping_method #checkout-step-shipping_method .primary button { position: relative; padding-left: 50px; } .checkout-index-index .checkout-container .opc-wrapper #opc-shipping_method #checkout-step-shipping_method .primary button > span { position: relative; } .checkout-index-index .checkout-container .opc-wrapper #opc-shipping_method #checkout-step-shipping_method .primary button > span::before { content: ''; background: url(../images/lock_check.png); background-repeat: no-repeat; background-position: center; background-size: cover; width: 22px; position: absolute; height: 24px; left: -30px; } .checkout-index-index .checkout-container .opc-wrapper .form-login { max-width: 100%; margin-top: 0; } @media screen and (max-width: 768px) { .checkout-index-index .checkout-container .opc-wrapper .form-login { padding: 20px; border: 0; padding-bottom: 24px; margin-bottom: 0; } } @media screen and (max-width: 768px) { .checkout-index-index .checkout-container .opc-wrapper .form-login .fieldset:last-child { margin-bottom: 0px; } } .checkout-index-index .checkout-container .opc-wrapper .form-login .field { margin-bottom: 8px; } .checkout-index-index .checkout-container .opc-wrapper .form-login .field .note { display: block; margin-top: 20px; padding-bottom: 20px; border-bottom: 1px solid #CFCFCF; } .checkout-index-index .checkout-container .opc-wrapper .form-login .field .note:before { display: none; } .checkout-index-index .checkout-container .opc-wrapper .form-login .field .note span { color: #121212; font-family: "Open Sans"; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; } .checkout-index-index .checkout-container .opc-wrapper .form-shipping-address { max-width: 100%; margin-top: 24px !important; } @media screen and (max-width: 768px) { .checkout-index-index .checkout-container .opc-wrapper .form-shipping-address { padding-left: 20px; padding-right: 20px; margin-top: 0px !important; } } .checkout-index-index .checkout-container .opc-wrapper .form-shipping-address .field { margin-bottom: 8px; } .checkout-index-index .checkout-container .opc-wrapper .form-shipping-address .field .input-text { width: 100%; } .checkout-index-index .checkout-container .opc-wrapper .form-shipping-address .field .field-tooltip { display: none; } @media screen and (max-width: 768px) { .checkout-index-index .checkout-container .opc-wrapper #store-pickup #delivery-method-selector { justify-content: center; padding: 0 20px 16px; } } .checkout-index-index .checkout-container .opc-wrapper #store-pickup #delivery-method-selector .action { font-size: 16px; color: #ffffff; padding: 16px 24px; } @media screen and (max-width: 768px) { .checkout-index-index .checkout-container .opc-wrapper #store-pickup #delivery-method-selector .action { width: 50%; font-size: 14px; } } .checkout-index-index .checkout-container .opc-wrapper #store-pickup #delivery-method-selector .action.selected { color: #207ccb; } @media screen and (max-width: 768px) { .checkout-index-index .checkout-container .opc-wrapper #store-pickup #store-selector { padding: 0 24px; } } .checkout-index-index .checkout-container .opc-wrapper #store-pickup #store-selector .step-title { font-size: 32px; font-weight: 700; color: #121212; padding-bottom: 24px; } @media screen and (max-width: 768px) { .checkout-index-index .checkout-container .opc-wrapper #store-pickup #store-selector .step-title { font-size: 28px; } } .checkout-index-index .checkout-container .opc-wrapper #store-pickup #store-selector .form-login .control input { width: 100%; } .checkout-index-index .checkout-container .opc-wrapper #store-pickup #store-selector .form-login .control .field-tooltip { display: none; } .checkout-index-index .checkout-container .opc-wrapper #store-pickup #store-selector #checkout-step-store-selector .store-box { border: 2px solid #207ccb; border-radius: 4px; padding: 24px; } @media screen and (max-width: 768px) { .checkout-index-index .checkout-container .opc-wrapper #store-pickup #store-selector #checkout-step-store-selector .store-box { padding: 24px 16px; } } .checkout-index-index .checkout-container .opc-wrapper #store-pickup #store-selector #checkout-step-store-selector .store-box h3 { margin: 0 0 8px; font-size: 16px; font-weight: 700; } @media screen and (max-width: 768px) { .checkout-index-index .checkout-container .opc-wrapper #store-pickup #store-selector #checkout-step-store-selector .store-box h3 { font-size: 14px; } } .checkout-index-index .checkout-container .opc-wrapper #store-pickup #store-selector #checkout-step-store-selector .store-box .location-details p { font-size: 16px; font-weight: 400; margin: 0; } @media screen and (max-width: 768px) { .checkout-index-index .checkout-container .opc-wrapper #store-pickup #store-selector #checkout-step-store-selector .store-box .location-details p { font-size: 14px; } } @media screen and (max-width: 768px) { .checkout-index-index .checkout-container .opc-wrapper #store-pickup #store-selector #checkout-step-store-selector .form-continue { margin-top: 16px; } } .checkout-index-index .checkout-container .opc-wrapper #store-pickup #store-selector #checkout-step-store-selector .actions-toolbar { display: flex; margin: 32px 0 0; } @media screen and (max-width: 768px) { .checkout-index-index .checkout-container .opc-wrapper #store-pickup #store-selector #checkout-step-store-selector .actions-toolbar { flex-wrap: wrap; margin-top: 16px; } } .checkout-index-index .checkout-container .opc-wrapper #store-pickup #store-selector #checkout-step-store-selector .actions-toolbar .secondary { text-align: left; width: 65%; } @media screen and (max-width: 768px) { .checkout-index-index .checkout-container .opc-wrapper #store-pickup #store-selector #checkout-step-store-selector .actions-toolbar .secondary { width: 100%; } } .checkout-index-index .checkout-container .opc-wrapper #store-pickup #store-selector #checkout-step-store-selector .actions-toolbar .secondary button { padding: 16px 24px; } @media screen and (max-width: 768px) { .checkout-index-index .checkout-container .opc-wrapper #store-pickup #store-selector #checkout-step-store-selector .actions-toolbar .secondary button { font-size: 14px; } } .checkout-index-index .checkout-container .opc-wrapper #store-pickup #store-selector #checkout-step-store-selector .actions-toolbar .secondary button:hover { background: #09375b; border-color: #09375b; } @media screen and (max-width: 768px) { .checkout-index-index .checkout-container .opc-wrapper #store-pickup #store-selector #checkout-step-store-selector .actions-toolbar .primary { width: 100%; } } .checkout-index-index .checkout-container .opc-wrapper #store-pickup #store-selector #checkout-step-store-selector .actions-toolbar .primary button { float: none; padding: 12px 24px; position: relative; padding-left: 50px; font-size: 16px; } @media screen and (max-width: 768px) { .checkout-index-index .checkout-container .opc-wrapper #store-pickup #store-selector #checkout-step-store-selector .actions-toolbar .primary button { font-size: 14px; } } .checkout-index-index .checkout-container .opc-wrapper #store-pickup #store-selector #checkout-step-store-selector .actions-toolbar .primary button > span { position: relative; } .checkout-index-index .checkout-container .opc-wrapper #store-pickup #store-selector #checkout-step-store-selector .actions-toolbar .primary button > span::before { content: ''; background: url(../images/lock_check.png); background-repeat: no-repeat; background-position: center; background-size: cover; width: 22px; position: absolute; height: 24px; left: -30px; } .checkout-index-index .checkout-container .opc-summary-wrapper .opc-block-summary { background: transparent; padding: 20px; margin: 0 0 20px; border-radius: 8px; border: 1px solid #CFCFCF; } .checkout-index-index .checkout-container .opc-summary-wrapper .opc-block-summary .actions-toolbar .secondary { border: 0; padding-top: 12px; } .checkout-index-index .checkout-container .opc-summary-wrapper .opc-block-summary .table-totals { color: #383838; font-family: "Open Sans"; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; } @media screen and (max-width: 768px) { .checkout-index-index .checkout-container .opc-summary-wrapper .opc-block-summary .table-totals { font-size: 14px; } } .checkout-index-index .checkout-container .opc-summary-wrapper .opc-block-summary .table-totals .grand .mark { font-size: 20px; } @media screen and (max-width: 768px) { .checkout-index-index .checkout-container .opc-summary-wrapper .opc-block-summary .table-totals .grand .mark { font-size: 16px; } } .checkout-index-index .checkout-container .opc-summary-wrapper .opc-block-summary .table-totals .grand .mark strong { font-weight: 700; } .checkout-index-index .checkout-container .opc-summary-wrapper .opc-block-summary .table-totals .grand .mark::after { content: '(Inc. VAT)'; font-size: 16px; display: block; } @media screen and (max-width: 768px) { .checkout-index-index .checkout-container .opc-summary-wrapper .opc-block-summary .table-totals .grand .mark::after { font-size: 14px; } } .checkout-index-index .checkout-container .opc-summary-wrapper .opc-block-summary .table-totals .grand .amount { font-size: 20px; } @media screen and (max-width: 768px) { .checkout-index-index .checkout-container .opc-summary-wrapper .opc-block-summary .table-totals .grand .amount { font-size: 16px; } } .checkout-index-index .checkout-container .opc-summary-wrapper .opc-block-summary .title { color: #121212; font-family: "Open Sans"; font-size: 20px; font-style: normal; font-weight: 700; line-height: 28px; padding-bottom: 12px; } @media screen and (max-width: 768px) { .checkout-index-index .checkout-container .opc-summary-wrapper .opc-block-summary > .title { font-size: 16px; } } .checkout-index-index .checkout-container .opc-summary-wrapper .opc-block-summary .items-in-cart { color: #121212; font-family: "Open Sans"; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; } .checkout-index-index .checkout-container .opc-summary-wrapper .opc-block-summary .items-in-cart .title strong { color: #121212; font-family: "Open Sans"; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; padding-top: 12px; padding-bottom: 12px; } @media screen and (max-width: 768px) { .checkout-index-index .checkout-container .opc-summary-wrapper .opc-block-summary .items-in-cart .title strong { font-size: 14px; } } .checkout-index-index .checkout-container .opc-summary-wrapper .opc-block-summary .items-in-cart .minicart-items-wrapper { padding-top: 0; } .checkout-index-index .checkout-container .opc-summary-wrapper .opc-block-summary .items-in-cart .minicart-items-wrapper .product-item { padding-top: 12px; border: 0; padding-bottom: 0; } .checkout-index-index .checkout-container .opc-summary-wrapper .opc-block-summary .items-in-cart .minicart-items-wrapper .product-item .product-item-details .product-item-name-block { display: block; padding-bottom: 8px; } .checkout-index-index .checkout-container .opc-summary-wrapper .opc-block-summary .items-in-cart .minicart-items-wrapper .product-item .product-item-details .product-item-name-block .product-item-name { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: ellipsis; overflow: hidden; font-family: 'Open Sans'; font-size: 14px; font-style: normal; font-weight: 700; color: #064a89; line-height: 19.6px; text-decoration: none; margin-bottom: 4px; padding-top: 8px; } .checkout-index-index .checkout-container .opc-summary-wrapper .opc-block-summary .items-in-cart .minicart-items-wrapper .product-item .product-item-details .product-item-name-block .details-qty { margin-top: 0; color: #383838; font-size: 12px; font-style: normal; font-weight: 400; line-height: 16.2px; } .checkout-index-index .checkout-container .opc-summary-wrapper .opc-block-summary .items-in-cart .minicart-items-wrapper .product-item .product-item-details .product-item-name-block .details-qty strong { margin-top: 0; color: #383838; font-size: 12px; font-style: normal; font-weight: 700; line-height: 16.2px; } .checkout-index-index .checkout-container .opc-summary-wrapper .opc-block-summary .items-in-cart .minicart-items-wrapper .product-item .product-image-container { width: 84px !important; height: 84px !important; } .checkout-index-index .checkout-container .opc-summary-wrapper .opc-block-summary .items-in-cart .minicart-items-wrapper .product-item .product-item-details .product-item-inner { padding-left: 12px; } .checkout-index-index .checkout-container .opc-summary-wrapper .opc-block-summary .items-in-cart .minicart-items-wrapper .product-item .subtotal { display: flex !important; text-align: left !important; flex-direction: column !important; } .checkout-index-index .checkout-container .opc-summary-wrapper .opc-block-summary .items-in-cart .minicart-items-wrapper .product-item .subtotal .price-including-tax, .checkout-index-index .checkout-container .opc-summary-wrapper .opc-block-summary .items-in-cart .minicart-items-wrapper .product-item .subtotal .price-excluding-tax { display: block; margin: 0; } .checkout-index-index .checkout-container .opc-summary-wrapper .opc-block-summary .items-in-cart .minicart-items-wrapper .product-item .subtotal .price-including-tax::after, .checkout-index-index .checkout-container .opc-summary-wrapper .opc-block-summary .items-in-cart .minicart-items-wrapper .product-item .subtotal .price-excluding-tax::after { content: attr(data-label) !important; margin-left: 4px; } .checkout-index-index .checkout-container .opc-summary-wrapper .opc-block-summary .items-in-cart .minicart-items-wrapper .product-item .subtotal .price-excluding-tax { order: 1; } .checkout-index-index .checkout-container .opc-summary-wrapper .opc-block-summary .items-in-cart .minicart-items-wrapper .product-item .subtotal .price-excluding-tax:after { color: #207ccb; } .checkout-index-index .checkout-container .opc-summary-wrapper .opc-block-summary .items-in-cart .minicart-items-wrapper .product-item .subtotal .price-excluding-tax:before { display: none; } .checkout-index-index .checkout-container .opc-summary-wrapper .opc-block-summary .items-in-cart .minicart-items-wrapper .product-item .subtotal .price-excluding-tax .price { font-size: 16px; font-weight: 700; line-height: 24px; color: #207CCB; } .checkout-index-index .checkout-container .opc-summary-wrapper .opc-block-summary .items-in-cart .minicart-items-wrapper .product-item .subtotal .price-including-tax { order: 2; } .checkout-index-index .checkout-container .opc-summary-wrapper .opc-block-summary .items-in-cart .minicart-items-wrapper .product-item .subtotal .price-including-tax:before { display: none; } .checkout-index-index .checkout-container .opc-summary-wrapper .opc-block-summary .items-in-cart .minicart-items-wrapper .product-item .subtotal .price-including-tax .price { font-size: 12px !important; color: #121212 !important; font-weight: 700; } .checkout-index-index .checkout-container .opc-summary-wrapper .opc-block-summary .items-in-cart .minicart-items-wrapper .product-item .subtotal .price-excluding-tax::after, .checkout-index-index .checkout-container .opc-summary-wrapper .opc-block-summary .items-in-cart .minicart-items-wrapper .product-item .subtotal .price-including-tax { font-size: 12px; font-style: normal; font-weight: 700; line-height: 16.2px; opacity: 1; } .checkout-index-index .checkout-container .opc-summary-wrapper .opc-block-shipping-information .shipping-information-title { color: #121212; font-family: "Open Sans"; font-size: 20px; font-style: normal; font-weight: 700; line-height: 28px; } .checkout-index-index .checkout-container .opc-summary-wrapper .opc-block-shipping-information .shipping-information-title .action.action-edit:before { color: #121212 !important; content: ''; background: url('../images/fill_edit_icon.png') no-repeat center; width: 20px; height: 20px; } .checkout-index-index .checkout-container .opc-summary-wrapper .opc-block-shipping-information .shipping-information-content { color: #121212; font-family: "Open Sans"; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; } @media screen and (max-width: 768px) { .checkout-index-index .checkout-container .opc-summary-wrapper .opc-block-shipping-information .shipping-information-content { font-size: 14px; } } .checkout-index-index .checkout-container .opc-summary-wrapper .opc-block-shipping-information .shipping-information-content a { color: #121212; font-family: "Open Sans"; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; } .checkout-index-index .checkout-container .opc-summary-wrapper .opc-block-shipping-information .shipping-information-title span { color: #121212; font-family: "Open Sans"; font-size: 20px; font-style: normal; font-weight: 700; line-height: 28px; } @media screen and (max-width: 768px) { .checkout-index-index .checkout-container .opc-summary-wrapper .opc-block-shipping-information .shipping-information-title span { font-size: 16px; } } .checkout-onepage-success .page-title-wrapper { display: none; } .checkout-onepage-success .checkout-success { text-align: center; margin-bottom: 40px; } .checkout-onepage-success .checkout-success h2 { color: #064A89; text-align: center; font-family: "Open Sans"; font-size: 40px; font-style: normal; font-weight: 700; margin-top: 0; margin-bottom: 16px; text-transform: capitalize; } @media screen and (max-width: 768px) { .checkout-onepage-success .checkout-success h2 { font-size: 32px; margin-bottom: 12px; } } .checkout-onepage-success .checkout-success p { color: #121212; text-align: center; font-family: "Open Sans"; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; margin-bottom: 12px; } @media screen and (max-width: 768px) { .checkout-onepage-success .checkout-success p { font-size: 14px; line-height: 19.6px; } } .checkout-onepage-success .checkout-success p span { color: #121212; font-family: "Open Sans"; font-size: 16px; font-style: normal; font-weight: 700; line-height: 150%; } @media screen and (max-width: 768px) { .checkout-onepage-success .checkout-success p span { font-size: 14px; line-height: 19.6px; } } .checkout-onepage-success .checkout-success p a { color: #207CCB; font-family: "Open Sans"; font-size: 16px; font-style: normal; font-weight: 700; line-height: 150%; text-decoration-line: underline; } @media screen and (max-width: 768px) { .checkout-onepage-success .checkout-success p a { font-size: 14px; line-height: 19.6px; } } .checkout-onepage-success #registration { display: none; } #html-body.sales-order-print .logo { margin: 15px 0; display: block; } #html-body.sales-order-print .page-title-wrapper { margin-bottom: 24px; } #html-body.sales-order-print .page-title-wrapper .page-title { padding-left: 0 !important; } #html-body.sales-order-print .page-title-wrapper .page-title .base { padding: 0 0 20px !important; } #html-body.sales-order-print .page-main .page-title-wrapper, #html-body.sales-order-view .page-main .page-title-wrapper { position: relative; } @media (max-width: 767px) { #html-body.sales-order-print .page-main .page-title-wrapper, #html-body.sales-order-view .page-main .page-title-wrapper { padding: 0 16px; } } #html-body.sales-order-print .page-main .page-title-wrapper .base, #html-body.sales-order-view .page-main .page-title-wrapper .base { padding-bottom: 24px; } @media (max-width: 767px) { #html-body.sales-order-print .page-main .page-title-wrapper .base, #html-body.sales-order-view .page-main .page-title-wrapper .base { padding: 16px 0 !important; font-size: 20px !important; } } #html-body.sales-order-print .page-main .page-title-wrapper .page-title, #html-body.sales-order-view .page-main .page-title-wrapper .page-title { padding-left: 28px; } #html-body.sales-order-print .page-main .page-title-wrapper .history-back, #html-body.sales-order-view .page-main .page-title-wrapper .history-back { position: absolute; top: 12px; } @media (max-width: 767px) { #html-body.sales-order-print .page-main .page-title-wrapper .history-back, #html-body.sales-order-view .page-main .page-title-wrapper .history-back { top: 29px; } } #html-body.sales-order-print .page-main .page-title-wrapper .order-status, #html-body.sales-order-view .page-main .page-title-wrapper .order-status { margin-bottom: 4px; font-size: 16px; font-weight: 700; display: block; } @media (max-width: 767px) { #html-body.sales-order-print .page-main .page-title-wrapper .order-status, #html-body.sales-order-view .page-main .page-title-wrapper .order-status { font-size: 14px; } } #html-body.sales-order-print .page-main .page-title-wrapper .order-date, #html-body.sales-order-view .page-main .page-title-wrapper .order-date { margin: 0 8px 0 0; display: inline; } #html-body.sales-order-print .page-main .page-title-wrapper .order-date span, #html-body.sales-order-view .page-main .page-title-wrapper .order-date span { font-size: 16px; font-weight: 400; } @media (max-width: 767px) { #html-body.sales-order-print .page-main .page-title-wrapper .order-date span, #html-body.sales-order-view .page-main .page-title-wrapper .order-date span { font-size: 14px; } } #html-body.sales-order-print .page-main .page-title-wrapper .order-date .label, #html-body.sales-order-view .page-main .page-title-wrapper .order-date .label { font-weight: 700; } #html-body.sales-order-print .page-main .page-title-wrapper .actions-toolbar, #html-body.sales-order-view .page-main .page-title-wrapper .actions-toolbar { margin: 12px 0 24px; } #html-body.sales-order-print .page-main .page-title-wrapper .actions-toolbar a, #html-body.sales-order-view .page-main .page-title-wrapper .actions-toolbar a { font-weight: 700; text-decoration: underline; font-size: 16px; } @media (max-width: 767px) { #html-body.sales-order-print .page-main .page-title-wrapper .actions-toolbar a, #html-body.sales-order-view .page-main .page-title-wrapper .actions-toolbar a { font-size: 14px; } } @media (max-width: 767px) { #html-body.sales-order-print .page-main .page-title-wrapper .actions-toolbar .actions, #html-body.sales-order-view .page-main .page-title-wrapper .actions-toolbar .actions { display: flex; justify-content: space-between; } } #html-body.sales-order-print .page-main .order-links, #html-body.sales-order-view .page-main .order-links { border-top: 1px solid #CDD2D6; border-bottom: none; padding: 24px 0; margin: 0; } #html-body.sales-order-print .page-main .order-links item, #html-body.sales-order-view .page-main .order-links item { font-size: 16px; } @media (max-width: 767px) { #html-body.sales-order-print .page-main .order-links, #html-body.sales-order-view .page-main .order-links { padding: 24px 16px; } } #html-body.sales-order-print .page-main .order-details-items, #html-body.sales-order-view .page-main .order-details-items { border-bottom: none; margin-bottom: 24px; padding-bottom: 0; } #html-body.sales-order-print .page-main .order-details-items .service-call, #html-body.sales-order-view .page-main .order-details-items .service-call { display: none !important; } #html-body.sales-order-print .page-main .order-details-items .order-title, #html-body.sales-order-view .page-main .order-details-items .order-title { display: none; } #html-body.sales-order-print .page-main .order-details-items .order-items, #html-body.sales-order-view .page-main .order-details-items .order-items { margin-bottom: 0; } @media (max-width: 767px) { #html-body.sales-order-print .page-main .order-details-items .order-items, #html-body.sales-order-view .page-main .order-details-items .order-items { border-radius: 0; } } @media (max-width: 767px) { #html-body.sales-order-print .page-main .order-details-items .order-items #my-orders-table tbody tr, #html-body.sales-order-view .page-main .order-details-items .order-items #my-orders-table tbody tr { padding: 0; } } @media (max-width: 767px) { #html-body.sales-order-print .page-main .order-details-items .order-items #my-orders-table tbody tr td, #html-body.sales-order-view .page-main .order-details-items .order-items #my-orders-table tbody tr td { padding: 0; display: flex; justify-content: space-between; box-sizing: border-box; padding-right: 16px; border-bottom: 1px solid #cdd2d6; align-items: center; font-size: 14px; } #html-body.sales-order-print .page-main .order-details-items .order-items #my-orders-table tbody tr td::before, #html-body.sales-order-view .page-main .order-details-items .order-items #my-orders-table tbody tr td::before { background: #fee200; padding: 10px 16px; width: 120px; box-sizing: border-box; } #html-body.sales-order-print .page-main .order-details-items .order-items #my-orders-table tbody tr td.name::before, #html-body.sales-order-view .page-main .order-details-items .order-items #my-orders-table tbody tr td.name::before { width: 175px; } } #html-body.sales-order-print .page-main .order-details-items .order-items #my-orders-table tfoot .subtotal th, #html-body.sales-order-view .page-main .order-details-items .order-items #my-orders-table tfoot .subtotal th { padding-top: 12px; } #html-body.sales-order-print .page-main .order-details-items .order-items #my-orders-table tfoot .subtotal td, #html-body.sales-order-view .page-main .order-details-items .order-items #my-orders-table tfoot .subtotal td { padding-top: 12px; } #html-body.sales-order-print .page-main .order-details-items .order-items #my-orders-table tfoot th, #html-body.sales-order-view .page-main .order-details-items .order-items #my-orders-table tfoot th { padding: 0 12px 4px; font-weight: 700; } #html-body.sales-order-print .page-main .order-details-items .order-items #my-orders-table tfoot td, #html-body.sales-order-view .page-main .order-details-items .order-items #my-orders-table tfoot td { padding: 0 12px 4px; } #html-body.sales-order-print .page-main .order-details-items .order-items #my-orders-table tfoot .grand_total th, #html-body.sales-order-view .page-main .order-details-items .order-items #my-orders-table tfoot .grand_total th { padding-bottom: 12px; } #html-body.sales-order-print .page-main .order-details-items .order-items #my-orders-table tfoot .grand_total td, #html-body.sales-order-view .page-main .order-details-items .order-items #my-orders-table tfoot .grand_total td { padding-bottom: 12px; } #html-body.sales-order-print .page-main .order-details-items .order-items #my-orders-table tfoot .grand_total td .price, #html-body.sales-order-view .page-main .order-details-items .order-items #my-orders-table tfoot .grand_total td .price { font-weight: 400; } #html-body.sales-order-print .page-main .block-order-details-view, #html-body.sales-order-view .page-main .block-order-details-view { border: 2px solid #cdd2d6; border-radius: 8px; margin-bottom: 0; } #html-body.sales-order-print .page-main .block-order-details-view > .block-title, #html-body.sales-order-view .page-main .block-order-details-view > .block-title { margin: 0; background: #064a89; color: #ffff; padding: 12px 2rem; border-radius: 6px 6px 0 0; } @media (max-width: 767px) { #html-body.sales-order-print .page-main .block-order-details-view > .block-title, #html-body.sales-order-view .page-main .block-order-details-view > .block-title { border-radius: 0; } } #html-body.sales-order-print .page-main .block-order-details-view .block-content, #html-body.sales-order-view .page-main .block-order-details-view .block-content { padding: 2rem; color: #121212; } @media (max-width: 767px) { #html-body.sales-order-print .page-main .block-order-details-view .block-content, #html-body.sales-order-view .page-main .block-order-details-view .block-content { padding: 16px; } } #html-body.sales-order-print .page-main .block-order-details-view .block-content .box, #html-body.sales-order-view .page-main .block-order-details-view .block-content .box { margin-bottom: 0; } @media (max-width: 767px) { #html-body.sales-order-print .page-main .block-order-details-view .block-content .box, #html-body.sales-order-view .page-main .block-order-details-view .block-content .box { margin-bottom: 12px; } } #html-body.sales-order-print .page-main .block-order-details-view .block-content .box .box-title, #html-body.sales-order-view .page-main .block-order-details-view .block-content .box .box-title { margin-bottom: 8px; } #html-body.sales-order-print .page-main .block-order-details-view .block-content .box .box-title span, #html-body.sales-order-view .page-main .block-order-details-view .block-content .box .box-title span { font-size: 16px; } @media (max-width: 767px) { #html-body.sales-order-print .page-main .block-order-details-view .block-content .box .box-title span, #html-body.sales-order-view .page-main .block-order-details-view .block-content .box .box-title span { font-size: 14px; } } #html-body.sales-order-print .page-main .block-order-details-view .block-content .box-order-shipping-address, #html-body.sales-order-view .page-main .block-order-details-view .block-content .box-order-shipping-address { margin-bottom: 12px; } #html-body.sales-order-print .page-main .block-order-details-view .block-content .box-content, #html-body.sales-order-view .page-main .block-order-details-view .block-content .box-content { margin: 0; } #html-body.sales-order-print .page-main .block-order-details-view .block-content .box-content address, #html-body.sales-order-view .page-main .block-order-details-view .block-content .box-content address { font-size: 16px; } @media (max-width: 767px) { #html-body.sales-order-print .page-main .block-order-details-view .block-content .box-content address, #html-body.sales-order-view .page-main .block-order-details-view .block-content .box-content address { font-size: 14px; } } #html-body.sales-order-print .page-main .block-order-details-view .block-content .box-content address a, #html-body.sales-order-view .page-main .block-order-details-view .block-content .box-content address a { color: #207ccb; font-weight: 700; } @media (max-width: 767px) { #html-body.sales-order-print .page-main .block-order-details-view .block-content .box-content address a, #html-body.sales-order-view .page-main .block-order-details-view .block-content .box-content address a { font-size: 14px; } } #html-body.sales-order-print .page-main .block-order-details-view .block-title strong, #html-body.sales-order-view .page-main .block-order-details-view .block-title strong { font-size: 20px; font-weight: 700; } @media (max-width: 767px) { #html-body.sales-order-print .page-main .block-order-details-view .block-title strong, #html-body.sales-order-view .page-main .block-order-details-view .block-title strong { font-size: 14px; } } #html-body.sales-order-print .page-main .order-details-items .table-order-items td .price, #html-body.sales-order-view .page-main .order-details-items .table-order-items td .price { font-size: 16px; font-weight: 400; } @media (max-width: 767px) { #html-body.sales-order-print .page-main .order-details-items .table-order-items td .price, #html-body.sales-order-view .page-main .order-details-items .table-order-items td .price { font-size: 14px; } } #html-body .column.main { padding-bottom: 0; } #html-body .column.main .mage-error, #html-body .column.main .custom-error { color: #fc1e1e; } #html-body.customer-account-create .aw-block-new-company, #html-body.aw_ca-company-create .aw-block-new-company { margin: 0 0 1rem; width: 100%; } #html-body.customer-account-create .aw-block-new-company .actions-toolbar, #html-body.aw_ca-company-create .aw-block-new-company .actions-toolbar { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 1rem; margin: 0; } #html-body.customer-account-create .aw-block-new-company .actions-toolbar:before, #html-body.aw_ca-company-create .aw-block-new-company .actions-toolbar:before, #html-body.customer-account-create .aw-block-new-company .actions-toolbar:after, #html-body.aw_ca-company-create .aw-block-new-company .actions-toolbar:after { content: unset; display: none; } #html-body.customer-account-create .aw-block-new-company .actions-toolbar > div, #html-body.aw_ca-company-create .aw-block-new-company .actions-toolbar > div { box-sizing: border-box; width: 100%; } #html-body.customer-account-create .aw-block-new-company .action, #html-body.aw_ca-company-create .aw-block-new-company .action { box-sizing: border-box; width: 100%; display: flex; align-items: center; justify-content: center; } #html-body.customer-account-create .aw-block-new-company .secondary, #html-body.aw_ca-company-create .aw-block-new-company .secondary, #html-body.customer-account-create .aw-block-new-company .primary, #html-body.aw_ca-company-create .aw-block-new-company .primary { margin: 0; } #html-body.customer-account-create .form-create-account legend, #html-body.aw_ca-company-create .form-create-account legend, #html-body.customer-account-create .aw-ca__form legend, #html-body.aw_ca-company-create .aw-ca__form legend { margin-left: 0; } #html-body.customer-account-create .form-create-account .field, #html-body.aw_ca-company-create .form-create-account .field, #html-body.customer-account-create .aw-ca__form .field, #html-body.aw_ca-company-create .aw-ca__form .field { margin: 0 0 1.5rem; } #html-body.customer-account-create .form-create-account fieldset, #html-body.aw_ca-company-create .form-create-account fieldset, #html-body.customer-account-create .aw-ca__form fieldset, #html-body.aw_ca-company-create .aw-ca__form fieldset { margin: 0 0 2.5rem; } #html-body.customer-account-create .form-create-account legend, #html-body.aw_ca-company-create .form-create-account legend, #html-body.customer-account-create .aw-ca__form legend, #html-body.aw_ca-company-create .aw-ca__form legend { margin-bottom: 1.5rem; } #html-body.customer-account-create .form-create-account label, #html-body.aw_ca-company-create .form-create-account label, #html-body.customer-account-create .aw-ca__form label, #html-body.aw_ca-company-create .aw-ca__form label { display: inline-block; text-align: left; padding-top: 0; width: 100% !important; } #html-body.customer-account-create .form-create-account label span, #html-body.aw_ca-company-create .form-create-account label span, #html-body.customer-account-create .aw-ca__form label span, #html-body.aw_ca-company-create .aw-ca__form label span { text-align: left; } #html-body.customer-account-create .form-create-account .control, #html-body.aw_ca-company-create .form-create-account .control, #html-body.customer-account-create .aw-ca__form .control, #html-body.aw_ca-company-create .aw-ca__form .control { width: 100%; } #html-body.customer-account-create .form-create-account .field.choice label, #html-body.aw_ca-company-create .form-create-account .field.choice label, #html-body.customer-account-create .aw-ca__form .field.choice label, #html-body.aw_ca-company-create .aw-ca__form .field.choice label { display: inline; } #html-body.customer-account-create .form-create-account .field.choice:before, #html-body.aw_ca-company-create .form-create-account .field.choice:before, #html-body.customer-account-create .aw-ca__form .field.choice:before, #html-body.aw_ca-company-create .aw-ca__form .field.choice:before { display: none; } #html-body.customer-account-create .form-create-account .field.street, #html-body.aw_ca-company-create .form-create-account .field.street, #html-body.customer-account-create .aw-ca__form .field.street, #html-body.aw_ca-company-create .aw-ca__form .field.street { margin: 0; } #html-body.customer-account-create .form-create-account .field.street #street_1, #html-body.aw_ca-company-create .form-create-account .field.street #street_1, #html-body.customer-account-create .aw-ca__form .field.street #street_1, #html-body.aw_ca-company-create .aw-ca__form .field.street #street_1 { margin: 0 0 15px; } #html-body.customer-account-create .form-create-account .create.account, #html-body.aw_ca-company-create .form-create-account .create.account, #html-body.customer-account-create .aw-ca__form .create.account, #html-body.aw_ca-company-create .aw-ca__form .create.account { margin-bottom: 0; } #html-body.customer-account-create .form-create-account .actions-toolbar, #html-body.aw_ca-company-create .form-create-account .actions-toolbar, #html-body.customer-account-create .aw-ca__form .actions-toolbar, #html-body.aw_ca-company-create .aw-ca__form .actions-toolbar { display: flex; margin: 0; align-items: center; justify-content: center; } #html-body.customer-account-create .form-create-account .actions-toolbar .action, #html-body.aw_ca-company-create .form-create-account .actions-toolbar .action, #html-body.customer-account-create .aw-ca__form .actions-toolbar .action, #html-body.aw_ca-company-create .aw-ca__form .actions-toolbar .action { margin: 0; padding: 15px 31px; border-radius: 4px; } @media screen and (min-width: 768px) { #html-body.customer-account-create .aw-block-new-company, #html-body.aw_ca-company-create .aw-block-new-company { margin: 0 0 2rem; } #html-body.customer-account-create .aw-block-new-company .actions-toolbar, #html-body.aw_ca-company-create .aw-block-new-company .actions-toolbar { flex-wrap: nowrap; } #html-body.customer-account-create .aw-block-new-company .aw-block-new-company .actions-toolbar > div, #html-body.aw_ca-company-create .aw-block-new-company .aw-block-new-company .actions-toolbar > div { width: 50%; } #html-body.customer-account-create .form-create-account .field, #html-body.aw_ca-company-create .form-create-account .field, #html-body.customer-account-create .aw-ca__form .field, #html-body.aw_ca-company-create .aw-ca__form .field { margin: 0 0 2rem; } #html-body.customer-account-create .form-create-account .field.street #street_1, #html-body.aw_ca-company-create .form-create-account .field.street #street_1, #html-body.customer-account-create .aw-ca__form .field.street #street_1, #html-body.aw_ca-company-create .aw-ca__form .field.street #street_1 { margin: 0 0 2rem; } } #html-body.aw_ca-company-create .sidebar { display: none; } #html-body.aw_ca-company-create .column.main { width: 100%; padding-left: 0; } #html-body.aw_ca-company-create .aw-ca__form .action { display: flex; margin: 0 auto; padding: 15px 31px; border-radius: 4px; } #html-body.aw_ca-company-create .aw-block-new-company .actions-toolbar .primary .fa-circle { display: none; } #html-body.aw_ca-company-create .aw-block-new-company .actions-toolbar .primary .fa-dot-circle { display: block; } #html-body.aw_ca-company-create .aw-block-new-company .actions-toolbar .secondary .fa-circle { display: block; } #html-body.aw_ca-company-create .aw-block-new-company .actions-toolbar .secondary .fa-dot-circle { display: none; } #html-body.aw_ca-company-create .pagebuilder-button-primary { display: none; } #html-body.aw_ca-company-create .action.action-basic { margin: 0 auto; padding: 16px 9rem; font-family: 'Open Sans'; line-height: 16px; } #html-body.aw_ca-company-create .aw-ca-company-create, #html-body.customer-account-create .aw-ca-company-create, #html-body.aw_ca-company-create .aw-create-customer, #html-body.customer-account-create .aw-create-customer { display: flex; flex-direction: column-reverse; color: #121212; padding: 2.4rem; border: 1px solid #cdd2d6; border-radius: 8px; } #html-body.aw_ca-company-create .aw-block-new-company, #html-body.customer-account-create .aw-block-new-company { min-width: 100%; } #html-body.aw_ca-company-create .aw-ca__form, #html-body.customer-account-create .aw-ca__form, #html-body.aw_ca-company-create .form-create-account, #html-body.customer-account-create .form-create-account { min-width: 100%; } #html-body.aw_ca-company-create .aw-ca__form fieldset .legend, #html-body.customer-account-create .aw-ca__form fieldset .legend, #html-body.aw_ca-company-create .form-create-account fieldset .legend, #html-body.customer-account-create .form-create-account fieldset .legend { font-weight: 700; } @media (max-width: 767px) { #html-body.aw_ca-company-create .aw-ca__form fieldset .legend, #html-body.customer-account-create .aw-ca__form fieldset .legend, #html-body.aw_ca-company-create .form-create-account fieldset .legend, #html-body.customer-account-create .form-create-account fieldset .legend { font-size: 16px; } } #html-body.aw_ca-company-create .aw-ca__form fieldset .field .label, #html-body.customer-account-create .aw-ca__form fieldset .field .label, #html-body.aw_ca-company-create .form-create-account fieldset .field .label, #html-body.customer-account-create .form-create-account fieldset .field .label { font-weight: 400; font-size: 12px; margin-bottom: 0.5rem; } #html-body.aw_ca-company-create .aw-ca__form fieldset .field .control select, #html-body.customer-account-create .aw-ca__form fieldset .field .control select, #html-body.aw_ca-company-create .form-create-account fieldset .field .control select, #html-body.customer-account-create .form-create-account fieldset .field .control select { background: url("../images/expand_more_black.png"); background-repeat: no-repeat; background-size: 12px; background-position: 96%; -webkit-appearance: none; } #html-body.aw_ca-company-create .aw-ca__form fieldset .field .control select, #html-body.customer-account-create .aw-ca__form fieldset .field .control select, #html-body.aw_ca-company-create .form-create-account fieldset .field .control select, #html-body.customer-account-create .form-create-account fieldset .field .control select, #html-body.aw_ca-company-create .aw-ca__form fieldset .field .control input, #html-body.customer-account-create .aw-ca__form fieldset .field .control input, #html-body.aw_ca-company-create .form-create-account fieldset .field .control input, #html-body.customer-account-create .form-create-account fieldset .field .control input { font-size: 16px; border-radius: 4px; border-color: #207ccb; height: 48px; padding: 0 16px; box-shadow: none; } @media (max-width: 767px) { #html-body.aw_ca-company-create .aw-ca__form fieldset .field .control select, #html-body.customer-account-create .aw-ca__form fieldset .field .control select, #html-body.aw_ca-company-create .form-create-account fieldset .field .control select, #html-body.customer-account-create .form-create-account fieldset .field .control select, #html-body.aw_ca-company-create .aw-ca__form fieldset .field .control input, #html-body.customer-account-create .aw-ca__form fieldset .field .control input, #html-body.aw_ca-company-create .form-create-account fieldset .field .control input, #html-body.customer-account-create .form-create-account fieldset .field .control input { font-size: 14px; } } #html-body.aw_ca-company-create .aw-ca__form fieldset .field .control select::placeholder, #html-body.customer-account-create .aw-ca__form fieldset .field .control select::placeholder, #html-body.aw_ca-company-create .form-create-account fieldset .field .control select::placeholder, #html-body.customer-account-create .form-create-account fieldset .field .control select::placeholder, #html-body.aw_ca-company-create .aw-ca__form fieldset .field .control input::placeholder, #html-body.customer-account-create .aw-ca__form fieldset .field .control input::placeholder, #html-body.aw_ca-company-create .form-create-account fieldset .field .control input::placeholder, #html-body.customer-account-create .form-create-account fieldset .field .control input::placeholder { text-transform: capitalize; } #html-body.aw_ca-company-create .aw-ca__form fieldset .field .control select.mage-error, #html-body.customer-account-create .aw-ca__form fieldset .field .control select.mage-error, #html-body.aw_ca-company-create .form-create-account fieldset .field .control select.mage-error, #html-body.customer-account-create .form-create-account fieldset .field .control select.mage-error, #html-body.aw_ca-company-create .aw-ca__form fieldset .field .control input.mage-error, #html-body.customer-account-create .aw-ca__form fieldset .field .control input.mage-error, #html-body.aw_ca-company-create .form-create-account fieldset .field .control input.mage-error, #html-body.customer-account-create .form-create-account fieldset .field .control input.mage-error { color: #fc1e1e; border-color: #fc1e1e; } #html-body.aw_ca-company-create .aw-ca__form fieldset.address .field.additional .label, #html-body.customer-account-create .aw-ca__form fieldset.address .field.additional .label, #html-body.aw_ca-company-create .form-create-account fieldset.address .field.additional .label, #html-body.customer-account-create .form-create-account fieldset.address .field.additional .label { position: static; height: auto; } #html-body.aw_ca-company-create .aw-ca__form .actions-toolbar .primary .action, #html-body.customer-account-create .aw-ca__form .actions-toolbar .primary .action, #html-body.aw_ca-company-create .form-create-account .actions-toolbar .primary .action, #html-body.customer-account-create .form-create-account .actions-toolbar .primary .action { padding: 16px 9rem; font-family: 'Open Sans'; line-height: 16px; } #html-body.aw_ca-company-create .aw-ca__form .cta, #html-body.customer-account-create .aw-ca__form .cta, #html-body.aw_ca-company-create .form-create-account .cta, #html-body.customer-account-create .form-create-account .cta { text-align: center; margin-top: 2rem; } #html-body.aw_ca-company-create .aw-ca__form .cta a, #html-body.customer-account-create .aw-ca__form .cta a, #html-body.aw_ca-company-create .form-create-account .cta a, #html-body.customer-account-create .form-create-account .cta a { font-weight: 700; font-size: 16px; text-decoration: underline; } #html-body.aw_ca-company-create .aw-block-new-company .actions-toolbar, #html-body.customer-account-create .aw-block-new-company .actions-toolbar { justify-content: center; } #html-body.aw_ca-company-create .aw-block-new-company .actions-toolbar .primary .fa-circle, #html-body.customer-account-create .aw-block-new-company .actions-toolbar .primary .fa-circle { display: block; } #html-body.aw_ca-company-create .aw-block-new-company .actions-toolbar .primary .fa-dot-circle, #html-body.customer-account-create .aw-block-new-company .actions-toolbar .primary .fa-dot-circle { display: none; } #html-body.aw_ca-company-create .aw-block-new-company .actions-toolbar .secondary .fa-circle, #html-body.customer-account-create .aw-block-new-company .actions-toolbar .secondary .fa-circle { display: none; } #html-body.aw_ca-company-create .aw-block-new-company .actions-toolbar .secondary .fa-dot-circle, #html-body.customer-account-create .aw-block-new-company .actions-toolbar .secondary .fa-dot-circle { display: block; } @media (max-width: 767px) { #html-body.account .page-bottom .block.widget, #html-body.customer-account-forgotpassword .page-bottom .block.widget, #html-body.aw_ca-company-create .page-bottom .block.widget, #html-body.customer-account-create .page-bottom .block.widget, #html-body.customer-account-login .page-bottom .block.widget { margin-bottom: 0; } } #html-body.account .page-bottom .banner, #html-body.customer-account-forgotpassword .page-bottom .banner, #html-body.aw_ca-company-create .page-bottom .banner, #html-body.customer-account-create .page-bottom .banner, #html-body.customer-account-login .page-bottom .banner { background: #f0f2f6; margin-top: 6rem; } @media (max-width: 767px) { #html-body.account .page-bottom .banner, #html-body.customer-account-forgotpassword .page-bottom .banner, #html-body.aw_ca-company-create .page-bottom .banner, #html-body.customer-account-create .page-bottom .banner, #html-body.customer-account-login .page-bottom .banner { margin-top: 0; } } #html-body.customer-account-forgotpassword .page-title, #html-body.aw_ca-company-create .page-title, #html-body.customer-account-create .page-title, #html-body.customer-account-login .page-title { margin-bottom: 0; } #html-body.customer-account-forgotpassword .page-title-wrapper, #html-body.aw_ca-company-create .page-title-wrapper, #html-body.customer-account-create .page-title-wrapper, #html-body.customer-account-login .page-title-wrapper { text-align: center; } #html-body.customer-account-forgotpassword .page-main .block-static-block, #html-body.aw_ca-company-create .page-main .block-static-block, #html-body.customer-account-create .page-main .block-static-block, #html-body.customer-account-login .page-main .block-static-block { margin-bottom: 0; } #html-body.customer-account-forgotpassword .main.column, #html-body.aw_ca-company-create .main.column, #html-body.customer-account-create .main.column, #html-body.customer-account-login .main.column { display: grid; grid-template-columns: repeat(1, minmax(0, 1fr)); grid-gap: 5rem; width: 100%; margin: auto; margin-left: 0; margin-right: 0; } @media (max-width: 767px) { #html-body.customer-account-forgotpassword .main.column, #html-body.aw_ca-company-create .main.column, #html-body.customer-account-create .main.column, #html-body.customer-account-login .main.column { gap: 0; } } #html-body.customer-account-forgotpassword .main.column .block-static-block, #html-body.aw_ca-company-create .main.column .block-static-block, #html-body.customer-account-create .main.column .block-static-block, #html-body.customer-account-login .main.column .block-static-block { display: flex; justify-content: stretch; align-items: stretch; height: fit-content; } #html-body.customer-account-forgotpassword .main.column .block-static-block div[data-content-type="row"], #html-body.aw_ca-company-create .main.column .block-static-block div[data-content-type="row"], #html-body.customer-account-create .main.column .block-static-block div[data-content-type="row"], #html-body.customer-account-login .main.column .block-static-block div[data-content-type="row"] { height: 100%; width: 100%; margin-left: 0 !important; margin-right: 0 !important; } #html-body.customer-account-forgotpassword .block-customer-login, #html-body.aw_ca-company-create .block-customer-login, #html-body.customer-account-create .block-customer-login, #html-body.customer-account-login .block-customer-login, #html-body.customer-account-forgotpassword .block-new-customer, #html-body.aw_ca-company-create .block-new-customer, #html-body.customer-account-create .block-new-customer, #html-body.customer-account-login .block-new-customer { width: 100%; } #html-body.customer-account-forgotpassword .lumarix-login-benefits-container, #html-body.aw_ca-company-create .lumarix-login-benefits-container, #html-body.customer-account-create .lumarix-login-benefits-container, #html-body.customer-account-login .lumarix-login-benefits-container { border: 1px solid #a3a3a3; border-radius: 4px; background-color: #f5f5f5; padding: 0; box-sizing: border-box; width: 100%; height: 100%; padding: 2rem; } #html-body.customer-account-forgotpassword .lumarix-login-benefits-container h2, #html-body.aw_ca-company-create .lumarix-login-benefits-container h2, #html-body.customer-account-create .lumarix-login-benefits-container h2, #html-body.customer-account-login .lumarix-login-benefits-container h2 { margin-top: 0; } #html-body.customer-account-forgotpassword .lumarix-login-benefits-container .pagebuilder-column, #html-body.aw_ca-company-create .lumarix-login-benefits-container .pagebuilder-column, #html-body.customer-account-create .lumarix-login-benefits-container .pagebuilder-column, #html-body.customer-account-login .lumarix-login-benefits-container .pagebuilder-column { display: grid; grid-template-columns: auto 1fr; row-gap: 2rem; column-gap: 2rem; } #html-body.customer-account-forgotpassword .lumarix-login-benefits-container .pagebuilder-column div, #html-body.aw_ca-company-create .lumarix-login-benefits-container .pagebuilder-column div, #html-body.customer-account-create .lumarix-login-benefits-container .pagebuilder-column div, #html-body.customer-account-login .lumarix-login-benefits-container .pagebuilder-column div { display: flex; align-items: center; } #html-body.customer-account-forgotpassword .lumarix-login-benefits-container .pagebuilder-column div[data-content-type="html"], #html-body.aw_ca-company-create .lumarix-login-benefits-container .pagebuilder-column div[data-content-type="html"], #html-body.customer-account-create .lumarix-login-benefits-container .pagebuilder-column div[data-content-type="html"], #html-body.customer-account-login .lumarix-login-benefits-container .pagebuilder-column div[data-content-type="html"] { justify-content: center; } #html-body.customer-account-forgotpassword .lumarix-login-benefits-container .pagebuilder-column p, #html-body.aw_ca-company-create .lumarix-login-benefits-container .pagebuilder-column p, #html-body.customer-account-create .lumarix-login-benefits-container .pagebuilder-column p, #html-body.customer-account-login .lumarix-login-benefits-container .pagebuilder-column p { margin-bottom: 0; } #html-body.customer-account-forgotpassword .lumarix-login-benefits-container.content-sec, #html-body.aw_ca-company-create .lumarix-login-benefits-container.content-sec, #html-body.customer-account-create .lumarix-login-benefits-container.content-sec, #html-body.customer-account-login .lumarix-login-benefits-container.content-sec { background: transparent; border-color: #CDD2D6; color: #121212; border-radius: 8px; padding: 2.4rem; } @media (max-width: 767px) { #html-body.customer-account-forgotpassword .lumarix-login-benefits-container.content-sec, #html-body.aw_ca-company-create .lumarix-login-benefits-container.content-sec, #html-body.customer-account-create .lumarix-login-benefits-container.content-sec, #html-body.customer-account-login .lumarix-login-benefits-container.content-sec { padding: 2rem; } } #html-body.customer-account-forgotpassword .lumarix-login-benefits-container.content-sec .row-full-width-inner, #html-body.aw_ca-company-create .lumarix-login-benefits-container.content-sec .row-full-width-inner, #html-body.customer-account-create .lumarix-login-benefits-container.content-sec .row-full-width-inner, #html-body.customer-account-login .lumarix-login-benefits-container.content-sec .row-full-width-inner { padding: 0; } #html-body.customer-account-forgotpassword .lumarix-login-benefits-container.content-sec h4, #html-body.aw_ca-company-create .lumarix-login-benefits-container.content-sec h4, #html-body.customer-account-create .lumarix-login-benefits-container.content-sec h4, #html-body.customer-account-login .lumarix-login-benefits-container.content-sec h4 { font-size: 24px; font-family: 'Open Sans'; font-weight: 700; margin-top: 0; margin-bottom: 12px; } @media (max-width: 767px) { #html-body.customer-account-forgotpassword .lumarix-login-benefits-container.content-sec h4, #html-body.aw_ca-company-create .lumarix-login-benefits-container.content-sec h4, #html-body.customer-account-create .lumarix-login-benefits-container.content-sec h4, #html-body.customer-account-login .lumarix-login-benefits-container.content-sec h4 { font-size: 20px; } } #html-body.customer-account-forgotpassword .lumarix-login-benefits-container.content-sec p, #html-body.aw_ca-company-create .lumarix-login-benefits-container.content-sec p, #html-body.customer-account-create .lumarix-login-benefits-container.content-sec p, #html-body.customer-account-login .lumarix-login-benefits-container.content-sec p { font-size: 16px; } @media screen and (min-width: 1024px) { #html-body.customer-account-forgotpassword .main.column, #html-body.aw_ca-company-create .main.column, #html-body.customer-account-create .main.column, #html-body.customer-account-login .main.column { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-gap: 24px; } #html-body.customer-account-forgotpassword .main.column .block-static-block, #html-body.aw_ca-company-create .main.column .block-static-block, #html-body.customer-account-create .main.column .block-static-block, #html-body.customer-account-login .main.column .block-static-block { margin-bottom: 0; } #html-body.customer-account-forgotpassword .lumarix-login-benefits-container, #html-body.aw_ca-company-create .lumarix-login-benefits-container, #html-body.customer-account-create .lumarix-login-benefits-container, #html-body.customer-account-login .lumarix-login-benefits-container { padding: 3rem; } #html-body.customer-account-forgotpassword .lumarix-login-benefits-container div[data-content-type="divider"], #html-body.aw_ca-company-create .lumarix-login-benefits-container div[data-content-type="divider"], #html-body.customer-account-create .lumarix-login-benefits-container div[data-content-type="divider"], #html-body.customer-account-login .lumarix-login-benefits-container div[data-content-type="divider"] { width: 80%; margin: 1rem auto; } } #html-body.customer-account-forgotpassword .page-main .block-static-block, #html-body.aw_ca-company-create .page-main .block-static-block, #html-body.customer-account-create .page-main .block-static-block, #html-body.customer-account-login .page-main .block-static-block { margin-bottom: 0; } #html-body.customer-account-forgotpassword .page-main .page-title-wrapper, #html-body.aw_ca-company-create .page-main .page-title-wrapper, #html-body.customer-account-create .page-main .page-title-wrapper, #html-body.customer-account-login .page-main .page-title-wrapper { text-align: left; margin-bottom: 4rem; } @media (max-width: 767px) { #html-body.customer-account-forgotpassword .page-main .page-title-wrapper, #html-body.aw_ca-company-create .page-main .page-title-wrapper, #html-body.customer-account-create .page-main .page-title-wrapper, #html-body.customer-account-login .page-main .page-title-wrapper { margin-bottom: 12px; } } #html-body.customer-account-forgotpassword .page-main .page-title-wrapper .page-title, #html-body.aw_ca-company-create .page-main .page-title-wrapper .page-title, #html-body.customer-account-create .page-main .page-title-wrapper .page-title, #html-body.customer-account-login .page-main .page-title-wrapper .page-title { color: #064a89; font-family: 'Open Sans'; font-weight: 700; font-size: 40px; } @media (max-width: 767px) { #html-body.customer-account-forgotpassword .page-main .page-title-wrapper .page-title, #html-body.aw_ca-company-create .page-main .page-title-wrapper .page-title, #html-body.customer-account-create .page-main .page-title-wrapper .page-title, #html-body.customer-account-login .page-main .page-title-wrapper .page-title { font-size: 32px; } } @media (max-width: 767px) { #html-body.customer-account-forgotpassword .page-main .page-title-wrapper, #html-body.aw_ca-company-create .page-main .page-title-wrapper, #html-body.customer-account-create .page-main .page-title-wrapper, #html-body.customer-account-login .page-main .page-title-wrapper { margin-top: 2rem; padding-left: 2rem; } } #html-body.customer-account-forgotpassword .lumarix-register-sign-in p, #html-body.aw_ca-company-create .lumarix-register-sign-in p, #html-body.customer-account-create .lumarix-register-sign-in p, #html-body.customer-account-login .lumarix-register-sign-in p, #html-body.customer-account-forgotpassword .lumarix-login-register p, #html-body.aw_ca-company-create .lumarix-login-register p, #html-body.customer-account-create .lumarix-login-register p, #html-body.customer-account-login .lumarix-login-register p { text-align: center; display: block; width: fit-content; margin: auto; background: #a3c9e7; border: 2px solid rgba(113, 141, 221, 0.3); border-radius: 4px; padding: 1rem; color: #064a89; } #html-body.customer-account-forgotpassword .login-container, #html-body.aw_ca-company-create .login-container, #html-body.customer-account-create .login-container, #html-body.customer-account-login .login-container { padding: 2rem; width: 100%; gap: 1rem; flex-wrap: wrap; justify-content: flex-start; flex-direction: column; border: 2px solid none; border-radius: 8px; background-color: none; box-sizing: border-box; color: #121212; border: 1px solid #cdd2d6; } @media (max-width: 767px) { #html-body.customer-account-forgotpassword .login-container, #html-body.aw_ca-company-create .login-container, #html-body.customer-account-create .login-container, #html-body.customer-account-login .login-container { padding: 20px 16px; } } #html-body.customer-account-forgotpassword .login-container .actions-toolbar .primary, #html-body.aw_ca-company-create .login-container .actions-toolbar .primary, #html-body.customer-account-create .login-container .actions-toolbar .primary, #html-body.customer-account-login .login-container .actions-toolbar .primary { width: 100%; margin-right: 0; } #html-body.customer-account-forgotpassword .login-container .ssl-img, #html-body.aw_ca-company-create .login-container .ssl-img, #html-body.customer-account-create .login-container .ssl-img, #html-body.customer-account-login .login-container .ssl-img { text-align: center; } @media (max-width: 767px) { #html-body.customer-account-forgotpassword .login-container .ssl-img, #html-body.aw_ca-company-create .login-container .ssl-img, #html-body.customer-account-create .login-container .ssl-img, #html-body.customer-account-login .login-container .ssl-img { margin-top: 2rem; } } #html-body.customer-account-forgotpassword .login-container .block-title, #html-body.aw_ca-company-create .login-container .block-title, #html-body.customer-account-create .login-container .block-title, #html-body.customer-account-login .login-container .block-title { margin-bottom: 0; text-align: center; font-size: 24px; font-family: 'Open Sans'; border: 0px; padding-bottom: 8px; } @media (max-width: 767px) { #html-body.customer-account-forgotpassword .login-container .block-title, #html-body.aw_ca-company-create .login-container .block-title, #html-body.customer-account-create .login-container .block-title, #html-body.customer-account-login .login-container .block-title { font-size: 20px; } } #html-body.customer-account-forgotpassword .login-container .block-title strong, #html-body.aw_ca-company-create .login-container .block-title strong, #html-body.customer-account-create .login-container .block-title strong, #html-body.customer-account-login .login-container .block-title strong { font-weight: 700; } #html-body.customer-account-forgotpassword .login-container fieldset, #html-body.aw_ca-company-create .login-container fieldset, #html-body.customer-account-create .login-container fieldset, #html-body.customer-account-login .login-container fieldset { padding-bottom: 2rem; border-bottom: 1px solid #a3a3a3; } @media (max-width: 767px) { #html-body.customer-account-forgotpassword .login-container fieldset, #html-body.aw_ca-company-create .login-container fieldset, #html-body.customer-account-create .login-container fieldset, #html-body.customer-account-login .login-container fieldset { margin-bottom: 2rem; } } #html-body.customer-account-forgotpassword .login-container fieldset #remember-me-box .label, #html-body.aw_ca-company-create .login-container fieldset #remember-me-box .label, #html-body.customer-account-create .login-container fieldset #remember-me-box .label, #html-body.customer-account-login .login-container fieldset #remember-me-box .label { font-size: 16px; } @media (max-width: 767px) { #html-body.customer-account-forgotpassword .login-container fieldset #remember-me-box .label, #html-body.aw_ca-company-create .login-container fieldset #remember-me-box .label, #html-body.customer-account-create .login-container fieldset #remember-me-box .label, #html-body.customer-account-login .login-container fieldset #remember-me-box .label { font-size: 14px; } } #html-body.customer-account-forgotpassword .login-container fieldset .field, #html-body.aw_ca-company-create .login-container fieldset .field, #html-body.customer-account-create .login-container fieldset .field, #html-body.customer-account-login .login-container fieldset .field { margin-bottom: 8px; } #html-body.customer-account-forgotpassword .login-container fieldset .field .label, #html-body.aw_ca-company-create .login-container fieldset .field .label, #html-body.customer-account-create .login-container fieldset .field .label, #html-body.customer-account-login .login-container fieldset .field .label { width: auto; text-align: left; margin-bottom: 5px; font-weight: 400; font-size: 12px; } #html-body.customer-account-forgotpassword .login-container fieldset .field .control input, #html-body.aw_ca-company-create .login-container fieldset .field .control input, #html-body.customer-account-create .login-container fieldset .field .control input, #html-body.customer-account-login .login-container fieldset .field .control input { font-size: 16px; border-radius: 4px; border-color: #207ccb; height: 48px; padding: 0 16px; box-shadow: none; } #html-body.customer-account-forgotpassword .login-container fieldset .field .control input.mage-error, #html-body.aw_ca-company-create .login-container fieldset .field .control input.mage-error, #html-body.customer-account-create .login-container fieldset .field .control input.mage-error, #html-body.customer-account-login .login-container fieldset .field .control input.mage-error { color: #fc1e1e; border-color: #fc1e1e; } #html-body.customer-account-forgotpassword .login-container fieldset .field.choice, #html-body.aw_ca-company-create .login-container fieldset .field.choice, #html-body.customer-account-create .login-container fieldset .field.choice, #html-body.customer-account-login .login-container fieldset .field.choice { margin-bottom: 0; margin-top: 2rem; } #html-body.customer-account-forgotpassword .login-container fieldset .field.choice::before, #html-body.aw_ca-company-create .login-container fieldset .field.choice::before, #html-body.customer-account-create .login-container fieldset .field.choice::before, #html-body.customer-account-login .login-container fieldset .field.choice::before { display: none; } @media (max-width: 767px) { #html-body.customer-account-forgotpassword .login-container fieldset .field.choice, #html-body.aw_ca-company-create .login-container fieldset .field.choice, #html-body.customer-account-create .login-container fieldset .field.choice, #html-body.customer-account-login .login-container fieldset .field.choice { margin-bottom: 2rem; } } #html-body.customer-account-forgotpassword .login-container fieldset .field.error .label, #html-body.aw_ca-company-create .login-container fieldset .field.error .label, #html-body.customer-account-create .login-container fieldset .field.error .label, #html-body.customer-account-login .login-container fieldset .field.error .label { color: #fc1e1e; } #html-body.customer-account-forgotpassword .login-container fieldset #remember-me-box .tooltip, #html-body.aw_ca-company-create .login-container fieldset #remember-me-box .tooltip, #html-body.customer-account-create .login-container fieldset #remember-me-box .tooltip, #html-body.customer-account-login .login-container fieldset #remember-me-box .tooltip { display: none; } #html-body.customer-account-forgotpassword .login-container fieldset .field-recaptcha, #html-body.aw_ca-company-create .login-container fieldset .field-recaptcha, #html-body.customer-account-create .login-container fieldset .field-recaptcha, #html-body.customer-account-login .login-container fieldset .field-recaptcha { margin-top: 2rem; } #html-body.customer-account-forgotpassword .login-container .block-customer-login, #html-body.aw_ca-company-create .login-container .block-customer-login, #html-body.customer-account-create .login-container .block-customer-login, #html-body.customer-account-login .login-container .block-customer-login { margin: 0; } #html-body.customer-account-forgotpassword .login-container .create-account-sec, #html-body.aw_ca-company-create .login-container .create-account-sec, #html-body.customer-account-create .login-container .create-account-sec, #html-body.customer-account-login .login-container .create-account-sec { text-align: center; } #html-body.customer-account-forgotpassword .login-container .create-account-sec .title, #html-body.aw_ca-company-create .login-container .create-account-sec .title, #html-body.customer-account-create .login-container .create-account-sec .title, #html-body.customer-account-login .login-container .create-account-sec .title { font-size: 24px; font-family: 'Open Sans'; margin: 24px 0 12px; text-transform: capitalize; } @media (max-width: 767px) { #html-body.customer-account-forgotpassword .login-container .create-account-sec .title, #html-body.aw_ca-company-create .login-container .create-account-sec .title, #html-body.customer-account-create .login-container .create-account-sec .title, #html-body.customer-account-login .login-container .create-account-sec .title { margin-top: 2rem; font-size: 20px; } } #html-body.customer-account-forgotpassword .login-container .create-account-sec .actions-toolbar .action, #html-body.aw_ca-company-create .login-container .create-account-sec .actions-toolbar .action, #html-body.customer-account-create .login-container .create-account-sec .actions-toolbar .action, #html-body.customer-account-login .login-container .create-account-sec .actions-toolbar .action { background-color: #207ccb; border: 2px solid #207ccb; border-radius: 4px; color: #ffffff; padding: 16px 24px; font-size: 16px; margin-bottom: 12px; font-family: 'Open Sans'; text-decoration: none; font-weight: 700; margin-right: 0; line-height: 16px; } @media (max-width: 767px) { #html-body.customer-account-forgotpassword .login-container .create-account-sec .actions-toolbar .action, #html-body.aw_ca-company-create .login-container .create-account-sec .actions-toolbar .action, #html-body.customer-account-create .login-container .create-account-sec .actions-toolbar .action, #html-body.customer-account-login .login-container .create-account-sec .actions-toolbar .action { display: block; box-sizing: border-box; font-size: 14px; } } #html-body.customer-account-forgotpassword .login-container .create-account-sec a, #html-body.aw_ca-company-create .login-container .create-account-sec a, #html-body.customer-account-create .login-container .create-account-sec a, #html-body.customer-account-login .login-container .create-account-sec a { font-weight: 700; text-decoration: underline; color: #207ccb; } @media (max-width: 767px) { #html-body.customer-account-forgotpassword .login-container .create-account-sec a, #html-body.aw_ca-company-create .login-container .create-account-sec a, #html-body.customer-account-create .login-container .create-account-sec a, #html-body.customer-account-login .login-container .create-account-sec a { font-size: 14px; } } #html-body.customer-account-forgotpassword .login-container .aw-ca-creat-wrapper, #html-body.aw_ca-company-create .login-container .aw-ca-creat-wrapper, #html-body.customer-account-create .login-container .aw-ca-creat-wrapper, #html-body.customer-account-login .login-container .aw-ca-creat-wrapper { display: none; } #html-body.customer-account-forgotpassword .login-container .remind, #html-body.aw_ca-company-create .login-container .remind, #html-body.customer-account-create .login-container .remind, #html-body.customer-account-login .login-container .remind { text-decoration: underline; } #html-body.customer-account-forgotpassword .forgot-ps-section, #html-body.aw_ca-company-create .forgot-ps-section, #html-body.customer-account-create .forgot-ps-section, #html-body.customer-account-login .forgot-ps-section { padding: 2.4rem; border-radius: 8px; color: #121212; border: 1px solid #cdd2d6; } @media (max-width: 767px) { #html-body.customer-account-forgotpassword .forgot-ps-section, #html-body.aw_ca-company-create .forgot-ps-section, #html-body.customer-account-create .forgot-ps-section, #html-body.customer-account-login .forgot-ps-section { padding: 16px; } } #html-body.customer-account-forgotpassword .forgot-ps-section .block-title h3, #html-body.aw_ca-company-create .forgot-ps-section .block-title h3, #html-body.customer-account-create .forgot-ps-section .block-title h3, #html-body.customer-account-login .forgot-ps-section .block-title h3 { font-weight: 700; margin-bottom: 12px; margin-top: 0; text-align: center; font-size: 24px; font-family: 'Open Sans'; border: 0px; color: #121212; } @media (max-width: 767px) { #html-body.customer-account-forgotpassword .forgot-ps-section .block-title h3, #html-body.aw_ca-company-create .forgot-ps-section .block-title h3, #html-body.customer-account-create .forgot-ps-section .block-title h3, #html-body.customer-account-login .forgot-ps-section .block-title h3 { font-size: 20px; } } #html-body.customer-account-forgotpassword .forgot-ps-section form, #html-body.aw_ca-company-create .forgot-ps-section form, #html-body.customer-account-create .forgot-ps-section form, #html-body.customer-account-login .forgot-ps-section form { min-width: 100%; } #html-body.customer-account-forgotpassword .forgot-ps-section form .field.note, #html-body.aw_ca-company-create .forgot-ps-section form .field.note, #html-body.customer-account-create .forgot-ps-section form .field.note, #html-body.customer-account-login .forgot-ps-section form .field.note { text-align: center; font-size: 16px; font-weight: 400; margin-bottom: 16px; } @media (max-width: 767px) { #html-body.customer-account-forgotpassword .forgot-ps-section form .field.note, #html-body.aw_ca-company-create .forgot-ps-section form .field.note, #html-body.customer-account-create .forgot-ps-section form .field.note, #html-body.customer-account-login .forgot-ps-section form .field.note { font-size: 14px; } } #html-body.customer-account-forgotpassword .forgot-ps-section form .field .label, #html-body.aw_ca-company-create .forgot-ps-section form .field .label, #html-body.customer-account-create .forgot-ps-section form .field .label, #html-body.customer-account-login .forgot-ps-section form .field .label { float: none; width: 100%; text-align: left; font-size: 12px; font-weight: 400; margin-bottom: 5px; } #html-body.customer-account-forgotpassword .forgot-ps-section form .field .control, #html-body.aw_ca-company-create .forgot-ps-section form .field .control, #html-body.customer-account-create .forgot-ps-section form .field .control, #html-body.customer-account-login .forgot-ps-section form .field .control { width: 100%; } #html-body.customer-account-forgotpassword .forgot-ps-section form .field .control input, #html-body.aw_ca-company-create .forgot-ps-section form .field .control input, #html-body.customer-account-create .forgot-ps-section form .field .control input, #html-body.customer-account-login .forgot-ps-section form .field .control input { font-size: 16px; border-radius: 4px; border-color: #207ccb; height: 48px; padding: 0 16px; box-shadow: none; } @media (max-width: 767px) { #html-body.customer-account-forgotpassword .forgot-ps-section form .field .control input, #html-body.aw_ca-company-create .forgot-ps-section form .field .control input, #html-body.customer-account-create .forgot-ps-section form .field .control input, #html-body.customer-account-login .forgot-ps-section form .field .control input { font-size: 14px; } } #html-body.customer-account-forgotpassword .forgot-ps-section form .field .control input.mage-error, #html-body.aw_ca-company-create .forgot-ps-section form .field .control input.mage-error, #html-body.customer-account-create .forgot-ps-section form .field .control input.mage-error, #html-body.customer-account-login .forgot-ps-section form .field .control input.mage-error { color: #fc1e1e; border-color: #fc1e1e; } #html-body.customer-account-forgotpassword .forgot-ps-section form .actions-toolbar, #html-body.aw_ca-company-create .forgot-ps-section form .actions-toolbar, #html-body.customer-account-create .forgot-ps-section form .actions-toolbar, #html-body.customer-account-login .forgot-ps-section form .actions-toolbar { margin: 0; text-align: center; } @media (max-width: 767px) { #html-body.customer-account-forgotpassword .forgot-ps-section form .actions-toolbar, #html-body.aw_ca-company-create .forgot-ps-section form .actions-toolbar, #html-body.customer-account-create .forgot-ps-section form .actions-toolbar, #html-body.customer-account-login .forgot-ps-section form .actions-toolbar { padding: 0; } } #html-body.customer-account-forgotpassword .forgot-ps-section form .actions-toolbar > .primary, #html-body.aw_ca-company-create .forgot-ps-section form .actions-toolbar > .primary, #html-body.customer-account-create .forgot-ps-section form .actions-toolbar > .primary, #html-body.customer-account-login .forgot-ps-section form .actions-toolbar > .primary { float: none; } #html-body.customer-account-forgotpassword .forgot-ps-section form .actions-toolbar .action, #html-body.aw_ca-company-create .forgot-ps-section form .actions-toolbar .action, #html-body.customer-account-create .forgot-ps-section form .actions-toolbar .action, #html-body.customer-account-login .forgot-ps-section form .actions-toolbar .action { padding: 1.25rem 5rem; font-family: 'Open Sans'; margin: 0; } #html-body.customer-account-forgotpassword #authenticationPopup, #html-body.aw_ca-company-create #authenticationPopup, #html-body.customer-account-create #authenticationPopup, #html-body.customer-account-login #authenticationPopup { display: none; } #html-body.customer-account-forgotpassword .block-customer-login, #html-body.aw_ca-company-create .block-customer-login, #html-body.customer-account-create .block-customer-login, #html-body.customer-account-login .block-customer-login, #html-body.customer-account-forgotpassword .block-new-customer, #html-body.aw_ca-company-create .block-new-customer, #html-body.customer-account-create .block-new-customer, #html-body.customer-account-login .block-new-customer { width: 100%; } #html-body.customer-account-forgotpassword .block-customer-login fieldset .actions-toolbar, #html-body.aw_ca-company-create .block-customer-login fieldset .actions-toolbar, #html-body.customer-account-create .block-customer-login fieldset .actions-toolbar, #html-body.customer-account-login .block-customer-login fieldset .actions-toolbar { gap: 16px; } @media (max-width: 767px) { #html-body.customer-account-forgotpassword .block-customer-login fieldset .actions-toolbar, #html-body.aw_ca-company-create .block-customer-login fieldset .actions-toolbar, #html-body.customer-account-create .block-customer-login fieldset .actions-toolbar, #html-body.customer-account-login .block-customer-login fieldset .actions-toolbar { padding: 0; } } #html-body.customer-account-forgotpassword .block-customer-login fieldset .actions-toolbar .action, #html-body.aw_ca-company-create .block-customer-login fieldset .actions-toolbar .action, #html-body.customer-account-create .block-customer-login fieldset .actions-toolbar .action, #html-body.customer-account-login .block-customer-login fieldset .actions-toolbar .action { display: flex; gap: 10px; width: 248px; justify-content: center; } #html-body.customer-account-forgotpassword .block-customer-login fieldset .actions-toolbar .action.login, #html-body.aw_ca-company-create .block-customer-login fieldset .actions-toolbar .action.login, #html-body.customer-account-create .block-customer-login fieldset .actions-toolbar .action.login, #html-body.customer-account-login .block-customer-login fieldset .actions-toolbar .action.login { font-family: 'Open Sans'; } @media (max-width: 767px) { #html-body.customer-account-forgotpassword .block-customer-login fieldset .actions-toolbar .action, #html-body.aw_ca-company-create .block-customer-login fieldset .actions-toolbar .action, #html-body.customer-account-create .block-customer-login fieldset .actions-toolbar .action, #html-body.customer-account-login .block-customer-login fieldset .actions-toolbar .action { width: 100%; font-size: 14px; } } #html-body.customer-account-forgotpassword .block-customer-login fieldset .actions-toolbar .action.remind, #html-body.aw_ca-company-create .block-customer-login fieldset .actions-toolbar .action.remind, #html-body.customer-account-create .block-customer-login fieldset .actions-toolbar .action.remind, #html-body.customer-account-login .block-customer-login fieldset .actions-toolbar .action.remind { font-weight: 700; } #html-body.customer-account-forgotpassword .block-customer-login .actions-toolbar, #html-body.aw_ca-company-create .block-customer-login .actions-toolbar, #html-body.customer-account-create .block-customer-login .actions-toolbar, #html-body.customer-account-login .block-customer-login .actions-toolbar { margin: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; } #html-body.customer-account-forgotpassword .block-customer-login .actions-toolbar .remind, #html-body.aw_ca-company-create .block-customer-login .actions-toolbar .remind, #html-body.customer-account-create .block-customer-login .actions-toolbar .remind, #html-body.customer-account-login .block-customer-login .actions-toolbar .remind { margin: 0; } #html-body.customer-account-forgotpassword .form-login .control, #html-body.aw_ca-company-create .form-login .control, #html-body.customer-account-create .form-login .control, #html-body.customer-account-login .form-login .control { width: 100%; } #html-body.customer-account-forgotpassword .block-new-customer, #html-body.aw_ca-company-create .block-new-customer, #html-body.customer-account-create .block-new-customer, #html-body.customer-account-login .block-new-customer { text-align: center; } #html-body.customer-account-forgotpassword .block-new-customer .block-content p, #html-body.aw_ca-company-create .block-new-customer .block-content p, #html-body.customer-account-create .block-new-customer .block-content p, #html-body.customer-account-login .block-new-customer .block-content p { display: none; } #html-body.customer-account-forgotpassword .block-new-customer .actions-toolbar, #html-body.aw_ca-company-create .block-new-customer .actions-toolbar, #html-body.customer-account-create .block-new-customer .actions-toolbar, #html-body.customer-account-login .block-new-customer .actions-toolbar { display: flex; align-items: center; justify-content: center; } @media screen and (min-width: 768px) { #html-body.customer-account-forgotpassword .login-container, #html-body.aw_ca-company-create .login-container, #html-body.customer-account-create .login-container, #html-body.customer-account-login .login-container { padding: 2.4rem; } #html-body.customer-account-forgotpassword .login-container .actions-toolbar .primary, #html-body.aw_ca-company-create .login-container .actions-toolbar .primary, #html-body.customer-account-create .login-container .actions-toolbar .primary, #html-body.customer-account-login .login-container .actions-toolbar .primary { width: unset; } } #html-body.account .page-wrapper .column.main { margin-top: 0; } #html-body.account.customer-address-index .page-title-wrapper .page-title .base, #html-body.account.customer-address-form .page-title-wrapper .page-title .base, #html-body.account.page-layout-2columns-left .page-title-wrapper .page-title .base, #html-body.account.customer-account-edit .page-title-wrapper .page-title .base { display: block; font-weight: 700; font-size: 24px; line-height: 46px; color: #121212; padding: 0 0 9px; text-align: left; } @media screen and (max-width: 767px) { #html-body.account.customer-address-index .page-title-wrapper .page-title .base, #html-body.account.customer-address-form .page-title-wrapper .page-title .base, #html-body.account.page-layout-2columns-left .page-title-wrapper .page-title .base, #html-body.account.customer-account-edit .page-title-wrapper .page-title .base { padding: 16px; } } @media screen and (max-width: 767px) { #html-body.account.customer-address-index .actions-toolbar { padding: 0 16px; } } #html-body.account.customer-account-edit .form-edit-account .choice .field-tooltip { display: none; } @media screen and (max-width: 767px) { #html-body.account .page-title-wrapper { padding: 0; } } #html-body.account .page-title-wrapper .page-title { padding: 0 0 0; margin-bottom: 0; margin-right: 18px; font-family: 'Open Sans'; } @media screen and (max-width: 767px) { #html-body.account .page-title-wrapper .page-title { padding: 0; margin-right: 0; } } #html-body.account .page-title-wrapper .page-title .base { display: block; font-weight: 700; font-size: 40px; line-height: 46px; color: #064a89; padding: 0 0 40px; text-align: left; } @media screen and (max-width: 767px) { #html-body.account .page-title-wrapper .page-title .base { padding: 0 2rem; font-size: 32px; margin-bottom: 12px; } } #html-body.account .column.main { width: 100%; } @media (max-width: 767px) { #html-body.account .column.main { order: 2; } } #html-body.account .column.main > form { margin-top: 0; border: 2px solid #cdd2d6; border-radius: 8px; } @media (max-width: 767px) { #html-body.account .column.main > form { border: none; } } #html-body.account .column.main > form .legend { margin-left: 0; width: 100%; background: #064a89; color: #ffffff; font-size: 20px; text-align: center; padding: 12px 0; font-weight: 700; border-radius: 6px 6px 0 0; } @media (max-width: 767px) { #html-body.account .column.main > form .legend { border-radius: 0; } } #html-body.account .column.main > form .form-box { padding: 20px; } #html-body.account .column.main > form .form-box .label { float: none; width: 100%; text-align: left; margin-bottom: 0.5rem; color: #121212; font-weight: 400; font-size: 12px; position: relative; } #html-body.account .column.main > form .form-box .control { width: 100%; } #html-body.account .column.main > form .form-box .control select { background: url("../images/expand_more_black.png"); background-repeat: no-repeat; background-size: 12px; background-position: 96%; -webkit-appearance: none; } #html-body.account .column.main > form .form-box .control select, #html-body.account .column.main > form .form-box .control input { height: 48px; padding: 0 16px; border-color: #207ccb; border-radius: 4px; font-size: 16px; } #html-body.account .column.main > form .form-box .field.choice::before { display: none; } #html-body.account .column.main > form .form-box .field.choice .label { font-size: 16px; } #html-body.account .column.main > form .form-box .actions-toolbar .primary { float: none; display: flex; justify-content: flex-end; } #html-body.account .column.main > form .form-box .actions-toolbar .primary .action { width: 248px; margin-right: 0; justify-content: center; } @media (max-width: 767px) { #html-body.account .column.main > form .form-box .actions-toolbar .primary .action { width: 100%; } } @media screen and (min-width: 768px) { #html-body.account .column.main { width: 77%; } #html-body.account .column.main > form { margin-top: 0; } } #html-body.account .sidebar { margin: 0; max-width: 268px; padding: 0; } @media (max-width: 767px) { #html-body.account .sidebar { order: 1; max-width: 100%; } } #html-body.account .sidebar .items { list-style: none; } #html-body.account .sidebar .items .item.nav strong, #html-body.account .sidebar .items .item.nav a { border: none; padding: 8px 16px; color: #121212; font-size: 16px; } #html-body.account .sidebar .items .item.nav.current { background: #207ccb; } #html-body.account .sidebar .items .item.nav.current strong { color: #ffffff; } #html-body.account .sidebar .block-collapsible-nav { margin: 0; } @media (max-width: 767px) { #html-body.account .sidebar .block-collapsible-nav { position: static; margin-bottom: 0; } } @media (max-width: 767px) { #html-body.account .sidebar .block-collapsible-nav .block-collapsible-nav-title { background: #207CCB; color: #fff; } } #html-body.account .sidebar .block-collapsible-nav .content { background: #ffffff; border: 2px solid #cdd2d6; border-radius: 8px; padding: 0; } #html-body.account .sidebar.sidebar-additional { display: none; } #html-body.account .admin__data-grid-wrap { border-bottom: none; } #html-body.account .aw-rl__customer_lists { overflow-x: unset !important; } #html-body.account .aw-rl__customer_lists .paging-total { float: unset; } #html-body.account .fieldset { margin-bottom: 1rem; } #html-body.account .fieldset .field { margin-bottom: 1rem; } #html-body.account .fieldset .field.choice:before { width: 18%; } #html-body.account .fieldset .field:not(.choice) > .control { width: 100%; } #html-body.account .fieldset .field:not(.choice) > .label { width: 18%; } #html-body.account .fieldset .legend { margin-left: auto; width: 100%; text-align: center; } @media screen and (min-width: 768px) { #html-body.account .fieldset .field:not(.choice) > .control { width: 50%; } #html-body.account .fieldset .legend { margin-left: 18%; width: auto; text-align: left; } } #html-body.account .column:not(.sidebar-main) form .actions-toolbar, #html-body.account .column:not(.sidebar-additional) form .actions-toolbar { margin-left: 0; } @media screen and (min-width: 768px) { #html-body.account .column:not(.sidebar-main) form .actions-toolbar, #html-body.account .column:not(.sidebar-additional) form .actions-toolbar { margin-left: 18%; } } #html-body.account .admin__data-grid-wrap, #html-body.account .table-wrapper { border: 2px solid #cdd2d6; border-radius: 8px; } #html-body.account .admin__data-grid-wrap .data-grid tr td, #html-body.account .table-wrapper .data-grid tr td, #html-body.account .admin__data-grid-wrap .data.table tr td, #html-body.account .table-wrapper .data.table tr td, #html-body.account .admin__data-grid-wrap .data-grid tr th, #html-body.account .table-wrapper .data-grid tr th, #html-body.account .admin__data-grid-wrap .data.table tr th, #html-body.account .table-wrapper .data.table tr th { padding: 12px; } #html-body.account .admin__data-grid-wrap .data-grid thead, #html-body.account .table-wrapper .data-grid thead, #html-body.account .admin__data-grid-wrap .data.table thead, #html-body.account .table-wrapper .data.table thead { color: #ffffff; } @media screen and (min-width: 768px) { #html-body.account .admin__data-grid-wrap .data-grid thead, #html-body.account .table-wrapper .data-grid thead, #html-body.account .admin__data-grid-wrap .data.table thead, #html-body.account .table-wrapper .data.table thead { height: 40px; background: #fee200; } } #html-body.account .admin__data-grid-wrap .data-grid thead tr th, #html-body.account .table-wrapper .data-grid thead tr th, #html-body.account .admin__data-grid-wrap .data.table thead tr th, #html-body.account .table-wrapper .data.table thead tr th { border-bottom: none; color: #121212; width: 16.6666%; font-size: 16px; } #html-body.account .admin__data-grid-wrap .data-grid thead tr th:first-child, #html-body.account .table-wrapper .data-grid thead tr th:first-child, #html-body.account .admin__data-grid-wrap .data.table thead tr th:first-child, #html-body.account .table-wrapper .data.table thead tr th:first-child { border-radius: 4px 0 0 0; } #html-body.account .admin__data-grid-wrap .data-grid thead tr th:last-child, #html-body.account .table-wrapper .data-grid thead tr th:last-child, #html-body.account .admin__data-grid-wrap .data.table thead tr th:last-child, #html-body.account .table-wrapper .data.table thead tr th:last-child { border-radius: 0 4px 0 0; } #html-body.account .admin__data-grid-wrap .data-grid tbody, #html-body.account .table-wrapper .data-grid tbody, #html-body.account .admin__data-grid-wrap .data.table tbody, #html-body.account .table-wrapper .data.table tbody { color: #121212; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } #html-body.account .admin__data-grid-wrap .data-grid tbody tr:not(:last-child), #html-body.account .table-wrapper .data-grid tbody tr:not(:last-child), #html-body.account .admin__data-grid-wrap .data.table tbody tr:not(:last-child), #html-body.account .table-wrapper .data.table tbody tr:not(:last-child) { border-bottom: 1px solid #cdd2d6; } @media screen and (max-width: 767px) { #html-body.account .admin__data-grid-wrap .data-grid tbody tr, #html-body.account .table-wrapper .data-grid tbody tr, #html-body.account .admin__data-grid-wrap .data.table tbody tr, #html-body.account .table-wrapper .data.table tbody tr { padding: 0 12px; } #html-body.account .admin__data-grid-wrap .data-grid tbody tr:nth-child(odd), #html-body.account .table-wrapper .data-grid tbody tr:nth-child(odd), #html-body.account .admin__data-grid-wrap .data.table tbody tr:nth-child(odd), #html-body.account .table-wrapper .data.table tbody tr:nth-child(odd) { background: #fafafa; } } @media screen and (min-width: 768px) { #html-body.account .admin__data-grid-wrap .data-grid tbody tr, #html-body.account .table-wrapper .data-grid tbody tr, #html-body.account .admin__data-grid-wrap .data.table tbody tr, #html-body.account .table-wrapper .data.table tbody tr { height: 40px; } #html-body.account .admin__data-grid-wrap .data-grid tbody tr:nth-child(even) td, #html-body.account .table-wrapper .data-grid tbody tr:nth-child(even) td, #html-body.account .admin__data-grid-wrap .data.table tbody tr:nth-child(even) td, #html-body.account .table-wrapper .data.table tbody tr:nth-child(even) td { background: #fafafa; } } #html-body.account .admin__data-grid-wrap .data-grid tbody tr td[data-th]:before, #html-body.account .table-wrapper .data-grid tbody tr td[data-th]:before, #html-body.account .admin__data-grid-wrap .data.table tbody tr td[data-th]:before, #html-body.account .table-wrapper .data.table tbody tr td[data-th]:before { color: #333333; } #html-body.account .admin__data-grid-wrap .data-grid tbody tr td, #html-body.account .table-wrapper .data-grid tbody tr td, #html-body.account .admin__data-grid-wrap .data.table tbody tr td, #html-body.account .table-wrapper .data.table tbody tr td { font-size: 16px; } @media (max-width: 767px) { #html-body.account .admin__data-grid-wrap .data-grid tbody tr td, #html-body.account .table-wrapper .data-grid tbody tr td, #html-body.account .admin__data-grid-wrap .data.table tbody tr td, #html-body.account .table-wrapper .data.table tbody tr td { font-size: 14px; } } #html-body.account .admin__data-grid-wrap .data-grid tbody tr td a, #html-body.account .table-wrapper .data-grid tbody tr td a, #html-body.account .admin__data-grid-wrap .data.table tbody tr td a, #html-body.account .table-wrapper .data.table tbody tr td a { text-decoration: underline; font-weight: 700; } @media (max-width: 767px) { #html-body.account .block-dashboard-orders { margin-bottom: 0; } } #html-body.account .block-dashboard-orders .block-title.order { display: flex; justify-content: space-between; align-items: center; margin-bottom: 24px; } @media (max-width: 767px) { #html-body.account .block-dashboard-orders .block-title.order { flex-direction: column; align-items: flex-start; gap: 0; } } #html-body.account .block-dashboard-orders .block-title.order strong { font-size: 24px; font-weight: 700; color: #121212; } @media (max-width: 767px) { #html-body.account .block-dashboard-orders .block-title.order strong { font-size: 20px; margin: 0 0 12px; } } #html-body.account .block-dashboard-orders .block-title.order .action { margin: 0; background: #207ccb; color: #ffffff; padding: 1.25rem 4rem; font-size: 16px; font-weight: 700; font-family: 'Open Sans'; border-radius: 4px; } @media (max-width: 767px) { #html-body.account .block-dashboard-orders .block-title.order .action { width: 100%; box-sizing: border-box; text-align: center; font-size: 14px; } } #html-body.account .toolbar.bottom .pager { display: flex; justify-content: space-between; } #html-body.account .toolbar.bottom .toolbar-amount { font-size: 14px; line-height: 22px; color: #333333; } #html-body.account .toolbar.bottom .limiter { float: right; font-size: 14px; line-height: 22px; color: #333333; } #html-body.account .toolbar.bottom .limiter .limiter-options { height: 30px; background: #e5e5e5; border-color: #e5e5e5; border-radius: 2px; } #html-body.account .aw-ca__form .action-basic { margin-left: 18%; min-width: 150px; } #html-body.account .admin__action-dropdown-menu-content { padding-top: 0; } #html-body.account .admin__action-dropdown-menu-footer { padding: 1.5rem, 1rem; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 1.5rem; } #html-body.account .admin__action-dropdown-menu-footer .admin__action-dropdown-footer-secondary-actions { margin-left: 0; } #html-body.account .admin__action-dropdown-menu-footer .admin__action-dropdown-footer-main-actions { margin-left: 0; } #html-body.account .admin__action-dropdown { margin-left: 1rem; } #html-body.account .admin__action-dropdown:after { border-color: white transparent transparent transparent; } #html-body.account .admin__data-grid-pager .admin__control-support-text { display: flex; align-items: center; } @media screen and (min-width: 768px) { #html-body.account .admin__action-dropdown-menu-content { padding-top: 1.5rem; } #html-body.account .admin__action-dropdown-menu-footer { padding: 1.5rem, 1rem; display: block; } #html-body.account .admin__action-dropdown-menu-footer .admin__action-dropdown-footer-secondary-actions { margin-left: -1rem; } #html-body.account .admin__action-dropdown-menu-footer .admin__action-dropdown-footer-main-actions { margin-left: 25%; } } #html-body.account.customer-address-form .columns .form-address-edit { display: flex; flex-wrap: wrap; gap: 24px; border: none; } #html-body.account.customer-address-form .columns .form-address-edit > .fieldset { width: 48%; border: 2px solid #cdd2d6; box-sizing: border-box; border-radius: 8px; } @media (max-width: 767px) { #html-body.account.customer-address-form .columns .form-address-edit > .fieldset { width: 100%; } } @media (max-width: 767px) { #html-body.account .admin__data-grid-header .admin__data-grid-header-row .row .col-xs-9 .admin__data-grid-pager-wrap .admin__data-grid-pager { gap: 5px; align-items: center; } } #html-body.account .admin__data-grid-header .admin__data-grid-header-row .row .col-xs-9 .admin__data-grid-pager-wrap .admin__data-grid-pager .action-previous { opacity: 1; left: -35px; } #html-body.account .admin__data-grid-header .admin__data-grid-header-row .row .col-xs-9 .admin__data-grid-pager-wrap .admin__data-grid-pager .action-previous::after { color: #121212; content: 'page'; position: absolute; top: 5px; font-size: 16px; right: -60px; font-weight: 700; opacity: 1; text-transform: capitalize; } #html-body.account .admin__data-grid-header .admin__data-grid-header-row .row .col-xs-9 .admin__data-grid-pager-wrap .admin__data-grid-pager .action-previous::before { opacity: .5; } #html-body.account .admin__data-grid-header .admin__data-grid-header-row .row .col-xs-9 .admin__data-grid-pager-wrap .admin__data-grid-pager .admin__control-text { border: none; width: 10px; padding: 0; font-weight: 700; font-size: 16px; } #html-body.account .admin__data-grid-header .admin__data-grid-header-row .row .col-xs-9 .admin__data-grid-pager-wrap .admin__data-grid-pager .admin__control-support-text { font-weight: 700; font-size: 16px; } @media (max-width: 767px) { #html-body.account .admin__data-grid-header .admin__data-grid-header-row .row .col-xs-9 .admin__data-grid-pager-wrap .admin__data-grid-pager .admin__control-support-text { margin: 0; padding: 0; } } #html-body.aw_requisition_list-rlist-index .page-title-wrapper .page-title .base { text-align: left; } #html-body.aw_requisition_list-rlist-index .aw-rl__create-list-wrapper { top: -80px; } @media screen and (max-width: 639px) { #html-body.aw_requisition_list-rlist-index .aw-rl__create-list-wrapper { margin-bottom: 2rem; } } @media screen and (max-width: 767px) { #html-body.aw_requisition_list-rlist-index .aw-rl__create-list-wrapper { top: 0; } } #html-body.aw_requisition_list-rlist-index .aw-rl__customer_lists { overflow-x: unset; position: relative; top: -58px; } @media screen and (max-width: 767px) { #html-body.aw_requisition_list-rlist-index .aw-rl__customer_lists { top: 0; } } #html-body.aw_requisition_list-rlist-index .aw-rl__customer_lists .data-grid { min-width: auto; } #html-body.aw_requisition_list-rlist-index .aw-rl__customer_lists .data-grid tbody tr td.name { font-size: 12px; } @media screen and (min-width: 640px) { #html-body.aw_requisition_list-rlist-index .aw-rl__customer_lists .data-grid tbody tr td.name { min-width: 85px; font-weight: 700; } } @media screen and (max-width: 639px) { #html-body.aw_requisition_list-rlist-index .aw-rl__customer_lists .data-grid thead tr .data-grid-th { display: none; } #html-body.aw_requisition_list-rlist-index .aw-rl__customer_lists .data-grid tbody { box-shadow: none; border-bottom-left-radius: unset; border-bottom-right-radius: unset; } #html-body.aw_requisition_list-rlist-index .aw-rl__customer_lists .data-grid tbody tr { display: block; } #html-body.aw_requisition_list-rlist-index .aw-rl__customer_lists .data-grid tbody tr td { text-align: left; padding: 5px; border: none; border-top: none; display: block; } #html-body.aw_requisition_list-rlist-index .aw-rl__customer_lists .data-grid tbody tr td div::before, #html-body.aw_requisition_list-rlist-index .aw-rl__customer_lists .data-grid tbody tr td a::before { padding-right: 10px; display: inline-block; font-weight: 700; font-size: 12px; color: #333333; } #html-body.aw_requisition_list-rlist-index .aw-rl__customer_lists .data-grid tbody tr td:first-child { padding-top: 2rem; font-size: 12px; } #html-body.aw_requisition_list-rlist-index .aw-rl__customer_lists .data-grid tbody tr td:nth-child(1) div::before { content: 'Name: '; } #html-body.aw_requisition_list-rlist-index .aw-rl__customer_lists .data-grid tbody tr td:nth-child(2) div::before { content: 'Description: '; } #html-body.aw_requisition_list-rlist-index .aw-rl__customer_lists .data-grid tbody tr td:nth-child(3) div::before { content: 'Qty of Items: '; } #html-body.aw_requisition_list-rlist-index .aw-rl__customer_lists .data-grid tbody tr td:nth-child(4) div::before { content: 'Owner: '; } #html-body.aw_requisition_list-rlist-index .aw-rl__customer_lists .data-grid tbody tr td:nth-child(5) div::before { content: 'Updated By: '; } #html-body.aw_requisition_list-rlist-index .aw-rl__customer_lists .data-grid tbody tr td:nth-child(6) div::before { content: 'Last Update: '; } #html-body.aw_requisition_list-rlist-index .aw-rl__customer_lists .data-grid tbody tr td:nth-child(7) a::before { content: 'Action: '; color: #333333; } } #html-body.aw_requisition_list-rlist-index .aw-rl__customer_lists .paging-total { display: none; } #html-body.aw_requisition_list-rlist-edit .page-title-wrapper .aw-rl__edit-btn-wrapper { padding: 0 0 33px; line-height: 31px; } @media screen and (max-width: 767px) { #html-body.aw_requisition_list-rlist-edit .page-title-wrapper .aw-rl__edit-btn-wrapper { padding-bottom: 1px; } } #html-body.aw_requisition_list-rlist-edit .page-title-wrapper .header-list-delete { padding: 0 0 33px; line-height: 50px; } @media screen and (max-width: 767px) { #html-body.aw_requisition_list-rlist-edit .page-title-wrapper .header-list-delete { padding-bottom: 1px; } } #html-body.aw_requisition_list-rlist-edit .page-title-wrapper .header-list-description { position: relative; top: -33px; } @media screen and (max-width: 767px) { #html-body.aw_requisition_list-rlist-edit .page-title-wrapper .header-list-description { top: 0; } } #html-body.aw_requisition_list-rlist-edit .aw-rl__listing-products-wrapper { padding-top: 0; } #html-body.aw_requisition_list-rlist-edit .aw-rl__listing-products-wrapper .admin__data-grid-header .action-menu > .action { margin-left: 24px; } @media screen and (max-width: 767px) { #html-body.aw_requisition_list-rlist-edit .aw-rl__listing-products-wrapper .admin__data-grid-header .action-menu > .action { margin-left: 12px; } } #html-body.aw_requisition_list-rlist-edit .aw-rl__listing-products-wrapper .admin__data-grid-header .action-menu > .action .action-menu-item { color: #1979c3; } #html-body.aw_requisition_list-rlist-edit .aw-rl__listing-products-wrapper .admin__data-grid-header .action-menu > .action .action-menu-item::after { font-size: 28px; margin-left: -2px; } #html-body.aw_requisition_list-rlist-edit .aw-rl__listing-products-wrapper .admin__data-grid-wrap .data-grid tbody tr td .action-select-wrap a { text-decoration: underline; font-weight: 700; } #html-body.aw_requisition_list-rlist-edit .aw-rl__listing-products-wrapper .aw-rl__listing-products input[type='text'] { width: 46px; height: 36px; } #html-body.aw_requisition_list-rlist-edit .aw-rl__listing-products-wrapper .aw-rl__listing-products input + label.field-error + span.out-of-stock { display: none; } #html-body.aw_requisition_list-rlist-edit .aw-rl__listing-products-wrapper .aw-rl__listing-products .data-grid { min-width: auto; } @media screen and (max-width: 767px) { #html-body.aw_requisition_list-rlist-edit .aw-rl__listing-products-wrapper .aw-rl__listing-products .data-grid thead tr th:first-child .action-multicheck-wrap::after { content: 'Select all'; } } @media screen and (max-width: 767px) { #html-body.aw_requisition_list-rlist-edit .aw-rl__listing-products-wrapper .aw-rl__listing-products .data-grid thead tr th:not(:first-child) { display: none; } } @media screen and (max-width: 767px) { #html-body.aw_requisition_list-rlist-edit .aw-rl__listing-products-wrapper .aw-rl__listing-products .data-grid tbody tr td .data-grid-cell-content table tbody tr td.image-container { max-width: 60px; } } @media screen and (max-width: 767px) { #html-body.aw_requisition_list-rlist-edit .aw-rl__listing-products-wrapper .aw-rl__listing-products .data-grid tbody tr.data-row { display: flex; border-top: 1px solid #a3a3a3; } } @media screen and (max-width: 767px) { #html-body.aw_requisition_list-rlist-edit .aw-rl__listing-products-wrapper .aw-rl__listing-products .data-grid tbody tr.data-row > td { flex: auto; border-top: unset; } } @media screen and (max-width: 767px) { #html-body.aw_requisition_list-rlist-edit .aw-rl__listing-products-wrapper .aw-rl__listing-products .data-grid tbody tr.data-row > td.data-grid-checkbox-cell { flex: none; padding: 8px 0 0 10px; } } @media screen and (max-width: 767px) { #html-body.aw_requisition_list-rlist-edit .aw-rl__listing-products-wrapper .aw-rl__listing-products .data-grid tbody tr.data-row > td.price { flex: none; min-width: 85px; } } #html-body.aw_requisition_list-rlist-edit .aw-rl__listing-products-wrapper .action.container .action.delete::before { font-size: 37px; color: #737373; } #html-body.aw_requisition_list-rlist-edit .aw-rl__listing-products-wrapper .aw-rl__actions-btn-wrapper { margin-top: 25px; } #html-body.aw_requisition_list-rlist-index .aw-rl__listing-pagination button, #html-body.aw_requisition_list-rlist-edit .aw-rl__listing-pagination button { background: #e5e5e5; border-color: #e5e5e5; height: 32px; width: 32px; } #html-body.aw_requisition_list-rlist-index .aw-rl__listing-pagination button:disabled, #html-body.aw_requisition_list-rlist-edit .aw-rl__listing-pagination button:disabled, #html-body.aw_requisition_list-rlist-index .aw-rl__listing-pagination button[disabled], #html-body.aw_requisition_list-rlist-edit .aw-rl__listing-pagination button[disabled] { background: #fafafa; border-color: #a3a3a3; } #html-body.aw_requisition_list-rlist-index .aw-rl__listing-pagination button::before, #html-body.aw_requisition_list-rlist-edit .aw-rl__listing-pagination button::before { color: #737373; font-size: 46px; margin: 0 0 0 -12px; } #html-body.aw_requisition_list-rlist-index .aw-rl__listing-pagination input.control-text, #html-body.aw_requisition_list-rlist-edit .aw-rl__listing-pagination input.control-text { height: 32px; } #html-body.account.page-layout-2columns-left .page-main { margin-bottom: 1.5rem; } #html-body.account.page-layout-2columns-left:not(.customer-account-index) .page-main > .columns { display: flex; flex-direction: column; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 24px; } @media screen and (min-width: 1024px) { #html-body.account.page-layout-2columns-left:not(.customer-account-index) .page-main > .columns .main { grid-column: span 9 / span 9; } #html-body.account.page-layout-2columns-left:not(.customer-account-index) .page-main > .columns .sidebar-main { grid-column: span 3 / span 3; } } @media screen and (min-width: 768px) { #html-body.account.page-layout-2columns-left:not(.customer-account-index) .page-main > .columns .main { grid-column: span 8 / span 8; order: 2; padding: 0; width: 100%; } #html-body.account.page-layout-2columns-left:not(.customer-account-index) .page-main > .columns .sidebar-main { grid-column: span 4 / span 4; order: 1; padding: 0; width: 100%; } #html-body.account.page-layout-2columns-left:not(.customer-account-index) .page-main > .columns:after { display: none; content: unset; } #html-body.account.page-layout-2columns-left:not(.customer-account-index) .page-main > .columns .sidebar-additional { display: none; } } #html-body.account.page-layout-2columns-left:not(.customer-account-index).account .page-main { margin-bottom: 0; } #html-body.account.page-layout-2columns-left:not(.customer-account-index).account .page-main .columns { flex-direction: row; margin-top: 16px; flex-wrap: nowrap; } @media (max-width: 767px) { #html-body.account.page-layout-2columns-left:not(.customer-account-index).account .page-main .columns { flex-direction: column; gap: 0; } } #html-body.sales-order-history .admin__data-grid-filters-wrap select { height: 32px; } #html-body.sales-order-history .admin__data-grid-filters-wrap._show { border: 2px solid #cdd2d6; border-radius: 8px; padding: 2rem; } @media (max-width: 767px) { #html-body.sales-order-history .admin__data-grid-filters-wrap._show { padding: 16px; } } #html-body.sales-order-history .admin__data-grid-filters-wrap._show .admin__fieldset > .admin__form-field { width: 50%; } @media (max-width: 767px) { #html-body.sales-order-history .admin__data-grid-filters-wrap._show .admin__fieldset > .admin__form-field { width: 100%; padding: 0; } } #html-body.sales-order-history .admin__data-grid-filters-wrap._show .admin__fieldset > .admin__form-field .admin__form-field-legend { font-size: 20px; font-weight: 700; } #html-body.sales-order-history .admin__data-grid-filters-wrap._show .admin__fieldset > .admin__form-field .admin__form-field-label { float: none; width: 100%; font-size: 12px; } #html-body.sales-order-history .admin__data-grid-filters-wrap._show .admin__fieldset > .admin__form-field .admin__form-field-control select { background: url("../images/expand_more_black.png"); background-repeat: no-repeat; background-size: 12px; background-position: 96%; -webkit-appearance: none; } #html-body.sales-order-history .admin__data-grid-filters-wrap._show .admin__fieldset > .admin__form-field .admin__form-field-control select, #html-body.sales-order-history .admin__data-grid-filters-wrap._show .admin__fieldset > .admin__form-field .admin__form-field-control .input-text { font-size: 16px; border-radius: 4px; border-color: #207ccb; height: 48px; padding: 0 16px; box-shadow: none; } #html-body.sales-order-history .admin__data-grid-filters-wrap._show .admin__data-grid-filters-footer .admin__footer-main-actions button { font-size: 16px; color: #ffffff; border-radius: 4px; } #html-body.sales-order-history .admin__data-grid-filters-wrap._show .admin__data-grid-filters-footer .admin__footer-main-actions .action-tertiary { padding: 16px 46px; background: #fc1e1e; border-color: #fc1e1e; } #html-body.sales-order-history .admin__data-grid-filters-wrap._show .admin__data-grid-filters-footer .admin__footer-main-actions .action-secondary { padding: 16px 24px; background: #09375b; border-color: #09375b; margin-left: 12px; } #html-body.sales-order-history .selectmenu-value input[type="text"] { height: 4rem; } #html-body.sales-order-history .selectmenu-toggle { background: unset; } #html-body.sales-order-history .selectmenu-toggle::before { background: #064a89; } #html-body.sales-order-history .selectmenu-toggle::after { border-color: #ffffff transparent transparent transparent; } #html-body.sales-order-history .selectmenu-items .selectmenu-item-action { background: unset; color: black; } @media (max-width: 767px) { #html-body.sales-order-history .admin__data-grid-header-row { padding: 0 16px; } } @media (max-width: 767px) { #html-body.sales-order-history .admin__data-grid-header-row .admin__data-grid-actions-wrap { width: 48%; box-sizing: border-box; margin: 0; } } @media (max-width: 767px) { #html-body.sales-order-history .admin__data-grid-header-row .admin__data-grid-actions-wrap .admin__action-dropdown-wrap { width: 100%; } } @media (max-width: 767px) { #html-body.sales-order-history .admin__data-grid-header-row .admin__data-grid-actions-wrap .admin__action-dropdown-wrap .admin__action-dropdown { width: 100%; margin: 0; } } @media (max-width: 767px) { #html-body.sales-order-history .admin__data-grid-header-row .data-grid-filters-actions-wrap { width: 48%; float: left; } } @media (max-width: 767px) { #html-body.sales-order-history .admin__data-grid-header-row .data-grid-filters-actions-wrap .action-default { width: 100% !important; float: left; margin: 0; } } #html-body.sales-order-history .aw-ui-listing .data-grid-filters-action-wrap .action-default { background: #09375b; border-radius: 4px; color: #ffffff; padding: 16px 24px; border-color: #09375b; text-align: left; font-size: 16px; width: 138px; position: relative; padding-right: 30px; } #html-body.sales-order-history .aw-ui-listing .data-grid-filters-action-wrap .action-default::before { content: ""; background: url("../images/expand_more.png"); position: absolute; right: 23px; width: 24px; height: 24px; top: 13px; background-repeat: no-repeat; background-size: cover; background-position: center; } @media (max-width: 767px) { #html-body.sales-order-history .admin__data-grid-wrap { border: none; } } @media (max-width: 767px) { #html-body.sales-order-history .admin__data-grid-wrap .data-grid tbody tr { padding: 0; margin: 0 0 12px; border-top: 1px solid #cdd2d6; } #html-body.sales-order-history .admin__data-grid-wrap .data-grid tbody tr td { margin: 0; padding: 0; max-width: none; } #html-body.sales-order-history .admin__data-grid-wrap .data-grid tbody tr td .data-grid-cell-content { padding: 0; display: flex; justify-content: space-between; box-sizing: border-box; padding-right: 16px; border-bottom: 1px solid #cdd2d6; align-items: center; } #html-body.sales-order-history .admin__data-grid-wrap .data-grid tbody tr td .data-grid-cell-content::before { background: #fee200; padding: 10px 16px; width: 120px; } #html-body.sales-order-history .admin__data-grid-wrap .data-grid tbody tr td .action-select-wrap { text-align: right; padding: 10px 16px; } } #html-body.sales-order-history .admin__data-grid-actions-wrap { margin-bottom: 2rem; } #html-body.sales-order-history .admin__data-grid-actions-wrap .admin__action-dropdown-wrap .admin__action-dropdown { background: #207ccb; color: #fff; font-size: 16px; font-weight: 700; padding: 16px 24px; border-radius: 4px; width: 158px; text-align: left; margin-left: 12px; } #html-body.sales-order-history .admin__data-grid-actions-wrap .admin__action-dropdown-wrap .admin__action-dropdown::after { border: none; background: url(../images/expand_more.png); position: absolute; right: 23px; width: 24px; height: 24px; top: 13px; background-repeat: no-repeat; background-size: cover; background-position: center; } #html-body.sales-order-history .admin__data-grid-actions-wrap .admin__action-dropdown-wrap .admin__action-dropdown-menu { border: 2px solid #cdd2d6; border-radius: 8px; padding: 2rem; } @media (max-width: 767px) { #html-body.sales-order-history .admin__data-grid-actions-wrap .admin__action-dropdown-wrap .admin__action-dropdown-menu { min-width: 185%; } } #html-body.sales-order-history .admin__data-grid-actions-wrap .admin__action-dropdown-wrap .admin__action-dropdown-menu .admin__action-dropdown-menu-header { font-size: 12px; padding-bottom: 2rem; } #html-body.sales-order-history .admin__data-grid-actions-wrap .admin__action-dropdown-wrap .admin__action-dropdown-menu label { font-size: 16px; } #html-body.sales-order-history .admin__data-grid-actions-wrap .admin__action-dropdown-wrap .admin__action-dropdown-menu .admin__action-dropdown-menu-content .admin__field-option { height: auto; } @media (max-width: 767px) { #html-body.sales-order-history .admin__data-grid-actions-wrap .admin__action-dropdown-wrap .admin__action-dropdown-menu .admin__action-dropdown-menu-content { max-height: none; } } #html-body.sales-order-history .admin__data-grid-actions-wrap .admin__action-dropdown-wrap .admin__action-dropdown-menu .admin__action-dropdown-menu-footer { display: flex; justify-content: flex-start; flex-direction: row; gap: 12px; } #html-body.sales-order-history .admin__data-grid-actions-wrap .admin__action-dropdown-wrap .admin__action-dropdown-menu .admin__action-dropdown-menu-footer button { font-size: 16px; color: #ffffff; border-radius: 4px; } #html-body.sales-order-history .admin__data-grid-actions-wrap .admin__action-dropdown-wrap .admin__action-dropdown-menu .admin__action-dropdown-menu-footer .admin__action-dropdown-footer-secondary-actions { margin: 0; float: none; } #html-body.sales-order-history .admin__data-grid-actions-wrap .admin__action-dropdown-wrap .admin__action-dropdown-menu .admin__action-dropdown-menu-footer .admin__action-dropdown-footer-secondary-actions .action-tertiary { padding: 16px 24px; background: #fc1e1e; border-color: #fc1e1e; } #html-body.sales-order-history .admin__data-grid-actions-wrap .admin__action-dropdown-wrap .admin__action-dropdown-menu .admin__action-dropdown-menu-footer .admin__action-dropdown-footer-main-actions { margin: 0; } #html-body.sales-order-history .admin__data-grid-actions-wrap .admin__action-dropdown-wrap .admin__action-dropdown-menu .admin__action-dropdown-menu-footer .admin__action-dropdown-footer-main-actions .action-tertiary { padding: 16px 24px; background: #09375b; border-color: #09375b; } #html-body.sales-order-history .admin__data-grid-header .admin__data-grid-header-row .row { overflow: visible; position: relative; margin-top: 20px; } #html-body.sales-order-history .admin__data-grid-header .admin__data-grid-header-row .row .col-xs-3 { position: absolute; } @media (max-width: 767px) { #html-body.sales-order-history .admin__data-grid-header .admin__data-grid-header-row .row .col-xs-3 { left: 0; } } #html-body.sales-order-history .admin__data-grid-header .admin__data-grid-header-row .row .col-xs-3 .admin__control-support-text { font-size: 16px; font-family: 'Open Sans'; } @media (max-width: 767px) { #html-body.sales-order-history .admin__data-grid-header .admin__data-grid-header-row .row .col-xs-3 .admin__control-support-text { font-size: 14px; } } #html-body.sales-order-history .admin__data-grid-header .admin__data-grid-header-row .row .col-xs-3 .admin__control-support-text span::before { content: '('; } #html-body.sales-order-history .admin__data-grid-header .admin__data-grid-header-row .row .col-xs-3 .admin__control-support-text span::after { content: ')'; } #html-body.sales-order-history .admin__data-grid-header .admin__data-grid-header-row .row .col-xs-9 { width: 100%; float: none; overflow: visible; } #html-body.sales-order-history .admin__data-grid-header .admin__data-grid-header-row .row .col-xs-9 .admin__data-grid-pager-wrap { width: 100%; } @media (max-width: 767px) { #html-body.sales-order-history .admin__data-grid-header .admin__data-grid-header-row .row .col-xs-9 .admin__data-grid-pager-wrap { justify-content: flex-end; align-items: center; } } #html-body.sales-order-history .admin__data-grid-header .admin__data-grid-header-row .row .col-xs-9 .admin__data-grid-pager-wrap .selectmenu input { font-size: 16px; font-family: 'Open Sans'; } @media (max-width: 767px) { #html-body.sales-order-history .admin__data-grid-header .admin__data-grid-header-row .row .col-xs-9 .admin__data-grid-pager-wrap .selectmenu input { font-size: 14px; } } #html-body.sales-order-history .admin__data-grid-header .admin__data-grid-header-row .row .col-xs-9 .admin__data-grid-pager-wrap .selectmenu::before { content: "Show"; position: absolute; left: -50px; top: 10px; font-size: 16px; font-family: 'Open Sans'; } @media (max-width: 767px) { #html-body.sales-order-history .admin__data-grid-header .admin__data-grid-header-row .row .col-xs-9 .admin__data-grid-pager-wrap .selectmenu::before { font-size: 14px; } } #html-body.sales-order-history .admin__data-grid-header .admin__data-grid-header-row .row .col-xs-9 .admin__data-grid-pager-wrap > .admin__control-support-text { font-size: 16px; font-family: 'Open Sans'; } @media (max-width: 767px) { #html-body.sales-order-history .admin__data-grid-header .admin__data-grid-header-row .row .col-xs-9 .admin__data-grid-pager-wrap > .admin__control-support-text { font-size: 14px; } } #html-body.sales-order-history .admin__data-grid-header .admin__data-grid-header-row .row .col-xs-9 .admin__data-grid-pager-wrap .admin__data-grid-pager { width: 100%; text-align: center; margin: 0; } @media (max-width: 767px) { #html-body.sales-order-history .admin__data-grid-header .admin__data-grid-header-row .row .col-xs-9 .admin__data-grid-pager-wrap .admin__data-grid-pager { margin-top: 12px; } } #html-body.sales-order-history .admin__data-grid-header .admin__data-grid-header-row .row .col-xs-9 .admin__data-grid-pager-wrap .admin__data-grid-pager .admin__control-support-text { display: inline; } #html-body.sales-order-history .admin__data-grid-header .admin__data-grid-header-row .row .col-xs-9 .admin__data-grid-pager-wrap .admin__data-grid-pager .action-next, #html-body.sales-order-history .admin__data-grid-header .admin__data-grid-header-row .row .col-xs-9 .admin__data-grid-pager-wrap .admin__data-grid-pager .action-previous { background: transparent; position: relative; width: auto; border: none; padding: 15px; } #html-body.sales-order-history .admin__data-grid-header .admin__data-grid-header-row .row .col-xs-9 .admin__data-grid-pager-wrap .admin__data-grid-pager .action-next::before, #html-body.sales-order-history .admin__data-grid-header .admin__data-grid-header-row .row .col-xs-9 .admin__data-grid-pager-wrap .admin__data-grid-pager .action-previous::before { content: ''; background: url(../images/arrow_forward_ios.png); position: absolute; width: 11px; height: 19px; background-position: center; background-repeat: no-repeat; top: 5px; } #html-body.sales-order-history .admin__data-grid-header .admin__data-grid-header-row .row .col-xs-9 .admin__data-grid-pager-wrap .admin__data-grid-pager .action-previous::before { rotate: 180deg; } #html-body.sales-order-history .aw-ui-listing { margin-bottom: 70px; } @media (max-width: 767px) { #html-body.sales-order-history .aw-ui-listing { margin-bottom: 16px; } } #html-body.sales-order-history .aw-ui-listing .action-previous:before { content: '<'; color: white; } #html-body.sales-order-history .aw-ui-listing .action-next:before { content: '>'; color: white; } #html-body.customer-account-index .column.main { width: 100%; } @media (max-width: 767px) { #html-body.customer-account-index .block-content { display: none; } } @media (max-width: 768px) { #html-body.customer-account-index .customer-account-content { padding: 0 16px; } } #html-body.customer-account-index .customer-account-content .block-dashboard-info { display: none; } #html-body.customer-account-index .customer-account-content .block-dashboard-addresses { display: none; } #html-body.customer-account-index .customer-account-content .welcome-block { border-top: 1px solid #cdd2d6; padding-top: 4rem; margin-bottom: 24px; } @media (max-width: 768px) { #html-body.customer-account-index .customer-account-content .welcome-block { padding-top: 24px; } } #html-body.customer-account-index .customer-account-content .welcome-block-message { display: block; font-weight: 600; font-size: 20px; line-height: 26px; color: #121212; margin-bottom: 1rem; } #html-body.customer-account-index .customer-account-content .welcome-block .welcome-block-message { font-size: 24px; font-weight: 700; margin-bottom: 8px; } @media (max-width: 768px) { #html-body.customer-account-index .customer-account-content .welcome-block .welcome-block-message { font-size: 20px; } } #html-body.customer-account-index .customer-account-content .welcome-block .customer-info { font-size: 16px; line-height: 22px; color: #207ccb; font-weight: 700; text-decoration: underline; } @media (max-width: 768px) { #html-body.customer-account-index .customer-account-content .welcome-block .customer-info { font-size: 14px; } } @media screen and (max-width: 767px) { #html-body.customer-account-index .customer-account-content .custom-account-block { display: flex; flex-direction: column-reverse; } } #html-body.customer-account-index .customer-account-content .custom-account-block .top-block-content { display: none; flex-flow: column; justify-content: space-between; background: #fafafa; border: 2px solid #96bb7a; border-radius: 4px; padding: 1.5rem; margin-bottom: 42px; margin-top: 0; gap: 1.5rem; } @media screen and (max-width: 767px) { #html-body.customer-account-index .customer-account-content .custom-account-block .top-block-content { margin-top: 42px; } } #html-body.customer-account-index .customer-account-content .custom-account-block .top-block-content-main { display: flex; flex-flow: column; } #html-body.customer-account-index .customer-account-content .custom-account-block .top-block-content-main .title { font-size: 28px; line-height: 38px; font-weight: 700; color: #333333; margin-bottom: 6px; text-align: center; } #html-body.customer-account-index .customer-account-content .custom-account-block .top-block-content-main .subtitle { font-weight: 600; font-size: 20px; line-height: 26px; color: #121212; margin-bottom: 40px; } #html-body.customer-account-index .customer-account-content .custom-account-block .top-block-content-main .action { height: unset; background: #207ccb; border-radius: 5px; color: #ffffff; font-weight: 600; font-size: 16px; line-height: 24px; display: flex; flex-direction: row; align-items: center; padding: 8px 16px 8px 8px; } @media screen and (max-width: 1023px) { #html-body.customer-account-index .customer-account-content .custom-account-block .top-block-content-main .action { flex-direction: column; } #html-body.customer-account-index .customer-account-content .custom-account-block .top-block-content-main .action svg { display: none; } } #html-body.customer-account-index .customer-account-content .custom-account-block .top-block-content-main .action svg { padding: 0 8px; float: left; } @media screen and (min-width: 768px) { #html-body.customer-account-index .customer-account-content .custom-account-block .top-block-content { flex-flow: row; } #html-body.customer-account-index .customer-account-content .custom-account-block .top-block-content-main .action { height: 50px; flex-direction: row; } #html-body.customer-account-index .customer-account-content .custom-account-block .top-block-content-main .title { text-align: left; } } #html-body.customer-account-index .customer-account-content .custom-account-block .top-block-content-info { display: flex; flex-flow: column; background: #EFEFEF; border-radius: 8px; max-width: 420px; padding: 1.5rem; margin-top: 3rem; } #html-body.customer-account-index .customer-account-content .custom-account-block .top-block-content-info span { font-weight: 700; font-size: 20px; line-height: 26px; color: #121212; margin-bottom: 30px; } #html-body.customer-account-index .customer-account-content .custom-account-block .top-block-content-info span:nth-child(2) { line-height: 28px !important; } #html-body.customer-account-index .customer-account-content .custom-account-block .top-block-content-info span:nth-child(4) { line-height: 30px !important; } #html-body.customer-account-index .customer-account-content .custom-account-block .top-block-content-info span:not(.notice) { text-align: center; } #html-body.customer-account-index .customer-account-content .custom-account-block .top-block-content-info span.notice { display: flex; align-items: center; font-weight: 600; font-size: 14px; line-height: 34px; color: #121212; margin-bottom: 10px; } #html-body.customer-account-index .customer-account-content .custom-account-block .top-block-content-info span.notice svg { min-width: 40px; padding: 0 14px 0 0; } @media screen and (min-width: 768px) { #html-body.customer-account-index .customer-account-content .custom-account-block .top-block-content-info { margin-top: 0; } #html-body.customer-account-index .customer-account-content .custom-account-block .top-block-content-info span:not(.notice) { text-align: left; } } #html-body.customer-account-index .customer-account-content .custom-account-block .links-block-content { display: grid; grid-template-columns: repeat(1, minmax(0, 1fr)); grid-gap: 24px; } @media (max-width: 768px) { #html-body.customer-account-index .customer-account-content .custom-account-block .links-block-content { grid-gap: 12px; margin-bottom: 16PX; } } @media screen and (min-width: 768px) { #html-body.customer-account-index .customer-account-content .custom-account-block .links-block-content { grid-template-columns: repeat(2, minmax(0, 1fr)); margin-bottom: 16px; } } #html-body.customer-account-index .customer-account-content .custom-account-block .links-block-content .text-caption-small { margin-left: 0; font-size: 14px; font-weight: 400; } #html-body.customer-account-index .customer-account-content .custom-account-block .links-block-content a { display: flex; align-items: center; background: #ffffff; border: 1px solid #cdd2d6; box-sizing: border-box; border-radius: 8px; width: 100%; padding: 10px 12px; transition-duration: 250ms; position: relative; padding-right: 18px; } #html-body.customer-account-index .customer-account-content .custom-account-block .links-block-content a:hover { background-color: #a3c9e7; text-decoration: none; } #html-body.customer-account-index .customer-account-content .custom-account-block .links-block-content a:hover svg { border-radius: 12px; } #html-body.customer-account-index .customer-account-content .custom-account-block .links-block-content a svg { transition-duration: 250ms; background: #207ccb; padding: 12px; border-radius: 5px; width: 24px; height: 24px; } #html-body.customer-account-index .customer-account-content .custom-account-block .links-block-content a span { margin-left: 16px; font-weight: 700; font-size: 20px; line-height: 26px; color: #333333; } @media (max-width: 768px) { #html-body.customer-account-index .customer-account-content .custom-account-block .links-block-content a span { font-size: 16px; margin-left: 12px; } } #html-body.customer-account-index .customer-account-content .custom-account-block .links-block-content a::before { content: ''; background: url("../images/arrow_forward_ios.png"); position: absolute; width: 11px; height: 19px; background-position: center; background-repeat: no-repeat; right: 18px; } #html-body.customer-account-index .account-company { display: none; display: flex; } #html-body.customer-account-index .account-project { display: none; display: flex; } @media screen and (min-width: 768px) { #html-body.customer-account-index .sidebar { display: none; } } @media screen and (min-width: 768px) { #html-body.newsletter-manage-index .page-title-wrapper h1, #html-body.privacy-settings-index .page-title-wrapper h1 { margin-bottom: 0; padding-bottom: 0; } #html-body.newsletter-manage-index .page-title-wrapper h1 span, #html-body.privacy-settings-index .page-title-wrapper h1 span { float: unset; text-align: left; padding-bottom: 0 !important; } } #html-body.newsletter-manage-index .page-main .columns .block, #html-body.privacy-settings-index .page-main .columns .block { border: 1px solid #f0f0f0; box-sizing: border-box; border-radius: 4px; margin: 0 0; } #html-body.newsletter-manage-index .page-main .columns .block-title, #html-body.privacy-settings-index .page-main .columns .block-title { font-size: 20px; line-height: 26px; padding: 1rem 2rem; font-style: normal; color: white; background: #1B3990; border-top-left-radius: 4px; border-top-right-radius: 4px; } #html-body.newsletter-manage-index .page-main .columns .block-title strong, #html-body.privacy-settings-index .page-main .columns .block-title strong { font-weight: 600; } #html-body.newsletter-manage-index .page-main .columns .block-content, #html-body.privacy-settings-index .page-main .columns .block-content { padding: 1rem 2rem; } @media screen and (min-width: 768px) { #html-body.newsletter-manage-index .page-main .columns .block-content, #html-body.privacy-settings-index .page-main .columns .block-content { flex-direction: row; } } #html-body.newsletter-manage-index .page-main .columns .block-content .fieldset .field, #html-body.privacy-settings-index .page-main .columns .block-content .fieldset .field { margin-bottom: 1rem; } #html-body.newsletter-manage-index .actions-toolbar > .primary, #html-body.privacy-settings-index .actions-toolbar > .primary { text-align: left; margin-left: 0; } #html-body.newsletter-manage-index .actions-toolbar > .primary .action, #html-body.privacy-settings-index .actions-toolbar > .primary .action { width: 100%; min-width: 100px; } @media screen and (min-width: 768px) { #html-body.newsletter-manage-index .actions-toolbar > .primary .action, #html-body.privacy-settings-index .actions-toolbar > .primary .action { width: auto; } } #html-body.newsletter-manage-index .form-newsletter-manage .fieldset .legend, #html-body.privacy-settings-index .form-newsletter-manage .fieldset .legend, #html-body.newsletter-manage-index .privacy-settings .fieldset .legend, #html-body.privacy-settings-index .privacy-settings .fieldset .legend { margin-left: unset; } #html-body.newsletter-manage-index .form-newsletter-manage .fieldset > .field.choice:before, #html-body.privacy-settings-index .form-newsletter-manage .fieldset > .field.choice:before, #html-body.newsletter-manage-index .privacy-settings .fieldset > .field.choice:before, #html-body.privacy-settings-index .privacy-settings .fieldset > .field.choice:before { width: 0; } #html-body.newsletter-manage-index .form-newsletter-manage .actions-toolbar, #html-body.privacy-settings-index .form-newsletter-manage .actions-toolbar, #html-body.newsletter-manage-index .privacy-settings .actions-toolbar, #html-body.privacy-settings-index .privacy-settings .actions-toolbar { margin-left: unset; } #html-body.newsletter-manage-index .account-export, #html-body.privacy-settings-index .account-export, #html-body.newsletter-manage-index .account-deletion, #html-body.privacy-settings-index .account-deletion { margin-top: 3rem; } #html-body.newsletter-manage-index .account-export .block-title, #html-body.privacy-settings-index .account-export .block-title, #html-body.newsletter-manage-index .account-deletion .block-title, #html-body.privacy-settings-index .account-deletion .block-title { margin-bottom: 1rem; line-height: 1.2; font-size: 20px; } #html-body.newsletter-manage-index .account-export .block-title strong, #html-body.privacy-settings-index .account-export .block-title strong, #html-body.newsletter-manage-index .account-deletion .block-title strong, #html-body.privacy-settings-index .account-deletion .block-title strong { font-weight: 400; } #html-body.newsletter-manage-index .account-export .box-actions .action, #html-body.privacy-settings-index .account-export .box-actions .action, #html-body.newsletter-manage-index .account-deletion .box-actions .action, #html-body.privacy-settings-index .account-deletion .box-actions .action { min-width: 100px; text-align: center; } #html-body .box-address-shipping, #html-body .box-address-billing, #html-body .block-addresses-list { margin-bottom: 0; } #html-body .block-addresses-default { border: 2px solid #cdd2d6; border-radius: 8px; } #html-body .block-addresses-default .block-title { margin: 0; background: #064a89; color: #ffffff; padding: 12px 2rem; border-radius: 6px 6px 0 0; } #html-body .block-addresses-default .block-title strong { font-size: 20px; font-weight: 700; } #html-body .block-addresses-default .block-content { padding: 2rem; color: #121212; } @media (max-width: 767px) { #html-body .block-addresses-default .block-content { display: block; } } #html-body .block-addresses-default .block-content .box .box-title { margin-bottom: 8px; } #html-body .block-addresses-default .block-content .box .box-title span { font-size: 16px; } @media (max-width: 767px) { #html-body .block-addresses-default .block-content .box.box-address-billing { margin-bottom: 2rem; } } #html-body .block-addresses-default .block-content .box-content { margin-bottom: 8px; } #html-body .block-addresses-default .block-content .box-content address { font-size: 16px; } #html-body .block-addresses-default .block-content .box-content address a { color: #207ccb; font-weight: 700; } #html-body .block-addresses-default .block-content .box-actions a.action { color: #207ccb; font-weight: 700; font-size: 16px; } #html-body .block-addresses-list .block-title { margin-bottom: 2rem; } @media (max-width: 767px) { #html-body .block-addresses-list .block-title { padding: 0 16px; } } #html-body .block-addresses-list .block-title strong { display: block; font-weight: 700; font-size: 24px; color: #121212; margin: 0; } @media (max-width: 767px) { #html-body .block-addresses-list .block-content { display: block; } } @media (max-width: 767px) { #html-body .block-addresses-list .table-wrapper .data.table thead tr { padding: 0; } } #html-body .block-addresses-list .table-wrapper .data.table thead tr th { vertical-align: middle; } @media (max-width: 767px) { #html-body .block-addresses-list .table-wrapper .data.table tbody tr { padding: 0; } } @media (max-width: 767px) { #html-body .block-addresses-list .table-wrapper .data.table tbody tr td { padding: 0; display: flex; justify-content: space-between; box-sizing: border-box; padding-right: 16px; border-bottom: 1px solid #cdd2d6; align-items: center; } } #html-body .block-addresses-list .table-wrapper .data.table tbody tr td::before { background: #fee200; padding: 10px 16px; } @media (max-width: 767px) { #html-body .block-addresses-list .table-wrapper .data.table tbody tr td::before { width: 120px; box-sizing: border-box; } } @media (max-width: 767px) { #html-body .block-addresses-list .table-wrapper .data.table tbody tr td .edit { margin-left: auto; } } #html-body .block-addresses-list .customer-addresses-toolbar { display: none; } @media (max-width: 767px) { #html-body .actions-toolbar { padding: 0; } } #html-body .actions-toolbar .primary { float: right; } @media (max-width: 767px) { #html-body .actions-toolbar .primary { float: none; width: 100%; } } @media (max-width: 767px) { #html-body .actions-toolbar .primary button { float: none; width: 100%; } } @media (max-width: 767px) { #html-body .field.choice { position: static !important; padding-left: 16px; } } @media screen and (min-width: 768px) { #html-body.aw_ca-role-index .page-title-wrapper .page-title, #html-body.aw_ca-user-edit .page-title-wrapper .page-title, #html-body.aw_ca-company-edit .page-title-wrapper .page-title, #html-body.aw_ca-role-edit .page-title-wrapper .page-title, #html-body.aw_ca-user-index .page-title-wrapper .page-title { margin: unset; padding: unset; overflow: hidden; } #html-body.aw_ca-role-index .page-title-wrapper .page-title .base, #html-body.aw_ca-user-edit .page-title-wrapper .page-title .base, #html-body.aw_ca-company-edit .page-title-wrapper .page-title .base, #html-body.aw_ca-role-edit .page-title-wrapper .page-title .base, #html-body.aw_ca-user-index .page-title-wrapper .page-title .base { float: left; padding: 3rem 0; } #html-body.aw_ca-role-index .page-title-wrapper span, #html-body.aw_ca-user-edit .page-title-wrapper span, #html-body.aw_ca-company-edit .page-title-wrapper span, #html-body.aw_ca-role-edit .page-title-wrapper span, #html-body.aw_ca-user-index .page-title-wrapper span { text-align: left; } } #html-body.aw_ca-role-index .aw-ca__customer-btn-wrapper, #html-body.aw_ca-user-edit .aw-ca__customer-btn-wrapper, #html-body.aw_ca-company-edit .aw-ca__customer-btn-wrapper, #html-body.aw_ca-role-edit .aw-ca__customer-btn-wrapper, #html-body.aw_ca-user-index .aw-ca__customer-btn-wrapper { display: flex; justify-content: flex-end; } @media (max-width: 767px) { #html-body.aw_ca-role-index .aw-ca__customer-btn-wrapper, #html-body.aw_ca-user-edit .aw-ca__customer-btn-wrapper, #html-body.aw_ca-company-edit .aw-ca__customer-btn-wrapper, #html-body.aw_ca-role-edit .aw-ca__customer-btn-wrapper, #html-body.aw_ca-user-index .aw-ca__customer-btn-wrapper { padding: 0 16px; display: block; } } #html-body.aw_ca-role-index .aw-ca__customer-btn-wrapper .action, #html-body.aw_ca-user-edit .aw-ca__customer-btn-wrapper .action, #html-body.aw_ca-company-edit .aw-ca__customer-btn-wrapper .action, #html-body.aw_ca-role-edit .aw-ca__customer-btn-wrapper .action, #html-body.aw_ca-user-index .aw-ca__customer-btn-wrapper .action { margin: 0; padding: 16px 0; width: 200px; height: auto; background: #207ccb; border-color: #207ccb; color: #ffffff; line-height: 16px; } #html-body.aw_ca-role-index .aw-ca__customer-btn-wrapper .action:hover, #html-body.aw_ca-user-edit .aw-ca__customer-btn-wrapper .action:hover, #html-body.aw_ca-company-edit .aw-ca__customer-btn-wrapper .action:hover, #html-body.aw_ca-role-edit .aw-ca__customer-btn-wrapper .action:hover, #html-body.aw_ca-user-index .aw-ca__customer-btn-wrapper .action:hover { background: #09375b; border-color: #09375b; } #html-body.aw_ca-role-index .aw-ca__customer-btn-wrapper .action::before, #html-body.aw_ca-user-edit .aw-ca__customer-btn-wrapper .action::before, #html-body.aw_ca-company-edit .aw-ca__customer-btn-wrapper .action::before, #html-body.aw_ca-role-edit .aw-ca__customer-btn-wrapper .action::before, #html-body.aw_ca-user-index .aw-ca__customer-btn-wrapper .action::before { display: none; } #html-body.aw_ca-role-index .aw-ca__customer-btn-wrapper .action span, #html-body.aw_ca-user-edit .aw-ca__customer-btn-wrapper .action span, #html-body.aw_ca-company-edit .aw-ca__customer-btn-wrapper .action span, #html-body.aw_ca-role-edit .aw-ca__customer-btn-wrapper .action span, #html-body.aw_ca-user-index .aw-ca__customer-btn-wrapper .action span { font-size: 16px; } @media (max-width: 767px) { #html-body.aw_ca-role-index .aw-ca__customer-btn-wrapper .action span, #html-body.aw_ca-user-edit .aw-ca__customer-btn-wrapper .action span, #html-body.aw_ca-company-edit .aw-ca__customer-btn-wrapper .action span, #html-body.aw_ca-role-edit .aw-ca__customer-btn-wrapper .action span, #html-body.aw_ca-user-index .aw-ca__customer-btn-wrapper .action span { font-size: 14px; } } @media (max-width: 767px) { #html-body.aw_ca-role-index .aw-ca__customer-btn-wrapper .action, #html-body.aw_ca-user-edit .aw-ca__customer-btn-wrapper .action, #html-body.aw_ca-company-edit .aw-ca__customer-btn-wrapper .action, #html-body.aw_ca-role-edit .aw-ca__customer-btn-wrapper .action, #html-body.aw_ca-user-index .aw-ca__customer-btn-wrapper .action { width: 100%; padding: 13px 0; } } #html-body.aw_ca-role-index .aw-ca__customer-btn-wrapper .action.import, #html-body.aw_ca-user-edit .aw-ca__customer-btn-wrapper .action.import, #html-body.aw_ca-company-edit .aw-ca__customer-btn-wrapper .action.import, #html-body.aw_ca-role-edit .aw-ca__customer-btn-wrapper .action.import, #html-body.aw_ca-user-index .aw-ca__customer-btn-wrapper .action.import { display: inline-block; margin-right: 12px; background: #09375b; border-color: #09375b; text-decoration: none; } @media (max-width: 767px) { #html-body.aw_ca-role-index .aw-ca__customer-btn-wrapper .action.import, #html-body.aw_ca-user-edit .aw-ca__customer-btn-wrapper .action.import, #html-body.aw_ca-company-edit .aw-ca__customer-btn-wrapper .action.import, #html-body.aw_ca-role-edit .aw-ca__customer-btn-wrapper .action.import, #html-body.aw_ca-user-index .aw-ca__customer-btn-wrapper .action.import { margin-bottom: 12px; border-radius: 4px; } } #html-body.aw_ca-role-index .aw-ca__customer-btn-wrapper .action.import:hover, #html-body.aw_ca-user-edit .aw-ca__customer-btn-wrapper .action.import:hover, #html-body.aw_ca-company-edit .aw-ca__customer-btn-wrapper .action.import:hover, #html-body.aw_ca-role-edit .aw-ca__customer-btn-wrapper .action.import:hover, #html-body.aw_ca-user-index .aw-ca__customer-btn-wrapper .action.import:hover { background: #207ccb; border-color: #207ccb; } #html-body.aw_ca-role-index .aw-ca__form, #html-body.aw_ca-user-edit .aw-ca__form, #html-body.aw_ca-company-edit .aw-ca__form, #html-body.aw_ca-role-edit .aw-ca__form, #html-body.aw_ca-user-index .aw-ca__form { border: 2px solid #cdd2d6; border-radius: 8px; padding-bottom: 2rem; max-width: 100%; } #html-body.aw_ca-role-index .aw-ca__form .fieldset-wrapper, #html-body.aw_ca-user-edit .aw-ca__form .fieldset-wrapper, #html-body.aw_ca-company-edit .aw-ca__form .fieldset-wrapper, #html-body.aw_ca-role-edit .aw-ca__form .fieldset-wrapper, #html-body.aw_ca-user-index .aw-ca__form .fieldset-wrapper { margin-bottom: 0; } #html-body.aw_ca-role-index .aw-ca__form .fieldset-wrapper .field[name="data.order_base_amount_limit"] + .field > label, #html-body.aw_ca-user-edit .aw-ca__form .fieldset-wrapper .field[name="data.order_base_amount_limit"] + .field > label, #html-body.aw_ca-company-edit .aw-ca__form .fieldset-wrapper .field[name="data.order_base_amount_limit"] + .field > label, #html-body.aw_ca-role-edit .aw-ca__form .fieldset-wrapper .field[name="data.order_base_amount_limit"] + .field > label, #html-body.aw_ca-user-index .aw-ca__form .fieldset-wrapper .field[name="data.order_base_amount_limit"] + .field > label { font-size: 16px !important; } @media (max-width: 767px) { #html-body.aw_ca-role-index .aw-ca__form .fieldset-wrapper .field[name="data.order_base_amount_limit"] + .field > label, #html-body.aw_ca-user-edit .aw-ca__form .fieldset-wrapper .field[name="data.order_base_amount_limit"] + .field > label, #html-body.aw_ca-company-edit .aw-ca__form .fieldset-wrapper .field[name="data.order_base_amount_limit"] + .field > label, #html-body.aw_ca-role-edit .aw-ca__form .fieldset-wrapper .field[name="data.order_base_amount_limit"] + .field > label, #html-body.aw_ca-user-index .aw-ca__form .fieldset-wrapper .field[name="data.order_base_amount_limit"] + .field > label { font-size: 12px !important; } } #html-body.aw_ca-role-index .aw-ca__form .fieldset-wrapper .field .field-tooltip-action, #html-body.aw_ca-user-edit .aw-ca__form .fieldset-wrapper .field .field-tooltip-action, #html-body.aw_ca-company-edit .aw-ca__form .fieldset-wrapper .field .field-tooltip-action, #html-body.aw_ca-role-edit .aw-ca__form .fieldset-wrapper .field .field-tooltip-action, #html-body.aw_ca-user-index .aw-ca__form .fieldset-wrapper .field .field-tooltip-action { display: none !important; } #html-body.aw_ca-role-index .aw-ca__form .fieldset-wrapper .field .input-text, #html-body.aw_ca-user-edit .aw-ca__form .fieldset-wrapper .field .input-text, #html-body.aw_ca-company-edit .aw-ca__form .fieldset-wrapper .field .input-text, #html-body.aw_ca-role-edit .aw-ca__form .fieldset-wrapper .field .input-text, #html-body.aw_ca-user-index .aw-ca__form .fieldset-wrapper .field .input-text { width: 100%; } #html-body.aw_ca-role-index .aw-ca__form .fieldset-wrapper .fieldset-wrapper-title, #html-body.aw_ca-user-edit .aw-ca__form .fieldset-wrapper .fieldset-wrapper-title, #html-body.aw_ca-company-edit .aw-ca__form .fieldset-wrapper .fieldset-wrapper-title, #html-body.aw_ca-role-edit .aw-ca__form .fieldset-wrapper .fieldset-wrapper-title, #html-body.aw_ca-user-index .aw-ca__form .fieldset-wrapper .fieldset-wrapper-title { margin: 0; width: 100%; background: #064a89; color: #ffffff; text-align: center; padding: 12px 0; border-radius: 6px 6px 0 0; } #html-body.aw_ca-role-index .aw-ca__form .fieldset-wrapper .fieldset-wrapper-title strong, #html-body.aw_ca-user-edit .aw-ca__form .fieldset-wrapper .fieldset-wrapper-title strong, #html-body.aw_ca-company-edit .aw-ca__form .fieldset-wrapper .fieldset-wrapper-title strong, #html-body.aw_ca-role-edit .aw-ca__form .fieldset-wrapper .fieldset-wrapper-title strong, #html-body.aw_ca-user-index .aw-ca__form .fieldset-wrapper .fieldset-wrapper-title strong { font-size: 20px; font-weight: 700; } @media (max-width: 767px) { #html-body.aw_ca-role-index .aw-ca__form .fieldset-wrapper .fieldset-wrapper-title strong, #html-body.aw_ca-user-edit .aw-ca__form .fieldset-wrapper .fieldset-wrapper-title strong, #html-body.aw_ca-company-edit .aw-ca__form .fieldset-wrapper .fieldset-wrapper-title strong, #html-body.aw_ca-role-edit .aw-ca__form .fieldset-wrapper .fieldset-wrapper-title strong, #html-body.aw_ca-user-index .aw-ca__form .fieldset-wrapper .fieldset-wrapper-title strong { font-size: 16px; } } #html-body.aw_ca-role-index .aw-ca__form .fieldset-wrapper .admin__fieldset-wrapper-content, #html-body.aw_ca-user-edit .aw-ca__form .fieldset-wrapper .admin__fieldset-wrapper-content, #html-body.aw_ca-company-edit .aw-ca__form .fieldset-wrapper .admin__fieldset-wrapper-content, #html-body.aw_ca-role-edit .aw-ca__form .fieldset-wrapper .admin__fieldset-wrapper-content, #html-body.aw_ca-user-index .aw-ca__form .fieldset-wrapper .admin__fieldset-wrapper-content { padding: 2rem 2rem 0; } #html-body.aw_ca-role-index .aw-ca__form .fieldset-wrapper .admin__fieldset-wrapper-content .label, #html-body.aw_ca-user-edit .aw-ca__form .fieldset-wrapper .admin__fieldset-wrapper-content .label, #html-body.aw_ca-company-edit .aw-ca__form .fieldset-wrapper .admin__fieldset-wrapper-content .label, #html-body.aw_ca-role-edit .aw-ca__form .fieldset-wrapper .admin__fieldset-wrapper-content .label, #html-body.aw_ca-user-index .aw-ca__form .fieldset-wrapper .admin__fieldset-wrapper-content .label { float: none; width: 100%; text-align: left; font-size: 12px; font-weight: 400; margin-bottom: 5px; } #html-body.aw_ca-role-index .aw-ca__form .fieldset-wrapper .admin__fieldset-wrapper-content .control, #html-body.aw_ca-user-edit .aw-ca__form .fieldset-wrapper .admin__fieldset-wrapper-content .control, #html-body.aw_ca-company-edit .aw-ca__form .fieldset-wrapper .admin__fieldset-wrapper-content .control, #html-body.aw_ca-role-edit .aw-ca__form .fieldset-wrapper .admin__fieldset-wrapper-content .control, #html-body.aw_ca-user-index .aw-ca__form .fieldset-wrapper .admin__fieldset-wrapper-content .control { width: 100%; } #html-body.aw_ca-role-index .aw-ca__form .fieldset-wrapper .admin__fieldset-wrapper-content .control select, #html-body.aw_ca-user-edit .aw-ca__form .fieldset-wrapper .admin__fieldset-wrapper-content .control select, #html-body.aw_ca-company-edit .aw-ca__form .fieldset-wrapper .admin__fieldset-wrapper-content .control select, #html-body.aw_ca-role-edit .aw-ca__form .fieldset-wrapper .admin__fieldset-wrapper-content .control select, #html-body.aw_ca-user-index .aw-ca__form .fieldset-wrapper .admin__fieldset-wrapper-content .control select { background: url("../images/expand_more_black.png"); background-repeat: no-repeat; background-size: 12px; background-position: 96%; -webkit-appearance: none; } #html-body.aw_ca-role-index .aw-ca__form .fieldset-wrapper .admin__fieldset-wrapper-content .control select, #html-body.aw_ca-user-edit .aw-ca__form .fieldset-wrapper .admin__fieldset-wrapper-content .control select, #html-body.aw_ca-company-edit .aw-ca__form .fieldset-wrapper .admin__fieldset-wrapper-content .control select, #html-body.aw_ca-role-edit .aw-ca__form .fieldset-wrapper .admin__fieldset-wrapper-content .control select, #html-body.aw_ca-user-index .aw-ca__form .fieldset-wrapper .admin__fieldset-wrapper-content .control select, #html-body.aw_ca-role-index .aw-ca__form .fieldset-wrapper .admin__fieldset-wrapper-content .control textarea, #html-body.aw_ca-user-edit .aw-ca__form .fieldset-wrapper .admin__fieldset-wrapper-content .control textarea, #html-body.aw_ca-company-edit .aw-ca__form .fieldset-wrapper .admin__fieldset-wrapper-content .control textarea, #html-body.aw_ca-role-edit .aw-ca__form .fieldset-wrapper .admin__fieldset-wrapper-content .control textarea, #html-body.aw_ca-user-index .aw-ca__form .fieldset-wrapper .admin__fieldset-wrapper-content .control textarea, #html-body.aw_ca-role-index .aw-ca__form .fieldset-wrapper .admin__fieldset-wrapper-content .control > input, #html-body.aw_ca-user-edit .aw-ca__form .fieldset-wrapper .admin__fieldset-wrapper-content .control > input, #html-body.aw_ca-company-edit .aw-ca__form .fieldset-wrapper .admin__fieldset-wrapper-content .control > input, #html-body.aw_ca-role-edit .aw-ca__form .fieldset-wrapper .admin__fieldset-wrapper-content .control > input, #html-body.aw_ca-user-index .aw-ca__form .fieldset-wrapper .admin__fieldset-wrapper-content .control > input { font-size: 16px; border-radius: 4px; border-color: #207ccb; height: 48px; padding: 0 16px; box-shadow: none; } @media (max-width: 767px) { #html-body.aw_ca-role-index .aw-ca__form .fieldset-wrapper .admin__fieldset-wrapper-content .control select, #html-body.aw_ca-user-edit .aw-ca__form .fieldset-wrapper .admin__fieldset-wrapper-content .control select, #html-body.aw_ca-company-edit .aw-ca__form .fieldset-wrapper .admin__fieldset-wrapper-content .control select, #html-body.aw_ca-role-edit .aw-ca__form .fieldset-wrapper .admin__fieldset-wrapper-content .control select, #html-body.aw_ca-user-index .aw-ca__form .fieldset-wrapper .admin__fieldset-wrapper-content .control select, #html-body.aw_ca-role-index .aw-ca__form .fieldset-wrapper .admin__fieldset-wrapper-content .control textarea, #html-body.aw_ca-user-edit .aw-ca__form .fieldset-wrapper .admin__fieldset-wrapper-content .control textarea, #html-body.aw_ca-company-edit .aw-ca__form .fieldset-wrapper .admin__fieldset-wrapper-content .control textarea, #html-body.aw_ca-role-edit .aw-ca__form .fieldset-wrapper .admin__fieldset-wrapper-content .control textarea, #html-body.aw_ca-user-index .aw-ca__form .fieldset-wrapper .admin__fieldset-wrapper-content .control textarea, #html-body.aw_ca-role-index .aw-ca__form .fieldset-wrapper .admin__fieldset-wrapper-content .control > input, #html-body.aw_ca-user-edit .aw-ca__form .fieldset-wrapper .admin__fieldset-wrapper-content .control > input, #html-body.aw_ca-company-edit .aw-ca__form .fieldset-wrapper .admin__fieldset-wrapper-content .control > input, #html-body.aw_ca-role-edit .aw-ca__form .fieldset-wrapper .admin__fieldset-wrapper-content .control > input, #html-body.aw_ca-user-index .aw-ca__form .fieldset-wrapper .admin__fieldset-wrapper-content .control > input { font-size: 14px; } } #html-body.aw_ca-role-index .aw-ca__form .fieldset-wrapper .admin__fieldset-wrapper-content .control select.mage-error, #html-body.aw_ca-user-edit .aw-ca__form .fieldset-wrapper .admin__fieldset-wrapper-content .control select.mage-error, #html-body.aw_ca-company-edit .aw-ca__form .fieldset-wrapper .admin__fieldset-wrapper-content .control select.mage-error, #html-body.aw_ca-role-edit .aw-ca__form .fieldset-wrapper .admin__fieldset-wrapper-content .control select.mage-error, #html-body.aw_ca-user-index .aw-ca__form .fieldset-wrapper .admin__fieldset-wrapper-content .control select.mage-error, #html-body.aw_ca-role-index .aw-ca__form .fieldset-wrapper .admin__fieldset-wrapper-content .control textarea.mage-error, #html-body.aw_ca-user-edit .aw-ca__form .fieldset-wrapper .admin__fieldset-wrapper-content .control textarea.mage-error, #html-body.aw_ca-company-edit .aw-ca__form .fieldset-wrapper .admin__fieldset-wrapper-content .control textarea.mage-error, #html-body.aw_ca-role-edit .aw-ca__form .fieldset-wrapper .admin__fieldset-wrapper-content .control textarea.mage-error, #html-body.aw_ca-user-index .aw-ca__form .fieldset-wrapper .admin__fieldset-wrapper-content .control textarea.mage-error, #html-body.aw_ca-role-index .aw-ca__form .fieldset-wrapper .admin__fieldset-wrapper-content .control > input.mage-error, #html-body.aw_ca-user-edit .aw-ca__form .fieldset-wrapper .admin__fieldset-wrapper-content .control > input.mage-error, #html-body.aw_ca-company-edit .aw-ca__form .fieldset-wrapper .admin__fieldset-wrapper-content .control > input.mage-error, #html-body.aw_ca-role-edit .aw-ca__form .fieldset-wrapper .admin__fieldset-wrapper-content .control > input.mage-error, #html-body.aw_ca-user-index .aw-ca__form .fieldset-wrapper .admin__fieldset-wrapper-content .control > input.mage-error { color: #fc1e1e; border-color: #fc1e1e; } #html-body.aw_ca-role-index .aw-ca__form .fieldset-wrapper .admin__fieldset-wrapper-content .control .admin__field-option .admin__field-label, #html-body.aw_ca-user-edit .aw-ca__form .fieldset-wrapper .admin__fieldset-wrapper-content .control .admin__field-option .admin__field-label, #html-body.aw_ca-company-edit .aw-ca__form .fieldset-wrapper .admin__fieldset-wrapper-content .control .admin__field-option .admin__field-label, #html-body.aw_ca-role-edit .aw-ca__form .fieldset-wrapper .admin__fieldset-wrapper-content .control .admin__field-option .admin__field-label, #html-body.aw_ca-user-index .aw-ca__form .fieldset-wrapper .admin__fieldset-wrapper-content .control .admin__field-option .admin__field-label { font-size: 16px; font-weight: 400; } @media (max-width: 767px) { #html-body.aw_ca-role-index .aw-ca__form .fieldset-wrapper .admin__fieldset-wrapper-content .control .admin__field-option .admin__field-label, #html-body.aw_ca-user-edit .aw-ca__form .fieldset-wrapper .admin__fieldset-wrapper-content .control .admin__field-option .admin__field-label, #html-body.aw_ca-company-edit .aw-ca__form .fieldset-wrapper .admin__fieldset-wrapper-content .control .admin__field-option .admin__field-label, #html-body.aw_ca-role-edit .aw-ca__form .fieldset-wrapper .admin__fieldset-wrapper-content .control .admin__field-option .admin__field-label, #html-body.aw_ca-user-index .aw-ca__form .fieldset-wrapper .admin__fieldset-wrapper-content .control .admin__field-option .admin__field-label { font-size: 14px; } } #html-body.aw_ca-role-index .aw-ca__form .action-basic, #html-body.aw_ca-user-edit .aw-ca__form .action-basic, #html-body.aw_ca-company-edit .aw-ca__form .action-basic, #html-body.aw_ca-role-edit .aw-ca__form .action-basic, #html-body.aw_ca-user-index .aw-ca__form .action-basic { min-width: auto; max-width: 277px; width: 100%; margin-right: 20px; margin-left: auto; display: block; } @media (max-width: 767px) { #html-body.aw_ca-role-index .aw-ca__form .action-basic, #html-body.aw_ca-user-edit .aw-ca__form .action-basic, #html-body.aw_ca-company-edit .aw-ca__form .action-basic, #html-body.aw_ca-role-edit .aw-ca__form .action-basic, #html-body.aw_ca-user-index .aw-ca__form .action-basic { max-width: none; margin: 0 16px; width: -webkit-fill-available; } } #html-body.aw_ca-role-index .table-wrapper, #html-body.aw_ca-user-edit .table-wrapper, #html-body.aw_ca-company-edit .table-wrapper, #html-body.aw_ca-role-edit .table-wrapper, #html-body.aw_ca-user-index .table-wrapper { box-sizing: border-box; } @media (max-width: 767px) { #html-body.aw_ca-role-index .table-wrapper, #html-body.aw_ca-user-edit .table-wrapper, #html-body.aw_ca-company-edit .table-wrapper, #html-body.aw_ca-role-edit .table-wrapper, #html-body.aw_ca-user-index .table-wrapper { border-radius: 0; border: none; } } @media (max-width: 767px) { #html-body.aw_ca-role-index .table-wrapper .data tbody tr, #html-body.aw_ca-user-edit .table-wrapper .data tbody tr, #html-body.aw_ca-company-edit .table-wrapper .data tbody tr, #html-body.aw_ca-role-edit .table-wrapper .data tbody tr, #html-body.aw_ca-user-index .table-wrapper .data tbody tr { padding: 0 !important; margin: 0 0 12px; border-top: 1px solid #cdd2d6; } #html-body.aw_ca-role-index .table-wrapper .data tbody tr td, #html-body.aw_ca-user-edit .table-wrapper .data tbody tr td, #html-body.aw_ca-company-edit .table-wrapper .data tbody tr td, #html-body.aw_ca-role-edit .table-wrapper .data tbody tr td, #html-body.aw_ca-user-index .table-wrapper .data tbody tr td { margin: 0; padding: 0 16px 0 0!important; max-width: none; padding: 0; display: flex; justify-content: space-between; box-sizing: border-box; padding-right: 16px; border-bottom: 1px solid #cdd2d6; align-items: center; } #html-body.aw_ca-role-index .table-wrapper .data tbody tr td::before, #html-body.aw_ca-user-edit .table-wrapper .data tbody tr td::before, #html-body.aw_ca-company-edit .table-wrapper .data tbody tr td::before, #html-body.aw_ca-role-edit .table-wrapper .data tbody tr td::before, #html-body.aw_ca-user-index .table-wrapper .data tbody tr td::before { background: #fee200; padding: 10px 16px; width: 120px; } #html-body.aw_ca-role-index .table-wrapper .data tbody tr td .action-select-wrap, #html-body.aw_ca-user-edit .table-wrapper .data tbody tr td .action-select-wrap, #html-body.aw_ca-company-edit .table-wrapper .data tbody tr td .action-select-wrap, #html-body.aw_ca-role-edit .table-wrapper .data tbody tr td .action-select-wrap, #html-body.aw_ca-user-index .table-wrapper .data tbody tr td .action-select-wrap { text-align: right; padding: 10px 16px; } } @media (max-width: 767px) { #html-body.aw_ca-role-index .pager, #html-body.aw_ca-user-edit .pager, #html-body.aw_ca-company-edit .pager, #html-body.aw_ca-role-edit .pager, #html-body.aw_ca-user-index .pager { padding: 0 16px; } } #html-body.aw_ca-role-index .pager .toolbar-amount, #html-body.aw_ca-user-edit .pager .toolbar-amount, #html-body.aw_ca-company-edit .pager .toolbar-amount, #html-body.aw_ca-role-edit .pager .toolbar-amount, #html-body.aw_ca-user-index .pager .toolbar-amount { font-size: 16px !important; } #html-body.aw_ca-role-index .pager .limiter, #html-body.aw_ca-user-edit .pager .limiter, #html-body.aw_ca-company-edit .pager .limiter, #html-body.aw_ca-role-edit .pager .limiter, #html-body.aw_ca-user-index .pager .limiter { font-size: 16px; position: relative; } #html-body.aw_ca-role-index .pager .limiter .limiter-select, #html-body.aw_ca-user-edit .pager .limiter .limiter-select, #html-body.aw_ca-company-edit .pager .limiter .limiter-select, #html-body.aw_ca-role-edit .pager .limiter .limiter-select, #html-body.aw_ca-user-index .pager .limiter .limiter-select { display: inline-block; position: relative; margin: 0 12px; } #html-body.aw_ca-role-index .pager .limiter .limiter-select::before, #html-body.aw_ca-user-edit .pager .limiter .limiter-select::before, #html-body.aw_ca-company-edit .pager .limiter .limiter-select::before, #html-body.aw_ca-role-edit .pager .limiter .limiter-select::before, #html-body.aw_ca-user-index .pager .limiter .limiter-select::before { border-left: 1px solid #adadad; bottom: 0; content: ''; display: block; position: absolute; right: 0; top: 0; width: 3.2rem; background: #064a89; } #html-body.aw_ca-role-index .pager .limiter .limiter-select::after, #html-body.aw_ca-user-edit .pager .limiter .limiter-select::after, #html-body.aw_ca-company-edit .pager .limiter .limiter-select::after, #html-body.aw_ca-role-edit .pager .limiter .limiter-select::after, #html-body.aw_ca-user-index .pager .limiter .limiter-select::after { border-style: solid; border-width: 0.5rem 0.4rem 0 0.4rem; content: ''; height: 0; margin-top: -0.2rem; position: absolute; right: 1.1rem; top: 50%; transition: all .2s linear; width: 0; border-color: #ffffff transparent transparent transparent; } #html-body.aw_ca-role-index .pager .limiter #limiter, #html-body.aw_ca-user-edit .pager .limiter #limiter, #html-body.aw_ca-company-edit .pager .limiter #limiter, #html-body.aw_ca-role-edit .pager .limiter #limiter, #html-body.aw_ca-user-index .pager .limiter #limiter { font-size: 16px; display: inline; margin: 0; width: 8rem; height: 4rem; background: transparent; border-radius: 1px; border: 1px solid #adadad; appearance: none; position: relative; } #html-body.aw_ca-role-index .pager .limiter .limiter-text, #html-body.aw_ca-user-edit .pager .limiter .limiter-text, #html-body.aw_ca-company-edit .pager .limiter .limiter-text, #html-body.aw_ca-role-edit .pager .limiter .limiter-text, #html-body.aw_ca-user-index .pager .limiter .limiter-text, #html-body.aw_ca-role-index .pager .limiter strong, #html-body.aw_ca-user-edit .pager .limiter strong, #html-body.aw_ca-company-edit .pager .limiter strong, #html-body.aw_ca-role-edit .pager .limiter strong, #html-body.aw_ca-user-index .pager .limiter strong, #html-body.aw_ca-role-index .pager .limiter select, #html-body.aw_ca-user-edit .pager .limiter select, #html-body.aw_ca-company-edit .pager .limiter select, #html-body.aw_ca-role-edit .pager .limiter select, #html-body.aw_ca-user-index .pager .limiter select { font-size: 16px; } #html-body.aw_ca-role-index .page-title-wrapper .page-title { margin-bottom: 24px; } #html-body.aw_ca-role-index .page-title-wrapper .page-title .base { padding-bottom: 0 !important; } @media (max-width: 767px) { #html-body.aw_ca-role-index .page-title-wrapper .page-title .base { font-size: 20px; } } #html-body.aw_ca-role-edit .aw-ca-role-create .aw-ca__form .admin__fieldset-wrapper-content .control .tree { margin-top: 12px; } #html-body.aw_ca-role-edit .aw-ca-role-create .aw-ca__form .admin__fieldset-wrapper-content .control .tree .jstree-container-ul > .jstree-node > .jstree-anchor { font-size: 16px; font-weight: 700; margin-bottom: 20px; } @media (max-width: 767px) { #html-body.aw_ca-role-edit .aw-ca-role-create .aw-ca__form .admin__fieldset-wrapper-content .control .tree .jstree-container-ul > .jstree-node > .jstree-anchor { margin-bottom: 12px; font-size: 14px; } } #html-body.aw_ca-role-edit .aw-ca-role-create .aw-ca__form .admin__fieldset-wrapper-content .control .tree .jstree-container-ul > .jstree-node > .jstree-children > .jstree-node > .jstree-anchor { margin-bottom: 20px; font-size: 16px; font-weight: 700; } @media (max-width: 767px) { #html-body.aw_ca-role-edit .aw-ca-role-create .aw-ca__form .admin__fieldset-wrapper-content .control .tree .jstree-container-ul > .jstree-node > .jstree-children > .jstree-node > .jstree-anchor { margin-bottom: 12px; font-size: 14px; } } #html-body.aw_ca-role-edit .aw-ca-role-create .aw-ca__form .admin__fieldset-wrapper-content .control .tree .jstree-container-ul > .jstree-node > .jstree-children > .jstree-node .jstree-node .jstree-anchor { font-size: 16px; font-weight: 400; margin-bottom: 12px; } @media (max-width: 767px) { #html-body.aw_ca-role-edit .aw-ca-role-create .aw-ca__form .admin__fieldset-wrapper-content .control .tree .jstree-container-ul > .jstree-node > .jstree-children > .jstree-node .jstree-node .jstree-anchor { margin-bottom: 12px; font-size: 14px; } } #html-body.aw_ca-role-edit .aw-ca-role-create .aw-ca__form .admin__fieldset-wrapper-content .control .tree .jstree-container-ul .jstree-node { background-image: none; } #html-body.aw_ca-role-edit .aw-ca-role-create .aw-ca__form .admin__fieldset-wrapper-content .control .tree .jstree-container-ul .jstree-node .jstree-ocl { background-image: none; } #html-body.aw_ca-role-edit .aw-ca-role-create .aw-ca__form .admin__fieldset-wrapper-content .control .tree .jstree-container-ul .jstree-node .jstree-ocl::before { background: url("../images/fill-arrow.png"); background-repeat: no-repeat; background-position: center; width: 8px; height: 12px; left: 0; right: 0; margin: 0 auto; top: 6px; border: none; } #html-body.aw_ca-role-edit .aw-ca-role-create .aw-ca__form .admin__fieldset-wrapper-content .control .tree .jstree-container-ul .jstree-node.jstree-open > .jstree-ocl::before { rotate: 90deg; } #html-body.aw_ca-role-edit .aw-ca-role-create .aw-ca__form .admin__fieldset-wrapper-content .control .tree .jstree-container-ul .jstree-node .jstree-checkbox { margin-right: 5px; } #html-body.aw_ca-role-edit .aw-ca-role-create .aw-ca__form .admin__fieldset-wrapper-content .control .tree .jstree-container-ul .jstree-node .jstree-checkbox::before { border-radius: 5px; border-color: #207ccb; } #html-body.aw_ca-role-edit .aw-ca-role-create .aw-ca__form .action-basic { min-width: auto; max-width: 277px; width: 100%; margin-right: 20px; margin-left: auto; display: block; } @media (max-width: 767px) { #html-body.aw_ca-role-edit .aw-ca-role-create .aw-ca__form .action-basic { max-width: none; margin: 0 16px; width: -webkit-fill-available; } } #html-body.aw_ca-role-edit .page-title-wrapper, #html-body.customer-address-form .page-title-wrapper, #html-body.aw_ca-company-edit .page-title-wrapper, #html-body.aw_ca-user-edit .page-title-wrapper { display: flex; flex-direction: row-reverse; align-items: center; justify-content: flex-end; gap: 18px; padding-bottom: 24px; } @media (max-width: 767px) { #html-body.aw_ca-role-edit .page-title-wrapper, #html-body.customer-address-form .page-title-wrapper, #html-body.aw_ca-company-edit .page-title-wrapper, #html-body.aw_ca-user-edit .page-title-wrapper { margin-left: 24px; padding: 16px 0; } } #html-body.aw_ca-role-edit .page-title-wrapper .base, #html-body.customer-address-form .page-title-wrapper .base, #html-body.aw_ca-company-edit .page-title-wrapper .base, #html-body.aw_ca-user-edit .page-title-wrapper .base { padding: 0 !important; line-height: normal; } @media (max-width: 767px) { #html-body.aw_ca-role-edit .page-title-wrapper .base, #html-body.customer-address-form .page-title-wrapper .base, #html-body.aw_ca-company-edit .page-title-wrapper .base, #html-body.aw_ca-user-edit .page-title-wrapper .base { margin: 0 !important; font-size: 20px !important; } } #html-body .history-back button { background: none; border: none; padding: 0; } #html-body .history-back button img { width: 11px; } #html-body.aw_ca-user-edit .aw-ca__form .admin__fieldset-wrapper-content .fieldset { display: flex; flex-wrap: wrap; gap: 20px; } @media (max-width: 767px) { #html-body.aw_ca-user-edit .aw-ca__form .admin__fieldset-wrapper-content .fieldset { gap: 0; } } #html-body.aw_ca-user-edit .aw-ca__form .admin__fieldset-wrapper-content .fieldset .field { width: 48.33333%; } @media (max-width: 767px) { #html-body.aw_ca-user-edit .aw-ca__form .admin__fieldset-wrapper-content .fieldset .field { width: 100%; } } #html-body.productquestion-customer-index .notification-settings, #html-body.downloadable-customer-attachment_index .notification-settings, #html-body.productquestion-customer-index .message, #html-body.downloadable-customer-attachment_index .message { margin-top: 10rem; } #html-body.account.aw_ca-company-index .page-title-wrapper { display: flex; align-items: center; justify-content: space-between; } @media screen and (min-width: 768px) { #html-body.account.aw_ca-company-index .page-title-wrapper .page-title { margin-bottom: 0; padding: 0; margin-right: 18px; } #html-body.account.aw_ca-company-index .page-title-wrapper .page-title .base { text-align: left; padding: 0 0 24px; } } @media (max-width: 767px) { #html-body.account.aw_ca-company-index .page-title-wrapper .page-title .base { margin: 0; font-size: 20px; } } #html-body.account.aw_ca-company-index .page-title-wrapper .action { position: static; padding: 0 16px; } #html-body.account.aw_ca-company-index .main .block { border: 1px solid #e5e5e5; box-sizing: border-box; border-radius: 4px; margin: 24px 0; } #html-body.account.aw_ca-company-index .main .block.block-account-information { margin: 0; } #html-body.account.aw_ca-company-index .main .block-title { line-height: 26px; padding: 12px 20px; font-style: normal; color: #ffffff; background: #064a89; border-top-left-radius: 4px; border-top-right-radius: 4px; margin-bottom: 0; } @media (max-width: 767px) { #html-body.account.aw_ca-company-index .main .block-title { border-radius: 0; } } #html-body.account.aw_ca-company-index .main .block-title strong { font-weight: 600; font-size: 20px; } @media (max-width: 767px) { #html-body.account.aw_ca-company-index .main .block-title strong { font-size: 16px; } } #html-body.account.aw_ca-company-index .main .block-content { display: flex; flex-direction: column; padding: 20px; } @media screen and (min-width: 768px) { #html-body.account.aw_ca-company-index .main .block-content { flex-direction: row; } } @media (max-width: 767px) { #html-body.account.aw_ca-company-index .main .block-content { padding: 16px; } } #html-body.account.aw_ca-company-index .main .block-content .box { margin: 0; } #html-body.account.aw_ca-company-index .main .block-content .box .box-content { margin: 0; } #html-body.account.aw_ca-company-index .main .block-domains .block-content { flex-direction: column; } #html-body.account.aw_ca-company-index .main .block-domains .block-content .aw-ca__domain-management button { float: left; } #html-body.account.aw_ca-company-index .main .block-domains .block-content .aw_ca__domain-listing { margin: 0; } #html-body.account.aw_ca-company-index .main .block-domains .block-content .aw_ca__domain-listing .block-content { display: block; } #html-body.account.aw_ca-company-index .box { margin-top: 2rem; font-size: 14px; line-height: 22px; color: #121212; } @media screen and (min-width: 768px) { #html-body.account.aw_ca-company-index .box { width: 50%; } } #html-body.account.aw_ca-company-index .box-title { display: block; margin-bottom: 8px; color: #121212; font-weight: 700; line-height: 20px; } #html-body.account.aw_ca-company-index .box-title span { font-size: 16px; } @media (max-width: 767px) { #html-body.account.aw_ca-company-index .box-title span { font-size: 14px; } } #html-body.account.aw_ca-company-index .box .action-basic { margin-bottom: 12px; padding: 0 16.5px; height: 40px; } #html-body.account.aw_ca-company-index .box-content address { font-size: 16px; } @media (max-width: 767px) { #html-body.account.aw_ca-company-index .box-content address { font-size: 14px; } } #html-body.account.aw_ca-company-index .box p { margin-bottom: 8px; font-size: 16px; } @media (max-width: 767px) { #html-body.account.aw_ca-company-index .box p { font-size: 14px; } } #html-body.account.aw_ca-company-index .box p a { color: #1979C3; } #html-body.account.aw_ca-company-index .aw_ca_change_company_admin_new_admin_selection_modal .modal-inner-wrap .modal-content .admin__data-grid-header-row .row { overflow: visible; position: relative; margin-top: 20px; } #html-body.account.aw_ca-company-index .aw_ca_change_company_admin_new_admin_selection_modal .modal-inner-wrap .modal-content .admin__data-grid-header-row .row .col-xs-3 { position: absolute; } #html-body.account.aw_ca-company-index .aw_ca_change_company_admin_new_admin_selection_modal .modal-inner-wrap .modal-content .admin__data-grid-header-row .row .col-xs-9 { width: 100%; float: none; overflow: visible; } #html-body.account.aw_ca-company-index .aw_ca_change_company_admin_new_admin_selection_modal .modal-inner-wrap .modal-content .admin__data-grid-header-row .row .col-xs-9 .admin__data-grid-pager-wrap { width: 100%; } #html-body.account.aw_ca-company-index .aw_ca_change_company_admin_new_admin_selection_modal .modal-inner-wrap .modal-content .admin__data-grid-header-row .row .col-xs-9 .admin__data-grid-pager-wrap .selectmenu input, #html-body.account.aw_ca-company-index .aw_ca_change_company_admin_new_admin_selection_modal .modal-inner-wrap .modal-content .admin__data-grid-header-row .row .col-xs-9 .admin__data-grid-pager-wrap .selectmenu button { height: 40px; } #html-body.account.aw_ca-company-index .aw_ca_change_company_admin_new_admin_selection_modal .modal-inner-wrap .modal-content .admin__data-grid-header-row .row .col-xs-9 .admin__data-grid-pager-wrap .selectmenu input.selectmenu-toggle::before, #html-body.account.aw_ca-company-index .aw_ca_change_company_admin_new_admin_selection_modal .modal-inner-wrap .modal-content .admin__data-grid-header-row .row .col-xs-9 .admin__data-grid-pager-wrap .selectmenu button.selectmenu-toggle::before { background: #064a89; } #html-body.account.aw_ca-company-index .aw_ca_change_company_admin_new_admin_selection_modal .modal-inner-wrap .modal-content .admin__data-grid-header-row .row .col-xs-9 .admin__data-grid-pager-wrap .selectmenu input.selectmenu-toggle::after, #html-body.account.aw_ca-company-index .aw_ca_change_company_admin_new_admin_selection_modal .modal-inner-wrap .modal-content .admin__data-grid-header-row .row .col-xs-9 .admin__data-grid-pager-wrap .selectmenu button.selectmenu-toggle::after { border-color: #fff transparent transparent; } #html-body.account.aw_ca-company-index .aw_ca_change_company_admin_new_admin_selection_modal .modal-inner-wrap .modal-content .admin__data-grid-header-row .row .col-xs-9 .admin__data-grid-pager-wrap .selectmenu .selectmenu-items .selectmenu-item-action { background: unset; color: black; font-weight: 400; } #html-body.account.aw_ca-company-index .aw_ca_change_company_admin_new_admin_selection_modal .modal-inner-wrap .modal-content .admin__data-grid-header-row .row .col-xs-9 .admin__data-grid-pager-wrap .admin__data-grid-pager { width: 100%; text-align: center; margin: 15px 0; } #html-body.account.aw_ca-company-index .aw_ca_change_company_admin_new_admin_selection_modal .modal-inner-wrap .modal-content .admin__data-grid-header-row .row .col-xs-9 .admin__data-grid-pager-wrap .admin__data-grid-pager button { height: auto; background: transparent; position: relative; width: auto; border: none; padding: 15px; } #html-body.account.aw_ca-company-index .aw_ca_change_company_admin_new_admin_selection_modal .modal-inner-wrap .modal-content .admin__data-grid-header-row .row .col-xs-9 .admin__data-grid-pager-wrap .admin__data-grid-pager button::before { content: ''; background: url(../images/arrow_forward_ios.png); position: absolute; width: 11px; height: 19px; background-position: center; background-repeat: no-repeat; top: 5px; } #html-body.account.aw_ca-company-index .aw_ca_change_company_admin_new_admin_selection_modal .modal-inner-wrap .modal-content .admin__data-grid-header-row .row .col-xs-9 .admin__data-grid-pager-wrap .admin__data-grid-pager button.action-previous::before { rotate: 180deg; } #html-body.account.aw_ca-company-index .aw_ca_change_company_admin_new_admin_selection_modal .modal-inner-wrap .modal-content .admin__data-grid-header-row .row .col-xs-9 .admin__data-grid-pager-wrap .admin__data-grid-pager button.action-previous::after { top: 3px; } #html-body.account.aw_ca-company-index .aw_ca_change_company_admin_new_admin_selection_modal .modal-inner-wrap .modal-content .admin__data-grid-header-row .row .col-xs-9 .admin__data-grid-pager-wrap .admin__data-grid-pager .admin__control-support-text { display: inline; } #html-body.aw_ca-company-edit .aw-ca__form { border: none; border-radius: 0; padding-bottom: 0; position: relative; } #html-body.aw_ca-company-edit .aw-ca__form .fieldset-wrapper { border: 2px solid #cdd2d6; border-radius: 8px; padding-bottom: 2rem; margin-bottom: 24px; } @media (max-width: 767px) { #html-body.aw_ca-company-edit .aw-ca__form .fieldset-wrapper { padding-bottom: 16px; } } #html-body.aw_ca-company-edit .aw-ca__form .fieldset-wrapper[data-index="administrator"] { padding-bottom: 80px; } @media (max-width: 767px) { #html-body.aw_ca-company-edit .aw-ca__form .fieldset-wrapper { margin-bottom: 0; } } @media (max-width: 767px) { #html-body.aw_ca-company-edit .aw-ca__form .fieldset-wrapper .fieldset-wrapper-title strong { font-size: 16px; } } @media (max-width: 767px) { #html-body.aw_ca-company-edit .aw-ca__form .fieldset-wrapper .admin__fieldset-wrapper-content { padding: 16px 16px 0; } } #html-body.aw_ca-company-edit .aw-ca__form .fieldset-wrapper .admin__fieldset-wrapper-content .fieldset { display: flex; flex-wrap: wrap; gap: 20px; } @media (max-width: 767px) { #html-body.aw_ca-company-edit .aw-ca__form .fieldset-wrapper .admin__fieldset-wrapper-content .fieldset { gap: 0; margin: 0; } } #html-body.aw_ca-company-edit .aw-ca__form .fieldset-wrapper .admin__fieldset-wrapper-content .fieldset .field { width: 48.33333%; } @media (max-width: 767px) { #html-body.aw_ca-company-edit .aw-ca__form .fieldset-wrapper .admin__fieldset-wrapper-content .fieldset .field { width: 100%; } } #html-body.aw_ca-company-edit .aw-ca__form .fieldset-wrapper .admin__fieldset-wrapper-content .fieldset .field > label { width: 100%; } #html-body.aw_ca-company-edit .aw-ca__form .fieldset-wrapper .admin__fieldset-wrapper-content .fieldset .field .control { width: 100%; } #html-body.aw_ca-company-edit .aw-ca__form > .action-basic { margin-left: auto; position: absolute; bottom: 20px; right: 0; } @media (max-width: 767px) { #html-body.aw_ca-company-edit .aw-ca__form > .action-basic { margin-left: 16px; } } #html-body.aw_credit_limit-balance-index .page-title-wrapper .page-title .base { padding-bottom: 24px !important; } @media (max-width: 767px) { #html-body.aw_credit_limit-balance-index .page-title-wrapper .page-title .base { font-size: 20px; padding-bottom: 20px !important; margin: 0; } } #html-body.aw_credit_limit-balance-index .aw-cl__top-totals-list-wrap { padding-bottom: 32px; margin: 0; } @media (max-width: 767px) { #html-body.aw_credit_limit-balance-index .aw-cl__top-totals-list-wrap { padding-bottom: 24px; } } #html-body.aw_credit_limit-balance-index .aw-cl__top-totals-list-wrap .total-list { display: flex; gap: 24px; margin: 0; } @media (max-width: 767px) { #html-body.aw_credit_limit-balance-index .aw-cl__top-totals-list-wrap .total-list { flex-direction: column; gap: 12px; padding: 0 16px; } } #html-body.aw_credit_limit-balance-index .aw-cl__top-totals-list-wrap .total-list br { display: none; } #html-body.aw_credit_limit-balance-index .aw-cl__top-totals-list-wrap .total-list li.total-item { background: #f0f2f6; margin: 0; padding: 16px; width: 33.3333%; border: 1px solid #cdd2d6; border-radius: 8px; box-sizing: border-box; } @media (max-width: 767px) { #html-body.aw_credit_limit-balance-index .aw-cl__top-totals-list-wrap .total-list li.total-item { width: 100%; } } #html-body.aw_credit_limit-balance-index .aw-cl__top-totals-list-wrap .total-list li.total-item:first-child { display: none; } #html-body.aw_credit_limit-balance-index .aw-cl__top-totals-list-wrap .total-list li.total-item .title { display: inline-block; margin-bottom: 8px; font-size: 20px; color: #121212; } @media (max-width: 767px) { #html-body.aw_credit_limit-balance-index .aw-cl__top-totals-list-wrap .total-list li.total-item .title { font-size: 16px; } } #html-body.aw_credit_limit-balance-index .aw-cl__top-totals-list-wrap .total-list li.total-item .total { font-size: 24px; } @media (max-width: 767px) { #html-body.aw_credit_limit-balance-index .aw-cl__top-totals-list-wrap .total-list li.total-item .total { font-size: 20px; } } #html-body.aw_credit_limit-balance-index .admin__data-grid-filters-wrap select { height: 32px; } #html-body.aw_credit_limit-balance-index .admin__data-grid-filters-wrap._show { border: 2px solid #cdd2d6; border-radius: 8px; padding: 2rem; } @media (max-width: 767px) { #html-body.aw_credit_limit-balance-index .admin__data-grid-filters-wrap._show { padding: 16px; } } #html-body.aw_credit_limit-balance-index .admin__data-grid-filters-wrap._show .admin__fieldset > .admin__form-field { width: 50%; } @media (max-width: 767px) { #html-body.aw_credit_limit-balance-index .admin__data-grid-filters-wrap._show .admin__fieldset > .admin__form-field { width: 100%; padding: 0; } } #html-body.aw_credit_limit-balance-index .admin__data-grid-filters-wrap._show .admin__fieldset > .admin__form-field .admin__form-field-legend { font-size: 20px; font-weight: 700; } #html-body.aw_credit_limit-balance-index .admin__data-grid-filters-wrap._show .admin__fieldset > .admin__form-field .admin__form-field-label { float: none; width: 100%; font-size: 12px; } #html-body.aw_credit_limit-balance-index .admin__data-grid-filters-wrap._show .admin__fieldset > .admin__form-field .admin__form-field-control select { background: url("../images/expand_more_black.png"); background-repeat: no-repeat; background-size: 12px; background-position: 96%; -webkit-appearance: none; } #html-body.aw_credit_limit-balance-index .admin__data-grid-filters-wrap._show .admin__fieldset > .admin__form-field .admin__form-field-control select, #html-body.aw_credit_limit-balance-index .admin__data-grid-filters-wrap._show .admin__fieldset > .admin__form-field .admin__form-field-control .input-text { font-size: 16px; border-radius: 4px; border-color: #207ccb; height: 48px; padding: 0 16px; box-shadow: none; } #html-body.aw_credit_limit-balance-index .admin__data-grid-filters-wrap._show .admin__data-grid-filters-footer .admin__footer-main-actions button { font-size: 16px; color: #ffffff; border-radius: 4px; } #html-body.aw_credit_limit-balance-index .admin__data-grid-filters-wrap._show .admin__data-grid-filters-footer .admin__footer-main-actions .action-tertiary { padding: 16px 46px; background: #fc1e1e; border-color: #fc1e1e; } #html-body.aw_credit_limit-balance-index .admin__data-grid-filters-wrap._show .admin__data-grid-filters-footer .admin__footer-main-actions .action-secondary { padding: 16px 24px; background: #09375b; border-color: #09375b; margin-left: 12px; } #html-body.aw_credit_limit-balance-index .selectmenu-value input[type="text"] { height: 4rem; } #html-body.aw_credit_limit-balance-index .selectmenu-toggle { background: unset; } #html-body.aw_credit_limit-balance-index .selectmenu-toggle::before { background: #064a89; } #html-body.aw_credit_limit-balance-index .selectmenu-toggle::after { border-color: #ffffff transparent transparent transparent; } #html-body.aw_credit_limit-balance-index .selectmenu-items .selectmenu-item-action { background: unset; color: black; } #html-body.aw_credit_limit-balance-index .admin__data-grid-header .admin__data-grid-header-row .row { overflow: visible; position: relative; margin-top: 20px; } #html-body.aw_credit_limit-balance-index .admin__data-grid-header .admin__data-grid-header-row .row .col-xs-3 { position: absolute; } @media (max-width: 767px) { #html-body.aw_credit_limit-balance-index .admin__data-grid-header .admin__data-grid-header-row .row .col-xs-3 { left: 15px; } } #html-body.aw_credit_limit-balance-index .admin__data-grid-header .admin__data-grid-header-row .row .col-xs-3 .admin__control-support-text { font-size: 16px; font-family: 'Open Sans'; } @media (max-width: 767px) { #html-body.aw_credit_limit-balance-index .admin__data-grid-header .admin__data-grid-header-row .row .col-xs-3 .admin__control-support-text { font-size: 14px; } } #html-body.aw_credit_limit-balance-index .admin__data-grid-header .admin__data-grid-header-row .row .col-xs-3 .admin__control-support-text span::before { content: '('; } #html-body.aw_credit_limit-balance-index .admin__data-grid-header .admin__data-grid-header-row .row .col-xs-3 .admin__control-support-text span::after { content: ')'; } #html-body.aw_credit_limit-balance-index .admin__data-grid-header .admin__data-grid-header-row .row .col-xs-9 { width: 100%; float: none; overflow: visible; } #html-body.aw_credit_limit-balance-index .admin__data-grid-header .admin__data-grid-header-row .row .col-xs-9 .admin__data-grid-pager-wrap { width: 100%; } @media (max-width: 767px) { #html-body.aw_credit_limit-balance-index .admin__data-grid-header .admin__data-grid-header-row .row .col-xs-9 .admin__data-grid-pager-wrap { justify-content: flex-end; align-items: center; padding: 0 16px; box-sizing: border-box; } } #html-body.aw_credit_limit-balance-index .admin__data-grid-header .admin__data-grid-header-row .row .col-xs-9 .admin__data-grid-pager-wrap .selectmenu input { font-size: 16px; font-family: 'Open Sans'; } @media (max-width: 767px) { #html-body.aw_credit_limit-balance-index .admin__data-grid-header .admin__data-grid-header-row .row .col-xs-9 .admin__data-grid-pager-wrap .selectmenu input { font-size: 14px; } } #html-body.aw_credit_limit-balance-index .admin__data-grid-header .admin__data-grid-header-row .row .col-xs-9 .admin__data-grid-pager-wrap .selectmenu::before { content: "Show"; position: absolute; left: -50px; top: 10px; font-size: 16px; font-family: 'Open Sans'; } @media (max-width: 767px) { #html-body.aw_credit_limit-balance-index .admin__data-grid-header .admin__data-grid-header-row .row .col-xs-9 .admin__data-grid-pager-wrap .selectmenu::before { font-size: 14px; } } #html-body.aw_credit_limit-balance-index .admin__data-grid-header .admin__data-grid-header-row .row .col-xs-9 .admin__data-grid-pager-wrap > .admin__control-support-text { font-size: 16px; font-family: 'Open Sans'; } @media (max-width: 767px) { #html-body.aw_credit_limit-balance-index .admin__data-grid-header .admin__data-grid-header-row .row .col-xs-9 .admin__data-grid-pager-wrap > .admin__control-support-text { font-size: 14px; } } #html-body.aw_credit_limit-balance-index .admin__data-grid-header .admin__data-grid-header-row .row .col-xs-9 .admin__data-grid-pager-wrap .admin__data-grid-pager { width: 100%; text-align: center; margin: 0; } @media (max-width: 767px) { #html-body.aw_credit_limit-balance-index .admin__data-grid-header .admin__data-grid-header-row .row .col-xs-9 .admin__data-grid-pager-wrap .admin__data-grid-pager { margin-top: 12px; } } #html-body.aw_credit_limit-balance-index .admin__data-grid-header .admin__data-grid-header-row .row .col-xs-9 .admin__data-grid-pager-wrap .admin__data-grid-pager .admin__control-support-text { display: inline; } #html-body.aw_credit_limit-balance-index .admin__data-grid-header .admin__data-grid-header-row .row .col-xs-9 .admin__data-grid-pager-wrap .admin__data-grid-pager .action-next, #html-body.aw_credit_limit-balance-index .admin__data-grid-header .admin__data-grid-header-row .row .col-xs-9 .admin__data-grid-pager-wrap .admin__data-grid-pager .action-previous { background: transparent; position: relative; width: auto; border: none; padding: 15px; } #html-body.aw_credit_limit-balance-index .admin__data-grid-header .admin__data-grid-header-row .row .col-xs-9 .admin__data-grid-pager-wrap .admin__data-grid-pager .action-next::before, #html-body.aw_credit_limit-balance-index .admin__data-grid-header .admin__data-grid-header-row .row .col-xs-9 .admin__data-grid-pager-wrap .admin__data-grid-pager .action-previous::before { content: ''; background: url(../images/arrow_forward_ios.png); position: absolute; width: 11px; height: 19px; background-position: center; background-repeat: no-repeat; top: 5px; } #html-body.aw_credit_limit-balance-index .admin__data-grid-header .admin__data-grid-header-row .row .col-xs-9 .admin__data-grid-pager-wrap .admin__data-grid-pager .action-previous::before { rotate: 180deg; } #html-body.aw_credit_limit-balance-index .aw-ui-listing { margin-bottom: 70px; } @media (max-width: 767px) { #html-body.aw_credit_limit-balance-index .aw-ui-listing { margin-bottom: 16px; } } #html-body.aw_credit_limit-balance-index .aw-ui-listing .block-title { margin-bottom: 20px; } @media (max-width: 767px) { #html-body.aw_credit_limit-balance-index .aw-ui-listing .block-title { padding: 0 16px; } } #html-body.aw_credit_limit-balance-index .aw-ui-listing .block-title strong { font-weight: 700; font-size: 24px; } #html-body.aw_credit_limit-balance-index .aw-ui-listing .action-previous:before { content: '<'; color: white; } #html-body.aw_credit_limit-balance-index .aw-ui-listing .action-next:before { content: '>'; color: white; } @media (max-width: 767px) { #html-body.aw_credit_limit-balance-index .admin__data-grid-wrap { border: none; } } @media (max-width: 767px) { #html-body.aw_credit_limit-balance-index .admin__data-grid-wrap .data-grid tbody tr { padding: 0; margin: 0 0 12px; border-top: 1px solid #cdd2d6; } #html-body.aw_credit_limit-balance-index .admin__data-grid-wrap .data-grid tbody tr td { margin: 0; padding: 0; max-width: none; } #html-body.aw_credit_limit-balance-index .admin__data-grid-wrap .data-grid tbody tr td .data-grid-cell-content { padding: 0; display: flex; justify-content: space-between; box-sizing: border-box; padding-right: 16px; border-bottom: 1px solid #cdd2d6; align-items: center; } #html-body.aw_credit_limit-balance-index .admin__data-grid-wrap .data-grid tbody tr td .data-grid-cell-content::before { background: #fee200; padding: 10px 16px; width: 120px; } #html-body.aw_credit_limit-balance-index .admin__data-grid-wrap .data-grid tbody tr td .action-select-wrap { text-align: right; padding: 10px 16px; } } #html-body.aw_credit_limit-balance-index .admin__data-grid-outer-wrap { display: flex; flex-direction: column; } #html-body.aw_credit_limit-balance-index .admin__data-grid-outer-wrap .admin__data-grid-header { order: 2; } #html-body.aw_credit_limit-balance-index .admin__data-grid-outer-wrap .admin__data-grid-wrap { order: 1; } /* prettier-ignore */ /* prettier-ignore */