:root { 
    --bodypad:5em;
}
html { scroll-behavior: smooth; }

@keyframes scrollingbackground {
    0% { background-position: 0vw 0; }
    50% { background-position: 100vw 0; }
    100% { background-position: 200vw 0; }
}

strong { color: rgba(38,191,241,1); }
img { max-width: 100%; }
.Guage { border-radius: 0.75em; color: #fff; background-color: rgb(255,106,0,0.3); height: 1.5em; padding: 0 1em; position: relative; box-sizing: border-box; }
.Guage:before { content: ''; display: block; border-radius: inherit; position: absolute; background-color: rgb(255,106,0,1); left: 0; top: 0; height: 100%; }
.Guage.Percent50:before { width: 50%; }

table { width: 100%; }
.OddRowShade tr:nth-child(even) { background-color: rgba(245,249,252,1); }
.ShadedRow { background-color: rgba(245,249,252,1); }
th, td { padding: 0.5em; }
table input[type=text] { padding: 0.25em 0.5em; min-width: 3em; }
footer { margin-top: 2em; }
footer .rounded-circle { color: #fff; background: #333e48; box-shadow: 0 4px 11px rgb(51 62 72 / 35%); }
footer .rounded-circle:hover { color: #333e48; background: transparent; }

.BarometerTargets { list-style: none; padding: 0; }
.BarometerTargets li { float: left; height: 3em; border-color: rgba(151,153,154,.5); border-width: 0; border-left-width: 1px; border-style: solid; box-sizing: border-box; position: relative; padding-top: 0.8em; text-align: center; font-size: .90em; color: #fff; }
.BarometerTargets .li-width-9 { width: 9%; }
.BarometerTargets .li-width-10 { width: 10%; }

.BarometerTargets li .Value { position: absolute; left: -50%; font-size: 1em; top: 4.5em; text-align: center; color: #333e48; width: 100%; }
.BarometerTargets li .tier-name { position: inherit; z-index: 1000 }
.BarometerTargets li:before { content: ''; position: absolute; left: -1px; top: 1.25em; height: 100%; width: 1px; background-color: rgba(151,153,154,0.5); }
.BarometerTargets li.Middle .peg { content: ''; position: absolute; left: 0; top: 0; height: 100%; width: 50%; border-bottom-right-radius: 0.75em; border-top-right-radius: 0.75em; background-color: inherit; }

.JadeBg, .BarometerTargets li.Jade.Full, .BarometerTargets li.Middle.Jade .peg { background-color: rgba(129,152,165,1); }
.QuartzBg, .BarometerTargets li.Quartz.Full, .BarometerTargets li.Middle.Quartz .peg { background-color: rgba(38,191,241,1); }
.ChromeBg, .BarometerTargets li.Chrome.Full, .BarometerTargets li.Middle.Chrome .peg { background-color: rgba(242,174,67,1); }
.BronzeBg, .BarometerTargets li.Bronze.Full, .BarometerTargets li.Middle.Bronze .peg { background-color: rgba(244,142,50,1); }
.CobaltBg, .BarometerTargets li.Cobalt.Full, .BarometerTargets li.Middle.Cobalt .peg { background-color: rgba(219,81,75,1); }
.SilverBg, .BarometerTargets li.Silver.Full, .BarometerTargets li.Middle.Silver .peg { background-color: rgba(88,185,87,1); }
.GoldBg, .BarometerTargets li.Gold.Full, .BarometerTargets li.Middle.Gold .peg { background-color: rgba(18,152,111,1); }
.PlatinumBg, .BarometerTargets li.Platinum.Full, .BarometerTargets li.Middle.Platinum .peg { background-color: rgba(29,106,175,1); }
.DiamondBg, .BarometerTargets li.Diamond.Full, .BarometerTargets li.Middle.Diamond .peg { background-color: rgba(129,152,165,1); }
.TitaniumBg, .BarometerTargets li.Titanium.Full, .BarometerTargets li.Middle.Titanium .peg { background-color: rgba(89,122,139,1); }
.TanzaniteBg, .BarometerTargets li.Tanzanite.Full, .BarometerTargets li.Middle.Tanzanite .peg { background-color: rgba(214,88,154,1); }

.BarometerTargets li.Jade { background-color: rgba(129,152,165,0.3); }
.BarometerTargets li.Quartz { background-color: rgba(38,191,241,0.3); }
.BarometerTargets li.Chrome { background-color: rgba(242,174,67,0.3); }
.BarometerTargets li.Bronze { background-color: rgba(244,142,50,0.3); }
.BarometerTargets li.Cobalt { background-color: rgba(219,81,75,0.3); }
.BarometerTargets li.Silver { background-color: rgba(88,185,87,0.3); }
.BarometerTargets li.Gold { background-color: rgba(18,152,111,0.3); }
.BarometerTargets li.Platinum { background-color: rgba(29,106,175,0.3); }
.BarometerTargets li.Diamond { background-color: rgba(129,152,165,0.3); }
.BarometerTargets li.Titanium { background-color: rgba(89,122,139,0.3); }
.BarometerTargets li.Tanzanite { background-color: rgba(214,88,154,0.3); }

.Jade, .Quartz, .Chrome, .Bronze,
.Cobalt, .Silver, .Gold, .Platinum,
.Diamond, .Titanium, .Tanzanite { font-weight: bold; }

.JadeTxt { color: rgb(129,152,165); }
.QuartzTxt { color: rgb(38,191,241); }
.ChromeTxt { color: rgb(242,174,67); }
.BronzeTxt { color: rgb(244,142,50); }
.CobaltTxt { color: rgb(219,81,75); }
.SilverTxt { color: rgb(88,185,87); }
.GoldTxt { color: rgb(18,152,111); }
.PlatinumTxt { color: rgb(29,106,175); }
.DiamondTxt { color: rgb(129,152,165); }
.TitaniumTxt { color: rgb(89,122,139); }
.TanzaniteTxt { color: rgb(214,88,154); }

.JadeDot:before, .QuartzDot:before, .ChromeDot:before,
.BronzeDot:before, .CobaltDot:before, .SilverDot:before,
.GoldDot:before, .PlatinumDot:before, .DiamondDot:before,
.TitaniumDot:before, .TanzaniteDot:before { content: ''; display: inline-block; width: 0.75em; height: 0.75em; border-radius: 100%; margin-right: 0.25em; }

.JadeDot:before { background-color: rgb(129,152,165); }
.QuartzDot:before { background-color: rgb(38,191,241); }
.ChromeDot:before { background-color: rgb(242,174,67); }
.BronzeDot:before { background-color: rgb(244,142,50); }
.CobaltDot:before { background-color: rgb(219,81,75); }
.SilverDot:before { background-color: rgb(88,185,87); }
.GoldDot:before { background-color: rgb(18,152,111); }
.PlatinumDot:before { background-color: rgb(29,106,175); }
.DiamondDot:before { background-color: rgb(129,152,165); }
.TitaniumDot:before { background-color: rgb(89,122,139); }
.TanzaniteDot:before { background-color: rgb(214,88,154); }


.BG-0 { }
.BG-AQ { }
.BG-BG1 { }
.BG-BL { background-color: #00f; }
.BG-BLC { }
.BG-BLG { }
.BG-BLL { }
.BG-BLO { }
.BG-BLR { }
.BG-BLT { }
.BG-BLW { }
.BG-BLY { }
.BG-BN { }
.BG-BR { }
.BG-BU { background-color: #00f; }
.BG-BZ { }
.BG-C { }
.BG-CAM { }
.BG-CM { }
.BG-CP { }
.BG-CY { }
.BG-DB { }
.BG-DG1 { background-color: #064b38 }
.BG-DG2 { }
.BG-DR { }
.BG-F { }
.BG-G { color: #0f0; }
.BG-GD { }
.BG-GG { }
.BG-GM { }
.BG-GR { }
.BG-GY { background-color: #474747; }
.BG-GYL { }
.BG-GYO { }
.BG-GYR { }
.BG-GYW { }
.BG-KH { }
.BG-L { background-color: #55aa43; }
.BG-LB { }
.BG-LN { }
.BG-M { background-color: #5b1b2b; }
.BG-MG { }
.BG-MIX { }
.BG-N { background-color: #22233f }
.BG-NAT { }
.BG-NB { }
.BG-NL { }
.BG-NLB { }
.BG-NR { }
.BG-NT { }
.BG-NTN { }
.BG-NW { }
.BG-O { }
.BG-OB { }
.BG-OL { }
.BG-OW { }
.BG-P { }
.BG-PI { }
.BG-R { background-color: #f00; }
.BG-RB { background-color: #013588; }
.BG-RBL { }
.BG-RBW { }
.BG-RBY { }
.BG-RG { }
.BG-RW { }
.BG-S { }
.BG-SB { }
.BG-SET { }
.BG-ST { }
.BG-SW { }
.BG-T { }
.BG-TQ { }
.BG-W { color: #fff; }
.BG-WBL { }
.BG-WBU { }
.BG-WLB { }
.BG-WN { }
.BG-WR { }
.BG-Y { background-color: #ff0; }

.TC-0 { }
.TC-AQ { }
.TC-BG1 { }
.TC-BL { color: #00f; }
.TC-BLC { }
.TC-BLG { }
.TC-BLL { }
.TC-BLO { }
.TC-BLR { }
.TC-BLT { }
.TC-BLW { }
.TC-BLY { }
.TC-BN { }
.TC-BR { }
.TC-BU { color: #00f; }
.TC-BZ { }
.TC-C { }
.TC-CAM { }
.TC-CM { }
.TC-CP { }
.TC-CY { }
.TC-DB { }
.TC-DG1 { color: #064b38; }
.TC-DG2 { }
.TC-DR { }
.TC-F { }
.TC-G { color: #0f0; }
.TC-GD { }
.TC-GG { }
.TC-GM { }
.TC-GR { }
.TC-GY { color: #474747; }
.TC-GYL { }
.TC-GYO { }
.TC-GYR { }
.TC-GYW { }
.TC-KH { }
.TC-L { }
.TC-LB { }
.TC-LN { }
.TC-M { color: #5b1b2b; }
.TC-MG { }
.TC-MIX { }
.TC-N { color: #22233f; }
.TC-NAT { }
.TC-NB { }
.TC-NL { }
.TC-NLB { }
.TC-NR { }
.TC-NT { }
.TC-NTN { }
.TC-NW { }
.TC-O { }
.TC-OB { }
.TC-OL { }
.TC-OW { }
.TC-P { }
.TC-PI { }
.TC-R { color: #f00; }
.TC-RB { color: #013588; }
.TC-RBL { }
.TC-RBW { }
.TC-RBY { }
.TC-RG { }
.TC-RW { }
.TC-S { }
.TC-SB { }
.TC-SET { }
.TC-ST { }
.TC-SW { }
.TC-T { }
.TC-TQ { }
.TC-W { color: #fff; }
.TC-WBL { }
.TC-WBU { }
.TC-WLB { }
.TC-WN { }
.TC-WR { }
.TC-Y { color: #ff0; }

i.bg-green { color: rgba(88,185,87,1); }

.sidebarNavToggler { display: none; }
.AltMenuBar { display: flex; flex-direction: row; flex-wrap: nowrap; align-content: center; justify-content: space-between; align-items: center; }

#widgetsSidebar { position: fixed; left: -100%; top: 0; height: 100%; width: 300px; z-index: 1003; background-color: #fff; transition: all 0.5s; padding: 1em 1.5em; box-shadow: 0 0 12px rgba(0,0,0,0.3); }
.dragable[draggable=true] { position: relative; }
.dragable[draggable=true]:after { content: "\f0b2"; position: absolute; top: 6px; right: 10px; font-family: "Font Awesome 5 Pro"; font-size: 1.4em; color: #ccc; }
#RowsHolder .dragable[draggable=true]:after { color: var(--primary); margin-right: 20px; }
#RowsHolder .dragable { overflow: hidden; }
#WidgetControl .dragable, #FilterControl .dragable { border: 1px solid #eee; border-radius: 5px; margin: 0.5em 2%; box-sizing: border-box; padding: 0.75em 30px 0.75em 1em; cursor: move }
#WidgetControl .dragable { min-height: 6em; width: 46%; }
#FilterControl .dragable { padding: 1em; }
#WidgetControl .dragable i { color: #ccc; }
#FilterControl .dragable[draggable=true]:after { top: 10px; }


.dropable { min-height: 2em; border: 1px solid transparent; }
.dropable.lite { border: 2px dashed var(--primary); }
.dropable:after { content: ''; display: block; clear: both; }
#widgetsSidebar .dropable.lite:after { content: 'Drop here to remove'; }
.dragClone { opacity: 0.5; position: fixed; box-sizing: border-box; }
#dashboard-content .card-body:after { content: ''; display: block; clear: both; }

.dashControl { position: fixed; width: 300px; right: 0; top: 0; height: 98%; background-color: rgba(200,200,200,0.9); z-index: 1002; padding: 1em; font-size: 0.8em; }
.controlSlide { position: absolute; padding: 1em; transform: rotate(90deg); background: #fff; left: -5em; top: 10%; z-index: 1002; }
.dashControl .dragable { margin-bottom: 1em; }
.dashControl .dropable { min-height: 90%; }



#dashboard-content .dashControl .card-body { min-height: 1em; }

.DashTitle { display: flex; flex-direction: row; margin-bottom: 1em; justify-content: space-between; align-items: start; }
.DashTitle .DashButtons { text-align: right; }
.DashTitle .DashButtons > button, .DashTitle .DashButtons > span, #RenameModalToggle, #ToggleFilterCustomize { border: 0; background: none; font-size: 1.4em; color: var(--primary); font-weight: bold; vertical-align: middle; text-transform: uppercase; }
.DashTitle .dropdown-toggle { font-weight: normal; }
.DashTitle > div > h2 { float: left; margin-right: 0.5em; }

#FilterSidebar { left: -400px; transition: left 0.5s; }
#FilterSidebar.open { left: 0; display: initial; opacity: 1; visibility: visible; }
.hs-mega-menu { min-width: 330px; }

.bg-img-hero { background-image: url(https://amrodcdn.blob.core.windows.net/webassets/banner/slider-banner-background.png); }
.dashCustomize { border: 1px solid black; display: flex; flex-direction: column; }
.dashCustomize .dragable { border: 1px solid black; margin: 0.5em; }

#sidebarConfig { position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background-color: #fff; padding: 1.5em; transition: left 0.3s; }
#FilterSidebar.open.Customizing #sidebarConfig { left: 100%; }
#FilterSidebar .u-sidebar__scroller, #sidebarConfig { overflow-y: scroll; }
#sidebarConfig h4 { text-transform: uppercase; }
#FiltersHolder { min-height: 8em; }
#FiltersHolder .dragable[draggable=true] .card { margin-bottom: 1em; }
#FiltersHolder .dragable[draggable=true] .card-header { background-color: #eee; }
#FiltersHolder .dragable[draggable=true] .card-body { min-height: 2em; }
#FiltersHolder .dragable[draggable=true]:after { color: rgba(38,191,241,1); }

#FiltersHolder .ghost { border: 2px dashed #5bcd91; padding: 0.25em 0.5em; margin: 0.25em; }
#FiltersHolder .ghost:before { content: 'Drop here'; color: #5bcd91; }
#FiltersHolder .section-title i { font-size: 1rem; padding: 0 0.25em; }
#FiltersHolder .section-title i.fa-search { color: rgba(38,191,241,1); }
.hi { background-color: #f3f29f; font-weight: bold; }
.u-sidebar { width: 30rem; max-width: 100%; }
.sidebarTable { border-bottom: 1px solid #eee; margin: 0.5em 1em 1em 0em; padding: 0 0 1em 0; }
.sidebarTable img { display: block; width: 151px; flex: none; margin: 1em; max-width: none; }
.sidebarTable table td { padding: 0; vertical-align: top; }
.sidebarTable table td[align=right], .sidebarTable table table { white-space: nowrap; }
.sidebarTable table table { line-height: 1.15em; }
.sidebarTable table table td { padding-right: 0.5em; }
.sidebarTable table table td[align=right] { padding-right: 0; }
.sidebarTable h5 { margin: 0 0.5em 0 0; line-height: 1.15em; }
.sidebarTable button { padding: 0 0.25em; margin-left: 0.5em; position: relative; top: -0.25em; }
.CartScroll { overflow: auto; max-height: calc(100% - 3em); }
.custom-sidebar .widget-middle { height: calc(100% - 6em); }
.CartBr { border-bottom: 16px transparent solid; }

[data-filtername="Categories"] a { color: inherit; }
[data-filtername="Categories"] a i { color: #ccc; font-size: 1.2em; margin-right: 0.5em; vertical-align: middle; }
[data-filtername="Categories"] a:hover, [data-filtername="Categories"] a:hover i { color: #26bff1; }

.SplitCrumb { display: flex; flex-direction: row; align-content: center; flex-wrap: nowrap; justify-content: space-between; align-items: center; }

.accordionHeading:before { content: "\f077"; font-family: "Font Awesome 5 Pro"; float: right; font-size: 0.8em; color: #999; line-height: 2em; margin: 0 0.5em; }
.accordionHeading.rolledUp:before { content: "\f078"; }

.nobtn { border: none; background-color: transparent; }
.nobtn.active i { color: rgba(38,191,241,1); }
.backgroundIcon { position: absolute; z-index: -1; top: 0; left: 0; text-align: center; width: 0; top: 0; }


@keyframes totalrotate {
    from { transform: rotate(0deg); }
    to { transform: rotate(359deg); }
}

.ClosedForLoading, .CoverLoading { position: relative; min-height: 2em; }
.ClosedForLoading:after { font-size: 3em; position: fixed; top: -100%; left: -100%; width: 300%; height: 300%; text-align: center; background-color: rgba(255,255,255,0.75); display: flex; flex-direction: column; z-index: 1111; flex-wrap: nowrap; align-content: center; justify-content: center; align-items: center; }
.LineLoading { display: block; background-color: #efefef; padding: 1em; }
.LineLoading:before { font-size: 2em; position: relative; display: inline-block; margin-right: 0.5em; }
.ClosedForLoading:after, .CoverLoading:after, .LineLoading:before { font-family: 'Font Awesome 5 Pro'; font-weight: bold; animation: totalrotate infinite linear 2s; color: var(--primary); content: '\f110'; }
.CoverLoading:before { content: ''; position: absolute; background-color: rgba(255,255,255,0.75); top: 0; left: 0; width: 100%; height: 100%;z-index:9999; }
.CoverLoading:after { position: absolute; font-size: 3em; top: 0; left: 0; width: 100%; height: 100%; display: flex; flex-direction: column; flex-wrap: nowrap; align-content: center; justify-content: center; align-items: center;z-index:99999; }

#sidebarNotes { right: -25rem; transition: right 0.5s; }
#sidebarNotes.open { right: 0; }

.listing-style-1 .ProductBrandLogo { height: 60px; }
.ProductBrandLogo { height: 100px; display: flex; flex-direction: row; flex-wrap: nowrap; align-content: center; justify-content: center; align-items: center; }
.ProductBrandLogo img, .ProductBrandLogo3 img { max-height: 100%; max-width: 100%; }
.ProductBrandLogo3 { height: 85px; }
.threecol { column-count: 3; }
#sliderSyncingThumb .js-slide { cursor: pointer; }

.WarningStatus:before { content: '�'; color: #f00; font-size: 1.5em; margin-right: 0.5em; }

.IncomingNote { display: block; background-color: #f00; color: #fff; border-radius: 100%; min-width: 1.5em; text-align: center; font-weight: bold; position: relative; }
.IncomingNote:hover .HoverNote { display: block; position: absolute; left: 100%; top: 50%; margin-top: -50px; width: 150px; height: 80px; z-index: 30; background-color: #fff; font-size: 0.7em; box-shadow: 2px 2px 5px rgba(0,0,0,0.15); color: #999; line-height: 1.3em; text-align: left; padding: 5px; overflow: hidden; border-radius: 5px; }
.IncomingNote:hover .HoverNote:before { content: ''; display: block; position: absolute; left: -5px; top: 50%; margin-top: -5px; width: 10px; height: 10px; background-color: inherit; transform: rotate(45deg); z-index: 2; }

.IconBtn { border: none; background: none; color: rgba(129,152,165,1); font-size: 1.5rem; }
.IconBtn.Active { color: rgba(38,191,241,1); }
.fileDrop { border: 2px dashed #eee; }
.fileDrop:before { content: 'Drop here'; display: block; text-align: center; }

.PreviewImage { width: 160px; margin: 1em; max-width: 100%; }
#UploaderSample { width: 160px; height: 100px; }
.Folders { padding: 0.5em; }
.Folders > span { cursor: pointer; }
.Folders > span:hover { background-color: #f1f1f1; }
.Folders > span { display: block; font-size: 1.2em; padding: 0.25em 0.5em; margin: 0.2em 0; border: none; background: none; border-radius: 2px; }
.Folders > span:before { content: '\f07b'; font-family: "Font Awesome 5 Pro"; margin-right: 0.5em; }
.Folders span.Trash:before { content: '\f2ed'; }
.Folders .Active { background-color: #ddd; color: #000; }
.Folders .Active:before { content: '\f07c'; }
.Folders.Targeted { border: 2px dashed rgba(38,191,241,1); }
.Folders.Targeted:before { content: 'Select a folder'; display: block; text-align: center; margin: 1em; }
.Folders.Targeted .Edit { display: none; }
.ImagesList .card { position: relative; }
.ImagesList .dragable.Active .card { background-color: rgba(38,191,241,1); color: #fff; }
#FilesTitle i { font-size: 1.2rem; margin: 0 1em; color: rgba(38,191,241,1); line-height: 2em; }
#FilesTitle[contenteditable=true] { border-bottom: 1px solid #ddd; }
.lit { outline: 1px solid #f00; }

.FileIcon:before { display: inline-block; margin-right: 0.5em; font-family: "Font Awesome 5 Pro"; font-size: 2.5em; }
.FileIcon.png:before { content: '\f1c5'; color: #55c1c1 }
.FileIcon.jpg:before { content: '\f1c5'; color: #39a2db }
.FileIcon.jpg:before { content: '\f1c1'; color: #ee5a70 }



#ImportSlots img.Active { border: 2px solid blue; }
#Rename { position: absolute; z-index: 3; left: 0; top: 100%; width: 100%; height: auto; padding: 1em; border: 1px solid #ddd; background-color: #fff; box-shadow: 2px 2px 6px rgba(0,0,0,0.3); }
#Rename label { color: #000; }

.ColorList { list-style: none; columns: 250px; padding: 0; margin: 1em; }
.ColorList li { line-height: 2em; cursor: pointer; text-align: right; height: 2em; }
.ColorList li:hover { outline: 2px solid green; }
.ColorList li .ColorChit { display: inline-block; height: 100%; width: 45px; margin-left: 1em; vertical-align: middle; }

.ColorCopy { list-style: none; padding: 0; margin: 0; min-width: 150px; }
.ColorCopy li { line-height: 2em; height: 2em; }
.ColorCopy li span { display: inline-block; height: 100%; width: 40px; margin-left: 1em; vertical-align: middle; border-radius: 5px; margin-right: 20px; float: left; }

.AutoPantones { position: absolute; top: 3em; left: -0.5em; width: 300px; height: auto; max-height: 300px; overflow-x: auto; z-index: 30; background-color: #fff; box-shadow: 1px 1px 3px rgba(0,0,0,0.15); padding: 0.5em; }
ul.AutoPantones { columns: initial; }

.PositionGrid { display: grid; grid-template-columns: auto auto auto; width: 40px; height: 40px; gap: 2px 2px; animation: all 0.5s; float: left; margin-right: 6px; }
.PositionGrid.Open { width: 150px; height: 150px; position: absolute; top: 0; right: 0; box-shadow: 2px 2px 5px rgba(0,0,0,0.25); }
.PositionGrid > div { background-color: #ddd; }
.PositionGrid > div.Active { background-color: var(--primary); }
.PositionSelector, .PositionSelector.input-100 { width: calc(100% - 46px) }
.PositionSelector .P2 { display: none; }
.PositionSelector.alt .P1 { display: none; }
.PositionSelector.alt .P2 { display: initial; }

.accordion > .card.quantity-accordion { overflow-x: visible; }

.modal-dialog { max-width: calc(100% - 1rem); }

.ColorCounter { float: right; }
.MarathonMap img { cursor: pointer; }

.branding-option { border: 2px solid transparent; padding: 1.5em; margin: 1em; }
.branding-option i { font-size: 5em; }
#BrandingOption1 { color: var(--primary); }
#BrandingOption2 { color: var(--primary); }
#BrandingOption2.Greyed { color: rgba(129,152,165,1); cursor: not-allowed; }
#BrandingOption2.Greyed img { filter: grayscale(1); opacity: 0.6; }
#BrandingOption3 { color: #5bcd91; }
#BrandingOption4 { color: #5bcd91; }
.branding-option.branding-option-selected { border: 2px solid #5bcd91; }
.branding-option:not(.Greyed):hover { border: 2px solid #5bcd91; cursor: pointer; }

.border-color-1 .card-header { border-bottom: none; }
td i, th i { color: rgba(38,191,241,1); }
table.ForceGrid { display: block; }
table.ForceGrid thead { display: none; }
table.ForceGrid tr { display: inline-block; margin: 0.5em; position: relative; border-radius: 5px; border-bottom: none; }
table.ForceGrid i { position: absolute; top: -0.25em; right: -0.25em; }
table.ForceGrid tr td { display: block; text-align: center; }
.ForceGrid .GalleryImage { width: 120px; height: auto; }

.GalleryImage { height: 3em; }
#ArtworkTable_wrapper { clear: both; }
#ArtworkTable thead tr { background-color: rgba(38,191,241,1); color: #fff; }
#ArtworkTable tbody tr { border-bottom: 1px solid #d5d5d5; }
#ArtworkTable tbody tr:nth-child(odd) { background-color: #fafafa; }
#ArtworkTable tbody tr:nth-child(even) { background-color: #f2f8fd; }
#ArtworkTable tbody tr i { display: none; color: rgba(88,185,87,1); font-size: 2em; }
#ArtworkTable tbody tr.Active i { display: initial; }

#UploaderSample { display: none; }
#AddNewBox { }
#AddNewBox label[for='ArtworkLibraryDropzone'] { display: block; clear: both; background: #e7eaf0 url(https://amrodcdn.blob.core.windows.net/webassets/upload-bg.png) no-repeat center; background-position: center 1em; font-size: 1.25em; font-weight: bold; text-align: center; color: #5e6f7e; padding: 120px 0 1em 0; border: 2px dashed #c3cbd1; text-transform: uppercase; }
#AddNewBox label span { font-size: 0.5em; display: block; }
#AddNewBox .ImagePreview { margin: 1em 0; }
#AddNewBox .ImagePreview label { width: 15%; }
#AddNewBox .ImagePreview input[type=text] { width: 78%; margin-left: 4%; }

label .colourSwatch { float: left; margin: 0 0.5em 0 0; }

.CategoryCard { color: rgba(129,152,165,1); position: relative; margin: 2em 0.25em 0.25em 0.25em; transition: all .2s ease-in-out; height: 100%; }
.CategoryCard:hover { box-shadow: 0 0 6px 0 rgb(1 1 1 / 30%); }
.CategoryCard:hover img { transform: scale(1.05); }
.CategoryCard img { margin: 0.5em auto; transition: all .2s ease-in-out; }
.CategoryCard h2 { text-transform: uppercase; font-size: 1.2em; color: var(--primary); }
.CategoryCard .hilit { border-color: rgba(38,191,241,1); }
.CategoryCard.Featured:after { content: "Featured"; position: absolute; top: -1.25em; left: 50%; margin-left: -50px; width: 100px; padding: 0.5em 0; border: 2px solid #5bcd91; background-color: #fff; border-radius: 15px; color: #5bcd91; font-weight: bold; text-align: center; }

.form-check-input, .form-check-label { cursor: pointer; }

#BrandingOptionSettings, #BrandingOptionSettingsL24 { text-align: left; }
.BrandingSelectionRow { margin-top: 1em; margin-bottom: 2em; border-bottom: 2px solid rgba(38,191,241,1); }
.collapsed + [brand-type="NoBranding"] { display: none; }
.BrandingSummaryHolder { border: 1px solid #e7eaf3; margin: 0 0 1em 0; border-radius: 5px; }
.BrandingSummaryFooter { background-color: #d9f4fc; font-weight: bold; color: #000; display: flex; flex-direction: row; flex-wrap: nowrap; align-content: center; justify-content: flex-end; align-items: stretch; }
.BrandingSummaryFooter p { margin: 0; margin-bottom: 0 !important; font-weight: normal; }
.BrandingSummaryFooter > div { padding: 1em; text-align: right; }
.BrandingSummaryFooter .BrandingSummaryFooterDay, .BrandingSummaryFooter strong { display: inline-block; background-color: #aee7f9; color: #4370b6; display: flex; }
.BrandingSummaryFooterDay span { margin: auto; }
.BrandingSummary img { max-width: 150px; max-height: 100px; }
#CartSummaryHolder.CoverLoading { min-height: 400px; }

.table .CartSubtotal { border-top: 1px solid #ecedf2; }
input.invalid, select.invalid { border-color: #d93131; background: url('https://amrodcdn.blob.core.windows.net/webassets/warning-bg.png') no-repeat; background-size: 1.5em 1.5em; position: relative; }
input.invalid { background-position: right 0.5em center; }
input.invalid:hover:before { content: 'Please input a value'; position: absolute; background-color: #26bff1; color: #fff; padding: 0.5em; border-radius: 5px; top: -100%; }
.RepeatArea.Invalid:after { content: 'Please select a repeat'; color: #d93131; }
select.invalid { background-position: right 1.5em center; }
.quantity-input { max-width: 115px }
.quantity-input.invalid { background-position: 0.5em center; }
tr.invalid { border: 1px solid #d93131; }
.ArtReel { display: flex; flex-wrap: wrap; align-content: center; justify-content: flex-start; margin: 1em 0; }
.ArtReel > div { margin: 0.5em; }
.ArtReel img { cursor: pointer; }
.ArtreelAlt button.AddArtworkButton { display: none; }
.AddArtworkButton { height: 150px; width: 150px; border: 1px dashed #f1f3f5; text-align: center; color: var(--primary); background-color: transparent; font-weight: bold; padding: 0 2em; box-sizing: border-box; }
.AddArtworkButton:before { content: '\f067'; font-family: 'Font Awesome 5 Pro'; font-size: 2em; display: block; margin: 0.5em auto 0.5em auto; border-radius: 50%; width: 2em; height: 2em; line-height: 2em; border: 1px solid #efefef; text-align: center; font-weight: normal; }
.AddArtworkButton:hover { background-color: var(--primary); color: #fff; }

.ArtworkDetails { max-width: 150px; position: relative; }
.ArtworkDetails .RemoveArtwork { position: absolute; z-index: 3; top: -1em; right: -1em; font-size: 1.2em; color: #f00; }
.ArtworkDetails span { font-size: 12px; text-align: center; }
.ArtworkDetails div { display: flex; height: 150px; text-align: center; justify-content: center; justify-content: center; flex-direction: column; flex-wrap: nowrap; align-content: center; align-items: center; border: 1px solid #f1f3f5; margin-bottom: 0.5em; }
.ArtworkDetails img { max-height: 100%; }

option[data-special-original-code]:not([data-special-original-code='']) { color: rgba(171,73,245,1); }

.evenbuttons { display: flex; flex-direction: row; flex-wrap: nowrap; align-content: center; justify-content: center; align-items: center; width: 100%; }
.evenbuttons button { width: auto; margin: 0.5rem; }

.badge { vertical-align: middle; }
.closeStockbadge { font-family: "Font Awesome 5 Pro"; background-color: #eee; }
.FilterBox { width: 300px; height: calc(1.5em + 1.34rem + 2px); padding: 0.67rem 1rem; font-size: 0.875rem; font-weight: 400; line-height: 1.5; color: #818181; background-color: #fff; background-clip: padding-box; border: 1px solid #dddddd; border-radius: 0.6rem; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }

.Level2 { margin-left: 1em; }
.Level3 { margin-left: 2em; }

#ListTypeButtons { display: flex; flex-direction: row; align-content: center; justify-content: flex-end; align-items: center; flex-wrap: nowrap; }
#ListTypeButtons h6 { font-weight: bold; margin-right: 1em; }

.ColorRow td { vertical-align: middle; }
.ColorRow i { color: inherit; }
.ColorRow:first-child .delete-colour-row { display: none; }
.checkedborder { border: 3px dashed var(--primary); padding: 3em 2em; margin: 2em; text-align: center; }

.cart-widget-side .widget-heading img { margin: 0 1em; }

.brandoptions ol li { margin-bottom: 1em; }
.brandoptions ol, .brandoptions ul { margin-bottom: 0.5em; }
.brandoptions h5 { font-size: 1rem; color: var(--primary); font-weight: bold; }
.brandoptions h6 { font-size: 1.1em !important; font-weight: bold; margin-top: 1em; }
.brandoptions h6 strong { color: black; display: inline-block; padding: 0.5em 1em; background-color: #bcbdc0; margin-right: 5px; }
#branding-guideline-calculator .branding-image { width: 405px; }

ol.AlphaList { list-style-type: upper-alpha; font-weight: bold; }
ol.AlphaList li * * { font-weight: initial; }
ol.NoList, ul.NoList { list-style-type: none; padding: 0; }
ol.NoList li, ul.NoList li { margin: 0; line-height: initial; color: #747474; }

.theOr { color: var(--primary) !important; font-weight: bold; font-size: 1.5em; padding-top: 28px; }
.modal-small { max-width: 512px; }
.AlertSymbol { text-align: center; font-size: 60px; line-height: 80px; border: 4px solid #d93131; color: #d93131; border-radius: 100%; width: 88px; height: 88px; margin: 1em auto; }

#TimedOrderModal .OrderTimer { display: block; margin: 0 auto 0.5em auto; text-align: center; font-size: 1.2em; }

.cart_item_alt > td:first-child { padding-left: 1.5em; }
h3 a i { color: rgba(38,191,241,1); }
.text-normal { text-transform: none; }

.TopNav { padding: 0; margin: 0; display: flex; list-style: none; flex-direction: row; flex-wrap: nowrap; align-content: center; justify-content: center; align-items: center; }
.TopNav > li + li:before { content: '|'; color: #cad5d5; margin: 0 0.875rem; -webkit-font-smoothing: antialiased; }

.CartToggle { display: flex; flex-direction: row; flex-wrap: nowrap; align-content: center; justify-content: center; position: relative; align-items: center; }
.CartToggle img { width: 21px; height: 21px; }
.CartToggle .rounded-circle { width: 16px; height: 16px; font-size: 8px; }
.CartToggle i { font-size: 18px; margin: 0 0.75em 0 0.25em; }
.CartToggle .bg-lg-down-black { right: 44px; top: 7px; }
.CartToggle:after, #ProfileButton:after { content: '\f078'; font-family: "Font Awesome 5 Pro"; margin: 0 0 0 0.5em; font-size: 0.8em; }

.ProfileDropdown ul { list-style: none; padding: 0; margin: 0 0.5em; min-width: 250px; }
.ProfileDropdown ul li + li { border-top: 1px solid #eee; }
.ProfileDropdown ul li a { display: block; padding: 1em; }
.ProfileDropdown ul li a:hover { color: rgba(38,191,241,1); }
.ProfileButton { border: none; background: none; font-size: .813rem; font-weight: 600; color: rgba(38,191,241,1); }
.ProfileButton i { color: #334141; }

.MobMenu { display: none; }
.MobMenu li a i { vertical-align: middle; }

#DeliveryMethodSelect .radio-label.noCursor { cursor: default; }
.sticky2 #Tabs { padding-top: 3em !important; }
#Branding { padding-top: 1px; }

#tabSection { overflow-x: auto; overflow-y: hidden; }
#tabSection ul { justify-content: center; }
#tabSection ul li, #tabSection ul li a { white-space: nowrap; }
#tabSection ul li a { padding-bottom: 5px; }
#tabSection .nav { flex-wrap: nowrap; border: none; }
.nav-tab .nav-link { margin-bottom: 3px; }
.sticky2 #tabSection { position: fixed; top: 3.25em; z-index: 5; margin: 0 auto; left: 0; width: 100%; background-color: #fff; box-shadow: 0px 0px 7px rgba(0,0,0,0.1); }
.BrandingTable { font-size: 0.9em; }
.BrandingTable .brandoptions h6 { font-size: 1em; }
.SummaryRow.Invalid, .BrandingSummary.Invalid { color: #f00; }

.Depth1 { padding-left: 1em; }
.Depth2 { padding-left: 2em; }
.Depth3 { padding-left: 3em; }
.Depth4 { padding-left: 4em; }
.Depth5 { padding-left: 5em; }

.modal-guts { border-bottom: 1px solid #e7eaf3; border-top: 1px solid #e7eaf3; padding: 1em 0; margin: 1em 0; }
.modalHeight { height: 90%; }
.modalHeight .modal-content { height: 100%; }
embed { width: 100%; height: 100%; }
.listing-product-price-size { min-height: 111px; display: flex; flex-wrap: nowrap; align-content: center; flex-direction: column; justify-content: flex-end; align-items: center; }
.bg-primary .amount { color: #fff; }
.alert-warning strong { font-weight: bold; color: #333; }
button > * { vertical-align: middle; }
.Addresses { display: flex; flex-direction: row; flex-wrap: wrap; align-content: flex-start; justify-content: flex-start; align-items: stretch; }
.address-card, .new-address { flex: 0 0 23%; margin: 1em 1%; }
.address-card.Selected .card { border-color: rgba(38,191,241,1); }
.address-card.Selected .use-address-btn { background-color: rgba(38,191,241,1) !important; color: #fff; }
.address-card.new-address .card-body i { display: block; text-align: center; font-size: 72px; color: #ccc; }
.address-card .card-header { display: flex; flex-direction: row; flex-wrap: nowrap; align-content: center; justify-content: space-between; align-items: center; }
.address-card .Default { color: #5bcd91; font-weight: bold; }
.new-address .card-body { display: flex; flex-direction: row; flex-wrap: nowrap; align-content: center; justify-content: center; align-items: center; }
.new-address .card-body i { display: block; font-size: 40px; color: #747474; }
.new-address .card, .address-card .card { height: 100%; }

.Logo24Badge { float: right; max-width: 150px; display: flex; flex-direction: row; flex-wrap: nowrap; align-content: center; justify-content: center; align-items: center; }

#orderOnline [data-toggle="collapse"] { display: block; width: auto; text-decoration: none; }
#orderOnline [data-toggle="collapse"][aria-expanded="false"]:after {content: "\f078";font-family: 'Font Awesome 5 Pro';font-size: 1.2em;margin-right: 1.5em;right: 2px;float: right; position: absolute; }
#orderOnline [data-toggle="collapse"][aria-expanded="true"]:after {content: "\f077";font-family: 'Font Awesome 5 Pro';font-size: 1.2em;margin-right: 1.5em;right: 2px;float: right; position: absolute; }
#orderOnline .card-header-row { position: relative; }
#orderOnline .card-header-col { position: unset !important; }
#orderOnline .quantity-accordion-header:after { margin-top: 1.5em; }

.TierTable { width: 100%; }
.product-tab-table .TierTable td, .TierTable th { white-space: nowrap; padding: 0.8rem 1.5em }
.TierTable tr td:last-child { width: 100%; }



.fas.hidden { display: none !important; }

.alert > [content-name] { display: inline-block; }

.breadcrumb-item + .breadcrumb-item::before { font-family: "Font Awesome 5 Pro"; margin-top: 4px }


/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

/* Firefox */
input[type=number] { -moz-appearance: textfield; }

i { font-style: normal; }

.btn:not([href]):not([type]):not(:disabled):not(.disabled) { cursor: pointer; }

.bg-primary { color: #fff; }

.navBar, #navBar, .navbar-expand-md .u-header__navbar-nav { width: 100%; }
.navbar-expand-md .u-header__navbar-nav { justify-content: space-between; }
.u-header__navbar-nav .u-header__nav-link { color: #fff; }

.alert-warning { color: #fff; background-color: #f2ae43; border-color: #f2ae43; border-radius: 0.4375rem; border-left: 9px solid rgba(0, 0, 0, 0.15); }

.alert-danger strong { color: #73231d; }

.custom-card-header { margin: 0; border-color: #ddd; background-color: #f5f5f5; color: #000; font-weight: 700; line-height: 1.5; text-transform: uppercase; }

.btn-primary[href]:hover,
.btn-primary[href]:focus,
.btn-primary[href]:active,
.btn-primary[type]:hover,
.btn-primary[type]:focus,
.btn-primary[type]:active { box-shadow: 0 4px 11px rgba(38, 191, 241, 0.35); }

.btn-light { background-color: #f1f3f5 !important; border-color: #e7eaf3 !important; }

.logo-size { width: 9.375rem; }

.cart-widget-side .widget-heading { display: flex; flex: 0 0 auto; align-items: center; flex-direction: row; justify-content: flex-end; padding: 20px 15px 20px 15px; border-bottom: 1px solid; border-bottom-color: #e7eaf3; }

.cart-widget-side .widget-heading .widget-title { flex: 1 1 auto; margin-bottom: 0; font-size: 20px; }

.cart-widget-side .widgettitle,
.cart-widget-side .widgettitle a,
.cart-widget-side .widget-title,
.cart-widget-side .widget-title a { font-family: Roboto, Arial, Helvetica, sans-serif; font-weight: 500; }

.cart-widget-side .widget-title,
.widgettitle { margin-bottom: 20px; color: #333e48; text-transform: uppercase; font-weight: 600; font-size: 16px; }



a.text-primary:hover, a.text-primary:focus { color: #7f54f7 !important; }

#dashboard-content .card-body { border-top: 0; border-radius: 0; }

#dashboard-content h2, h3, h4 { font-weight: 700; }

#dashboard-content .card-header { margin: 0; border-color: #ddd; background-color: #f5f5f5; color: #000; font-weight: 700; line-height: 1.5; text-transform: uppercase; }
#dashboard-content .card-footer { margin: 0; border-color: #ddd; background-color: #f5f5f5; color: #000; font-weight: 700; line-height: 1.5; text-transform: uppercase; }

#dashboard-content p { margin-bottom: 1rem; }

#dashboard-content .list { margin: 0; padding: 0; list-style: none; }

.list li { display: block; position: relative; margin: 0; padding: 0; }

.list li a { display: block; position: relative; padding: .4rem 0 .4rem 1rem; border-bottom: 1px solid #ededde; color: #000; }

.list li a::before { display: inline-block; position: absolute; width: 0; height: 0; margin: .6rem 0 0 -1rem; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 4px solid #333; }

.config-colour-swatch-list { display: inline-flex; margin: 0; }
.config-colour-swatch-list { padding: 0; font-size: 12px; list-style: none; }
.config-colour-swatch-list li { margin-right: 0.5em; }

.config-colour-swatch-list li a { position: relative; display: block; width: 0.8rem; height: 0.8rem; margin: 3px 6px 3px 0; box-shadow: 0 0 3px 0 rgba(0,0,0,0.2); }

.config-colour-swatch-list-large { display: inline-flex; margin: 0; }
.config-colour-swatch-list-large { padding: 0; font-size: 0; list-style: none; }

.config-colour-swatch-list-large li span { position: relative; display: block; width: 1.5rem; height: 1.5rem; margin: 3px 6px 3px 0; box-shadow: 0 0 3px 0 rgba(0,0,0,0.2); cursor: pointer; }

.custom-checkbox .custom-control-label-red::before { border-radius: 2px; }

.custom-control-label-red { position: relative; margin-bottom: 0; vertical-align: top; }

.custom-control-label-red::before { position: absolute; top: 0.20625rem; left: -1.4rem; display: block; width: 0.9rem; height: 0.9rem; pointer-events: none; content: ""; background-color: #fff; border: #be1628 solid 2px; }

.custom-control-input-red { position: absolute; z-index: -1; opacity: 0; }

.custom-control-input-red:checked ~ .custom-control-label-red::before { color: #fff; border-color: #be1628; background-color: #be1628; }

.custom-checkbox .custom-control-input-red:checked ~ .custom-control-label-red::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e"); }
.custom-control-label-red::after { position: absolute; top: 0.20625rem; left: -1.4rem; display: block; width: 0.9rem; height: 0.9rem; content: ""; background: no-repeat 50% / 50% 50%; background-image: none; }

.custom-checkbox .custom-control-label-blue::before { border-radius: 2px; }

.custom-control-label-blue { position: relative; margin-bottom: 0; vertical-align: top; }

.custom-control-label-blue::before { position: absolute; top: 0.20625rem; left: -1.4rem; display: block; width: 0.9rem; height: 0.9rem; pointer-events: none; content: ""; background-color: #fff; border: #006eb0 solid 2px; }

.custom-control-input-blue { position: absolute; z-index: -1; opacity: 0; }

.custom-control-input-blue:checked ~ .custom-control-label-blue::before { color: #fff; border-color: #006eb0; background-color: #006eb0; }

.custom-checkbox .custom-control-input-blue:checked ~ .custom-control-label-blue::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e"); }
.custom-control-label-blue::after { position: absolute; top: 0.20625rem; left: -1.4rem; display: block; width: 0.9rem; height: 0.9rem; content: ""; background: no-repeat 50% / 50% 50%; background-image: none; }

.custom-checkbox .custom-control-label-black::before { border-radius: 2px; }

.custom-control-label-black { position: relative; margin-bottom: 0; vertical-align: top; }

.custom-control-label-black::before { position: absolute; top: 0.20625rem; left: -1.4rem; display: block; width: 0.9rem; height: 0.9rem; pointer-events: none; content: ""; background-color: #fff; border: #000 solid 2px; }

.custom-control-input-black { position: absolute; z-index: -1; opacity: 0; }

.custom-control-input-black:checked ~ .custom-control-label-black::before { color: #fff; border-color: #000; background-color: #000; }

.custom-checkbox .custom-control-input-black:checked ~ .custom-control-label-black::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e"); }
.custom-control-label-black::after { position: absolute; top: 0.20625rem; left: -1.4rem; display: block; width: 0.9rem; height: 0.9rem; content: ""; background: no-repeat 50% / 50% 50%; background-image: none; }

.custom-checkbox .custom-control-label-green::before { border-radius: 2px; }

.custom-control-label-green { position: relative; margin-bottom: 0; vertical-align: top; }

.custom-control-label-green::before { position: absolute; top: 0.20625rem; left: -1.4rem; display: block; width: 0.9rem; height: 0.9rem; pointer-events: none; content: ""; background-color: #fff; border: #a2c149 solid 2px; }

.custom-control-input-green { position: absolute; z-index: -1; opacity: 0; }

.custom-control-input-green:checked ~ .custom-control-label-green::before { color: #fff; border-color: #a2c149; background-color: #a2c149; }

.custom-checkbox .custom-control-input-green:checked ~ .custom-control-label-green::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e"); }
.custom-control-label-green::after { position: absolute; top: 0.20625rem; left: -1.4rem; display: block; width: 0.9rem; height: 0.9rem; content: ""; background: no-repeat 50% / 50% 50%; background-image: none; }

.custom-checkbox .custom-control-label-yellow::before { border-radius: 2px; }

.custom-control-label-yellow { position: relative; margin-bottom: 0; vertical-align: top; }

.custom-control-label-yellow::before { position: absolute; top: 0.20625rem; left: -1.4rem; display: block; width: 0.9rem; height: 0.9rem; pointer-events: none; content: ""; background-color: #fff; border: #fed700 solid 2px; }

.custom-control-input-yellow { position: absolute; z-index: -1; opacity: 0; }

.custom-control-input-yellow:checked ~ .custom-control-label-yellow::before { color: #fff; border-color: #fed700; background-color: #fed700; }

.custom-checkbox .custom-control-input-yellow:checked ~ .custom-control-label-yellow::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e"); }
.custom-control-label-yellow::after { position: absolute; top: 0.20625rem; left: -1.4rem; display: block; width: 0.9rem; height: 0.9rem; content: ""; background: no-repeat 50% / 50% 50%; background-image: none; }

.custom-checkbox .custom-control-label-pink::before { border-radius: 2px; }

.custom-control-label-pink { position: relative; margin-bottom: 0; vertical-align: top; }

.custom-control-label-pink::before { position: absolute; top: 0.20625rem; left: -1.4rem; display: block; width: 0.9rem; height: 0.9rem; pointer-events: none; content: ""; background-color: #fff; border: #FF69B4 solid 2px; }

.custom-control-input-pink { position: absolute; z-index: -1; opacity: 0; }

.custom-control-input-pink:checked ~ .custom-control-label-pink::before { color: #fff; border-color: #FF69B4; background-color: #FF69B4; }

.custom-checkbox .custom-control-input-pink:checked ~ .custom-control-label-pink::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e"); }
.custom-control-label-pink::after { position: absolute; top: 0.20625rem; left: -1.4rem; display: block; width: 0.9rem; height: 0.9rem; content: ""; background: no-repeat 50% / 50% 50%; background-image: none; }

.custom-checkbox .custom-control-label-orange::before { border-radius: 2px; }

.custom-control-label-orange { position: relative; margin-bottom: 0; vertical-align: top; }

.custom-control-label-orange::before { position: absolute; top: 0.20625rem; left: -1.4rem; display: block; width: 0.9rem; height: 0.9rem; pointer-events: none; content: ""; background-color: #fff; border: #dc7437 solid 2px; }

.custom-control-input-orange { position: absolute; z-index: -1; opacity: 0; }

.custom-control-input-orange:checked ~ .custom-control-label-orange::before { color: #fff; border-color: #dc7437; background-color: #dc7437; }

.custom-checkbox .custom-control-input-orange:checked ~ .custom-control-label-orange::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e"); }
.custom-control-label-orange::after { position: absolute; top: 0.20625rem; left: -1.4rem; display: block; width: 0.9rem; height: 0.9rem; content: ""; background: no-repeat 50% / 50% 50%; background-image: none; }

.custom-checkbox .custom-control-label-purple::before { border-radius: 2px; }

.custom-control-label-purple { position: relative; margin-bottom: 0; vertical-align: top; }

.custom-control-label-purple::before { position: absolute; top: 0.20625rem; left: -1.4rem; display: block; width: 0.9rem; height: 0.9rem; pointer-events: none; content: ""; background-color: #fff; border: #9932CC solid 2px; }

.custom-control-input-purple { position: absolute; z-index: -1; opacity: 0; }

.custom-control-input-purple:checked ~ .custom-control-label-purple::before { color: #fff; border-color: #9932CC; background-color: #9932CC; }

.custom-checkbox .custom-control-input-purple:checked ~ .custom-control-label-purple::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e"); }
.custom-control-label-purple::after { position: absolute; top: 0.20625rem; left: -1.4rem; display: block; width: 0.9rem; height: 0.9rem; content: ""; background: no-repeat 50% / 50% 50%; background-image: none; }

.bg-primary { background: linear-gradient(to right,#36d1dc,#5b87e5); }

.btn { border-radius: 0.4rem; }

.single-product p { margin-bottom: 1rem; }

.square { border-radius: 0.4rem; }

.block-items { display: flex; }

.block-items .item-block p { margin-bottom: 1rem; }

td.details-control { background: url('../assets/vendor/datatables/media/images/details_open.png.html') no-repeat center center; cursor: pointer; padding: 0px 5px; }
tr.shown td.details-control { background: url('../assets/vendor/datatables/media/images/details_close.png.html') no-repeat center center; }

#accordion .card { margin: 1rem 0; border: 1px solid #dddddd !important; }

.image-block { display: inline-block; text-align: center; }

.image-block-img { width: 5rem !important; padding: 0.625rem; border: 1px solid #eaeaea; cursor: pointer; border-radius: 0.4rem; }
.image-block-img.disabled { cursor: not-allowed; }

.selected-item { border: 2px solid #5bcd91; }

.selected-image-item { border: 2px solid #5bcd91; }

.product-short-info ul { list-style: none; margin: 0; padding: 0; }

.product-short-info li { display: inline-block; }

.product-short-info li:not(:first-child) { margin-left: 1rem; }

.product-footer-summary { position: fixed; bottom: 0; width: 100%; /* Set the fixed height of the footer here */ height: 60px; line-height: 60px; /* Vertically center the text there */ background-color: #f5f5f5; border-top: 2px solid #36d1dc; z-index: 100; }

.primary-thead th { color: #fff; background-color: var(--primary); border-color: var(--primary); white-space: nowrap; }

.table-input { height: 2rem; border-radius: 0.2rem; }

.table-input-select { height: 2rem; border-radius: 0.2rem; padding: 0.1rem 1rem; }

.quantity-img { vertical-align: middle; width: 5rem !important; padding: 0.625rem; cursor: pointer; }

.quantity-text { font-size: 16px; font-weight: bold; margin-left: 10px; }



.br { border-radius: 0.4375rem; }

.hpx-30 { height: 30px; }

.text-muted { color: rgba(0, 0, 0, 0.5) !important; }

.input-100 { width: 100%; }

.width-100 { width: 100%; }

.position-initial { position: initial; }

/*Cart Page Styles*/

.cart-table .table tbody tr:first-child td, .wishlist-table .table tbody tr:first-child td { padding: 0.25rem 0.75rem; }

.cart-table .table tbody tr td, .wishlist-table .table tbody tr td { padding: 0.25rem 0.75rem; }

.cart-table .product-code { font-size: 11px; }

.cart-table .badge-outline-primary { padding: 0.3rem 0.8rem; font-size: 10px; margin-left: 0.7rem; }

.cart-table table th, .wishlist-table table th { font-weight: bold; }

.cart-total table { border-radius: 0.4375rem; border-collapse: collapse; overflow: hidden; }

#DeliveryMethodSelect .form-check { padding-left: 0; }

#DeliveryMethodSelect .form-check > input[type="radio"] { display: none; }

#DeliveryMethodSelect input[type="radio"]:checked + label { border: 2px solid #5bcd91; }


#DeliveryMethodSelect p { margin: 0; }

#DeliveryMethodSelect .radio-label { border: 1px solid #ddd; border-radius: 0.4375rem; padding: 1rem; }

#DeliveryMethodSelect .radio-label select { border-radius: 0.4375rem; }

#DeliveryMethodSelect .radio-label .branch-select-label { color: #747474; line-height: 1.7; }

#DeliveryMethodSelect .radio-label > i { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

#DeliveryMethodSelect input:not(:checked) + .radio-label { cursor: pointer; }

#CompleteOrderDetails input { border-radius: 0.4375rem; }

.input-btn { display: inline-block; font-weight: 700; color: #fff; text-align: center; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: transparent; border: 1px solid transparent; padding: 0 1rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.4375rem; transition: all 0.2s ease-in-out; border-top-left-radius: 0; border-bottom-left-radius: 0; position: relative; z-index: 2; }

.branding-option-position-select + label { color: var(--primary); border: 1px solid var(--primary); font-weight: 700; text-align: center; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; padding: 0.67rem 1rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.4rem; transition: all 0.2s ease-in-out; margin-bottom: 1rem; }

.branding-option-position-select { display: none; }

.branding-option-position-select:checked + label { display: inline-block; font-weight: 700; color: #fff !important; background-color: var(--primary); border: 1px solid var(--primary); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; transition: all 0.2s ease-in-out; }

/* Checkbox Switches */
.switch { position: relative; display: inline-block; width: 120px; height: 34px; margin: 0; }

.switch input { display: none; }

.switch .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #6c757d; opacity: 0.65; -webkit-transition: .4s; transition: .4s; }

.switch .slider:before { position: absolute; content: ""; height: 26px; width: 10px; left: 4px; bottom: 4px; background-color: white; -webkit-transition: .4s; transition: .4s; }

.switch input:checked + .slider { background-color: var(--primary); opacity: 1; }

.switch input:focus + .slider { box-shadow: 0 0 1px #2196F3; }

.switch input:disabled + .slider { opacity: 0.2; }

.switch input:checked + .slider:before { -webkit-transform: translateX(100px); -ms-transform: translateX(100px); transform: translateX(100px); }

.switch .on { display: none; }

.switch .on, .off { color: white; position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; font-size: 12px; }

.switch input:checked + .slider .on { display: block; }

.switch input:checked + .slider .off { display: none; }

.switch .slider.round { border-radius: 0.4rem; }

.switch .slider.round:before { border-radius: 0.4rem }

.listing-button .btn { padding: 0.4rem 0rem; white-space: nowrap; }

/* Listing Page */

.basic-btn { color: var(--primary); background-color: transparent; border-color: #d5d5d5; transition: all 0.2s ease-in-out; }

.basic-btn-disabled, normal-btn-disabled { color: #d5d5d5; background-color: transparent; border-color: #d5d5d5; cursor: not-allowed !important; transition: all 0.2s ease-in-out; }

.basic-btn-disabled i { color: #d5d5d5; }

.basic-btn-disabled:hover { color: #f75c8d; background-color: transparent; border-color: #f75c8d; cursor: not-allowed !important; }

.basic-btn-disabled:hover i { color: #f75c8d; }

.normal-btn-disabled { color: #d5d5d5; cursor: not-allowed !important; transition: all 0.2s ease-in-out; opacity: 0.6; }

.normal-btn-disabled i { color: #d5d5d5; }

.btn-primary.disabled, .btn-primary:disabled, button.btn-primary.disabled, button.btn-primary:disabled, button.btn-primary.normal-btn-disabled,
.btn-secondary.disabled, .btn-secondary:disabled, button.btn-secondary.disabled, button.btn-secondary:disabled, button.btn-secondary.normal-btn-disabled { background-color: transparent; border-color: #d5d5d5; color: #d5d5d5; }

.btn-primary.disabled:hover, .btn-primary:disabled:hover, button.btn-primary.disabled:hover, button.btn-primary:disabled:hover, .btn-secondary.disabled:hover, .btn-secondary:disabled:hover, button.btn-secondary.disabled:hover, button.btn-secondary:disabled:hover { color: #f75c8d; border-color: #f75c8d; box-shadow: none; }


.listing-product-price-size li:first-child { background-color: #f2f8fd; }

.listing-product-price-size li:nth-child(2) { background-color: #f8f8f9; }

.logo24-listing { width: 25px; height: fit-content; cursor: pointer; }

.listing-style-1 .country-of-origin-icon, .listing-style-3 .country-of-origin-icon { width: 26px; height: fit-content; cursor: pointer; }

.listing-style-2 .country-of-origin-icon, .listing-style-4 .country-of-origin-icon { width: 30px; height: fit-content; cursor: pointer; }

.slideshow-container .country-of-origin-icon { width: 36px; height: fit-content; cursor: pointer; }

.shortcode-logo24 p { line-height: 2.8; }

.custom-dropdown { right: -120%; left: auto; }

.product-buttons { position: relative; }
.product-buttons .custom-dropdown { bottom: auto; right: auto; top: 84%; width: 200px; left: 50%; margin-left: -100px; }

.dropdown-item-disabled { opacity: 0.6; cursor: not-allowed; }

.logo24-listing-download { width: 20px; }

/* Listing Page Style 1 */
.listing-style-1 .dropdown-toggle::after { content: none; }

.listing-style-1 .custom-dropdown { }

/* Listing Page Style 2 */
.listing-style-2 .dropdown-toggle::after { content: "\f106"; }

.listing-style-2 .custom-dropdown { }


@media (min-width: 1200px) {
    .product-item::after { height: 95%; }
}

/* Listing Page Style 3 */
.listing-style-3 { min-height: 515px; }

.listing-image-block-img-3 { padding: 0.2rem; border: 2px solid #eaeaea; cursor: pointer; border-radius: 0.4rem; width: 3.4rem; }

.listing-style-3 .listing-colour-images-container { min-height: 175px; }

.listing-style-3 .custom-dropdown { }

.listing-style-3 .dropdown-toggle::after { content: "\f106"; }

.listing-style-3 .selected-listing-item { border: 2px solid #5bcd91; }

/* Listing Page Style 4 */
.listing-style-4 .selected-listing-item { border: 2px solid #5bcd91; }

/* Listing colour swatches */

.colour-swatch-container { min-height: 72.5px; display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;}

.colourSwatch { border-radius: 25px; overflow: hidden; width: 21px; height: 21px; margin-right: 0.18rem; border: 1px solid #c4c7d0; cursor: pointer; margin-bottom: 0.2rem; position: relative; }

.colourSwatchBody { text-align: center; display: inline-block; height: 21px; float: left; }

/* Stock modal colour swatches */

.colour-swatch-container-stock-modal { min-height: 48px; }

.colourSwatch-stock-modal { border-radius: 25px; overflow: hidden; width: 35px; height: 35px; border: 2px solid #e7eaf3; cursor: pointer; margin-bottom: 0.2rem; position: relative; }

.colourSwatchBody-stock-modal { display: inline-block; height: 35px; float: left; text-align: center; }

.genders-stock-modal { margin: 0; }

.genders-stock-modal li { cursor: pointer; }

.genders-stock-modal li:hover { color: var(--primary); transition: all 0.3s ease; }

.genders-stock-modal-active { color: var(--primary); font-weight: bold; border-bottom: 2px solid var(--primary); }

.code-stock-modal { background-color: #e7eaf3; padding: 0.4rem; border-radius: 0.4rem; }

/* Listing table design */
.sizeGroupedPrices { border: 1px solid #e7eaf3; border-collapse: separate; border-left: 0; border-radius: 0.3125rem; border-spacing: 0px; }
.sizeGroupedPrices tr:first-child td { border-top: none; }
.sizeGroupedPrices th { border-left: 1px solid #e7eaf3; border-bottom: 1px solid #e7eaf3; }
.sizeGroupedPrices td { border-left: 1px solid #e7eaf3; border-top: 1px solid #e7eaf3; }
.table-heading-row { background-color: #f2f8fd !important; }
.table-content-row { background-color: #f8f8f9 !important; }
.sizeGroupedPrices tr:nth-child(2) { background-color: #f8f8f9; }
.sizeGroupedPrices.padTop { margin-top: 37px; }

.PriceTableYours, .PriceTableStd { line-height: 50px; vertical-align: middle; }
.PriceTableYours td, .PriceTableStd td { position: relative; padding: 0; }
.PriceTableYours span, .PriceTableStd span { margin: 0; transform: rotate(-90deg); color: #fff; font-weight: bold; text-align: center; padding: 0; line-height: 1em; display: inline-block; font-size: 0.60rem; width: 52px; text-transform: uppercase; position: absolute; left: -13px; top: 12px; padding: 4px 0px; }
.PriceTableStd span { background-color: #5F605B; border-top-left-radius: 0.3125rem; }
.PriceTableYours .btn, .PriceTableStd .btn { font-size: 1.1em; margin: 0 -1.5em 0 0.25em; padding: 0; line-height: 1.5em; }
.PriceTableYours { color: var(--primary); font-weight: bold; font-size: 1.2em; }
.PriceTableYours span { background-color: var(--primary); }
.PriceTableHeading th { font-weight: bold; }
.PriceTableHeading th span { margin-right: 0.5em; font-weight: normal; }

div.gender-list { min-height: 1.6em; }
.gender-list .active { color: var(--primary); font-weight: bold; border-bottom: 2px solid var(--primary); }

/* Listing Colour Images */
.listing-colour-images-container { min-height: 86px; }

.listing-image-block { display: inline-block; text-align: center; margin-right: 0.2rem; margin-bottom: 0.2rem; }

.listing-image-block-img { width: 2.5rem !important; padding: 0.2rem; border: 1px solid #eaeaea; cursor: pointer; border-radius: 0.4rem; }

.listing-image-border { border: 1px solid #eaeaea; padding: 1rem; border-radius: 0.4rem; }

.listing-colour-images-container-2 { min-height: 205px; }

.listing-image-block-img-2 { width: 4rem !important; padding: 0.2rem; border: 1px solid #eaeaea; cursor: pointer; border-radius: 0.4rem; }

.listing-seperator { border-bottom: 1px solid #eaeaea; }

.colour-swatch-container-stock-modal .selected-listing-item:before { font-family: "Font Awesome 5 Pro"; content: "\f00c"; font-weight: bold; font-size: 1rem; height: 100%; width: 100%; display: flex; align-items: center; justify-content: center; position: absolute; }

.colour-swatch-container .selected-listing-item:before { font-family: "Font Awesome 5 Pro"; content: "\f00c"; font-weight: bold; font-size: 0.7rem; height: 100%; width: 100%; display: flex; align-items: center; justify-content: center; position: absolute; }

/* Product Page */
.product-tab-table table thead { background-color: var(--primary); color: #fff; }

.product-tab-table table th { padding: 0.8rem; }

.product-tab-table table td { padding: 0.8rem; }

.product-tab-table tbody tr:nth-of-type(odd) { background-color: #fff; }

.product-tab-table tbody tr:nth-child(even) { background-color: rgba(245,249,252,1); }

.product-tab-table h6 { font-weight: bold; margin-bottom: 1rem; }

.table-split td { width: 50%; }

.table-even-split { width: 100%; table-layout: fixed; }

.active-tier-tr { color: #00FFFF; font-weight: bolder; }

/* Stock Modal */
.size-btn { color: var(--primary); border: 2px solid var(--primary); margin-right: 1rem; border-radius: 0.4rem; padding: 0.4rem; width: 45px; height: 45px; cursor: pointer; }

.size-btn-selected { color: #fff; background-color: var(--primary); }

.select-all-btn { color: #fff; border: 2px solid var(--primary); background-color: var(--primary); margin-right: 1rem; border-radius: 0.4rem; padding: 0.4rem; width: 100px; height: 45px; cursor: pointer; transition: all 0.3s ease-in-out; }

.select-all-btn:hover { color: var(--primary); background-color: transparent; }

.select-all-btn-selected { color: #fff; background-color: var(--primary); }

.stock-modal-table .stock-table thead { color: var(--primary); text-transform: uppercase; }

.stock-modal-table .image-table th { vertical-align: top; }

.stock-modal-table .image-table thead { color: var(--primary); text-transform: uppercase; }

.stock-modal-table .stock-table tr:nth-child(odd) tr,
.stock-modal-table .stock-table tr:nth-child(even) tr { background: inherit; }

.stock-table-row-highlight { background-color: #f8fafd; }


/* Remove border from the first th row in stock-table */
table.stock-table tr:first-child th{
  border-top: none;
}

/* Remove border from the first and last column in stock-table */
table.stock-table tr td:first-child,
table.stock-table tr td:last-child,
table.stock-table tr th:first-child,
table.stock-table tr th:last-child{
  border-left: none;
  border-right: none;
}

/* Remove border from the first and last column in stock-table */
table.stock-table tr th:first-child,
table.stock-table tr th:last-child{
  border-left: none;
  border-right: none;
}

 .incoming-stock-table{
     height: 100%;
 }

.stock-table .incoming-stock-table td {
    padding: 0.2rem 0.6rem;
}

/* Remove border from the first td in stock-table */
table.incoming-stock-table tr:first-child td{
  border-top: none;
}



/* Tolltips */
.tooltip-inner { background-color: var(--primary); }

.tooltip.bs-tooltip-auto[x-placement^="top"] .arrow::before, .tooltip.bs-tooltip-top .arrow::before { border-top-color: var(--primary); }

.tooltip.bs-tooltip-auto[x-placement^="bottom"] .arrow::before, .tooltip.bs-tooltip-bottom .arrow::before { border-bottom-color: var(--primary); }

.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before { right: 0; border-width: 0.4rem 0.4rem 0.4rem 0; border-right-color: var(--primary); }

.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before { border-left-color: var(--primary); }

.va-top { vertical-align: top; }

.va-mid { vertical-align: middle !important; }

#FilterForm .tooltip { z-index: 1049; }

/* Utils */
.mh-10 { min-height: 10px; }

.mh-25 { min-height: 25px; }

.mh-30 { min-height: 30px; }
.mh-40 { min-height: 40px; }
.mh-50 { min-height: 50px; }
.mh-75 { min-height: 75px; }
.mh-150 { min-height: 150px; }
.mh-180 { min-height: 180px; }
.mh-600 { min-height: 600px; }
.mh-700 { min-height: 700px; }
.mh-1000 { min-height: 1000px; }

.w-500 { width: 500px; }

.va-m { vertical-align: middle !important; }

/* Borders */
.border-2 { border-width: 2px; }

.display-webkit-box { display: -webkit-box; }

.cursor-pointer-disabled { cursor: not-allowed; }

.text-decoration-underline { text-decoration: underline; }

.text-decoration-underline:hover { color: #333e48 !important; text-decoration: none; }

/* Ledger badges */
.badge-journal-credit { color: #fff; background-color: #e938e7; }
.badge-sales-credit { color: #fff; background-color: #f40000; }
.badge-open-tax-invoice { color: #fff; background-color: #0fbbbb; }
.badge-closed-tax-invoice { color: #fff; background-color: #2465da; }
.badge-cashbook-receipt { color: #fff; background-color: #00a844; }
.badge-journal-debit { color: #fff; background-color: #b96f00; }

@media (-webkit-device-pixel-ratio: 1.25) {
    .modal-dialog { min-width: 95%; }
}

/* To Remove */
/* Fullscreen Toggle Button */

#filterNavBarContainer { width: 100%; }

.fixed-header-main-nav { position: fixed; top: 0; width: 100%; z-index: 999999; }

.fixed-header-filter-nav { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; max-width: 1430px; margin-bottom: 0.4rem !important; margin-top: 0.4rem !important; }

#BigLogo {padding:1em 0;}


#mainNavBar { transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; z-index: 6; position: relative; }
#navBar, #navBar .hs-sub-menu, #navBar .hs-mega-menu, .navbar-nav, .hs-has-mega-menu { z-index: 10; }
/* Table Style Helpers */
.table-vertical-text td { vertical-align: middle; }

/* Search */
#searchResultsContainer { padding: 1rem; position: initial; background-color: #fff; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.4); z-index: 2000; border: 2px solid var(--primary); border-radius: 0.4rem; max-width: 1400px; margin: 0 auto 0 auto; }

#searchResultsContainerParent { position: absolute; top: 0; left: 0; width: 100%; z-index: 1000; margin-top: 9rem; }

.sticky #searchResultsContainerParent { z-index: 20; margin-top: 11rem; }

.search-product-title { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; min-height: 3.4rem; }

#linkedJobCardAccordion .linked-parent-card-header.collapsed { color: #7f54f7; }

#linkedJobCardAccordion .linked-parent-card-header:not(.collapsed) { background: #7f54f7; color: #fff; }

#parentJobCardAccordion .parent-card-header.collapsed { color: var(--primary); }

#parentJobCardAccordion .parent-card-header:not(.collapsed) { background: var(--primary); color: #fff; }


/* home page */

#footerContentBlock p { color: #fff !important; }

/* Loading animation */
.loading-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.1); z-index: 1000; cursor: pointer; border-radius: 0.3125rem; }

/* Artwork Library */
#artworkTagsContainer .artwork-tag-active { background-color: #e8e8e8; }

#artworkTagsContainer .artwork-tag-btn { border: 1px solid #e7eaf3; }

#artworkTagsContainer .artwork-tag-btn:hover { background-color: #e8e8e8; }

#artworkTagsContainer .dropdown-toggle-split { border: 1px solid #e7eaf3; border-top-right-radius: 0.3125rem; border-bottom-right-radius: 0.3125rem; }

#artworkTagsContainer .dropdown-toggle-split:hover { background-color: #e8e8e8; }

#artworkAssetsContainer .card { transition: all 0.1s ease-in-out; }

#artworkAssetsContainer .card:hover, #artworkAssetsContainer .card.Selected { box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); border: 1px solid var(--primary); }


table.dataTable > thead .sorting_asc:before, table.dataTable > thead .sorting_desc:after { color: var(--primary); }

/* Deliveries */
.tracking-detail { padding: 3rem 0 }

#tracking { margin-bottom: 1rem }

[class*=tracking-status-] p { margin: 0; font-size: 1.1rem; color: #fff; text-transform: uppercase; text-align: center }

[class*=tracking-status-] { padding: 1.6rem 0 }

.tracking-list { border: 1px solid #e5e5e5 }

.tracking-item { border-left: 1px solid #e5e5e5; position: relative; padding: 2rem 1.5rem .5rem 2.5rem; font-size: .9rem; margin-left: 3rem; min-height: 5rem }

.tracking-item:last-child { padding-bottom: 4rem }

.tracking-item .tracking-date { margin-bottom: .5rem }

.tracking-item .tracking-date span { color: #888; font-size: 85%; padding-left: .4rem }

.tracking-item .tracking-content { padding: .5rem .8rem; background-color: #f4f4f4; border-radius: .5rem }

.tracking-item .tracking-content span { display: block; color: #888; font-size: 85% }

.tracking-item .tracking-icon { line-height: 2.6rem; position: absolute; left: -1.3rem; width: 2.6rem; height: 2.6rem; text-align: center; border-radius: 50%; font-size: 1.1rem; background-color: #fff; color: #fff }

.tracking-item .tracking-icon.status-intransit { color: #e5e5e5; border: 1px solid #e5e5e5; font-size: .6rem }

.status-con { cursor: pointer; }



.livechat_button { position: fixed; bottom: 20px; right: 20px; z-index: 5; }


.img-card { overflow: hidden; position: relative; }

.product-item .feature-image { transition: all .2s ease-in-out; }

.product-item:hover { z-index: 3; }
.product-item:hover .feature-image { transform: scale(1.05); }

.gallery-scroll-up-btn, .gallery-scroll-down-btn { background-color: #b3b3b3 !important; }

.gallery-scroll-up-btn:hover, .gallery-scroll-down-btn:hover { background-color: #c5c5c5 !important; }
.CatalogueSwitch a { margin: 0 0.25em; color: #d6dbe1; }

.CatalogueSwitch a:hover { color: var(--primary); }

.CatalogueSwitch a i { font-size: 1.2em; margin: 0 0.1em; }

.CatalogueSwitch a.Active { color: var(--primary); font-weight: bold; }

.fromDatepickeropen, .toDatepickeropen { cursor: pointer; }

a.logo24-link { font-size: 8.5pt; }

#websiteSearchLoadIcon, .loading-overlay i.fa-spinner.fa-spin { color: var(--primary); }

#orderSummaryLogo24Logo { width: 40px; margin: 0px 0px; }

.asset-name { min-height: 5em; max-height: 5em; font-size: .8rem; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }


.dtrg-group { background-color: #f7f7f7; }
.MarathonMap { width: 100%; font-size: 12px; }

.MarathonColours-header { display: flex; width: 100%; }

.MarathonColours-header img { max-width: 115px; }

.MarathonMap .row .col img { width: 90px; height: 20px; }

#MarathonModal .marathonColourGroup:hover { outline: 2px solid green; }

.CartToggle .rounded-circle { width: 20px; height: 20px; font-size: 12px; }
.CartToggle .bg-lg-down-black { right: 40px; }

.nowrap { white-space: nowrap; }

#deliveriesTable { width: 100% !important; }


.paginate_button.page-item a { color: inherit; }

#jobCardsContainer [data-toggle="collapse"] .fa:before { content: "\f139"; }
#jobCardsContainer [data-toggle="collapse"].collapsed .fa:before { content: "\f13a"; }
#jobCardsContainer [class*=badge-] { z-index: 0 }

.checkout-table h5 { font-size: 1em; color: rgba(38,191,241,1); font-weight: bold; }
.order-flow-btn .fa-stack { line-height: 1.8em; }

.deliverystatusbtn { text-align: left; padding: 0px; }

/* ---------------------------------------------------
    SIDEBAR STYLE
----------------------------------------------------- */

.custom-sidebar { width: 30rem; max-width: 100%; position: fixed; top: 0; right: -30rem; height: 100vh; z-index: 999; background: #fff; transition: all 0.3s; overflow-y: scroll; padding-bottom: 5em; }
.custom-sidebar.active { right: 0; }
.custom-sidebar-footer { position: absolute; bottom: 0; width: 100%; background-color: #fff; }
.overlay { display: none; position: fixed; width: 100vw; height: 100vh; background: rgba(0, 0, 0, 0.7); z-index: 998; opacity: 0; transition: all 0.5s ease-in-out; top: 0; left: 0; right: 0; bottom: 0; }
.overlay.active { display: block; opacity: 1; }
.overlay-overflow-hidden { overflow: hidden; }
.green-checkbox-select input[type=radio] { accent-color: #26BFF1; }

#stockModal .modal-header > div > div > * { margin: 0 1em 0.5em 0; display: inline-block; }
.stock-table > tbody > tr > td > table td { padding: 0; }

.u-header-collapse__nav-link, .SlidingNavHeading { text-transform: uppercase; color: #26bff1; font-weight: bold; padding: 0.35em 0; display: block; }

.u-go-to { position: fixed; bottom: 0.5em; left: 0.5em; }
.sticky .u-go-to { display: block; }

.form-label[for='UseEmailCheckbox'] { text-transform: none; }

.StudioLink { background: url('../Amrod Studio logo_FIN.webp') no-repeat center; background-size: contain; width: 82px; height: 22px; display: inline-block; }

.ClearAfter:after { content: ''; display: block; clear: both; }

.brandingCalcButtons {margin:0.5em 0;display:flex;flex-direction:row;width:100%}
.brandingCalcButtons > .btn { margin-right:1em;}

 .artwork-scrollable-container {
    height: 500px;
    overflow: auto;
  }

@media(min-width:1400px) {
    #stockModal .modal-header > div > div { align-items: center; }
}

@media(max-width:1399px) {
    #stockModal .modal-header > div > div { align-items: flex-start; flex-direction: column; flex-wrap: nowrap; }
}

@media(min-width:1200px) {
    header, .u-header__section { position: relative; z-index: 6; }
    .sticky { padding-top: 3em }
    .sticky #mainNavBar { position: fixed; top: 0; left: 0; width: 100%; z-index: 4; }
    #SearchBox, .sticky #SearchBox.open { display: block; }
    .sticky #SearchBox { display: none; position: fixed; top: 3em; left: 0; width: 100%; background-color: #fff; padding: 1em; box-shadow: 0 0 5px rgba(0,0,0,0.2); }
    .sticky #SearchBox > form { max-width: 839px; margin: 0 0 0 auto; }
    .AltLogo { display: none; }
    .products-group { min-height: 365px; }
    .products-related-group { min-height: 265px; }
    #searchClassicInvoker2 { display: none; color: #fff; }
    .sticky #searchClassicInvoker2 { display: inline-block; }
    #sidebarHeaderInvokerMenu {display:none;}
}

@media(max-width:1199px) {
    body { padding-top: var(--bodypad); }
    header { position: fixed; top: 0; left: 0; width: 100%; z-index: 10000; }
    .MainLogo { display: none; }
    #SearchBox { display: none; position: fixed; top: 4em; left: 0; width: 100%; background-color: #fff; padding: 1em; box-shadow: 0 0 5px rgba(0,0,0,0.2); }
    #SearchBox.open { display: block; }
    #searchClassicInvoker { padding: 2px; }
    #searchResultsContainer { margin: 0 1em; }
    #searchResultsContainer .colour-swatch-container { display: none; }
    .modal { top: 4em; }
    .AltStick #BigLogo img {max-height:10vw;}
}

@media(max-width:1200px) {
    .MobMenu { display: flex; }
}



@media(min-width:992px) {
    .tracking-item { margin-left: 18rem }
    .tracking-item .tracking-date { position: absolute; left: -13rem; width: 10.5rem; text-align: right; }
    .tracking-item .tracking-date span { display: block }
    .tracking-item .tracking-content { padding: .5rem 0rem; background-color: transparent }
    .u-sidebar__container { padding-bottom: 15em; }
    .stock-modal-table .main-table td:nth-child(1) { width: 15%; }
    .stock-modal-table .stock-table > tbody > tr > td { padding: 0.6rem; }
    .stock-table td[title=Code], .stock-table td[title=Product] { text-align: left; }
    .stock-modal-table .stock-table > tbody > tr.StockColourItem > td:first-of-type { padding-left: 2rem; }
    .image-table td { border: none; }
}

@media(max-width:991px) {
    .product-item__body .btn { margin-bottom: 0.5em; }
    .colour-swatch-container { padding: 0 1em; }
    #filterNavBar { display: flex; flex-direction: column; flex-wrap: nowrap; align-content: center; align-items: center; }
    .stock-table { width: 100%; }
    .stock-table thead { display: none; }
    .stock-table > tbody > tr { display: block; padding: 0.5em; vertical-align: top; }
    .stock-table > tbody > tr > td { display: flex; text-align: left; align-items: center; padding: 3px 2px; }
    .stock-table > tbody > tr > td:before { content: attr(title) ': '; margin-right: 1em; font-weight: bold; width: 45%; }
    .stock-table > tbody > tr > td > table { width: auto; }
    .stock-table > tbody > tr.hidden { display: none; }
    .image-table td { text-align: center; }
    .stock-modal-table .main-table > tbody > tr > td { display: block; }
    .size-btn { margin-bottom: 0.5em; }
}

@media(min-width:768px) {
    #stockModal .modal-header > div { display: flex; width: 100%; flex-direction: row; flex-wrap: nowrap; align-content: center; justify-content: space-between; align-items: center; }
    #stockModal .modal-header > div > div { align-items: center; padding: 1em; }
    #stockModal .modal-header > div > div:last-child { text-align: right; }
}

@media(max-width:767px) {
    #orderOnline { display: none !important; }
    .SplitCrumb, .Crumbs, .breadcrumb { display: none; }
    .product-item::after { display: none; }
    .product-item__title { font-size: 1rem; line-height: initial; }
    #FilterHolder, #myAccountNav { display: none; }
    #FilterHolder.open, #myAccountNav.open { display: block; }
    #stockModal .modal-header > div > div { margin-bottom: 1em; }
    .pl-5, .pl-6 { padding-left: 1em !important; }
    .pr-5, .pl-6 { padding-right: 1em !important; }
    #searchResultsContainer { overflow: auto; }
}

@media(min-width:482px) {
    .FilterToggle { display: none; }
}

@media(max-width:481px) {
    #HomeBannerStrip { display: none; }
    .td-first-line, .td-boxes { display: none; }
    #colourSwatchBody:not(.Open), #sizeBody:not(.Open) { display: none; }
    #tabSection ul { display: block; }
}

@media(min-width:376px) {
    .SwatchImg { display: none; }
}

@media(max-width:375px) {
    .MobMenu a { overflow: hidden; height: 1.5em; display: block; }
    .MobMenu a i { display: block; text-align: center; }
    .SwatchImg { width: 38px; height: 38px; border: 1px solid #eaeaea; cursor: pointer; border-radius: 0.4rem; margin-bottom: 1rem; margin-right: 1rem; display: inline-block; position: relative; }
    .SwatchImg .colourSwatchBody { height: 100%; }
    .SwatchImg.active-colour-group:before { font-family: "Font Awesome 5 Pro"; content: "\f00c"; font-weight: bold; font-size: 0.7rem; height: 100%; width: 100%; display: flex; align-items: center; justify-content: center; position: absolute; }
    #galleryColourFilter img { display: none; }
    .mobi-center { text-align: center; }
    #stockModal .mobi-center span { font-size: 0.7em; }
}

.hidden, .hidden2, *[data-show], .HoverNote { display: none; }

.checkoutLogo24 { width: 32px; margin-top: -5px; }
a.text-hover-primary:hover { color: var(--primary) !important; }

.tracking-item-top { background: white; height: 31px; position: absolute; width: 100%; z-index: 1; top: 0px; }

.sticky .u-header__mega-menu-wrapper { max-height: calc(100vh - 46px); overflow-y: auto; }