PageSourceSearch

https://shoppop.com/login?returnUrl=%2Fsettings

html shoppop.com collected 2026-09-28 11:05:12 UTC 129,182 bytes, 5,030 lines download raw bytes

1
2<!DOCTYPE html>
3<html lang="en">
4<head>
5    <meta charset="UTF-8" />
6    <meta name="x-correlation-id" content="447392544dfc4120ae6dc1b4ea432264" />
7        <meta name="robots" content="noindex">
8    <!-- SubID = '74535b8f-4e2d-4144-8eba-a5fc74cec6d5' SkinID = '8e66439f-166a-4eb7-8b1a-0f94d9e2957d' SkinName = 'Andrews Responsive #8' Culture = 'en-US' -->
9    <link rel="shortcut icon" type="image/x-icon" href="/files/subscribers/74535b8f-4e2d-4144-8eba-a5fc74cec6d5/sites/0e98a5cb-c2ad-4c8c-812c-2ebf393f904f/favicon.ico?stamp=639229243549082588"/>
10    
10<script src="//ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js" integrity="sha384-vtXRMe3mGCbOeY7l30aIg8H9p3GdeSe4IFlP6G8JMa7o7lXvnz3GFKzPxzJdPfGK" crossorigin="anonymous"></script>
10
11
12    
12<script>
13      window.jQuery || document.write("
13<script src='/Scripts/jquery-3.6.0.min.js'>\x3C/script>")
14    </script>
14
15
16    
17    <link rel="stylesheet" href="/Content/w2pclient.min.css?stamp=20260928075933" />
18        <link rel="stylesheet" href="/Content/css/checkout/checkout.min.css?stamp=20260928075933" />
19    <!-- Skin default and requirements.xml CSS -->
20    <link href='/layout/skins/library/lib/css/library.min.css?v=2026.9.10.2&stamp=20260928075933'  rel='stylesheet' />
21<link href='/layout/skins/library/base_skin/responsive8/base_skin.min.css?v=2026.9.10.2&stamp=20260928075933'  rel='stylesheet' />
22<link href='/layout/skins/8e66439f-166a-4eb7-8b1a-0f94d9e2957d/layout.css?v=2026.9.10.2&stamp=20260928075933'  rel='stylesheet' />
23
24
25
26    
27    
28        <style>
29.skinsetting-displayShortDesc{display:none;}.skinsetting-header-logo-height{max-height:80px;}.skinsetting-footer-logo-height{max-height:50px;}.skinsetting-subscriber-logo-height{max-height:150px;}        </style>
30        <!-- //Skin default and requirements.xml CSS -->
31
32    
33
34    <!-- page SEO -->
35        <!-- //page SEO -->
36    <!-- skin headinclude -->
37<!--[if IE ]>
38<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
39<![endif]-->
40<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
41<meta name="mobile-web-app-capable" content="yes" />
42<meta name="generator" content="Pressero" />
43    <!-- //skin headinclude -->
44    <!-- site admin HEAD -->
45    <meta http-equiv="Access-Control-Allow-Origin" content="https://psdevelopment.pressero.com" />
46<script type="text/javascript" src="https://psdevelopment.pressero.com/AndrewsDistributing/Organizations/custom.js?v=4"></script>
46
47<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/select2.min.css" rel="stylesheet" />
48<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/select2.min.js"></script>
vendor: 2 bytes, line 48
48
49<script type="text/javascript" src="https://psdevelopment.pressero.com/AndrewsDistributing/QuickOrder/custom.js?v=3"></script>
vendor: 2 bytes, line 49
49
50<script type="text/javascript" src="https://psdevelopment.pressero.com/AndrewsDistributing/Assets-eDoc/custom.js?v=3"></script>
vendor: 2 bytes, line 50
50
51<script type="text/javascript" src="https://psdevelopment.pressero.com/AndrewsDistributing/Orders/custom.js?v=4"></script>
vendor: 2 bytes, line 51
51
52<script type="text/javascript" src="https://psdevelopment.pressero.com/AndrewsDistributing/form/custom.js?v=3"></script>
52
53
54<style>
55/* ------------------------------------------------------------ *\
56    Aleyant CSS
57\* ------------------------------------------------------------ */
58#al-main-container > div > div > div.al-section.ship-to > div.address-selection > div.input-group.input-group--flex > span.input-group-btn > a{display:none}
59
60#al-checkout-partial-container{display:none}
61.cart-product-old-price{text-decoration: none;}
62.logo {
63   /* margin: 0px 0 12px 0; */
64}
65
66/* removing banner on login page */
67body.pageType_login #home-banner {
68    display: none !important;
69}
70
71/* hide breadscrumbs and extra headings on Form product pages */
72.productPage_CustomSignRequest #breadcrumb,
73.productPage_TemplateRequest #breadcrumb,
74.productPage_CustomSignRequest .pricingCustomFormHeading.pricingHeading,
75.productPage_TemplateRequest .pricingCustomFormHeading.pricingHeading {
76  display: none;
77}
78
79/* hide spacers on Template Request product page */
80.productPage_TemplateRequest span.checkbox:has(> label > input[name="[0].CustomFormFields[6].Val"][value="Spacer"]) {
81  visibility: hidden !important;
82}
83
84/* make External File Links span full width below both columns, sm breakpoint and up */
85@media (min-width: 768px) {
86  .productPage_TemplateRequest .column1.col-sm-6 {
87    position: static;
88  }
89  .productPage_TemplateRequest .formFieldsArea.row {
90    position: relative;
91    padding-bottom: 110px; /* reserve room for the field below - adjust to close any gap or overlap */
92  }
93  .productPage_TemplateRequest .textInputArea.form-group:has(> textarea[name="[0].CustomFormFields[10].Val"]) {
94    position: absolute;
95    left: 11px;
96    right: 11px;
97    bottom: 0;
98    width: auto;
99  }
100}
101
102/* hide additional request details field on request forms */
103.productPage_TemplateRequest .textInputArea.form-group:has(> textarea[name="[0].CustomFormFields[11].Val"]),
104.productPage_CustomSignRequest .textInputArea.form-group:has(> textarea[name="[0].CustomFormFields[4].Val"]) {
105  display: none;
106}
107
108/* temporarily removing mini-cart qty 6/24/26 LT*/
109.cart-count-label {
110  display: none!important;
111}
112#cart-button {
113    font-size: 0;
114}
115#cart-button i,
116#cart-button .cart-count-label,
117#cart-button .cart-cost-label {
118    font-size: 14px; /* adjust as needed */
119}
120.header-cart .cart-link .fa {
121    padding: 0 10px;
122}
123#Off-Prem table,#On-Prem table{display:none}
124</style>
125
126
127
128<style>
129/* ------------------------------------------------------------ *\
130    Fonts
131\* ------------------------------------------------------------ */
132
133@font-face {
134    font-family: 'Whitney';
135    src: url('https://fonts.cdnfonts.com/s/38487/whitneybook.woff') format('woff');
136    font-weight: 200;
137    font-style: normal;
138    font-display: swap;
139}
140
141@font-face {
142    font-family: 'Whitney';
143    src: url('https://fonts.cdnfonts.com/s/38487/whitneybook.woff') format('woff');
144    font-weight: 200;
145    font-style: italic;
146    font-display: swap;
147}
148
149@font-face {
150    font-family: 'Whitney';
151    src: url('https://fonts.cdnfonts.com/s/38487/whitneysemibold.woff') format('woff');
152    font-weight: 600;
153    font-style: normal;
154    font-display: swap;
155}
156
157@font-face {
158    font-family: 'Whitney';
159    url('https://fonts.cdnfonts.com/s/38487/whitneysemibold.woff') format('woff');
160    font-weight: 600;
161    font-style: italic;
162    font-display: swap;
163}
164</style>
165
166<style>
167/* ------------------------------------------------------------ *\
168    Row / Col
169\* ------------------------------------------------------------ */
170
171.col-lg-1,
172.col-lg-10,
173.col-lg-11,
174.col-lg-12,
175.col-lg-2,
176.col-lg-3,
177.col-lg-4,
178.col-lg-5,
179.col-lg-6,
180.col-lg-7,
181.col-lg-8,
182.col-lg-9,
183.col-md-1,
184.col-md-10,
185.col-md-11,
186.col-md-12,
187.col-md-2,
188.col-md-3,
189.col-md-4,
190.col-md-5,
191.col-md-6,
192.col-md-7,
193.col-md-8,
194.col-md-9,
195.col-sm-1,
196.col-sm-10,
197.col-sm-11,
198.col-sm-12,
199.col-sm-2,
200.col-sm-3,
201.col-sm-4,
202.col-sm-5,
203.col-sm-6,
204.col-sm-7,
205.col-sm-8,
206.col-sm-9,
207.col-xs-1,
208.col-xs-10,
209.col-xs-11,
210.col-xs-12,
211.col-xs-2,
212.col-xs-3,
213.col-xs-4,
214.col-xs-5,
215.col-xs-6,
216.col-xs-7,
217.col-xs-8,
218.col-xs-9 {
219    padding-inline: 12px;
220}
221
222.row {
223    margin-inline: -12px;
224}
225
226@media (max-width: 767px) {
227
228    .container-fluid>.navbar-collapse,
229    .container-fluid>.navbar-header,
230    .container>.navbar-collapse,
231    .container>.navbar-header,
232    .navbar-nav,
233    .row {
234        margin-right: -8px;
235        margin-left: -8px;
236    }
237
238    .col-lg-1,
239    .col-lg-10,
240    .col-lg-11,
241    .col-lg-12,
242    .col-lg-2,
243    .col-lg-3,
244    .col-lg-4,
245    .col-lg-5,
246    .col-lg-6,
247    .col-lg-7,
248    .col-lg-8,
249    .col-lg-9,
250    .col-md-1,
251    .col-md-10,
252    .col-md-11,
253    .col-md-12,
254    .col-md-2,
255    .col-md-3,
256    .col-md-4,
257    .col-md-5,
258    .col-md-6,
259    .col-md-7,
260    .col-md-8,
261    .col-md-9,
262    .col-sm-1,
263    .col-sm-10,
264    .col-sm-11,
265    .col-sm-12,
266    .col-sm-2,
267    .col-sm-3,
268    .col-sm-4,
269    .col-sm-5,
270    .col-sm-6,
271    .col-sm-7,
272    .col-sm-8,
273    .col-sm-9,
274    .col-xs-1,
275    .col-xs-10,
276    .col-xs-11,
277    .col-xs-12,
278    .col-xs-2,
279    .col-xs-3,
280    .col-xs-4,
281    .col-xs-5,
282    .col-xs-6,
283    .col-xs-7,
284    .col-xs-8,
285    .col-xs-9 {
286        padding-inline: 8px;
287    }
288}
289
290/* ------------------------------------------------------------ *\
291    Container
292\* ------------------------------------------------------------ */
293
294.container {
295    max-width: 970px;
296}
297
298/* ------------------------------------------------------------ *\
299    Btn
300\* ------------------------------------------------------------ */
301
302.btn {
303    min-height: 36px;
304    border-radius: 6px;
305    background-color: #1A3E6F;
306    color: #fff;
307    padding-block: 9px;
308    padding-inline: 20px;
309    font-size: 14px;
310    line-height: normal;
311    text-transform: none;
312    font-weight: 600;
313}
314
315.btn:hover {
316    border-color: #1A3E6F;
317    background-color: transparent;
318    color: #1A3E6F;
319}
320
321/* ------------------------------------------------------------ *\
322    Body
323\* ------------------------------------------------------------ */
324
325body {
326    font-family: 'Whitney', serif;
327    font-weight: 200;
328    background-color: #F6F6F4;
329}
330
331/* ------------------------------------------------------------ *\
332    Header
333\* ------------------------------------------------------------ */
334
335.header-main {
336    background-color: #1A3E6F;
337    color: #fff;
338    padding-block: 0px 12px;
339}
340
341.header-search .form-control {
342    background-color: #142D52;
343}
344
345.header-search .input-group {
346    max-width: 372px;
347    display: flex;
348}
349
350@media (min-width: 1023px) {
351    .header-search .input-group {
352        margin: 0 auto;
353    }
354}
355
356.product-filter-item .filter-toggle-icon {
357    color: #5B5B57;
358    opacity: 1;
359}
360
361.header-search .input-group-btn {
362    flex-shrink: 0;
363    border-top-left-radius: 0;
364    border-bottom-left-radius: 0;
365}
366
367.header-search .btn {
368    background-color: #142D52;
369    color: #fff;
370}
371
372.header-cart .cart-link .cart-count-label {
373    color: #fff;
374    margin-inline: 5px 10px;
375}
376
377.header-cart .cart-count-label,
378.header-cart .fa {
379    color: #fff;
380}
381
382.quick-top-links>div>a {
383    color: rgba(255, 255, 255, 0.5);
384}
385
386.header-top {
387    padding-block: 8px 0px;
388}
389
390.logo,
391.header-search,
392.header-cart {
393    margin-bottom: 12px;
394}
395
396/* ------------------------------------------------------------ *\
397    NavBar
398\* ------------------------------------------------------------ */
399
400.navbar-default .navbar-nav>li>a {
401    color: #1F1F1F;
402}
403
404.navbar-default .navbar-nav li>a {
405    display: flex;
406    gap: 5px;
407}
408
409#top-navbar .navbar-nav>li:before {
410    display: none;
411}
412
413#top-navbar {
414    border-bottom: 2px solid #FABE14;
415    margin-bottom: 47px;
416}
417
418#top-navbar .navbar-nav>li:after {
419    height: 2px;
420    bottom: -2px;
421}
422
423.caret,
424.navbar-nav:not(.sm-collapsible) ul .caret {
425    border: none;
426    margin: 0;
427    right: 20px;
428}
429
430.dropdown-menu>li>a {
431    padding: 8px 6px;
432}
433
434@media (min-width: 767px) {
435    .caret:after {
436        content: "\f107";
437        font-family: FontAwesome;
438        color: currentColor;
439    }
440}
441
442@media (min-width: 992px) {
443    #top-navbar .navbar-nav>li>a {
444        padding: 20px 14px;
445    }
446}
447
448/* ------------------------------------------------------------ *\
449    HOME PAGE
450\* ------------------------------------------------------------ */
451
452.home-banner-area .cycle-pager {
453    display: none;
454}
455
456.home-banner-area .widget-banner .glyphicon:before {
457    font-size: 50px;
458}
459
460.prev-next-nav span:hover span {
461    opacity: 1;
462}
463
464
465/* ------------------------------------------------------------ *\
466    Inline Block Grid
467\* ------------------------------------------------------------ */
468
469.inline-block-grid {
470    font-size: 0px;
471}
472
473/* ------------------------------------------------------------ *\
474    Prod Cat item
475\* ------------------------------------------------------------ */
476
477.banner-full-screen .banner-container {
478    max-width: 100%;
479    margin-top: -24px;
480}
481
482.prod-cat-list.row.inline-block-grid {
483    display: flex;
484    flex-wrap: wrap;
485    align-items: stretch;
486}
487
488.hcategory .prod-cat-item,
489.hproduct .prod-cat-item {
490    display: flex;
491    flex-direction: column;
492    width: 100%;
493    border: .1px solid #DADAD8;
494    border-radius: 8px;
495    padding: 15px;
496    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
497}
498
499.general-panel-body.page-content-area .col-xs-6,
500.general-panel-body.page-content-area .col-md-4 {
501    display: flex;
502}
503
504.prod-cat-item .item-info {
505    padding: 0;
506    margin-top: auto;
507}
508
509.prod-cat-item .item-info .btn {
510    width: 100%;
511    margin-bottom: 0;
512}
513
514.featured-products .prod-cat-item .item-info {
515    padding: 15px;
516    padding-top: 0;
517}
518
519.owl-carousel .item-info {
520    padding: 16px;
521    padding-top: 9px;
522}
523
524.featured-products .general-panel {
525    border: .1px solid #DADAD8;
526    border-radius: 8px;
527}
528
529.featured-products .prod-cat-item .img-wrap-link {
530    padding-inline: 12px;
531    padding-top: 11px;
532}
533
534.owl-custom-theme .owl-dots .owl-dot span {
535    width: 10px;
536    height: 10px;
537    margin-block: 0;
538    margin-inline: 4px;
539    border: 1px solid #1A3E6F;
540    background-color: transparent;
541}
542
543.owl-custom-theme .owl-dots .owl-dot.active span,
544.owl-custom-theme .owl-dots .owl-dot:hover span {
545    background: #1A3E6F;
546}
547
548.item-img-info {
549    background-color: transparent;
550}
551
552.owl-custom-theme .owl-nav.disabled+.owl-dots {
553    line-height: 1;
554    margin-right: 0;
555    margin-top: 0;
556    height: 10px;
557}
558
559.sidebar-featured .owl-dots {
560    top: 10px;
561}
562
563.productPager {
564    margin-top: 20px;
565    text-align: center;
566}
567
568.category-panel .pagination {
569    margin-bottom: 0;
570    display: flex;
571    flex-flow: row wrap;
572    row-gap: 6px;
573    column-gap: 6px;
574    justify-content: center;
575}
576
577.pagination>li>a,
578.pagination>li>span {
579    width: 33px;
580    height: 32px;
581    border-radius: 8px !important;
582    border-color: #1a3e6f;
583    font-size: 14px;
584    line-height: calc(16 / 12);
585    background-color: transparent;
586    padding-inline: 4px;
587    margin-inline: 0;
588    color: #1a3e6f;
589}
590
591.pagination>li.active>a,
592.pagination>li.active>span {
593    background-color: #1a3e6f !important;
594    color: #fff !important;
595}
596
597.pagination .productPager_previous,
598.pagination .productPager_next {
599    width: 33px;
600}
601
602.pagination .productPager_previous>a,
603.pagination .productPager_next>a {
604    width: 100% !important;
605    justify-content: center;
606}
607
608.pagination>li>a:focus,
609.pagination>li>a:hover,
610.pagination>li>span:focus,
611.pagination>li>span:hover {
612    color: #1a3e6f;
613}
614
615.pagination>.active>a,
616.pagination>.active>a:focus,
617.pagination>.active>a:hover,
618.pagination>.active>span,
619.pagination>.active>span:focus,
620.pagination>.active>span:hover {
621    background-color: transparent;
622    border-color: #1a3e6f;
623    color: #1a3e6f;
624}
625
626.pagination>li.productPager_next a,
627.pagination>li.productPager_previous a {
628    background-color: transparent;
629    color: #1a3e6f;
630    border: none;
631    font-size: 25px;
632    margin: 0;
633    width: auto;
634    height: auto;
635    display: inline-flex;
636    line-height: 0.7;
637}
638
639/* ------------------------------------------------------------ *\
640    HProduct
641\* ------------------------------------------------------------ */
642
643.prod-cat-item .img-wrap-link {
644    padding: 0;
645}
646
647.hcategory,
648.hproduct {
649    margin-bottom: 21px;
650}
651
652.prod-cat-item .img-wrap-link>img {
653    transform: none !important;
654    position: static;
655}
656
657.prod-cat-item:hover .img-wrap-link>img {
658    transform: none;
659}
660
661/* ------------------------------------------------------------ *\
662    Sort
663\* ------------------------------------------------------------ */
664
665.category-panel .item-title {
666    margin-block: 24px;
667    font-size: 16px;
668    font-weight: 600;
669    line-height: calc(18 / 16);
670}
671
672.hcategory .item-img-info {
673    margin: 0 auto;
674    display: flex;
675    align-items: center;
676    justify-content: center;
677}
678
679.hcategory .img-wrap-link {
680    margin: 0 auto;
681    display: block;
682}
683
684.hcategory .item-title {
685    margin-block: 0 12px;
686}
687
688.list-sort {
689    font-size: 16px;
690    color: #1F1F1F;
691    line-height: calc(18 / 16);
692}
693
694.list-sort label {
695    opacity: 1;
696    font-weight: 600;
697    margin-right: 10px;
698}
699
700.list-sort select {
701    border-radius: 8px;
702    border: 1px solid #DADAD8;
703    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
704    padding: 4px 14px;
705    height: 36px;
706    min-width: 225px;
707    color: rgba(170, 170, 167, 1);
708}
709
710.category-panel .general-panel-heading {
711    padding-block: 13px 10px;
712}
713
714.category-panel .general-panel-heading:not(:has(form)) {
715    display: none;
716}
717
718/* ------------------------------------------------------------ *\
719    General Category Panel
720\* ------------------------------------------------------------ */
721
722.general-panel {
723    border: 1px solid #DADAD8;
724    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
725    border-radius: 16px;
726    background: #FFFFFF;
727}
728
729.category-panel .general-panel-body {
730    padding-inline: 18px 24px;
731    padding-block: 18px 26px;
732}
733
734.general-panel-body.page-content-area .row {
735    margin-right: -12px;
736    margin-left: -12px;
737    margin-bottom: -21px;
738}
739
740.general-panel-body.page-content-area .col-xs-6,
741.general-panel-body.page-content-area .col-md-4 {
742    padding-inline: 12px;
743}
744
745.general-panel.category-panel {
746    overflow: clip;
747}
748
749.categoryPage:has(.breadcrumb-wrap) .general-panel.category-panel {
750    border-top-left-radius: 0;
751    border-top-right-radius: 0;
752    overflow: clip;
753}
754
755.general-panel:has(.currentCategoryDes) {
756    margin-bottom: -1px;
757    border-radius: 0;
758}
759
760.categoryPage .general-panel.category-panel {
761    border-radius: 16px;
762}
763
764.sidebar-featured .prod-cat-item .item-img-info {
765    aspect-ratio: 179 / 160;
766    height: auto;
767}
768
769.sidebar-featured .prod-cat-item {
770    padding: 15px;
771    padding-top: 40px;
772}
773
774.sidebar-featured .owl-carousel .item-info {
775    padding: 0;
776}
777
778.sidebar-featured .owl-dots {
779    left: 50%;
780    transform: translateX(-50%);
781}
782
783.sidebar-featured .prod-cat-item .item-title {
784    font-size: 16px;
785    font-weight: 600;
786    margin-block: 14px;
787}
788
789.list-view {
790    display: none;
791}
792
793@media (max-width: 1023px) {
794    .sidebar-featured .owl-dots {
795        transform: none;
796        padding-bottom: 20px;
797    }
798}
799
800@media (max-width: 767px) {
801
802    .general-panel-body.page-content-area .col-xs-6,
803    .general-panel-body.page-content-area .col-md-4 {
804        padding-inline: 9px;
805    }
806
807    .general-panel-body.page-content-area .row {
808        margin-right: -9px;
809        margin-left: -9px;
810    }
811}
812
813/* 
814@media (max-width: 375px) {
815    .general-panel-body.page-content-area .col-xs-6 {
816        width: 100%;
817    }
818} */
819
820/* ------------------------------------------------------------ *\
821    general-panel-heading
822\* ------------------------------------------------------------ */
823
824.general-panel .general-panel-heading h2 {
825    font-size: 16px;
826    line-height: calc(18 / 16);
827    font-weight: 600;
828    color: #1F1F1F;
829    text-transform: none;
830    letter-spacing: 0;
831}
832
833#sidebar .general-panel-heading {
834    padding-block: 19px 17px;
835}
836
837.pageTitle {
838    margin-top: 0;
839    font-size: 24px;
840    line-height: calc(28 / 24);
841    color: #000000;
842    font-weight: 600;
843    margin-bottom: 12px;
844}
845
846.general-panel .general-panel-heading h2 .fa {
847    color: rgba(31, 31, 31, 1);
848}
849
850/* ------------------------------------------------------------ *\
851    Sidebar
852\* ------------------------------------------------------------ */
853
854#sidebar .general-panel-body {
855    padding-block: 16px;
856    padding-inline: 20px 15px;
857}
858
859#sidebar .general-panel {
860    margin-bottom: 23px;
861}
862
863#sidebar .general-panel:last-of-type {
864    display: none;
865}
866
867#sidebar .sidebar-nav,
868#sidebar .sidebar-history {
869    display: none;
870}
871
872.product-filter-item__header {
873    font-size: 16px;
874    line-height: calc(18 / 16);
875    font-weight: 600;
876    padding: 0;
877    margin-bottom: 10px;
878}
879
880.product-filter-item__content {
881    padding-bottom: 9px;
882    border-color: rgba(218, 218, 216, 1);
883}
884
885.product-filter>.product-filter-item {
886    margin-bottom: 0;
887}
888
889.product-filter>.product-filter-item+.product-filter-item {
890    margin-top: 16px;
891}
892
893.filter-search-container {
894    margin-bottom: 5px;
895    margin-top: -3px;
896    position: relative;
897}
898
899.filter-search-container .form-control {
900    min-height: 38px;
901}
902
903.filter-search-container:after {
904    content: "\f002";
905    font-family: FontAwesome;
906    position: absolute;
907    top: 50%;
908    right: 15px;
909    transform: translateY(-50%);
910    font-size: 15px;
911    color: rgba(91, 91, 87, 1);
912}
913
914.product-filter-item .filter-show-more-container {
915    font-size: 14px;
916    line-height: calc(20 / 14);
917    font-weight: 200;
918    padding-block: 1px 0;
919    margin-bottom: -5px;
920}
921
922.filter-btn-container {
923    padding-top: 5px;
924}
925
926@media (max-width: 767px) {
927    .mobile-nav-btn {
928        color: #fff;
929    }
930}
931
932/* ------------------------------------------------------------ *\
933    Slider
934\* ------------------------------------------------------------ */
935
936.featured-products.owl-carousel {
937    padding-inline: 40px;
938    padding-block: 21px;
939    background-color: #fff;
940    border: 1px solid #DADAD8;
941    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
942    border-radius: 16px;
943}
944
945.featured-products.owl-carousel.owl-custom-theme .owl-dots {
946    margin-top: 10px;
947}
948
949/* ------------------------------------------------------------ *\
950    Checkbox
951\* ------------------------------------------------------------ */
952
953.checkbox label {
954    display: flex;
955    align-items: center;
956    gap: 7px;
957    cursor: pointer;
958    padding: 0;
959}
960
961.checkbox input[type="checkbox"] {
962    appearance: none;
963    -webkit-appearance: none;
964    box-sizing: border-box;
965    width: 20px;
966    height: 20px;
967    margin: 0;
968    position: relative;
969    cursor: pointer;
970    background: #FFFFFF;
971    border: 1px solid #DADAD8;
972    border-radius: 6px;
973    flex-shrink: 0;
974}
975
976.checkbox input[type="checkbox"]:checked {
977    background: #1A3E6F;
978    border: none;
979}
980
981.checkbox input[type="checkbox"]::after {
982    content: "";
983    position: absolute;
984    width: 11px;
985    height: 7px;
986    left: 4px;
987    top: 5px;
988    border: 2px solid #FFFFFF;
989    border-top: none;
990    border-right: none;
991    transform: rotate(-45deg);
992    opacity: 0;
993}
994
995.checkbox input[type="checkbox"]:checked::after {
996    opacity: 1;
997}
998
999.checkbox .filter-label-text {
1000    font-weight: 500;
1001    font-size: 14px;
1002    line-height: 16px;
1003    color: #1F1F1F;
1004}
1005
1006.checkbox .filter-product-count {
1007    font-size: 14px;
1008    color: #AAAAA7;
1009    opacity: 1;
1010    margin-left: 0;
1011}
1012
1013.list-unstyled.filter-checkboxes li+li {
1014    margin-top: 8px;
1015}
1016
1017.list-unstyled.filter-checkboxes .checkbox {
1018    margin: 0;
1019}
1020
1021/* ------------------------------------------------------------ *\
1022    Sidebar Search
1023\* ------------------------------------------------------------ */
1024
1025.filter-search-input {
1026    flex: 1;
1027    border: none;
1028    outline: none;
1029    background: transparent;
1030    padding: 0;
1031    margin: 0;
1032    font-weight: 500;
1033    font-size: 14px;
1034    line-height: 16px;
1035    color: #1F1F1F;
1036}
1037
1038.filter-search-input::placeholder {
1039    color: #AAAAA7;
1040}
1041
1042/* ------------------------------------------------------------ *\
1043    Search Page Item
1044\* ------------------------------------------------------------ */
1045
1046.search-result {
1047    border: 1px solid #DADAD8;
1048    filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.1));
1049    border-radius: 8px;
1050    padding-inline: 14px;
1051    padding-block: 16px;
1052}
1053
1054.search-result .searchName {
1055    margin: 0;
1056}
1057
1058.search-result .searchName a {
1059    display: block;
1060    font-weight: 500;
1061    font-size: 16px;
1062    line-height: 18px;
1063    color: #000000;
1064    text-decoration: none;
1065}
1066
1067.search-result .searchDes {
1068    margin-top: 4px;
1069    font-weight: 500;
1070    font-size: 14px;
1071    line-height: 16px;
1072    color: #00639D;
1073}
1074
1075.product-detail .general-panel {
1076    box-sizing: border-box;
1077    border: 1px solid #DADAD8;
1078    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
1079    border-radius: 16px;
1080    margin-bottom: 77px;
1081    border-top-left-radius: 0;
1082    border-top-right-radius: 0;
1083    padding-inline: 23px;
1084    padding-block: 12px 20px;
1085}
1086
1087.product-detail .general-panel.suggestive-sell-panel .general-panel-heading {
1088    border: none;
1089    padding: 0;
1090    margin-bottom: 15px;
1091}
1092
1093.product-detail .general-panel.suggestive-sell-panel .general-panel-heading h2 {
1094    font-size: 24px;
1095    line-height: calc(28 / 24);
1096}
1097
1098.product-detail .general-panel.suggestive-sell-panel {
1099    background-color: #fff !important;
1100    padding-inline: 41px;
1101    padding-block: 22px 24px;
1102}
1103
1104.product-detail .general-panel.suggestive-sell-panel .prod-cat-item {
1105    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
1106    border-radius: 8px;
1107    border: 1px solid #DADAD8;
1108    background: #FFFFFF;
1109    overflow: clip;
1110}
1111
1112.product-detail .general-panel.suggestive-sell-panel .prod-cat-item .item-title {
1113    margin-top: 0;
1114    margin-bottom: 14px;
1115}
1116
1117.product-detail .general-panel.suggestive-sell-panel .owl-custom-theme .owl-nav.disabled+.owl-dots {
1118    margin-top: 15px;
1119}
1120
1121@media (max-width: 767px) {
1122    .product-detail .general-panel.suggestive-sell-panel {
1123        padding-inline: 22px;
1124    }
1125}
1126
1127.product-detail .suggestive-sell-panel {
1128    border-radius: 16px;
1129}
1130
1131.product-detail .general-panel-body {
1132    background-color: transparent !important;
1133    padding: 0;
1134}
1135
1136.product-gallery-primary {
1137    border: none;
1138}
1139
1140.product-detail .right-col .general-panel {
1141    padding-block: 28px;
1142    padding-inline: 22px;
1143    background: #FFFFFF;
1144    border: 1px solid #DADAD8;
1145    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
1146    border-radius: 16px;
1147}
1148
1149.addToCartButton .btn {
1150    font-size: 14px;
1151    line-height: calc(16 / 14);
1152    min-height: 34px;
1153}
1154
1155.addToCartButton {
1156    margin-bottom: 0;
1157}
1158
1159#pricingArea,
1160.acceptanceArea,
1161.fileUploadArea,
1162.orderNotesArea,
1163.pricingArea,
1164.productAsset,
1165.renameArea,
1166.shipToArea,
1167.shippingArea {
1168    margin-bottom: 13px;
1169}
1170
1171.pricingOrderNotesHeading,
1172.renameItemHeading {
1173    font-size: 14px;
1174    line-height: calc(16 / 14);
1175    font-weight: 600;
1176    margin-bottom: 5px;
1177}
1178
1179@media (max-width: 1023px) {
1180    .product-detail .left-col .general-panel {
1181        border-radius: 8px !important;
1182        padding-block: 20px;
1183    }
1184
1185    .product-detail .right-col .general-panel {
1186        border-top-left-radius: 0;
1187        border-top-right-radius: 0;
1188    }
1189
1190    .product-detail .general-panel {
1191        margin-bottom: 26px;
1192    }
1193}
1194
1195/* ------------------------------------------------------------ *\
1196    Search Page Item
1197\* ------------------------------------------------------------ */
1198
1199.breadcrumb {
1200    border: 1px solid #DADAD8;
1201    box-shadow: none;
1202    font-size: 14px;
1203    line-height: calc(16 / 14);
1204    padding-inline: 20px;
1205    padding-block: 13px 10px;
1206    border-top-left-radius: 16px;
1207    border-top-right-radius: 16px;
1208    background-color: #fff;
1209    border-bottom: none;
1210}
1211
1212.calculatorTotalArea {
1213    display: flex;
1214    justify-content: space-between;
1215    align-items: center;
1216}
1217
1218.calculatorTotalLabel {
1219    font-weight: 200;
1220    font-size: 24px;
1221    line-height: 27px;
1222    color: #1F1F1F;
1223    margin-right: auto;
1224}
1225
1226.calculatorTotal {
1227    font-weight: 600;
1228    font-size: 24px;
1229    line-height: 28px;
1230    color: #1F1F1F;
1231    text-align: right;
1232    margin-left: auto;
1233}
1234
1235.pricingGridQuantity {
1236    box-sizing: border-box;
1237    height: 36px;
1238    padding: 10px 14px;
1239    background: #FFFFFF;
1240    border: 1px solid #DADAD8;
1241    border-radius: 8px;
1242    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
1243    font-weight: 600;
1244    font-size: 14px;
1245    line-height: calc(16 / 14);
1246    color: #1F1F1F;
1247    outline: none;
1248}
1249
1250.pricingGridQuantity::placeholder {
1251    color: #AAAAA7;
1252}
1253
1254.pricingGridQuantity:focus {
1255    border-color: #1A3E6F;
1256    box-shadow: 0px 0px 0px 1px rgba(26, 62, 111, 0.2);
1257}
1258
1259.main-col {
1260    background: #FFFFFF;
1261    border: 1px solid #DADAD8;
1262    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
1263    border-radius: 16px;
1264    padding: 24px;
1265}
1266
1267@media (max-width: 767px) {
1268    .main-col {
1269        padding: 20px;
1270    }
1271}
1272
1273.cart-item-duplicate {
1274    display: none !important;
1275}
1276
1277.cart-product-item .cart-product-name {
1278    margin-bottom: 9px;
1279}
1280
1281.cart-product-item {
1282    margin-bottom: 16px;
1283}
1284
1285.cart-product-item .cart-product__image {
1286    margin-bottom: 16px;
1287}
1288
1289.cart-product-item .cart-product-actions .cart-item-remove {
1290    width: 33px;
1291    height: 33px;
1292    border-radius: 8px;
1293    border: 1px solid #5B5B57;
1294    background-color: transparent;
1295    color: #5B5B57;
1296}
1297
1298.cart-product-item .cart-product-actions .btn:hover {
1299    background-color: #1A3E6F;
1300    border-color: #1A3E6F;
1301    color: #fff;
1302}
1303
1304.cart-product-item .cart-product-actions {
1305    margin-bottom: 10px;
1306    grid-column: span 3;
1307}
1308
1309.cart-product-item .cart-item-edit {
1310    border: 1px solid #1A3E6F;
1311    background-color: transparent;
1312    width: 33px;
1313    height: 33px;
1314    border-radius: 8px;
1315    color: #1A3E6F;
1316}
1317
1318.cart-product-item .cart-product-actions .btn {
1319    padding: 6px;
1320    display: inline-flex;
1321    justify-content: center;
1322    align-items: center;
1323    box-sizing: border-box;
1324    width: 33px;
1325    height: 33px;
1326    min-width: 33px;
1327    min-height: 33px;
1328}
1329
1330.cart-product-item .cart-product__image>a,
1331.cart-saveforlater-item__image>a,
1332.square-img {
1333    background-color: transparent;
1334}
1335
1336.collapse-panel {
1337    display: none;
1338}
1339
1340.cart-product-item .cart-product-name,
1341.cart-product-item .cart-product-price {
1342    font-size: 16px;
1343    line-height: calc(18 / 16);
1344    color: #1F1F1F;
1345    display: flex;
1346    align-items: center;
1347    justify-content: space-between;
1348    gap: 20px;
1349    font-weight: 600;
1350}
1351
1352.cart-product-item .cart-product-price {
1353    grid-row: 1;
1354    grid-column: 3;
1355}
1356
1357.side-col {
1358    background: #FFFFFF;
1359    border: 1px solid #DADAD8;
1360    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
1361    border-radius: 16px;
1362    padding: 28px 22px;
1363    width: 32%;
1364    margin-left: 23px;
1365}
1366
1367.summary-item--discount,
1368.summary-item--subtotal,
1369.summary-item--shipping,
1370.summary-item--tax,
1371.summary-item--pretax {
1372    font-size: 16px;
1373    line-height: calc(18 / 16);
1374}
1375
1376.summary-item--discount div:last-of-type,
1377.summary-item--subtotal div:last-of-type,
1378.summary-item--shipping div:last-of-type,
1379.summary-item--tax div:last-of-type,
1380.summary-item--pretax div:last-of-type {
1381    font-weight: 600;
1382}
1383
1384.summary-item--negative {
1385    color: #EF5A28;
1386}
1387
1388.summary-item--total {
1389    font-weight: 200;
1390    font-size: 24px;
1391    line-height: calc(27 / 24);
1392    color: #1F1F1F;
1393    margin-top: 14px;
1394    padding-block: 12px;
1395}
1396
1397.summary-item--total .summary-item__value {
1398    font-size: 24px;
1399    line-height: 28px;
1400    color: #1F1F1F;
1401    text-align: right;
1402    margin-left: auto;
1403    font-weight: 600;
1404}
1405
1406.summary-item {
1407    margin-bottom: 8px;
1408}
1409
1410.checkout-actions .btn {
1411    margin-bottom: 8px;
1412}
1413
1414.checkout-actions .btn:last-of-type {
1415    margin-bottom: 0;
1416}
1417
1418.checkout-actions .btn-block+.btn-block {
1419    margin-top: 0;
1420}
1421
1422.cartContinueShoppingButton {
1423    background: #FFFFFF;
1424    border: 1px solid #1A3E6F;
1425    border-radius: 6px;
1426    color: #1A3E6F;
1427}
1428
1429.cartContinueShoppingButton:hover {
1430    color: #fff;
1431    background: #1A3E6F;
1432}
1433
1434.al-section {
1435    margin-bottom: 15px;
1436}
1437
1438.al-section-title {
1439    margin-bottom: 7px;
1440}
1441
1442#al-checkout-partial-container {
1443    display: none;
1444}
1445
1446.label-lg {
1447    font-size: 14px;
1448    line-height: calc(16 / 14);
1449    font-weight: 600;
1450}
1451
1452.address-group {
1453    font-size: 14px;
1454    line-height: calc(16 / 14);
1455}
1456
1457.address-group:not(:has(br)) {
1458    font-weight: 600;
1459}
1460
1461.pageType_cart.page-content {
1462    padding: 0;
1463}
1464
1465.cart--empty .main-content-cols .main-col {
1466    width: 100%;
1467    padding-block: 20px 42px;
1468}
1469
1470.cart-empty {
1471    padding: 0;
1472    margin: 0;
1473}
1474
1475.cart-empty .cart-empty__search {
1476    max-width: 320px;
1477    margin: 0 auto;
1478}
1479
1480.cart-empty .cart-empty__content {
1481    max-width: 304px;
1482}
1483
1484.cart-empty .cart-empty__title {
1485    font-size: 24px;
1486    line-height: calc(28 / 24);
1487    margin-bottom: 15px;
1488    margin-top: 0;
1489}
1490
1491.main-content-cols {
1492    margin-top: 0px;
1493    display: flex;
1494    align-items: flex-start;
1495}
1496
1497.payment-method-btns-container {
1498    margin-top: 0;
1499}
1500
1501.cart-product-item:last-child {
1502    margin-bottom: 0;
1503}
1504
1505.cart-product-item .cart-product__content {
1506    display: grid;
1507    grid-template-columns: 1fr min-content;
1508    column-gap: 20px;
1509    align-items: center;
1510}
1511
1512.cart-product-item .cart-product-amount {
1513    display: contents;
1514}
1515
1516.cart-product_message {
1517    grid-row: 3;
1518    grid-column: span 2;
1519}
1520
1521.main-content-cols .main-col {
1522    flex: 1;
1523}
1524
1525@media (max-width: 767px) {
1526    .main-content-cols {
1527        flex-direction: column;
1528        gap: 24px;
1529    }
1530
1531    .main-content-cols .main-col {
1532        width: 100%;
1533    }
1534
1535    .main-content-cols .side-col {
1536        width: 100%;
1537        margin: 0;
1538    }
1539
1540    .main-content-cols::before,
1541    .main-content-cols::after {
1542        display: none;
1543    }
1544}
1545
1546@media (max-width: 550px) {
1547    .address-group {
1548        text-align: center;
1549    }
1550}
1551
1552@media (min-width: 768px) {
1553    .cart-product-item .cart-product__content {
1554        margin-left: 15px;
1555        margin-bottom: 0;
1556    }
1557
1558    .cart-product-item .cart-product__image {
1559        width: 82px;
1560    }
1561
1562    .cart-product-item .cart-product__image>a {
1563        padding: 0;
1564        width: 82px;
1565        height: 78px;
1566    }
1567}
1568
1569/* ------------------------------------------------------------ *\
1570    Search Page
1571\* ------------------------------------------------------------ */
1572
1573.searchPage {
1574    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
1575    border-radius: 16px;
1576    border: 1px solid #DADAD8;
1577    background: #FFFFFF;
1578    padding: 30px 26px 30px 28px;
1579}
1580
1581/* ------------------------------------------------------------ *\
1582    Search Page Search
1583\* ------------------------------------------------------------ */
1584
1585.searchPage-search-form .input-group {
1586    display: flex;
1587    align-items: center;
1588    gap: 16px;
1589    height: 36px;
1590}
1591
1592.searchPage-search-form .input-group>.form-control {
1593    float: none;
1594    width: auto;
1595    flex: 1;
1596    border-radius: 8px;
1597}
1598
1599.resultsSearchBox {
1600    flex: 0 0 710px;
1601    height: 36px;
1602    padding: 10px 14px;
1603    background: #FFFFFF;
1604    border: 1px solid #DADAD8;
1605    border-radius: 8px;
1606    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
1607    font-weight: 500;
1608    font-size: 14px;
1609    line-height: 16px;
1610    color: #1F1F1F;
1611    outline: none;
1612}
1613
1614.resultsSearchBox::placeholder {
1615    color: #AAAAA7;
1616}
1617
1618.input-group-btn {
1619    width: auto;
1620    border-radius: 6px;
1621    overflow: auto;
1622}
1623
1624.input-group {
1625    width: 100%;
1626}
1627
1628.searchImage>a {
1629    background-color: transparent;
1630}
1631
1632.searchPage .pageTitle {
1633    text-transform: none;
1634    font-size: 24px;
1635    line-height: calc(28 / 24);
1636    font-weight: 600;
1637    padding-bottom: 14px;
1638    letter-spacing: 0;
1639}
1640
1641.searchResults>h2 {
1642    margin-top: 30px;
1643    margin-bottom: 13px;
1644    font-size: 16px;
1645    line-height: 1.125;
1646    font-weight: 600;
1647}
1648
1649.searchResults>ul {
1650    margin-right: -9px;
1651    margin-left: -9px;
1652    margin-bottom: -13px;
1653}
1654
1655.searchResults>ul>li {
1656    padding-left: 9px;
1657    padding-right: 9px;
1658}
1659
1660.search-result {
1661    margin-bottom: 13px;
1662}
1663
1664.searchPage-search-form .input-group-btn {
1665    border-radius: 6px;
1666    flex: 1;
1667    max-width: 149px;
1668}
1669
1670.resultsSearchButton.btn {
1671    box-shadow: none;
1672    width: 100%;
1673    margin: 0 !important;
1674}
1675
1676.resultsSearchButton:hover {
1677    background: #16345c;
1678}
1679
1680.resultsSearchBox:focus {
1681    border-color: #1A3E6F;
1682}
1683
1684.searchPage-search-form .resultsSearchButton {
1685    border: 1px solid transparent;
1686    position: relative;
1687    z-index: 100;
1688    border-radius: 6px !important;
1689}
1690
1691.searchPage-search-form .resultsSearchButton:hover {
1692    background-color: transparent;
1693    border-color: #1A3E6F;
1694}
1695
1696
1697/* ------------------------------------------------------------ *\
1698    Shipping Page
1699\* ------------------------------------------------------------ */
1700
1701.al-section:last-child {
1702    margin-bottom: 0;
1703}
1704
1705.ship-item:last-child {
1706    margin-bottom: 0;
1707}
1708
1709.address-selection .input-group {
1710    display: flex;
1711    gap: 9px;
1712    margin-bottom: 13px;
1713    height: 33px;
1714}
1715
1716.address-selection .input-group select {
1717    flex: 1;
1718    border-radius: 8px !important;
1719    height: 33px;
1720}
1721
1722.address-selection .input-group .input-group-btn a {
1723    padding: 0;
1724    display: flex;
1725    align-items: center;
1726    justify-content: center;
1727    width: 33px;
1728    height: 33px;
1729    min-height: 33px;
1730}
1731
1732.address-selection .input-group-btn {
1733    overflow: clip;
1734    flex: 1;
1735    max-width: 33px;
1736    border-radius: 0;
1737}
1738
1739.address-selection>.input-group>.input-group-btn>.btn {
1740    border-radius: 6px !important;
1741    margin: 0;
1742}
1743
1744.ship-item .al-section-title {
1745    margin-bottom: 17px;
1746}
1747
1748.shipping-section .content-panel {
1749    border: 1px solid #DADAD8;
1750    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
1751    border-radius: 16px;
1752    padding-inline: 20px;
1753    padding-bottom: 37px;
1754}
1755
1756.content-panel .shipping-weight {
1757    margin-top: 9px;
1758    margin-bottom: 29px;
1759}
1760
1761/* ------------------------------------------------------------ *\
1762    Form Control
1763\* ------------------------------------------------------------ */
1764
1765.form-control {
1766    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
1767    border-radius: 8px;
1768    border: 1px solid #DADAD8;
1769    background: #FFFFFF;
1770    padding: 10px 14px;
1771    height: 36px;
1772}
1773
1774textarea.form-control {
1775    resize: none;
1776}
1777
1778/* ------------------------------------------------------------ *\
1779    Alert Info
1780\* ------------------------------------------------------------ */
1781
1782.alert-info,
1783.alert-success {
1784    background: #E0E9F6;
1785    border: 1px solid #00639D;
1786    border-radius: 8px;
1787    color: #1A3E6F;
1788    font-size: 14px;
1789    line-height: calc(16 / 14);
1790    font-weight: 600;
1791}
1792
1793.alert-danger {
1794    border: 1px solid #EF5A28;
1795    border-radius: 8px;
1796    color: #EF5A28;
1797    font-weight: 600;
1798    line-height: calc(16 / 14);
1799    font-size: 14px;
1800    background: #FDEDE7;
1801    padding-inline: 20px;
1802    padding-block: 9px;
1803}
1804
1805.orderSummaryPage .paymentInComplete.alert {
1806    display: none;
1807}
1808
1809.orderSummaryPage #billTo {
1810    display: none;
1811}
1812
1813.orderSummaryPage #orderedBy {
1814    padding-left: 51px;
1815}
1816
1817@media (max-width: 767px) {
1818    .orderSummaryPage #orderedBy {
1819        padding-top: 24px;
1820        padding-left: 0;
1821    }
1822}
1823
1824#summaryToAndFrom div>strong {
1825    font-size: 16px;
1826    line-height: 1.125;
1827    font-weight: 200;
1828    padding: 0;
1829    border: none;
1830}
1831
1832#summaryToAndFrom ul {
1833    padding: 0;
1834    font-size: 16px;
1835    line-height: 1.125;
1836    font-weight: 600;
1837    margin: 0;
1838}
1839
1840#reorderLink {
1841    margin-top: 0;
1842    margin-bottom: 14px;
1843}
1844
1845/* ------------------------------------------------------------ *\
1846    Page contents
1847\* ------------------------------------------------------------ */
1848
1849.pageName_payment .page-content,
1850.pageType_access .page-content,
1851.pageType_cart .page-content,
1852.pageType_checkout .page-content,
1853.pageType_checkoutNew .page-content,
1854.pageType_orders.pageName_Proofing .page-content {
1855    padding: 0;
1856    background-color: transparent;
1857    box-shadow: none;
1858}
1859
1860.checkoutPage .instructions {
1861    background: #FDEDE7;
1862    border: 1px solid #EF5A28;
1863    border-radius: 16px;
1864    font-weight: 600;
1865    font-size: 16px;
1866    line-height: 1.125;
1867    color: #EF5A28;
1868}
1869
1870/* ------------------------------------------------------------ *\
1871    Page contents
1872\* ------------------------------------------------------------ */
1873
1874.content-panel {
1875    border: none;
1876    padding: 0;
1877}
1878
1879.ship-product-item {
1880    padding-bottom: 4px;
1881    align-items: center;
1882}
1883
1884.ship-product-item+.ship-product-item {
1885    margin-top: 13px;
1886}
1887
1888.ship-product-item:not(:last-child) {
1889    margin-bottom: 0;
1890}
1891
1892.ship-product-item__content .ship-product-item__price {
1893    font-weight: 600;
1894    line-height: calc(18 / 16);
1895}
1896
1897.ship-product-item__content .ship-product-item__title {
1898    font-weight: 600;
1899    line-height: calc(18 / 16);
1900}
1901
1902.ship-product-item__image {
1903    margin-right: 30px;
1904}
1905
1906.ship-product-item__image>a {
1907    width: 48px;
1908    height: 48px;
1909}
1910
1911.ship-product-list {
1912    padding-top: 18px;
1913}
1914
1915.shipping-section .line-separator {
1916    font-weight: 600;
1917    line-height: calc(18 / 16);
1918    margin-top: 13px;
1919    margin-bottom: 24px;
1920    color: #AAAAA7;
1921}
1922
1923.line-separator::before,
1924.line-separator::after {
1925    border-color: #DADAD8;
1926}
1927
1928@media (max-width: 550px) {
1929    .ship-product-item {
1930        flex-direction: column;
1931        gap: 12px;
1932    }
1933
1934    .ship-product-item__content {
1935        flex-direction: column;
1936        gap: 12px;
1937    }
1938
1939    .ship-product-item__content .ship-product-item__actions {
1940        text-align: center;
1941    }
1942
1943    .ship-product-item__content .ship-product-item__title {
1944        margin: 0;
1945        text-align: center;
1946    }
1947
1948    .ship-product-item__image {
1949        margin: 0;
1950    }
1951}
1952
1953/* ------------------------------------------------------------ *\
1954    Order Info
1955\* ------------------------------------------------------------ */
1956
1957.item-detail,
1958.orderInfo-items>div {
1959    border-bottom: none;
1960    font-size: 16px;
1961    line-height: calc(18 / 16);
1962    padding: 0;
1963    margin: 0;
1964}
1965
1966.item-detail,
1967.orderInfo-items>div strong {
1968    font-weight: 200;
1969}
1970
1971.item-detail,
1972.orderInfo-items>div span {
1973    font-weight: 600;
1974}
1975
1976.orderInfo-items>div+div {
1977    margin-top: 9px;
1978}
1979
1980.orderSummaryPage #notes {
1981    margin-top: 16px;
1982    font-size: 16px;
1983    line-height: calc(18 / 16);
1984    display: none;
1985}
1986
1987#summaryDetails {
1988    padding-inline: 26px;
1989    padding-block: 26px 29px;
1990}
1991
1992@media (max-width: 767px) {
1993
1994    .orderInfo-items>div span {
1995        display: block;
1996        float: none;
1997        padding-top: 6px;
1998    }
1999}
2000
2001/* ------------------------------------------------------------ *\
2002    Order Summary
2003\* ------------------------------------------------------------ */
2004
2005.item-image {
2006    max-width: 144px;
2007    margin-left: auto;
2008    margin-right: 93px;
2009}
2010
2011.item-image img {
2012    padding: 0;
2013    margin-bottom: 9px;
2014    aspect-ratio: 1;
2015    width: 82px;
2016    height: 82px;
2017    object-fit: contain;
2018}
2019
2020.item-details {
2021    max-width: 166px;
2022    font-size: 16px;
2023    line-height: calc(18 / 16);
2024    margin-bottom: 11px;
2025}
2026
2027.item-detail {
2028    white-space: nowrap;
2029}
2030
2031.item-details .item-detail+.item-detail {
2032    margin-top: 9px;
2033}
2034
2035.item-details .item-detail strong {
2036    font-weight: 200;
2037}
2038
2039.item-description p {
2040    padding: 0;
2041    border: none;
2042}
2043
2044.itemReorderLinkBtn {
2045    background: transparent;
2046    border: 1px solid #1A3E6F;
2047    border-radius: 6px;
2048    font-size: 14px;
2049    line-height: calc(16 / 14);
2050    font-weight: 600;
2051    color: #1A3E6F;
2052}
2053
2054.itemReorderLinkBtn:hover {
2055    background-color: #1A3E6F;
2056    color: #fff;
2057}
2058
2059.well {
2060    filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.1));
2061    border-radius: 8px;
2062    box-shadow: none;
2063    background-color: transparent;
2064    border: 1px solid #DADAD8;
2065    color: #000000;
2066    font-size: 14px;
2067    line-height: calc(16 / 14);
2068    padding: 26px;
2069}
2070
2071.well li+li {
2072    margin-top: 4px;
2073}
2074
2075.itemReorderLink {
2076    margin-bottom: 0;
2077}
2078
2079@media (min-width: 992px) {
2080    .order-summary-items .row {
2081        display: flex;
2082        align-items: flex-end;
2083    }
2084
2085    .order-summary-items .row .item-img-col {
2086        flex: 0 0 57%;
2087    }
2088}
2089
2090@media (max-width: 991px) {
2091    .item-image {
2092        margin: 0 auto;
2093        margin-bottom: 22px;
2094    }
2095}
2096
2097@media (max-width: 767px) {
2098    .order-summary-item-nameapproval {
2099        text-align: center;
2100    }
2101
2102    .order-summary-item-nameapproval .text-right {
2103        text-align: center;
2104        margin-top: 10px;
2105    }
2106}
2107
2108/* ------------------------------------------------------------ *\
2109    Placeholder
2110\* ------------------------------------------------------------ */
2111
2112.detailHeading {
2113    font-size: 16px;
2114    line-height: calc(18 / 16);
2115    margin-bottom: 4px;
2116    font-weight: 600;
2117}
2118
2119select.form-control {
2120    padding-block: 6px;
2121}
2122
2123.orderFilters label {
2124    font-size: 14px;
2125    line-height: calc(16 / 14);
2126    font-weight: 600;
2127    color: #1F1F1F;
2128    margin-bottom: 7px;
2129}
2130
2131.orderFilterArea .input-group {
2132    margin-bottom: 13px;
2133    background: #FFFFFF;
2134    border: 1px solid #DADAD8;
2135    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
2136    border-radius: 8px;
2137}
2138
2139.orderFilterArea .k-picker-wrap {
2140    background: #FFFFFF;
2141    border: 1px solid #DADAD8;
2142    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
2143    border-radius: 8px !important;
2144    overflow: hidden;
2145}
2146
2147.orderFilterArea .k-picker-wrap input {
2148    box-shadow: none !important;
2149}
2150
2151.k-header,
2152.k-grid-header,
2153.k-toolbar,
2154.k-dropdown-wrap,
2155.k-picker-wrap,
2156.k-numeric-wrap,
2157.k-grouping-header,
2158.k-pager-wrap,
2159.k-textbox,
2160.k-progressbar,
2161.k-draghandle,
2162.k-autocomplete,
2163.k-state-highlight,
2164.k-tabstrip-items .k-item,
2165.k-panelbar .k-tabstrip-items .k-item,
2166.km-pane-wrapper>.km-pane>.km-view>.km-content {
2167    background-color: transparent;
2168}
2169
2170.k-state-default>.k-select {
2171    border: none;
2172}
2173
2174.orderFilterArea .input-group input {
2175    height: 36px;
2176    border: none;
2177    box-shadow: none;
2178}
2179
2180.orderFilterArea .input-group-btn {
2181    width: 36px;
2182    height: 36px;
2183}
2184
2185.orderFilterArea .input-group-btn button {
2186    background-color: transparent;
2187    border: none;
2188    color: #1A3E6F;
2189}
2190
2191.orderFilters {
2192    margin-bottom: 21px;
2193}
2194
2195.orderFilters .applyFiltersArea label {
2196    margin-bottom: 6px;
2197}
2198
2199@media (max-width: 991px) {
2200    .item-details {
2201        margin: 0 auto;
2202        max-width: 253px;
2203    }
2204}
2205
2206/* ------------------------------------------------------------ *\
2207    Product Tile New Hover
2208\* ------------------------------------------------------------ */
2209
2210.hproduct .item-info {
2211    font-size: 14px;
2212    display: grid;
2213    grid-template-columns: 49px 1fr;
2214    padding-inline: 0;
2215    column-gap: 11px;
2216    align-items: end;
2217}
2218
2219.hproduct .item-info .item-title {
2220    margin: 0;
2221    margin-top: 14px;
2222}
2223
2224.single-line-product-heading .skinsetting-prod-caption-heading>a {
2225    white-space: normal;
2226}
2227
2228.hproduct .item-info .item-title,
2229.hproduct .item-info>span {
2230    grid-column: span 2;
2231    font-size: 16px;
2232    line-height: 1.125;
2233    color: #1F1F1F !important;
2234}
2235
2236.hproduct .item-info>span {
2237    grid-row: 2;
2238    margin-left: 0 !important;
2239}
2240
2241.hproduct .item-info .addcart,
2242.hproduct .item-info>a {
2243    grid-column: 2;
2244    grid-row: 3;
2245    margin: 0 !important;
2246    margin-top: 14px !important;
2247    padding-inline: 8px;
2248}
2249
2250.hproduct .item-info .carrito {
2251    grid-column: 1;
2252    grid-row: 3;
2253    padding: 0;
2254    display: block !important;
2255    height: 36px;
2256    width: 49px;
2257    max-width: 49px;
2258    padding-left: 0 !important;
2259}
2260
2261.hproduct .item-info .carrito input {
2262    appearance: none;
2263    -webkit-appearance: none;
2264    -moz-appearance: textfield;
2265    width: 100%;
2266    height: 100%;
2267    display: block;
2268    color: #5B5B57;
2269    background: #FFFFFF;
2270    border: 1px solid #DADAD8;
2271    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
2272    border-radius: 6px;
2273    text-align: center;
2274    font-weight: 600;
2275}
2276
2277.hproduct .item-info .carrito input::-webkit-outer-spin-button,
2278.hproduct .item-info .carrito input::-webkit-inner-spin-button {
2279    -webkit-appearance: none;
2280    margin: 0;
2281}
2282
2283.hproduct .item-info .skinsetting-prod-caption-heading>a {
2284    font-weight: 600;
2285    line-height: 1.125;
2286    display: -webkit-box;
2287    -webkit-line-clamp: 2;
2288    -webkit-box-orient: vertical;
2289    overflow: hidden;
2290    text-overflow: ellipsis;
2291}
2292
2293.hproduct .prod-cat-item {
2294    position: relative;
2295}
2296
2297.prod-cat-item .hover-layer {
2298    background-color: transparent;
2299    left: 0;
2300    top: 0;
2301    z-index: 5;
2302    display: block;
2303}
2304
2305.prod-cat-item .img-wrap-link {
2306    position: static;
2307    height: 100%;
2308    display: flex;
2309    align-items: center;
2310    justify-content: center;
2311}
2312
2313.prod-cat-item .item-img-info {
2314    position: static;
2315    aspect-ratio: 1 / 1;
2316}
2317
2318.prod-cat-item:hover .img-wrap-link>img {
2319    transform: translateY(-50%);
2320}
2321
2322.hproduct .prod-cat-item:after {
2323    content: "";
2324    position: absolute;
2325    inset: 0;
2326    opacity: .48;
2327    pointer-events: none;
2328    transition: background-color .3s;
2329    border-radius: 8px;
2330}
2331
2332.hproduct:has(.hover-layer) .prod-cat-item:hover:after {
2333    background-color: rgba(31, 31, 31, 1);
2334}
2335
2336.hproduct:has(.hover-layer) .prod-cat-item:hover .hover-layer {
2337    opacity: 1;
2338}
2339
2340.hproduct:has(.hover-layer) .prod-cat-item:hover .hover-layer .btn-viewdetail {
2341    bottom: 0;
2342}
2343
2344.hproduct:has(.hover-layer) .prod-cat-item:hover .hover-layer .btn-quickview {
2345    top: 0;
2346}
2347
2348.prod-cat-item .btn-viewdetail>a,
2349.prod-cat-item .quickViewLink {
2350    background: #FFFFFF;
2351    border: 1px solid #1A3E6F;
2352    border-radius: 6px;
2353    padding: 9px;
2354    font-weight: 600;
2355    min-height: 36px;
2356    color: #1A3E6F;
2357    width: 100%;
2358    max-width: 149px;
2359}
2360
2361.prod-cat-item .hover-layer .hover-layer-buttons {
2362    padding: 0;
2363    transform: translateY(-60%);
2364}
2365
2366.prod-cat-item .hover-layer .btn-quickview,
2367.prod-cat-item .hover-layer .btn-viewdetail {
2368    max-width: 149px;
2369    width: 100%;
2370}
2371
2372.prod-cat-item .btn-viewdetail>a:hover,
2373.prod-cat-item .quickViewLink:hover {
2374    background-color: #1A3E6F;
2375}
2376
2377@media (max-width: 460px) {
2378    .hproduct .item-info .addcart {
2379        font-size: 0;
2380    }
2381
2382    .hproduct .item-info .addcart::after {
2383        content: "Add";
2384        font-size: 14px;
2385    }
2386
2387    .hproduct .item-info {
2388        grid-template-columns: 1fr 1fr;
2389    }
2390
2391    .hproduct .item-info .carrito {
2392        width: 100%;
2393    }
2394
2395    .hcategory .prod-cat-item .btn.btn-default {
2396        padding-inline: 10px;
2397    }
2398
2399    .hcategory .prod-cat-item,
2400    .hproduct .prod-cat-item {
2401        padding: 10px;
2402    }
2403}
2404
2405/* ========================================
2406   SECTION ACCOUNTS (CARD)
2407======================================== */
2408.section-accounts {
2409    display: flex;
2410    flex-direction: column;
2411    background: #FFFFFF;
2412    border: 1px solid #E9E9E6;
2413    border-radius: 16px;
2414    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
2415    margin-block: 32px;
2416}
2417
2418/* ========================================
2419   HEADER
2420======================================== */
2421.section-accounts .section__head {
2422    padding: 20px 24px;
2423    display: flex;
2424    align-items: center;
2425    justify-content: space-between;
2426}
2427
2428/* ========================================
2429   TITLE + BADGE
2430======================================== */
2431.section-accounts .section__title {
2432    display: flex;
2433    align-items: center;
2434    gap: 8px;
2435}
2436
2437.section-accounts .section__title h4 {
2438    margin: 0;
2439    font-size: 20px;
2440    line-height: 28px;
2441    color: #1F1F1E;
2442    font-weight: 600;
2443}
2444
2445.section-accounts .section__count {
2446    display: inline-flex;
2447    align-items: center;
2448    justify-content: center;
2449    padding: 2px 8px;
2450    height: 24px;
2451    font-size: 16px;
2452    line-height: 20px;
2453    color: #3872BC;
2454    background: #F7FAFD;
2455    border: 1px solid #E9E9E6;
2456    border-radius: 16px;
2457}
2458
2459/* ========================================
2460   SEARCH
2461======================================== */
2462.section-accounts .section__search {
2463    display: flex;
2464    justify-content: flex-end;
2465}
2466
2467.section-accounts .section__search-input {
2468    max-width: 320px;
2469    min-height: 40px;
2470    padding: 10px 14px;
2471    font-size: 16px;
2472    line-height: 18px;
2473    color: #1F1F1E;
2474    background: #FFFFFF;
2475    border: 1px solid #DADAD8;
2476    border-radius: 8px;
2477    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
2478}
2479
2480.section-accounts .section__search-input::placeholder {
2481    color: #5B5B57;
2482}
2483
2484/* ========================================
2485   DIVIDER
2486======================================== */
2487.section-accounts .section__body {
2488    border-top: 1px solid #E9E9E6;
2489    overflow: auto;
2490}
2491
2492/* ========================================
2493   TABLE BASE
2494======================================== */
2495.section-accounts .section__table {
2496    width: 100%;
2497    border-collapse: collapse;
2498    min-width: 700px;
2499}
2500
2501/* ========================================
2502   TABLE HEADER
2503======================================== */
2504.section-accounts .section__table-head {
2505    background: #FAFAF9;
2506}
2507
2508.section-accounts .section__table-row--head {
2509    border-bottom: 1px solid #E9E9E6;
2510}
2511
2512.section-accounts .section__table-cell {
2513    padding: 12px 24px;
2514    text-align: left;
2515    font-size: 14px;
2516    line-height: calc(16 / 14);
2517    color: #5B5B57;
2518}
2519
2520.section-accounts th.section__table-cell {
2521    font-weight: 600;
2522}
2523
2524.section-accounts .section__sort {
2525    margin-left: 6px;
2526    font-size: 10px;
2527    color: #DADAD8;
2528}
2529
2530/* ========================================
2531   TABLE BODY
2532======================================== */
2533.section-accounts .section__table-body .section__table-row {
2534    border-bottom: 1px solid #E9E9E6;
2535}
2536
2537.section-accounts .section__table-body .section__table-cell {
2538    padding-inline: 24px;
2539    padding-block: 26px;
2540    font-size: 16px;
2541    line-height: calc(18 / 16);
2542    color: #1F1F1E;
2543}
2544
2545/* ========================================
2546   COLUMN VARIANTS
2547======================================== */
2548.section-accounts .section__table-cell--id {
2549    width: 100px;
2550}
2551
2552.section-accounts .section__table-cell--account {
2553    width: 280px;
2554}
2555
2556.section-accounts .section__table-cell--address {
2557    width: auto;
2558}
2559
2560.section-accounts .section__table-body .section__table-cell--end {
2561    text-align: center;
2562    color: #5B5B57;
2563    padding-block: 20px 21px;
2564}
2565
2566/* ========================================
2567   LINKS (ACCOUNT NAMES)
2568======================================== */
2569.section-accounts .section__link {
2570    font-size: 16px;
2571    color: #00639D;
2572    text-decoration: none;
2573}
2574
2575.section-accounts .section__link:hover {
2576    text-decoration: underline;
2577}
2578
2579.section-accounts .section__table-row:hover {
2580    background: #FAFAF9;
2581}
2582
2583/* ========================================
2584   HEADER SECONDARY (MAIN BAR)
2585======================================== */
2586.header-secondary {
2587    background: #1B3E70;
2588}
2589
2590.header-secondary .header__inner {
2591    display: flex;
2592    align-items: center;
2593    justify-content: space-between;
2594    padding: 8px 32px;
2595    height: 64px;
2596}
2597
2598
2599/* ------------------------------------------------------------ *\
2600    Panel
2601\* ------------------------------------------------------------ */
2602
2603.panel {
2604    background: #FFFFFF;
2605    border: 1px solid #DADAD8;
2606    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
2607    border-radius: 16px;
2608}
2609
2610.panel-default>.panel-heading {
2611    background-color: transparent;
2612    border-color: #DADAD8;
2613    padding-block: 17px 15px;
2614}
2615
2616.panel-title {
2617    font-size: 16px;
2618    line-height: calc(18 / 16);
2619    font-weight: 600;
2620    color: #1F1F1F;
2621}
2622
2623.panel-body {
2624    padding-inline: 35px;
2625    padding-block: 26px 34px;
2626}
2627
2628.order-summary-items .panel-body {
2629    padding-block: 15px 25px;
2630    padding-inline: 25px;
2631}
2632
2633.order-summary-items .alert-danger {
2634    margin-bottom: 9px;
2635}
2636
2637.panel-body .row+.row {
2638    margin-top: 28px;
2639}
2640
2641.panel-body .item-more-details {
2642    display: none !important;
2643}
2644
2645/* ========================================
2646   LOGO
2647======================================== */
2648.header-secondary .header__logo {
2649    display: flex;
2650    align-items: center;
2651}
2652
2653.header-secondary .header__logo img {
2654    height: 48px;
2655    width: auto;
2656}
2657
2658/* ========================================
2659   SEARCH WRAPPER (CENTERING LOGIC)
2660======================================== */
2661.header-secondary .header__search {
2662    flex: 1;
2663    display: flex;
2664    justify-content: center;
2665}
2666
2667/* ========================================
2668   SEARCH BOX
2669======================================== */
2670.header-secondary .header__search-box {
2671    display: flex;
2672    align-items: center;
2673    justify-content: space-between;
2674    width: 448px;
2675    height: 37px;
2676    padding: 8px;
2677    background: #142D52;
2678    border-radius: 6px;
2679}
2680
2681/* ========================================
2682   SEARCH INPUT
2683======================================== */
2684.header-secondary .header__search-input {
2685    flex: 1;
2686    border: none;
2687    outline: none;
2688    background: transparent;
2689    font-size: 16px;
2690    line-height: 18px;
2691    color: #FFFFFF;
2692}
2693
2694.header-secondary .header__search-input::placeholder {
2695    color: rgba(255, 255, 255, 0.5);
2696}
2697
2698/* ========================================
2699   SEARCH BUTTON
2700======================================== */
2701.header-secondary .header__search-btn {
2702    background: transparent;
2703    border: none;
2704    padding: 0;
2705    color: #FFFFFF;
2706    font-size: 14px;
2707    cursor: pointer;
2708}
2709
2710/* ========================================
2711   ACTIONS (RIGHT SIDE)
2712======================================== */
2713.header-secondary .header__actions {
2714    display: flex;
2715    align-items: center;
2716}
2717
2718/* ========================================
2719   HELP BUTTON
2720======================================== */
2721.header-secondary .header__help {
2722    display: flex;
2723    align-items: center;
2724    justify-content: center;
2725    width: 40px;
2726    height: 40px;
2727    background: #142D52;
2728    border: none;
2729    border-radius: 50%;
2730    cursor: pointer;
2731}
2732
2733.header-secondary .header__help img {
2734    width: 20px;
2735    height: 20px;
2736}
2737
2738/* ========================================
2739   RESULTS EMPTY (WRAPPER)
2740======================================== */
2741.results-empty {
2742    display: flex;
2743    justify-content: center;
2744}
2745
2746/* ========================================
2747   CONTAINER
2748======================================== */
2749.results-empty .result__container {
2750    display: flex;
2751    flex-direction: column;
2752    align-items: center;
2753    padding: 92px 0;
2754    gap: 20px;
2755    max-width: 510px;
2756    width: 100%;
2757}
2758
2759/* ========================================
2760   ICON WRAPPER
2761======================================== */
2762.results-empty .result__icon {
2763    display: flex;
2764    align-items: center;
2765    justify-content: center;
2766    width: 56px;
2767    height: 56px;
2768    background: #FEF0C7;
2769    border: 10px solid #FFFAEB;
2770    border-radius: 50%;
2771}
2772
2773/* ========================================
2774   ICON
2775======================================== */
2776.results-empty .result__img {
2777    width: 28px;
2778    height: 28px;
2779}
2780
2781/* ========================================
2782   TEXT BLOCK
2783======================================== */
2784.results-empty .result__text {
2785    display: flex;
2786    flex-direction: column;
2787    align-items: center;
2788    gap: 8px;
2789    text-align: center;
2790}
2791
2792/* ========================================
2793   TITLE
2794======================================== */
2795.results-empty .result__title {
2796    font-weight: 600;
2797    font-size: 20px;
2798    line-height: 28px;
2799    color: #181D27;
2800}
2801
2802/* ========================================
2803   CONTENT
2804======================================== */
2805.results-empty .result__content {
2806    max-width: 348px;
2807    font-weight: 200;
2808    font-size: 16px;
2809    line-height: 20px;
2810    color: #4B4B48;
2811}
2812
2813/* ========================================
2814   LINK
2815======================================== */
2816.results-empty .result__link {
2817    font-weight: 600;
2818    font-size: 16px;
2819    line-height: 20px;
2820    color: #3872BC;
2821    text-decoration: none;
2822}
2823
2824.results-empty .result__link:hover {
2825    text-decoration: underline;
2826}
2827
2828@media (max-width: 767px) {
2829    .section-accounts .section__head {
2830        flex-direction: column;
2831        justify-content: center;
2832        align-items: center;
2833        gap: 15px;
2834    }
2835
2836    .section-accounts .section__search {
2837        width: 100%;
2838    }
2839
2840    .section-accounts .section__search-input {
2841        width: 100%;
2842        max-width: 100%;
2843    }
2844}
2845
2846.pricingCustomFormHeading,
2847.section-title {
2848    font-size: 16px;
2849    line-height: calc(18 / 16);
2850    font-weight: 600;
2851    padding: 0;
2852    margin-bottom: 1px;
2853    border: none;
2854}
2855
2856.k-pager-wrap {
2857    padding-block: 10px;
2858    padding-inline: 12px;
2859}
2860
2861.k-pager-wrap>select {
2862    margin-left: 0 !important;
2863    min-height: 36px !important;
2864}
2865
2866.k-pager-nav.k-link {
2867    width: 34px;
2868    height: 34px;
2869    display: flex !important;
2870    align-items: center;
2871    justify-content: center;
2872    margin-right: 8px;
2873    border-radius: 6px !important;
2874    border: 1px solid #1A3E6F !important;
2875    color: #1A3E6F;
2876    margin-bottom: 8px;
2877}
2878
2879.k-pager-numbers .k-state-selected,
2880.k-pager-numbers .k-link {
2881    border: 1px solid #1A3E6F !important;
2882    background-color: #1A3E6F;
2883    color: #fff;
2884    width: 34px;
2885    height: 34px;
2886    line-height: 2.5;
2887    border-radius: 6px;
2888}
2889
2890.k-pager-numbers .k-link {
2891    background-color: #fff;
2892    color: #1A3E6F;
2893}
2894
2895.k-pager-numbers {
2896    position: static !important;
2897}
2898
2899.k-pager-wrap>.k-link>.k-icon {
2900    display: flex;
2901    margin-top: 0;
2902}
2903
2904.k-autocomplete.k-state-default,
2905.k-picker-wrap.k-state-default,
2906.k-numeric-wrap.k-state-default,
2907.k-dropdown-wrap.k-state-default,
2908.k-multiselect-wrap {
2909    border-radius: 8px !important;
2910}
2911
2912@media (min-width: 1023px) {
2913    .k-pager-numbers li+li {
2914        margin-right: 8px;
2915    }
2916}
2917
2918@media (max-width: 1023px) {
2919
2920    .k-pager-numbers .k-state-selected,
2921    .k-pager-numbers .k-link {
2922        width: auto;
2923        text-align: center !important;
2924    }
2925
2926    .k-pager-numbers li+li {
2927        margin-top: 4px;
2928    }
2929}
2930
2931/* ------------------------------------------------------------ *\
2932    Order History
2933\* ------------------------------------------------------------ */
2934
2935.ordersGridWrap .k-grid,
2936.ordersGridWrap .k-scheduler,
2937.ordersGridWrap .k-menu,
2938.ordersGridWrap .k-editor {
2939    background: #F6F6F4;
2940    border: 1px solid #DADAD8;
2941    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
2942    border-radius: 8px;
2943}
2944
2945.ordersPage .pageBody {
2946    background: #FFFFFF;
2947    border: 1px solid #DADAD8;
2948    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
2949    border-radius: 16px;
2950}
2951
2952.ordersPage .pageTitle {
2953    margin-bottom: 12px;
2954}
2955
2956.ordersPage .title-right {
2957    margin-top: -7px;
2958}
2959
2960.k-grid td {
2961    padding-block: 8.4px;
2962    font-size: 12px;
2963    line-height: calc(14 / 12);
2964}
2965
2966.k-grid-header th.k-header,
2967.k-filter-row th {
2968    font-size: 12px;
2969    line-height: calc(14 / 12);
2970    padding-block: 7.5px;
2971}
2972
2973.ordersGridWrap .k-grid-custom-toolbar,
2974.ordersGridWrap .basicTip {
2975    background-color: transparent;
2976    border-color: #1A3E6F;
2977    color: #1A3E6F;
2978}
2979
2980.ordersGridWrap .k-grid-custom-toolbar:hover,
2981.ordersGridWrap .basicTip:hover {
2982    background-color: #1A3E6F;
2983    color: #fff;
2984}
2985
2986@media (max-width: 767px) {
2987    .ordersPage .title-right {
2988        margin-top: 5px;
2989    }
2990
2991    .ordersPage .pageTitle {
2992        margin-bottom: 50px;
2993    }
2994
2995    .col-xs-6.applyFiltersArea {
2996        width: 100%;
2997    }
2998}
2999
3000/* ------------------------------------------------------------ *\
3001    Cart Popup
3002\* ------------------------------------------------------------ */
3003
3004.dropdown-menu {
3005    border: 1px solid #DADAD8;
3006    background: #FFFFFF;
3007    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
3008    border-radius: 16px;
3009    min-width: 366px;
3010    padding: 18px 10px 10px;
3011}
3012
3013.header-cart .dropdown-menu {
3014    padding: 18px 10px 10px;
3015    background-color: #fff;
3016}
3017
3018.header-cart .dropdown-menu .menu-cart-item {
3019    padding-block: 5px;
3020    padding-inline: 9px 20px;
3021    display: flex;
3022    gap: 11px;
3023    align-items: center;
3024    border: none;
3025}
3026
3027.header-cart .menu-cart-img {
3028    padding: 0;
3029    aspect-ratio: 46 / 40;
3030    width: stretch;
3031    max-width: 46px;
3032}
3033
3034.header-cart .menu-cart-img img {
3035    width: 100%;
3036    height: 100%;
3037    object-fit: contain;
3038}
3039
3040.menu-cart-item .menu-cart-item-cost {
3041    margin: 0;
3042    width: auto;
3043    padding: 0;
3044    color: rgba(31, 31, 31, 1);
3045    font-size: 14px;
3046    line-height: 1;
3047}
3048
3049.menu-cart-item .menu-cart-name {
3050    line-height: 1;
3051    flex: 1;
3052}
3053
3054.menu-cart-preview-count {
3055    color: rgba(170, 170, 167, 1);
3056    padding-top: 0;
3057    padding-bottom: 16px;
3058    font-size: 12px;
3059    line-height: calc(14 / 12);
3060    border-color: rgba(218, 218, 216, 1);
3061}
3062
3063.menu-cart-subtotal {
3064    color: rgba(31, 31, 31, 1);
3065    font-size: 16px;
3066    line-height: calc(18 / 16);
3067    margin-top: 0;
3068    font-weight: 600;
3069}
3070
3071.menu-cart-preview-footer {
3072    background-color: #fff;
3073    padding-inline: 9px 20px;
3074    padding-block: 16px 6px;
3075}
3076
3077.nav .dropdown-menu {
3078    padding-top: 10px;
3079}
3080
3081.navbar-nav>li>.dropdown-menu {
3082    border-radius: 8px;
3083}
3084
3085/* ------------------------------------------------------------ *\
3086    Home Banner
3087\* ------------------------------------------------------------ */
3088
3089.prev-next-nav>span {
3090    background-color: transparent;
3091    color: #fff;
3092}
3093
3094.prev-next-nav .disabled {
3095    opacity: .3;
3096}
3097
3098/* ------------------------------------------------------------ *\
3099    Footer
3100\* ------------------------------------------------------------ */
3101
3102.footer {
3103    background-color: #1A3E6F;
3104    color: #fff;
3105}
3106
3107.footer .footermodule.custom-html {
3108    opacity: .5;
3109}
3110
3111/* ------------------------------------------------------------ *\
3112    Product Details Popup
3113\* ------------------------------------------------------------ */
3114
3115.k-webkit:has(.product-preview-wrap) .productPage #pricingArea,
3116.k-webkit:has(.product-preview-wrap) .productPage .orderNotesArea,
3117.k-webkit:has(.product-preview-wrap) .productPage #calcButtonArea {
3118    padding-inline: 22px;
3119    border-left: 1px solid #dadad8;
3120    border-right: 1px solid #dadad8;
3121}
3122
3123.k-webkit:has(.product-preview-wrap) .productPage #pricingArea {
3124    padding-top: 20px;
3125    border-top: 1px solid #dadad8;
3126    border-top-left-radius: 16px;
3127    border-top-right-radius: 16px;
3128}
3129
3130.k-webkit:has(.product-preview-wrap) .productPage #calcButtonArea {
3131    padding-bottom: 20px;
3132    border-bottom: 1px solid #dadad8;
3133    border-bottom-left-radius: 16px;
3134    border-bottom-right-radius: 16px;
3135}
3136
3137.k-webkit:has(.product-preview-wrap) .productPage #pricingArea,
3138.k-webkit:has(.product-preview-wrap) .productPage .acceptanceArea,
3139.k-webkit:has(.product-preview-wrap) .productPage .fileUploadArea,
3140.k-webkit:has(.product-preview-wrap) .productPage .orderNotesArea,
3141.k-webkit:has(.product-preview-wrap) .productPage .pricingArea,
3142.k-webkit:has(.product-preview-wrap) .productPage .productAsset,
3143.k-webkit:has(.product-preview-wrap) .productPage .renameArea,
3144.k-webkit:has(.product-preview-wrap) .productPage .shipToArea,
3145.k-webkit:has(.product-preview-wrap) .productPage .shippingArea {
3146    margin-bottom: 0;
3147    padding-bottom: 13px;
3148}
3149
3150.k-webkit:has(.product-preview-wrap) .productPage .pricingOrderNotesHeading,
3151.k-webkit:has(.product-preview-wrap) .productPage .renameItemHeading {
3152    margin: 0;
3153}
3154
3155.k-webkit:has(.product-preview-wrap) .productPage .addToCartButton .btn {
3156    margin: 0;
3157}
3158
3159.k-window:has(iframe[src*="quickview"]):has(iframe[src*="/product"]) .k-window-titlebar {
3160    margin-top: 0px;
3161    padding-top: 28px;
3162    padding-bottom: 17px;
3163    padding-inline: 48px;
3164    display: flex;
3165    justify-content: space-between;
3166    align-items: flex-end;
3167    gap: 25px;
3168    border: none;
3169}
3170
3171.k-window:has(iframe[src*="quickview"]):has(iframe[src*="/product"]) .k-window-actions {
3172    position: static;
3173}
3174
3175.k-window:has(iframe[src*="quickview"]):has(iframe[src*="/product"]) .k-window-titlebar .k-window-action {
3176    padding: 0;
3177    width: unset;
3178    height: unset;
3179    opacity: 1;
3180    box-sizing: border-box;
3181    opacity: 1;
3182}
3183
3184.k-window:has(iframe[src*="quickview"]):has(iframe[src*="/product"]) .k-icon {
3185    font: 20px / 1 'WebComponentsIcons';
3186    width: 20px;
3187    height: 20px;
3188}
3189
3190.k-window:has(iframe[src*="quickview"]):has(iframe[src*="/product"]) .k-window-title {
3191    font-size: 24px;
3192    font-weight: 600;
3193    line-height: calc(28 / 24);
3194}
3195
3196.k-window:has(iframe[src*="quickview"]):has(iframe[src*="/product"]) .k-window-content,
3197.k-window:has(iframe[src*="quickview"]):has(iframe[src*="/product"]) .k-prompt-container {
3198    height: calc(100% - 73px) !important;
3199}
3200
3201
3202.k-webkit:has(.product-preview-wrap) .product-detail .product-base-info {
3203    box-sizing: border-box;
3204    border: 1px solid #DADAD8;
3205    border-radius: 16px;
3206    padding-inline: 23px;
3207    padding-block: 12px 20px;
3208    border-bottom: none;
3209    border-bottom-left-radius: 0;
3210    border-bottom-right-radius: 0;
3211    margin-bottom: 0;
3212    box-shadow: none;
3213}
3214
3215.k-webkit:has(.product-preview-wrap) .product-detail .product-detail-info {
3216    box-sizing: border-box;
3217    border: 1px solid #DADAD8;
3218    border-radius: 16px;
3219    padding-inline: 23px;
3220    padding-bottom: 20px;
3221    border-top: none;
3222    border-top-left-radius: 0;
3223    border-top-right-radius: 0;
3224}
3225
3226.k-webkit:has(.product-preview-wrap) .product-detail .product-detail-info .section-title {
3227    margin-top: 0;
3228}
3229
3230
3231@media (min-width: 320px) {
3232    .k-window.k-widget.k-state-focused:has(iframe[src*="quickview"]):has(iframe[src*="/product"]) {
3233        max-width: 1027px;
3234        left: 50% !important;
3235        top: 50% !important;
3236        transform: translate(-50%, -50%) scale(1) !important;
3237        border-radius: 16px;
3238        box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
3239        background: #FFFFFF;
3240        overflow: clip;
3241        max-height: 663px !important;
3242    }
3243}
3244
3245@media (max-width: 976px) {
3246    .k-webkit:has(.product-preview-wrap) .product-detail .product-base-info {
3247        border-bottom-left-radius: 16px;
3248        border-bottom-right-radius: 16px;
3249        border: 1px solid #DADAD8;
3250        margin-bottom: 26px;
3251    }
3252
3253    .k-webkit:has(.product-preview-wrap) .product-detail .product-detail-info {
3254        border-top-left-radius: 16px;
3255        border-top-right-radius: 16px;
3256        border: 1px solid #DADAD8;
3257        margin-top: 26px;
3258        padding-block: 20px;
3259    }
3260}
3261
3262@media (max-width: 767px) {
3263    .k-webkit:has(.product-preview-wrap) body {
3264        margin-top: -50px;
3265    }
3266}
3267
3268/* ------------------------------------------------------------ *\
3269    Cart Popup
3270\* ------------------------------------------------------------ */
3271
3272.quickViewCart {
3273    padding-inline: 29px;
3274    padding-block: 0;
3275    margin: 0;
3276}
3277
3278.quickViewCart .btn {
3279    margin-block: 6px;
3280}
3281
3282.quickVeiwCart_cartDetailsSubtotal {
3283    padding: 13px 0;
3284    font-size: 16px;
3285    line-height: 1.125;
3286    color: #1F1F1F;
3287    font-weight: 600;
3288}
3289
3290.quickViewCart_cartDetails {
3291    font-size: 14px;
3292    line-height: calc(16 / 14);
3293    font-weight: 200;
3294}
3295
3296.quickViewCart_cartDetails_headings h5,
3297.quickViewCart_cartDetails_headings span {
3298    font-weight: 600 !important;
3299}
3300
3301.quickViewCart_cartDetails_headings li,
3302.quickViewCart_cartDetails_items li {
3303    padding-block: 13px;
3304}
3305
3306.productType_isQuickView {
3307    color: #1F1F1F;
3308}
3309
3310.quickVeiwCart_suggested {
3311    display: none;
3312}
3313
3314.k-window.k-widget.k-state-focused:has(iframe[src*="/cart/quickview"]) .k-window-titlebar {
3315    margin-top: 0px;
3316    padding-top: 29px;
3317    padding-bottom: 12px;
3318    padding-inline: 29px;
3319    display: flex;
3320    justify-content: space-between;
3321    align-items: center;
3322    gap: 25px;
3323    border: none;
3324}
3325
3326.k-window.k-widget.k-state-focused:has(iframe[src*="/cart/quickview"]) .k-window-title {
3327    font-size: 16px;
3328    font-weight: 600;
3329    line-height: 1.125;
3330}
3331
3332
3333.k-window.k-widget.k-state-focused:has(iframe[src*="/cart/quickview"]) .k-window-actions {
3334    position: static;
3335}
3336
3337.k-window.k-widget.k-state-focused:has(iframe[src*="/cart/quickview"]) .k-window-titlebar .k-window-action {
3338    padding: 0;
3339    width: unset;
3340    height: unset;
3341    opacity: 1;
3342    box-sizing: border-box;
3343    opacity: 1;
3344}
3345
3346.k-window.k-widget.k-state-focused:has(iframe[src*="/cart/quickview"]) .k-window-content,
3347.k-window.k-widget.k-state-focused:has(iframe[src*="/cart/quickview"]) .k-prompt-container {
3348    height: calc(100% - 73px) !important;
3349}
3350
3351@media (min-width: 320px) {
3352    .k-window.k-widget.k-state-focused:has(iframe[src*="/cart/quickview"]) {
3353        max-width: 541px;
3354        left: 50% !important;
3355        top: 50% !important;
3356        transform: translate(-50%, -50%) scale(1) !important;
3357        border-radius: 16px;
3358        box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
3359        background: #FFFFFF;
3360        overflow: clip;
3361        max-height: 414px !important;
3362    }
3363}
3364
3365@media (max-width: 767px) {
3366    .quickViewCart {
3367        margin-top: -50px;
3368    }
3369}
3370
3371/* ------------------------------------------------------------ *\
3372    Address popup
3373\* ------------------------------------------------------------ */
3374
3375.k-window:has(#searchAddrDialog_wnd_title) {
3376    overflow: clip;
3377    background: #FFFFFF;
3378    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
3379    border-radius: 16px;
3380    left: 50% !important;
3381    top: 50% !important;
3382    transform: translate(-50%, -50%) scale(1) !important;
3383    width: 80vw !important;
3384    max-width: 459px;
3385    padding: 28px;
3386}
3387
3388.k-window:has(#searchAddrDialog_wnd_title) .k-window-titlebar.k-header {
3389    background-color: transparent;
3390    border: none;
3391    padding: 0;
3392    margin-top: 0 !important;
3393    display: flex;
3394    justify-content: space-between;
3395    align-items: center;
3396}
3397
3398.k-window:has(#searchAddrDialog_wnd_title) .k-window-title {
3399    font-size: 16px;
3400    line-height: 1.125;
3401    font-weight: 600;
3402}
3403
3404.k-window:has(#searchAddrDialog_wnd_title) .k-window-content.k-content {
3405    padding: 0;
3406    margin-top: 11px;
3407}
3408
3409.k-window:has(#searchAddrDialog_wnd_title) .form-control.addr-search-input {
3410    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
3411    border-radius: 8px;
3412    border: 1px solid #DADAD8;
3413    min-height: 36px;
3414}
3415
3416.k-window:has(#searchAddrDialog_wnd_title) .k-window-actions {
3417    position: static;
3418}
3419
3420.k-window:has(#searchAddrDialog_wnd_title) .k-window-titlebar .k-window-action {
3421    padding: 0;
3422    width: unset;
3423    height: unset;
3424    opacity: 1;
3425    box-sizing: border-box;
3426    opacity: 1;
3427}
3428
3429.k-window:has(#searchAddrDialog_wnd_title) .k-icon {
3430    font: 20px / 1 'WebComponentsIcons';
3431    width: 20px;
3432    height: 20px;
3433}
3434
3435.k-window:has(#searchAddrDialog_wnd_title) .addr-search-item {
3436    color: #00639D;
3437    font-size: 14px;
3438    line-height: calc(16 / 14);
3439    padding-block: 15px;
3440}
3441
3442.k-window:has(#searchAddrDialog_wnd_title) .addr-search-item--selected,
3443.k-window:has(#searchAddrDialog_wnd_title) .addr-search-item--selected:hover {
3444    background-color: #1A3E6F;
3445    color: #fff;
3446}
3447
3448.k-window:has(#searchAddrDialog_wnd_title) .addr-search-list {
3449    padding-bottom: 30px;
3450}
3451
3452@media (max-width: 767px) {
3453    .k-window:has(#searchAddrDialog_wnd_title) {
3454        padding: 14px;
3455    }
3456}
3457
3458/* ------------------------------------------------------------ *\
3459    Settings Page
3460\* ------------------------------------------------------------ */
3461
3462.pwd-input-group {
3463    display: flex;
3464}
3465
3466.pwd-input-group>input {
3467    flex: 1;
3468    margin-right: -1px;
3469    box-shadow: none;
3470}
3471
3472.pwd-input-group .input-group-btn>button {
3473    padding-inline: 13px;
3474    margin-left: 0;
3475    padding-block: 9px 8px;
3476    border-color: #1a3e6f;
3477    margin: 0 !important;
3478}
3479
3480.pwd-input-group .input-group-btn {
3481    border-radius: 0;
3482}
3483
3484.pwd-strength-bar {
3485    border-bottom-left-radius: 8px;
3486    border-bottom-right-radius: 8px;
3487    overflow: clip;
3488}
3489
3490.settingsPage .pageBody {
3491    border: 1px solid #DADAD8;
3492    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
3493    border-radius: 16px;
3494    background: #FFFFFF;
3495}
3496
3497.settingsPage .k-tabstrip-wrapper .k-content {
3498    border-radius: 8px;
3499    border-color: #DADAD8;
3500}
3501
3502.settingsPage .k-tabstrip-wrapper div#profileTabs-1 {
3503    border-top-left-radius: 0;
3504}
3505
3506.k-tabstrip-items .k-item.k-state-active,
3507.nav-tabs>li.active>a,
3508.nav-tabs>li.active>a:focus,
3509.nav-tabs>li.active>a:hover {
3510    border-left-color: #dadad8;
3511    border-right-color: #dadad8;
3512}
3513
3514.k-tabstrip-items .k-state-default .k-link,
3515.k-panelbar>li.k-state-default>.k-link {
3516    color: #1a3e6f;
3517}
3518
3519.addressEntry-inner,
3520.user-entry-info {
3521    border-color: #1a3e6f;
3522    color: #1a3e6f;
3523    border-radius: 8px;
3524}
3525
3526.settingsPage .k-pager-wrap {
3527    border-radius: 8px;
3528}
3529
3530@media (max-width: 1023px) {
3531
3532    .k-webkit .k-pager-numbers,
3533    .k-ff .k-pager-numbers,
3534    .k-ie11 .k-pager-numbers,
3535    .k-edge .k-pager-numbers,
3536    .k-safari .k-pager-numbers,
3537    .k-webkit .k-grid .k-pager-numbers,
3538    .k-ff .k-grid .k-pager-numbers,
3539    .k-ie11 .k-grid .k-pager-numbers,
3540    .k-edge .k-grid .k-pager-numbers,
3541    .k-safari .k-grid .k-pager-numbers {
3542        left: 7.2em;
3543    }
3544
3545    .k-pager-numbers {
3546        position: absolute !important;
3547    }
3548}
3549
3550/* ------------------------------------------------------------ *\
3551    Contact Page
3552\* ------------------------------------------------------------ */
3553
3554.contentPage .col-md-9 {
3555    width: 100%;
3556}
3557
3558select.form-control {
3559    background-repeat: no-repeat;
3560    background-position: right 10px center;
3561    background-size: 14px 6px;
3562    background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%234B4B48' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
3563}
3564
3565.prod-cat-item .hover-layer {
3566    height: 80%;
3567}
3568
3569.cat-item:hover:after {
3570    background-color: transparent !important;
3571}
3572
3573.hproduct:has(.hover-layer) .prod-cat-item:hover:after {
3574    background-color: transparent !important;
3575}
3576
3577.cart-product-old-price {
3578    text-decoration: none;
3579}
3580
3581.footer-col-title {
3582    display: none;
3583}
3584
3585.quick-top-links .quick-link-saved {
3586    display: none;
3587}
3588
3589@media (max-width: 767px) {
3590    table tbody table tr:has(#AccountsNum) {
3591        display: flex;
3592        flex-flow: row wrap;
3593    }
3594
3595    .content-page-panel td {
3596        flex-grow: 1;
3597    }
3598}
3599
3600.cantidad {
3601    padding: 2px;
3602    width: 40px;
3603    text-align: center;
3604}
3605
3606.pageName_checkoutNew .instructions {
3607    display: none
3608}
3609
3610.select2-container--default .select2-selection--single {
3611    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
3612    border-radius: 8px;
3613    border: 1px solid #DADAD8;
3614    background: #FFFFFF;
3615    padding: 10px 14px;
3616    height: 36px;
3617
3618}
3619
3620.select2-container--default .select2-selection--single .select2-selection__rendered {
3621    color: #444;
3622    line-height: 15px;
3623}
3624
3625.image:hover,
3626.imgselected {
3627    border: 2px solid #FABE14;
3628    cursor: pointer;
3629    opacity: 0.5;
3630}
3631
3632/* Code 22.06.2026 */
3633
3634/* .contentPage_compliance-missions */
3635
3636.contentPage_compliance-missions #content .general-panel>.general-panel {
3637    padding-block: 18px;
3638    padding-inline: 22px;
3639    margin-bottom: 20px;
3640}
3641
3642.contentPage_compliance-missions #content .general-panel>.general-pane>p {
3643    margin: 0;
3644    font-weight: 600;
3645    font-size: 16px;
3646    line-height: calc(24 / 16);
3647}
3648
3649body:has(.camera-capture-container) a.btn.btn-primary[href="javascript:location.reload()"] {
3650    border: 1px solid #AAAAA7 !important;
3651    background-color: transparent !important;
3652    color: #5B5B57 !important;
3653    font-size: 14px !important;
3654    line-height: 1 !important;
3655    font-weight: 600 !important;
3656    min-height: 36px !important;
3657    display: inline-flex !important;
3658    justify-content: center !important;
3659    align-items: center !important;
3660}
3661
3662body:has(.camera-capture-container) input[type="button"]#send[value="Submit Mission"] {
3663    border: 1px solid #1A3E6F !important;
3664    background-color: #1A3E6F !important;
3665    color: #fff !important;
3666    font-size: 14px !important;
3667    line-height: 1 !important;
3668    font-weight: 600 !important;
3669    min-height: 36px !important;
3670    display: inline-flex !important;
3671    justify-content: center !important;
3672    align-items: center !important;
3673}
3674
3675body:has(.camera-capture-container) .general-panel>.col-md-6>.col-md-6 {
3676    padding-block: 7px !important;
3677}
3678
3679body:has(.camera-capture-container) .general-panel>.col-md-6:first-child {
3680    margin-top: -7px !important;
3681}
3682
3683body:has(.camera-capture-container) .general-panel>.col-md-6>.col-md-6 input,
3684body:has(.camera-capture-container) .general-panel>.col-md-6>.col-md-6 select {
3685    min-height: 36px !important;
3686    background-color: #fff !important;
3687    border: 1px solid #DADAD8 !important;
3688    padding-inline: 12px 22px !important;
3689    font-weight: 600 !important;
3690    box-shadow: 0px 1px 2px 0px #0000001A !important;
3691}
3692
3693body:has(.camera-capture-container) #Account {
3694    background-color: #F6F6F4 !important;
3695}
3696
3697body:has(.camera-capture-container) .row.general-panel:has(.camera-capture-container) {
3698    display: flex;
3699    gap: 25px;
3700    padding: 22px !important;
3701}
3702
3703body:has(.camera-capture-container) .row.general-panel:has(.camera-capture-container)::after,
3704body:has(.camera-capture-container) .row.general-panel:has(.camera-capture-container)::before {
3705    display: none;
3706}
3707
3708
3709body:has(.camera-capture-container) .row.general-panel:has(.camera-capture-container)>.col-md-6:not(:has(.camera-capture-container)) {
3710    width: auto;
3711    max-width: 459px;
3712    flex: 1;
3713}
3714
3715body:has(.camera-capture-container) .col-md-6:has(.camera-capture-container) {
3716    max-width: 415px;
3717    width: auto;
3718    flex: 0 0 47%;
3719    padding: 0;
3720}
3721
3722body:has(.camera-capture-container) .col-md-6:has(.camera-capture-container) .camera-capture-container {
3723    padding-inline: 25px;
3724}
3725
3726@media (max-width: 600px) {
3727    body:has(.camera-capture-container) .row.general-panel:has(.camera-capture-container) {
3728        flex-direction: column;
3729    }
3730
3731    body:has(.camera-capture-container) .row.general-panel:has(.camera-capture-container)>.col-md-6:not(:has(.camera-capture-container)) {
3732        max-width: unset;
3733    }
3734
3735    body:has(.camera-capture-container) .col-md-6:has(.camera-capture-container) {
3736        max-width: unset;
3737    }
3738
3739    body:has(.camera-capture-container) .col-md-6:has(.camera-capture-container) .camera-capture-container {
3740        padding-inline: 0;
3741    }
3742}
3743
3744/* Custom Sign Request */
3745
3746.contentPage_CustomRequestform {
3747    max-width: 800px;
3748    margin: 0 auto;
3749}
3750
3751.contentPage_CustomRequestform .submit:has(.submit) {
3752    margin-top: 32px;
3753    padding-left: 135px;
3754}
3755
3756.contentPage_CustomRequestform .column1>.form-group {
3757    display: flex;
3758    gap: 15px;
3759}
3760
3761.contentPage_CustomRequestform .column1>.form-group input,
3762.contentPage_CustomRequestform .column1>.form-group select,
3763.contentPage_CustomRequestform .column1>.form-group textarea {
3764    max-width: 271px;
3765    flex: 1;
3766}
3767
3768.contentPage_CustomRequestform .column1>.form-group textarea {
3769    height: 100px;
3770}
3771
3772.contentPage_CustomRequestform .column1>.form-group label {
3773    flex: 0 0 120px;
3774}
3775
3776.contentPage_CustomRequestform .column1>.form-group .charlimitinfo {
3777    left: 0;
3778    top: 25px;
3779}
3780
3781.contentPage_CustomRequestform .column1>.form-group input[type="file"].ruFileInput {
3782    font-size: 14px;
3783    line-height: 16px;
3784    color: #AAAAA7;
3785    font-weight: 500;
3786}
3787
3788.contentPage_CustomRequestform .column1>.form-group input[type="file"].ruFileInput::file-selector-button {
3789    box-sizing: border-box;
3790    height: 36px;
3791    padding: 10px 9px;
3792    margin-right: 10px;
3793
3794    background: #fff;
3795    border: 1px solid #1A3E6F;
3796    border-radius: 6px;
3797
3798    color: #1A3E6F;
3799    font-size: 14px;
3800    font-weight: 500;
3801    cursor: pointer;
3802    transition: color .3s, background .3s;
3803}
3804
3805.contentPage_CustomRequestform .column1>.form-group input[type="file"].ruFileInput::file-selector-button:hover {
3806    background: #1A3E6F;
3807    color: #fff;
3808}
3809
3810.contentPage_CustomRequestform .customForm .calendarArea,
3811.contentPage_CustomRequestform .customForm .checkboxArea,
3812.contentPage_CustomRequestform .customForm .dropdownArea,
3813.contentPage_CustomRequestform .customForm .fileuploadArea,
3814.contentPage_CustomRequestform .customForm .radioSection,
3815.contentPage_CustomRequestform .customForm .ratingArea,
3816.contentPage_CustomRequestform .customForm .richtextArea,
3817.contentPage_CustomRequestform .customForm .textInputArea {
3818    margin-bottom: 14px;
3819}
3820
3821.contentPage_CustomRequestform .general-panel:has(.formSubmittedConfirm) {
3822    background: transparent !important;
3823    border: none;
3824    box-shadow: none;
3825    padding: 0;
3826}
3827
3828.contentPage_CustomRequestform .general-panel:has(.formSubmittedConfirm) .formSubmittedConfirmInfo {
3829    border: 1px solid #DADAD8;
3830    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
3831    border-radius: 16px;
3832    background: #FFFFFF;
3833    padding: 22px;
3834}
3835
3836.contentPage_CustomRequestform .general-panel:has(.formSubmittedConfirm) .formSubmittedConfirmInfo h3 {
3837    margin-top: 0;
3838    font-weight: 600;
3839    font-size: 16px;
3840    line-height: calc(18 / 16);
3841}
3842
3843.contentPage_CustomRequestform .general-panel:has(.formSubmittedConfirm) .formSubmittedConfirmInfo ul {
3844    padding-inline-start: 25px;
3845    margin-bottom: 0;
3846}
3847
3848.contentPage_CustomRequestform .general-panel:has(.formSubmittedConfirm) .pageTitle {
3849    border: none;
3850    font-size: 24px;
3851    line-height: calc(28 / 24);
3852    padding: 0;
3853    margin-bottom: 13px;
3854}
3855
3856.contentPage_CustomRequestform .general-panel:has(.formSubmittedConfirm) .formSubmittedConfirm {
3857    font-size: 16px;
3858    line-height: calc(18 / 16);
3859    padding-block: 18px 22px;
3860    padding-inline: 22px;
3861    color: #00639D;
3862    margin-bottom: 17px;
3863}
3864
3865@media (max-width: 450px) {
3866    .contentPage_CustomRequestform .column1>.form-group {
3867        flex-direction: column;
3868        gap: 10px;
3869    }
3870
3871    .contentPage_CustomRequestform .column1>.form-group input,
3872    .contentPage_CustomRequestform .column1>.form-group select,
3873    .contentPage_CustomRequestform .column1>.form-group textarea {
3874        max-width: unset;
3875    }
3876
3877    .contentPage_CustomRequestform .column1>.form-group label {
3878        flex: 1;
3879    }
3880
3881    .contentPage_CustomRequestform .column1>.form-group .charlimitinfo {
3882        height: auto;
3883        top: 7px;
3884        right: 0;
3885        left: unset;
3886    }
3887
3888    .contentPage_CustomRequestform .submit:has(.submit) {
3889        margin-top: 25px;
3890        padding-left: 0;
3891    }
3892}
3893.quick-link-account{display:none!important}
3894
3895</style>
3896
3897<style>
3898.prod-cat-item {
3899  position: relative;
3900}
3901
3902.prod-cat-inventory-status {
3903  padding: 5px 6px;
3904  font-size: 13px;
3905  line-height: 1em;
3906  font-weight: 500;
3907  color: #5b5b56;
3908  position: absolute;
3909  top: 5px;
3910  right: 5px;
3911}
3912
3913.prod-cat-inventory-status.out-of-stock {
3914  font-weight: 700;
3915  color: #ef5928;
3916}
3917
3918/* .hproduct.prod-out-of-stock .item-info:has(.addcart) .carrito {
3919  display: none !important;
3920}
3921.hproduct.prod-out-of-stock .addcart {
3922  display: none !important;
3923} */
3924.hproduct.prod-out-of-stock .carrito {
3925  pointer-events: none !important;
3926}
3927
3928.hproduct.prod-out-of-stock .carrito input,
3929.carrito input[disabled] {
3930  background-color: #e8e8e6 !important;
3931  color: #aaaaa7 !important;
3932}
3933
3934.hproduct.prod-out-of-stock .btn.addcart {
3935  pointer-events: none !important;
3936  background-color: #e8e8e6 !important;
3937  color: #aaaaa7 !important;
3938}
3939
3940.prod-detail-inventory-status-container {
3941  margin-bottom: 0.5em;
3942  text-align: right;
3943}
3944
3945.prod-detail-inventory-status {
3946  display: inline-flex;
3947  align-items: center;
3948  gap: 8px;
3949  color: #5b5b56;
3950  font-size: 14px;
3951  font-weight: 500;
3952}
3953
3954/* .prod-detail-inventory-status::before {
3955  content: "";
3956  width: 8px;
3957  height: 8px;
3958  border-radius: 50%;
3959  background-color: #10b981;
3960  flex-shrink: 0;
3961} */
3962
3963.prod-detail-inventory-status.out-of-stock {
3964  color: #ef5928;
3965  font-weight: 700;
3966}
3967
3968/* .prod-detail-inventory-status.out-of-stock::before {
3969  background-color: #ef5928;
3970} */
3971
3972.prod-out-of-stock #btnCustomizeButton,
3973.prod-out-of-stock #btnAddToCartButton {
3974  pointer-events: none;
3975  background-color: #e8e8e6;
3976  color: #aaaaa7;
3977}
3978
3979.prod-out-of-stock li[data-key=Quantity] input[type=text] {
3980  pointer-events: none;
3981  background-color: #e8e8e6;
3982  color: #aaaaa7;
3983}
3984
3985/* Cart inventory */
3986.cart-product-item .cart-product__content {
3987  grid-template-columns: 1fr auto;
3988}
3989
3990.cart-product-item .cart-product-amount {
3991  display: flex !important;
3992  align-items: center !important;
3993  gap: 12px !important;
3994}
3995
3996.cart-product-item .cart-product-actions {
3997  grid-column: span 2;
3998}
3999
4000.cart-product-item .cart-product-price {
4001  min-width: 60px;
4002  justify-content: flex-end;
4003}
4004
4005.cart-out-of-stock .cart-product-inventory {
4006  color: #ef5928;
4007  font-weight: 700;
4008}
4009
4010.cart-product-item.cart-out-of-stock .cantidad {
4011  pointer-events: none;
4012  background-color: #e8e8e6;
4013  color: #aaaaa7;
4014}
4015
4016.checkout-actions {
4017  position: relative;
4018}
4019
4020.accordionImg {
4021  border-radius: 10px;
4022  background-color: #ddd;
4023  padding: 5px 10px;
4024}
4025
4026.accordionImg:hover {
4027  cursor: pointer;
4028}
4029
4030/* Checkout inventory dialog */
4031.cart-inventory-dialog-section + .cart-inventory-dialog-section {
4032  margin-top: 18px;
4033  padding-top: 16px;
4034  border-top: 1px solid #ddd;
4035}
4036
4037.cart-inventory-dialog-title {
4038  margin: 0 0 6px;
4039  font-size: 16px;
4040  font-weight: 700;
4041}
4042
4043.cart-inventory-dialog-note {
4044  margin: 0 0 8px;
4045}
4046
4047.cart-inventory-dialog-list {
4048  margin: 0;
4049  padding-left: 22px;
4050}
4051
4052.cart-inventory-dialog-list li + li {
4053  margin-top: 6px;
4054}
4055
4056/* =========================================================
4057   MISSIONS TABLE — HORIZONTAL SCROLL ON TABLET / MOBILE
4058   ========================================================= */
4059
4060#Missions > .row.general-panel.content-page-panel.page-content-area {
4061    overflow-x: auto !important;
4062    overflow-y: hidden !important;
4063    -webkit-overflow-scrolling: touch;
4064}
4065
4066/* Keep the many-column table wide enough to require scrolling */
4067#Missions > .row.general-panel.content-page-panel.page-content-area > table {
4068    width: 100% !important;
4069    min-width: 1200px;
4070}
4071
4072.iframeContainer {
4073  width: 100%;
4074  height: 1500px; /* altura del recuadro visible */
4075  overflow: auto;
4076}
4077
4078.iframeContainer iframe {
4079  width: 100%;
4080  height: 100%;
4081  border: 0;
4082  display: block;
4083}
4084</style>
4085
4086<script type="text/javascript">
4087$(function () {
4088  function prodPageApplyOutOfStockUIChange() {
4089    $('body').addClass('prod-out-of-stock');
4090    $(document).on('keydown', 'li[data-key=Quantity] input[type=text]', function (event) {
4091      event.preventDefault();
4092    });
4093  }
4094
4095  // Category page inventory check.
4096  // Do not send checkCanBuy here: category behavior remains inventory-only.
4097  if ($('body').hasClass('pageType_category')) {
4098    var categoryProductIds = [];
4099
4100    $('.prod-cat-item[data-product-id]').each(function () {
4101      var productId = $(this).attr('data-product-id');
4102
4103      if (productId && categoryProductIds.indexOf(productId) === -1) {
4104        categoryProductIds.push(productId);
4105      }
4106    });
4107
4108    if (categoryProductIds.length) {
4109      $.ajax({
4110        url: '/Andrews/CheckInventory',
4111        type: 'POST',
4112        contentType: 'application/json; charset=utf-8',
4113        dataType: 'json',
4114        data: JSON.stringify({
4115          productIds: categoryProductIds
4116        }),
4117        success: function (response) {
4118          if (!response || !response.items) return;
4119
4120          $.each(response.items, function (_, item) {
4121            if (!item || item.inventory === null || item.inventory === undefined) return;
4122
4123            var inventory = parseInt(item.inventory, 10);
4124            var $product = $('.prod-cat-item[data-product-id="' + item.productId + '"]');
4125
4126            $product.parent().attr('data-inventory', item.inventory);
4127
4128            if (inventory <= 0) {
4129              $product.append('<div class="prod-cat-inventory-status out-of-stock">Out of Stock</div>');
4130              $product.parent().addClass('prod-out-of-stock');
4131            } else {
4132              $product.append('<div class="prod-cat-inventory-status in-stock">In Stock: ' + inventory + '</div>');
4133            }
4134          });
4135        },
4136        error: function (xhr) {
4137          console.log('CheckInventory failed', xhr);
4138        }
4139      });
4140    }
4141  }
4142
4143  // Product details page inventory check.
4144  // Do not send checkCanBuy here: product-detail behavior remains inventory-only.
4145  if ($('body').hasClass('pageType_product')) {
4146    var productId = $('.productPage').attr('data-product-id');
4147
4148    if (productId) {
4149      $.ajax({
4150        url: '/Andrews/CheckInventory',
4151        type: 'POST',
4152        contentType: 'application/json; charset=utf-8',
4153        dataType: 'json',
4154        data: JSON.stringify({
4155          productIds: [productId]
4156        }),
4157        success: function (response) {
4158          if (!response || !response.items || !response.items.length) return;
4159
4160          var item = response.items[0];
4161
4162          if (!item || item.inventory === null || item.inventory === undefined) return;
4163
4164          var inventory = parseInt(item.inventory, 10);
4165
4166          var $statusContainer = $('.prod-detail-inventory-status-container');
4167          if (!$statusContainer.length) {
4168            $statusContainer = $('<div class="prod-detail-inventory-status-container"></div>').insertBefore('#pricingArea');
4169          }
4170
4171          $statusContainer.empty();
4172
4173          if (inventory <= 0) {
4174            $statusContainer.append('<div class="prod-detail-inventory-status out-of-stock">Out of Stock</div>');
4175            prodPageApplyOutOfStockUIChange();
4176          } else {
4177            $statusContainer.append('<div class="prod-detail-inventory-status in-stock">In Stock: ' + inventory + '</div>');
4178          }
4179        },
4180        error: function (xhr) {
4181          console.log('CheckInventory failed', xhr);
4182        }
4183      });
4184    }
4185  }
4186
4187  // Cart page
4188  if ($('body').hasClass('pageType_cart')) {
4189    var inventoryApiUrl = '/Andrews/CheckInventory';
4190    var bulkRemoveApiUrl = '/cart/removebulk';
4191    var inventoryMap = {};
4192    var canBuyMap = {};
4193    var checkoutUrl = null;
4194
4195    function normalizeProductId(productId) {
4196      return String(productId || '').toLowerCase();
4197    }
4198
4199    function escapeHtml(value) {
4200      return $('<div/>').text(value === null || value === undefined ? '' : String(value)).html();
4201    }
4202
4203    function setCheckoutLoading(isLoading) {
4204      var $btn = $('#btnCheckout');
4205
4206      if (!$btn.length) return;
4207
4208      if (isLoading) {
4209        $btn.data('inventory-was-disabled', $btn.is(':disabled'));
4210        $btn.prop('disabled', true);
4211
4212        if (window.kendo && kendo.ui && kendo.ui.progress) {
4213          kendo.ui.progress($btn.parent(), true);
4214        }
4215
4216        return;
4217      }
4218
4219      if (window.kendo && kendo.ui && kendo.ui.progress) {
4220        kendo.ui.progress($btn.parent(), false);
4221      }
4222
4223      if (!$btn.data('inventory-was-disabled')) {
4224        $btn.prop('disabled', false);
4225      }
4226    }
4227
4228    function getProductIds() {
4229      var seen = {};
4230      var ids = [];
4231
4232      $('.cart-product-item[data-product-id]').each(function () {
4233        var id = $(this).attr('data-product-id');
4234        var key = normalizeProductId(id);
4235
4236        if (!key || seen[key]) return;
4237
4238        seen[key] = true;
4239        ids.push(id);
4240      });
4241
4242      return ids;
4243    }
4244
4245    function fetchInventory(checkCanBuy) {
4246      var productIds = getProductIds();
4247
4248      if (!productIds.length) {
4249        inventoryMap = {};
4250        canBuyMap = {};
4251        return $.Deferred().resolve().promise();
4252      }
4253
4254      var request = {
4255        productIds: productIds
4256      };
4257
4258      // Only the checkout-time request opts into the provider validate-cart call.
4259      if (checkCanBuy) {
4260        request.checkCanBuy = true;
4261      }
4262
4263      return $.ajax({
4264        url: inventoryApiUrl,
4265        type: 'POST',
4266        contentType: 'application/json; charset=utf-8',
4267        dataType: 'json',
4268        data: JSON.stringify(request)
4269      }).done(function (data) {
4270        inventoryMap = {};
4271        canBuyMap = {};
4272
4273        $.each((data && data.items) || [], function (_, item) {
4274          var key = normalizeProductId(item && item.productId);
4275
4276          if (!key) return;
4277
4278          inventoryMap[key] = item.inventory;
4279
4280          if (checkCanBuy && item.canBuy !== null && item.canBuy !== undefined) {
4281            canBuyMap[key] = item.canBuy;
4282          }
4283        });
4284      });
4285    }
4286
4287    function applyInventoryUi() {
4288      $('.cart-product-inventory').remove();
4289
4290      $('.cart-product-item[data-product-id]').each(function () {
4291        var $item = $(this);
4292        var productId = normalizeProductId($item.attr('data-product-id'));
4293
4294        if (!productId) return;
4295
4296        var inventory = inventoryMap[productId];
4297
4298        if (inventory === null || inventory === undefined) return;
4299
4300        var inStock = Number(inventory) > 0;
4301
4302        $item
4303          .removeClass('cart-in-stock cart-out-of-stock')
4304          .addClass(inStock ? 'cart-in-stock' : 'cart-out-of-stock');
4305
4306        var $inventory = $('<div/>', {
4307          class: 'cart-product-inventory ' + (inStock ? 'cart-in-stock' : 'cart-out-of-stock'),
4308          text: inStock ? 'In Stock: ' + inventory : 'Out of Stock'
4309        });
4310
4311        $item.find('.cart-product-price').first().before($inventory);
4312      });
4313    }
4314
4315    function refreshInventoryUi(showButtonProgress, checkCanBuy) {
4316      if (showButtonProgress) {
4317        setCheckoutLoading(true);
4318      }
4319
4320      return fetchInventory(checkCanBuy === true)
4321        .done(applyInventoryUi)
4322        .always(function () {
4323          if (showButtonProgress) {
4324            setCheckoutLoading(false);
4325          }
4326        });
4327    }
4328
4329    // Keep the site's custom quantity-reading behavior unchanged.
4330    function getItemQty($item) {
4331      var $qty = $item.find('.cart-product-qty').first();
4332      var $cantidad = $qty.find('.cantidad').first();
4333
4334      if ($cantidad.length) {
4335        return parseFloat($cantidad.val()) || 0;
4336      }
4337
4338      return parseFloat($.trim($qty.text()).replace(/[^\d.]/g, '')) || 0;
4339    }
4340
4341    function getCartProducts() {
4342      var products = {};
4343
4344      $('.cart-product-item[data-product-id]').each(function () {
4345        var $item = $(this);
4346        var rawProductId = $item.attr('data-product-id');
4347        var productId = normalizeProductId(rawProductId);
4348
4349        if (!productId) return;
4350
4351        if (!products[productId]) {
4352          products[productId] = {
4353            productId: rawProductId,
4354            productName: $.trim($item.find('.cart-product-name').first().text()) || 'Product',
4355            requestedQuantity: 0,
4356            orderItemIds: []
4357          };
4358        }
4359
4360        products[productId].requestedQuantity += getItemQty($item);
4361
4362        var orderItemId = $item.attr('data-order-item-id');
4363        if (orderItemId && products[productId].orderItemIds.indexOf(orderItemId) === -1) {
4364          products[productId].orderItemIds.push(orderItemId);
4365        }
4366      });
4367
4368      return products;
4369    }
4370
4371    function validateInventory() {
4372      var products = getCartProducts();
4373      var validation = {
4374        warnings: [],
4375        invalidItems: [],
4376        invalidOrderItemIds: []
4377      };
4378
4379      $.each(products, function (productId, product) {
4380        var rawInventory = inventoryMap[productId];
4381        var hasInventory = rawInventory !== null && rawInventory !== undefined && !isNaN(Number(rawInventory));
4382        var inventory = hasInventory ? Number(rawInventory) : null;
4383        var canBuy = canBuyMap[productId];
4384        var invalidReasons = [];
4385
4386        if (hasInventory && inventory <= 0) {
4387          invalidReasons.push('Out of stock.');
4388        }
4389
4390        // A null/unknown canBuy result does not block checkout. Only an explicit false is invalid.
4391        if (canBuy === false) {
4392          invalidReasons.push('This item is not currently eligible for purchase.');
4393        }
4394
4395        if (invalidReasons.length) {
4396          validation.invalidItems.push({
4397            productName: product.productName,
4398            reasons: invalidReasons,
4399            orderItemIds: product.orderItemIds
4400          });
4401
4402          $.each(product.orderItemIds, function (_, orderItemId) {
4403            if (validation.invalidOrderItemIds.indexOf(orderItemId) === -1) {
4404              validation.invalidOrderItemIds.push(orderItemId);
4405            }
4406          });
4407
4408          return;
4409        }
4410
4411        // This is a warning, not an invalid item: the customer may adjust the quantity.
4412        if (hasInventory && inventory > 0 && product.requestedQuantity > inventory) {
4413          validation.warnings.push({
4414            productName: product.productName,
4415            inventory: inventory,
4416            requestedQuantity: product.requestedQuantity
4417          });
4418        }
4419      });
4420
4421      return validation;
4422    }
4423
4424    function setCartItemsLoading(orderItemIds, isLoading) {
4425      if (!window.kendo || !kendo.ui || !kendo.ui.progress) return;
4426
4427      $.each(orderItemIds, function (_, orderItemId) {
4428        var $item = $('.cart-product-item[data-order-item-id="' + orderItemId + '"]');
4429
4430        if ($item.length) {
4431          kendo.ui.progress($item, isLoading);
4432        }
4433      });
4434    }
4435
4436    function reportCartAjaxError(message) {
4437      if (typeof window.showAjaxError === 'function') {
4438        window.showAjaxError(message);
4439      } else {
4440        console.log(message);
4441      }
4442    }
4443
4444    function removeInvalidCartItems(orderItemIds) {
4445      if (!orderItemIds.length) return;
4446
4447      setCartItemsLoading(orderItemIds, true);
4448
4449      $.ajax({
4450        url: bulkRemoveApiUrl,
4451        type: 'POST',
4452        contentType: 'application/json; charset=utf-8',
4453        dataType: 'json',
4454        data: JSON.stringify({
4455          orderItemIds: orderItemIds
4456        })
4457      }).done(function (data) {
4458        if (data && data.success) {
4459          // Use the same raw-HTML update functions as the built-in single-item removal.
4460          // Cart item actions keep working because cart.js binds them through document delegation.
4461          window.updateCartItemsHtml(data.data);
4462          window.updateCartSummaryHtml(data.summary, data.zeroval);
4463          window.updateCartInstructionHtml(data.instructions);
4464        } else {
4465          reportCartAjaxError((data && data.message) || 'The invalid cart items could not be removed.');
4466        }
4467      }).fail(function (xhr, textStatus) {
4468        console.log('Bulk cart removal failed', textStatus, xhr);
4469        reportCartAjaxError('The invalid cart items could not be removed. Please try again.');
4470      }).always(function () {
4471        setCartItemsLoading(orderItemIds, false);
4472      });
4473    }
4474
4475    function buildInventoryDialogHtml(validation) {
4476      var html = '<div class="cart-inventory-dialog">';
4477
4478      if (validation.warnings.length) {
4479        html += '<div class="cart-inventory-dialog-section cart-inventory-dialog-warnings">';
4480        html += '<h4 class="cart-inventory-dialog-title">Quantity warning</h4>';
4481        html += '<p class="cart-inventory-dialog-note">Please adjust these quantities before checking out.</p>';
4482        html += '<ul class="cart-inventory-dialog-list">';
4483
4484        $.each(validation.warnings, function (_, warning) {
4485          html += '<li><strong>' + escapeHtml(warning.productName) + '</strong>';
4486          html += ' &mdash; Available: ' + escapeHtml(warning.inventory);
4487          html += ', Requested: ' + escapeHtml(warning.requestedQuantity) + '.</li>';
4488        });
4489
4490        html += '</ul></div>';
4491      }
4492
4493      if (validation.invalidItems.length) {
4494        html += '<div class="cart-inventory-dialog-section cart-inventory-dialog-invalid">';
4495        html += '<h4 class="cart-inventory-dialog-title">Items that cannot be purchased</h4>';
4496        html += '<p class="cart-inventory-dialog-note">Remove these items before continuing to checkout.</p>';
4497        html += '<ul class="cart-inventory-dialog-list">';
4498
4499        $.each(validation.invalidItems, function (_, item) {
4500          html += '<li><strong>' + escapeHtml(item.productName) + '</strong>';
4501          html += ' &mdash; ' + escapeHtml(item.reasons.join(' ')) + '</li>';
4502        });
4503
4504        html += '</ul></div>';
4505      }
4506
4507      html += '</div>';
4508      return html;
4509    }
4510
4511    function showInventoryDialog(validation) {
4512      var actions;
4513
4514      if (validation.invalidOrderItemIds.length) {
4515        actions = [
4516          { text: 'Close' },
4517          {
4518            text: 'Remove Invalid Items',
4519            primary: true,
4520            action: function () {
4521              // Kendo closes the dialog after the action; removal then shows item-level loading.
4522              removeInvalidCartItems(validation.invalidOrderItemIds);
4523            }
4524          }
4525        ];
4526      } else {
4527        actions = [{ text: 'OK', primary: true }];
4528      }
4529
4530      $('<div/>').kendoDialog({
4531        title: 'Cart Validation',
4532        content: buildInventoryDialogHtml(validation),
4533        modal: true,
4534        width: '520px',
4535        actions: actions,
4536        buttonLayout: 'normal',
4537        close: function () {
4538          this.destroy();
4539        }
4540      }).data('kendoDialog').open();
4541    }
4542
4543    function getCheckoutUrl($btn) {
4544      var onclick = $btn.attr('onclick') || '';
4545      var match = onclick.match(/self\.location\s*=\s*['"]([^'"]+)['"]/i);
4546
4547      return match ? match[1] : null;
4548    }
4549
4550    function hookCheckoutButton() {
4551      var $btn = $('#btnCheckout');
4552
4553      if (!$btn.length) return;
4554
4555      checkoutUrl = getCheckoutUrl($btn);
4556
4557      // Leave the original checkout behavior intact if its URL cannot be determined.
4558      if (!checkoutUrl) {
4559        console.log('Inventory checkout hook skipped: checkout URL was not found.');
4560        return;
4561      }
4562
4563      $btn.removeAttr('onclick');
4564      $btn.off('click.inventoryCheck').on('click.inventoryCheck', function (e) {
4565        e.preventDefault();
4566
4567        // Re-check immediately before checkout and opt into canBuy for this request only.
4568        refreshInventoryUi(true, true)
4569          .done(function () {
4570            var validation = validateInventory();
4571
4572            if (validation.warnings.length || validation.invalidItems.length) {
4573              showInventoryDialog(validation);
4574              return;
4575            }
4576
4577            window.location = checkoutUrl;
4578          })
4579          .fail(function (xhr) {
4580            console.log('Checkout inventory validation failed', xhr);
4581            reportCartAjaxError('Inventory could not be validated. Please try checkout again.');
4582          });
4583      });
4584    }
4585
4586    function hookCartAjaxRefresh() {
4587      if (typeof window.updateCartItemsHtml !== 'function') return;
4588      if (window.updateCartItemsHtml.inventoryRefreshHooked) return;
4589
4590      var originalUpdateCartItemsHtml = window.updateCartItemsHtml;
4591      var wrappedUpdateCartItemsHtml = function () {
4592        var result = originalUpdateCartItemsHtml.apply(this, arguments);
4593
4594        // Cart refreshes keep using the ordinary inventory-only request.
4595        refreshInventoryUi(true, false);
4596
4597        return result;
4598      };
4599
4600      wrappedUpdateCartItemsHtml.inventoryRefreshHooked = true;
4601      window.updateCartItemsHtml = wrappedUpdateCartItemsHtml;
4602    }
4603
4604    hookCheckoutButton();
4605    hookCartAjaxRefresh();
4606
4607    // Initial cart-page inventory display remains inventory-only.
4608    refreshInventoryUi(true, false);
4609  }
4610});
4611</script>
4611
4612
4613
4614
4615<script>
4616document.addEventListener("DOMContentLoaded", function () {
4617    const banner = document.querySelector("#home-banner");
4618    if (!banner) return;
4619
4620    const path = window.location.pathname.toLowerCase();
4621
4622    const showBanner =
4623        path === "/" ||
4624        path === "/category/root";
4625
4626    if (!showBanner) {
4627        banner.style.display = "none";
4628    }
4629});
4630</script>
4630
4631
4632
4633<script>
4634window.addEventListener('load', function () {
4635  function val(form, name) {
4636    var el = form.querySelector('[name="' + name + '"]');
4637    return el ? el.value.trim() : '';
4638  }
4639
4640  function checkedVals(form, name) {
4641    var boxes = form.querySelectorAll('input[type="checkbox"][name="' + name + '"]:checked');
4642    var out = [];
4643    boxes.forEach(function (b) { if (b.value !== 'Spacer') out.push(b.value); });
4644    return out.join(', ');
4645  }
4646
4647  function editorVal(form, name) {
4648    if (window.jQuery) {
4649      var widget = jQuery('[name="' + name + '"]').data('kendoEditor');
4650      if (widget) return widget.value().replace(/<[^>]*>/g, ' ').replace(/\s+/g, ' ').trim();
4651    }
4652    return val(form, name);
4653  }
4654
4655  function wireForm(form, buildSummary) {
4656    form.addEventListener('input', buildSummary, true);
4657    form.addEventListener('change', buildSummary, true);
4658    form.addEventListener('submit', buildSummary);
4659    buildSummary();
4660  }
4661
4662  // ---- Custom Sign Request ----
4663  var csrForm = document.querySelector('form[action="/product/CustomSignRequest"]');
4664  if (csrForm) {
4665    var csrTarget = csrForm.querySelector('[name="[0].CustomFormFields[4].Val"]');
4666    if (csrTarget) {
4667      var buildCsrSummary = function () {
4668        csrTarget.value = [
4669          'Package Type: ' + val(csrForm, '[0].CustomFormFields[2].Val'),
4670          'Price: ' + val(csrForm, '[0].CustomFormFields[3].Val')
4671        ].join(' | ');
4672      };
4673      wireForm(csrForm, buildCsrSummary);
4674    }
4675  }
4676
4677  // ---- Template Request ----
4678  var trForm = document.querySelector('form[action="/product/TemplateRequest"]');
4679  if (trForm) {
4680    var trTarget = trForm.querySelector('[name="[0].CustomFormFields[11].Val"]');
4681    if (trTarget) {
4682      var buildTrSummary = function () {
4683        trTarget.value = [
4684          'Start Date: ' + val(trForm, '[0].CustomFormFields[4].Val'),
4685          'End Date: ' + val(trForm, '[0].CustomFormFields[5].Val'),
4686          'Specialty: ' + checkedVals(trForm, '[0].CustomFormFields[6].Val'),
4687          'Hometown: ' + checkedVals(trForm, '[0].CustomFormFields[7].Val'),
4688          'Off-Prem: ' + editorVal(trForm, '[0].CustomFormFields[8].Val'),
4689          'On-Prem: ' + editorVal(trForm, '[0].CustomFormFields[9].Val')
4690        ].join(' | ');
4691      };
4692      wireForm(trForm, buildTrSummary);
4693
4694      if (window.jQuery) {
4695        ['4', '5'].forEach(function (i) {
4696          var w = jQuery('[name="[0].CustomFormFields[' + i + '].Val"]').data('kendoDatePicker');
4697          if (w) w.bind('change', buildTrSummary);
4698        });
4699        ['8', '9'].forEach(function (i) {
4700          var w = jQuery('[name="[0].CustomFormFields[' + i + '].Val"]').data('kendoEditor');
4701          if (w) w.bind('change', buildTrSummary);
4702        });
4703      }
4704    }
4705  }
4706});
4707</script>
4707
4708
4709<script>
4710//Setting the product sort to alphabetically by default which is value 3 in dropdown
4711window.addEventListener('load', function () {
4712    const sort = document.querySelector('.product-sort-select');
4713
4714    if (
4715        sort &&
4716        localStorage.getItem('alphaSortInitialized') !== 'true'
4717    ) {
4718        sort.value = '3';
4719        sort.dispatchEvent(new Event('change', { bubbles: true }));
4720
4721        localStorage.setItem('alphaSortInitialized', 'true');
4722    }
4723});
4724</script>
4724    <!-- //site admin HEAD -->
4725    
4726    <title>Login</title>
4727
4728    
4729
4730</head>
4731<body class='aleyantW2P-v6 y2026 m09 d28 h11 siteType_customer pageType_login pageName_login user_restricted  Unknown Chrome Chrome128 isNotMobile isNotHome  isResponsive skinid-isCustomSkin isNotImpersonating 8e66439f-166a-4eb7-8b1a-0f94d9e2957d saveForLaterInactive USA  selfSignUpDenied banner-boxed single-line-product-heading prod-view-grid display-footer-headings hidden-footer-logo display-history-panel hide-sidebar-home'>
4732       
4733    <!-- beforeContent -->
4734    
4735
4736     
4737    <!-- /beforeContent -->
4738
4739
4740
4741<!--header-->
4742<header>
4743    <div class="header-main">
4744        <div class="header-top">
4745            <div class="container">
4746                <div class="row">
4747                    <div class="col-sm-6 hidden-xs">
4748                        <div class="welcome-msg">
4749                            Welcome <span class="user"></span><span class="visitor">Visitor</span>
4750           
4751           
4752                        </div>
4753                    </div>
4754                    <div class="col-xs-12 col-sm-6">
4755                        <div class="quick-top-links">
4756                            
4757                            <div class="quick-link-login">
4758                                <a href="/login">Login</a>
4759                            </div>
4760                            <div class="quick-link-account">
4761                                <a href="/settings">My Account</a>
4762                            </div>
4763                            <div class="quick-link-orders">
4764                                <a href="/orders">Order History</a>
4765                            </div>
4766                            <div class="quick-link-saved">
4767                                <a href="/savedforlater">Saved</a>
4768                            </div>
4769                            <div class="quick-link-logout">
4770                                <a href="/login">Logout</a>
4771                            </div>
4772                        </div>
4773                    </div>
4774                </div>
4775            </div>
4776        </div>
4777        <div class="header-body">
4778            <div class="container">
4779                <div class="row">
4780                    <div class="col-xs-6 col-sm-12 col-md-4 col-lg-3 mobile-logo">
4781                        <div class="logo">
4782                            <a href="/" title="ShopPop">
4783                                <img id="logo"  class="default-header-logo-height skinsetting-header-logo-height" src="/files/subscribers/74535b8f-4e2d-4144-8eba-a5fc74cec6d5/sites/0e98a5cb-c2ad-4c8c-812c-2ebf393f904f/logo_0e98a5cb-c2ad-4c8c-812c-2ebf393f904f_large.png?stamp=639227526875013069" alt="ShopPop" title="ShopPop"/>
4784                            </a>
4785                        </div>
4786                    </div>
4787                    <div class="hidden-xs col-sm-8 col-md-5 col-lg-6">
4788                        <div class="header-search">
4789                            <div class="input-group">
4790                                <input type="text" class="form-control header-search-input" placeholder="Search Site" />
4791                                <span class="input-group-btn"><button class="btn btn-default header-search-btn" type="button"><i class="fa fa-search" aria-hidden="true"></i></button></span>
4792                            </div>
4793                        </div>
4794                    </div>
4795                    <div class="col-xs-6 col-sm-4 col-md-3 mobile-links">
4796                        <div id="cart" class="header-cart">
4797                            <a href="/cart" class="cart-link" data-hover="dropdown" aria-haspopup="true" aria-expanded="false" id="cart-button" aria-label="Shopping Cart">
4798                                <i class="fa fa-shopping-cart" aria-hidden="true"></i>
4799                                <span class='cart-count-label'><span class="store-data" data-cart="count">0</span></span>
4800                                items
4801                                
4802                            </a>
4803                            
4804                        </div>
4805                        <div class="header-mobile-links">
4806                          <a class="mobile-nav-btn" class="mobile-nav-btn" data-toggle="collapse" data-target="#top-nav" href="#top-nav" aria-label="Toggle Navigation Menu"><i class="fa fa-fw fa-bars" aria-hidden="true"></i></a>
4807                          <a href="/cart" class="mobile-nav-btn mobile-nav-btn-cart" aria-label="Shopping Cart"><i class="fa fa-fw fa-shopping-cart" aria-hidden="true"></i><span class="badge"><span class="store-data" data-cart="count">0</span></span></a>
4808                          <a href="/search" class="mobile-nav-btn" aria-label="Search"><i class="fa fa-search fa-fw" aria-hidden="true"></i></a>
4809                          <a href="/login" class="mobile-nav-btn mobile-nav-login" aria-label="Login"><i class="fa fa-user fa-fw" aria-hidden="true"></i></a>
4810                          <a href="/settings" class="mobile-nav-btn mobile-nav-settings" aria-label="Profile Settings"><i class="fa fa-user fa-fw" aria-hidden="true"></i></a>
4811                        </div>
4812                    </div>
4813                </div>
4814            </div>
4815        </div>
4816    </div>
4817    <div id="top-navbar" class="navbar navbar-default">
4818        <div class="container">
4819            <nav id="top-nav" class="collapse navbar-collapse">
4820                 <ul class="nav navbar-nav" id="nav-main"><li class="depth1 externalURL coolertags"><a href='https://erp.coolertags.com/login' rel='noopener noreferrer' target='_blank' >Cooler Tags</a></li></ul> 
4821
4822            </nav>
4823        </div>
4824    </div>
4825</header>
4826<!--header-->
4827
4828<div class="container banner-container">
4829    <div id="home-banner" class="home-banner-area">
4830        <div class="widget widget-banner"><div class="cycle-slideshow" data-cycle-tmpl-regex="\[\[((\.)?.*?)\]\]" data-cycle-log="false" data-cycle-fx="scrollHorz" data-cycle-timeout="4000" data-cycle-allow-wrap="false" data-cycle-delay="0" data-cycle-loop="0" data-cycle-pause-on-hover="false" data-cycle-paused="false" data-cycle-speed="500" data-cycle-slides="> a " data-cycle-auto-height="0"  data-cycle-prev=".prev" data-cycle-next=".next"   data-cycle-pager
4830="#no-template-pager1768407611856" data-cycle-pager-template=""  ><a href="/category/Cowboys" data-cycle-title=""> <img src="/files/subscribers/74535b8f-4e2d-4144-8eba-a5fc74cec6d5/skinimages/MillerLiteFootballCowboysB2BWebBannerAndrews1024x1.jpg" title="" alt="" class="img-responsive"> </a> <a href="/category/Oktoberfest" data-cycle-title=""> <img src="/files/subscribers/74535b8f-4e2d-4144-8eba-a5fc74cec6d5/skinimages/OktoberfestBrands2026-OrderNow_DesktopBanner1.png" title="" alt="" class="img-responsive"> </a> </div><div class="prev-next-nav"> <span class="prev"><a href="#">&lt;&lt;Prev</a> <span class="glyphicon glyphicon-chevron-left"></span> </span> <span class="next"> <span class="glyphicon glyphicon-chevron-right"></span> <a href="#">Next &gt;&gt;</a></span> </div><div id="no-template-pager1768407611856" class="cycle-pager external"> 		<span><img src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" title="" alt="" width="50" height="50"></span>		<span><img src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" title="" alt="" width="50" height="50"></span>	</div></div>
4831    </div>
4832</div>
4833
4834<div class="container" id="main-content">
4835    
4836
4837
4838
4839<div id="loginPage" class="loginPage page-content">
4840  <div id="loginpnl">
4841    <h1 class="pageTitle">Login</h1>
4842    <div class="pageBody clearfix">
4843
4844<form action="/login?returnUrl=%2Fsettings" method="post"><input name="__RequestVerificationToken" type="hidden" value="6azj2-5mrCozPlD718UmnyJzfMaLZ_88L9MRa8ivUDXDmswNsd0_l9JEpwBA8hoQhnyDVwFPS3-F9jSAfg14P_2UGH01" />
4845
4846
4847<div class="loginForm">
4848
4849        <fieldset>
4850                <legend>Login</legend>
4851
4852                <div class="sso-providers-area">
4853                    <div class="sso-providers sso-providers-count-1">
4854                                
4855                                    <div class="sso-provider sso-provider-AzureAD">
4856                                        <a class="sso-provider-link btn btn-default" href="https://shoppop.com/sso/initiate/b4210000-5db3-0015-ef4e-08dee124774f?returnUrl=/settings">
4857                                            <span class="sso-provider-icon"></span>
4858                                            Andrews Single Sign-On
4859                                        </a>
4860                                    </div>
4861                                
4862                    </div>
4863                    <div class="sso-or"><span>or</span></div>
4864                </div>
4865
4866            <ol class="list-unstyled">
4867                <li class="loginUserName form-group">
4868                    <label for="userName">Email or Username</label>
4869                    <input name="userName" type="text" id="userName" tabindex="1" class="username form-control" autocomplete="off" placeholder="Email or Username" data-val="true" data-val-required="Email or Username is Required" required>
4870                    <strong>
4871                        <span class="field-validation-valid label label-danger label-validator" data-valmsg-for="userName" data-valmsg-replace="true"></span>
4872                    </strong>
4873                </li>
4874                <li class="loginPassword form-group">
4875                    <label for="userPassword">Password</label>
4876                    <input name="userPassword" type="password" id="userPassword" tabindex="2" class="password form-control" autocomplete="off" placeholder="Password" data-val="true" data-val-required="Password is Required" required>
4877                    <strong>
4878                        <span class="field-validation-valid label label-danger label-validator" data-valmsg-for="userPassword" data-valmsg-replace="true"></span>
4879                    </strong>
4880                </li>
4881            </ol>
4882        </fieldset>
4883<input id="ReturnUrl" name="ReturnUrl" type="hidden" value="/settings" />
4884
4885
4886    <fieldset class="submit">
4887        <input type="submit" value="Login" id="btnLogin" onclick="return checkDomain();" tabindex="3" class="submit btn btn-primary" />
4888        <div class="loginFormLinks">
4889                <a href='/lostpassword' title='Reset password' class='resetpassword'  target='_parent'>Reset password</a>
4890        </div>
4891    </fieldset>
4892
4893</div>
4894
4895<script>
4896    function checkDomain() {
4897        if ($('#domain')) {
4898            if ($('#domain').val() == '')
4899                return false;
4900        }
4901        return true;
4902    }
4903</script>
4903</form>    </div>
4904  </div>
4905</div>
4906</div>
4907
4908<!--footer-->
4909<footer class="footer">
4910    <div class="container">
4911        <div class="row footer-columns">
4912            <div class="col-md-5"><div class="footer-col-title"><h4>About Us</h4></div><div class="footermodule custom-html">Contact Us: <a href="mailto:[email protected]" style="color:#FFFFFF;">[email protected]</a></div></div>
4913
4914            <div class="col-md-3"><div class="footer-col-title"><h4>Contact Us</h4></div><div class="contactblcok custom-html"><div id="gtx-trans" style="position:absolute;left:-62px;top:25.5px;"><div class="gtx-trans-icon"></div></div></div></div>
4915
4916            
4917        </div>
4918        <div class="row footer-logo">
4919            <div class="col-sm-12">
4920                <a href="/"> <img class="default-footer-logo-height skinsetting-footer-logo-height" src="/files/subscribers/74535b8f-4e2d-4144-8eba-a5fc74cec6d5/sites/0e98a5cb-c2ad-4c8c-812c-2ebf393f904f/logo_0e98a5cb-c2ad-4c8c-812c-2ebf393f904f_large.png?stamp=639227526875013069" alt="ShopPop" title="ShopPop"/></a>
4921            </div>
4922        </div>
4923    </div>
4924    <div class="footer-bottom">
4925        <div class="container">
4926            <div class="row">
4927              <div class="col-md-12">
4928                
4929                
4930                
4931              </div>
4932            </div>
4933        </div>
4934    </div>
4935</footer>
4936<!--/footer-->
4937
4938
4939
4940
4941
4942    <!-- afterContent -->
4943    
4944    <!-- /afterContent -->
4945    <!-- RenderJs() -->
4946    
4946<script src='/layout/skins/library/lib/js/library.min.js'></script>
vendor: 2 bytes, line 4946
4946
4947<script src='/files/skins/8e66439f-166a-4eb7-8b1a-0f94d9e2957d/js/jquery.cookie.min.js'></script>
vendor: 2 bytes, line 4947
4947
4948<script src='/files/skins/8e66439f-166a-4eb7-8b1a-0f94d9e2957d/js/jquery.mousewheel.min.js'></script>
vendor: 2 bytes, line 4948
4948
4949<script src='/files/skins/8e66439f-166a-4eb7-8b1a-0f94d9e2957d/js/jquery.productfilter-1.0.0.js'></script>
vendor: 2 bytes, line 4949
4949
4950<script src='/files/skins/8e66439f-166a-4eb7-8b1a-0f94d9e2957d/js/owl.carousel.min.js'></script>
vendor: 2 bytes, line 4950
4950
4951<script src='/files/skins/8e66439f-166a-4eb7-8b1a-0f94d9e2957d/js/photoswipe-ui-default.min.js'></script>
vendor: 2 bytes, line 4951
4951
4952<script src='/files/skins/8e66439f-166a-4eb7-8b1a-0f94d9e2957d/js/photoswipe.min.js'></script>
vendor: 2 bytes, line 4952
4952
4953<script src='/files/skins/8e66439f-166a-4eb7-8b1a-0f94d9e2957d/js/z.skin.js'></script>
4953
4954
4955    <!-- /RenderJs() -->
4956    
4957
4958    
4958<script src="/Scripts/client-bundle.min.js?v=2026.9.10.2"></script>
4958
4959    
4959<script src="/Scripts/kendo/cultures/kendo.culture.en-US.min.js"></script>
4959
4960    
4960<script src="/Scripts/kendo/messages/kendo.messages.en-US.min.js"></script>
4960
4961
4962    
4962<script>
4963
4964          // jQuery ready
4965          $(function () {
4966
4967            $('select.barrating').barrating({ showSelectedRating: false });
4968
4969          }); //end ready
4970
4971          function _currencyFormat(number) {
4972            var zero = '$0.00';
4973            var decimalSeparator = '.';
4974            var groupSeparator = ',';
4975            var formattedNumber = number.toFixed(2).toString().replace('.', '|').replace(/\B(?=(\d{3})+(?!\d))/g, groupSeparator).replace('|', decimalSeparator);
4976            return zero.replace('0'+decimalSeparator+'00', formattedNumber);
4977          }
4978
4979    </script>
4979
4980
4981    
4982    
4983    <!-- deferred scripts -->
4984    
4985    <!-- /deferred scripts -->
4986    
4987
4988    
4988<script>
4989        //set kendo culture based on browser culture
4990        kendo.culture("en-US");
4991
4992        //overriding jQuery validation methods to support different culture
4993        jQuery.extend(jQuery.validator.methods, {
4994            date: function (value, element) {
4995                return this.optional(element) || kendo.parseDate(value) != null;
4996            },
4997            number: function (value, element) {
4998                var isValidNumber = this.optional(element) || (kendo.parseFloat(value) != null && /^-?\d*[\d,.·']+\d*$/.test(value));
4999                return isValidNumber;
5000            },
5001            min: function (value, element, param) {
5002                var val = kendo.parseFloat(value);
5003                return this.optional(element) || val >= param;
5004            },
5005            max: function (value, element, param) {
5006                var val = kendo.parseFloat(value);
5007                return this.optional(element) || val <= param;
5008            },
5009            range: function (value, element, param) {
5010                var val = kendo.parseFloat(value);
5011                return this.optional(element) || (
5012                    val >= param[0] && val <= param[1]);
5013            }
5014        });
5015        $.validator.setDefaults({ ignore: ':hidden:not(.validate-hidden)' });
5016    </script>
5016
5017    <style lang="scss">
5018        .betatag {
5019            font-size:10px;
5020            background: #389ef9;
5021            padding: 2px 10px;
5022            border-radius: 10px;
5023            font-weight: 400;
5024            color: #fff;
5025            text-transform: uppercase;
5026            margin-left: 6px;
5027        }
5028    </style>
5029</body>
5030</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.