/*! ePropulsion UK Ltd | (c) 2025 Gareth Pullen */
@font-face { font-family: 'epMontserrat'; font-style: italic; font-weight: 100 900; font-display: swap; src: url('/fonts/montserrat-italic.woff2') format('woff2'); } @font-face { font-family: 'epMontserrat'; font-style: normal; font-weight: 100 900; font-display: swap; src: url('/fonts/montserrat.woff2') format('woff2'); } @font-face { font-family: 'epSourceSans'; font-style: italic; font-weight: 200 900; font-display: swap; src: url('/fonts/sourcesans-italic.woff2') format('woff2'); } @font-face { font-family: 'epSourceSans'; font-style: normal; font-weight: 200 900; font-display: swap; src: url('/fonts/sourcesans.woff2') format('woff2'); }

:root {
    --uk-breakpoint-s: 800px;
    --uk-breakpoint-m: 1200px;
    --uk-breakpoint-l: 1600px;
    --uk-breakpoint-xl: 1800px;
}

html {display: inline-grid;min-height:100%;}body{max-width: 100vw;}
html, body, .uk-body  {font-family: "epSourceSans", sans-serif;font-optical-sizing: auto;}
body {overflow-y: scroll;}
#sidebar, .uk-offcanvas-bar, .uk-h1, .uk-h2, .uk-h3, .uk-h4, .uk-h5, .uk-h6, .uk-heading-2xlarge, .uk-heading-3xlarge, .uk-heading-large, .uk-heading-medium, .uk-heading-small, .uk-heading-xlarge, h1, h2, h3, h4, h5, h6 {font-family: 'epMontserrat', -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif; letter-spacing: -0.4px;}
#main { z-index: 0; overflow-x: hidden; overflow-y: hidden; }

.uk-sticky-fixed {z-index: 1010;}
.uk-heading-split {
    width: fit-content;
    text-align: center !important;
    padding: 0 13px;
    margin: -21px auto 14px auto;
    background: white;
}

@media (max-width: 639px) {
    .uk-heading-split {
        margin-top:5px;
    }
}
/* #company-users .uk-flex-center > div > div {
    border: 1px solid #e5e5e5;
    border-radius: 8px;
    padding: 10px;
} */

@media (min-width: 640px) {
    #company-users .uk-flex-center > div > div {
        border: 1px solid #e5e5e5;
        border-radius: 8px;
        padding: 10px 20px;
    }
    
    #sub-companies .company-type > div > div {
        border: 1px solid #e5e5e5;
        border-radius: 8px;
        padding: 10px 20px;
    }
}


.eventsTable .pp { padding:0 !important; }
.eventsTable .pp img {width: 32px;min-width: 32px;border-radius: 100%;margin: 0 -6px 0 4px;}
.eventsTable thead tr:first-of-type { border-top: 1px dashed #bfbfbf !important; }
.eventsTable td { vertical-align: middle !important; border-top: 1px solid #9f9f9f; }
.eventsTable td:nth-child(4) { padding:0 !important; background:white; } 
.eventsTable td:nth-child(2) > span {font-size: .875rem;  color: #999;display:block;line-height: 1;}
.eventsTable td:nth-child(2) > span a {color: inherit !important;text-decoration: none !important;}
.eventsSubTable {max-width: 900px;} 
.eventsSubTable td {overflow-wrap: anywhere;}
.eventsSubTable tr:first-child td {border-top:none !important;}
.eventsSubTable tr:not(:first-child) td { border-top: 1px red !important; } 
.eventsSubTable tr:last-child td {border-bottom:none !important;}
.eventsSubTable tr td:nth-child(1) {width:20%;}
.eventsSubTable tr td:nth-child(2) {width:40%;}
.eventsSubTable tr td:nth-child(3) {width:40%;}
.eventsSubTable td {font-size: .875rem;color: #999; line-height: 1;}

/* Disable zoom controls */
@media (pointer: fine) {
    html {
        zoom: 100%; /* Prevent zooming on desktop by resetting the zoom level */
    }
}
.uk-background-primary {
    background-color: #005DAC !important;
}
.stats-card {
    transition: all 0.3s ease;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    border-radius: 6px !important;
    overflow: hidden;
}

.stats-card:hover {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.stats-card .uk-card-header {
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.chart-container {
    position: relative;
    margin: auto;
    padding: 10px;
}
.profile-images {
    position: relative !important;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px !important;  
    max-width: 260px;
}
.profile-user-pic {
    box-shadow: 0 0 6px #00000036;
    border-radius: 12px;
    overflow: hidden;
    position: relative;
    display: inline-block;
}
.profile-heatmap {
    display: block;
    margin-top: -12px;
    aspect-ratio:  4 / 1;
}
.profile-company-logo {
    position: absolute;
    left: -10px;
    bottom: -10px;
    max-width: 33%;
    box-shadow: 0 0 6px #00000036;
    border-radius: 12px;
}
/* Notifications */
.uk-notification-close { display: none; position: absolute; top: 11px; right: 10px;color: white;}
.uk-notification .uk-notification-message {padding: 10px;box-shadow: 2px 2px 10px #1610104a; text-align: center; max-width: 90vw; background: linear-gradient(45deg, #59abff, #0982ff); color: white;align-content: center; position: relative; }
.uk-notification-bottom-center, .uk-notification-top-center {margin-left:0;left:calc(50% - 175px);}
.uk-notification-message-success {background: linear-gradient(45deg, #08a571, #3ed879) !important; color: white !important;}
.uk-notification-message-warning  {background: linear-gradient(45deg, #ca5b1b, #f38857) !important; color: white !important;}
.uk-notification-message-danger  {background: linear-gradient(45deg, #ca1b1b, #c54343) !important; color: white !important;}


/* Forms */
select optgroup:disabled, select option:disabled {background: #ff000026;}
.select2 .uk-select {overflow:hidden;}
.select2-search__field:focus-visible {
	outline: none !important;
}
.select2-selection {
    border-radius: 0 !important;
    max-width: 100%;
    width: 100%;
    background: #fff;
    color: #666;
    border: 1px solid #e5e5e5 !important;
    height: 40px !important;
    vertical-align: middle !important;
    display: inline-block !important;
}
.select2-selection__arrow {
    height: 100% !important;
    top: 0px !important;
}

.select2-search__field {
    margin: 3px;
    width: -webkit-fill-available !important;
    height: 40px;
    line-height: 40px;
    padding: 0 10px !important;
    border-radius: 6px;
}
/*.select2-results__options > li:first-child {display:none;}*/

input:required:invalid, textarea:required:invalid, select:required:invalid, .required-invalid {
    background: #e6c8c870;
}
input:required:placeholder-shown {
    background: #e6c8c870;
}
select:focus {
    background: none !important;
}


.toggle {--line: #E8EBFB;--dot: #4CAF50;--circle: #E8EBFB;--duration: .4s;--text: #9EA0BE;cursor: pointer;position: relative;width: 50px;height: 24px;display: block;margin-left: auto;margin-right: auto;}
.toggle:before {content: "";width: 50px;height: 24px;position: absolute;left: 0;top: 0;}
.toggle input {display: none;}
.toggle input + d {position: relative;}
.toggle input + d:before, .toggle input + d:after {--s: 1;content: "";position: absolute;height: 4px;top: 8px;width: 20px;background: var(--line);transform: scaleX(var(--s));transition: transform var(--duration) ease;}
.toggle input + d:before { --s: 0; left: 4px; transform-origin: 0 50%; border-radius: 2px 0 0 2px; } 
.toggle input + d:after { left: 30px; transform-origin: 100% 50%; border-radius: 0 2px 2px 0; } 
.toggle input + d s { padding-left: 50px; line-height: 28px; color: var(--text); } 
.toggle input + d s:before { --x: 0; --b: var(--circle); --s: 4px; content: ""; position: absolute; left: 4px; top: 0; width: 20px; height: 20px; border-radius: 50%; box-shadow: inset 0 0 0 var(--s) var(--b); transform: translateX(var(--x)); transition: box-shadow var(--duration) ease, transform var(--duration) ease; z-index:999;background-color: #df9d9d;background: radial-gradient(#df9d9d 69%, transparent 70%);} 
.toggle input + d s:not(:empty) { padding-left: 68px; } 
.toggle input:checked + d:before { --s: 1; } 
.toggle input:checked + d:after { --s: 0; } 
.toggle input:checked + d s:before { --x: 28px; --s: 12px; --b: var(--dot);  }

/* Orange toggle variant for no-permission cases */
.toggle.no-permission {--dot: #FF9800;}

/* Navbar */
#navbar { z-index: 2222; overflow-x: clip;}
.uk-navbar {box-shadow: 0 -6px 6px 8px #0000001c;}
.uk-navbar-container {padding: 5px 0;min-height: 40px;width: 100%; justify-content: space-between;}
.uk-navbar-left {padding-left:20px;min-width: 15px;}
.uk-navbar-right {padding-right:15px;margin-left:0;column-gap: 10px;justify-content: end; width: calc(100% - 30px);}
.uk-search-default {width:auto;max-width: calc(100% - 50px);}
#profileMenu img {min-width: 40px;min-height: 40px;width: 40px;height: 40px;border: 1px solid #e5e8f3;border-radius: 12px;}
#profileMenu .uk-h6, #profileMenu .uk-text-meta {line-height:1;margin:0;}
#profileMenu .user  {
    padding-left: 10px;
    display: flex;
    flex-flow: column;
    align-self: center;
}
@media (max-width: 639px) {
    .uk-navbar-left {padding-left:15px;}
    #profileMenu .user  {
        display: none !important;
    }
}
@media (max-width: 480px) {
    .uk-navbar-left {padding-left:10px;}
    .uk-navbar-right {padding-right:10px;column-gap: 5px;}
}
/* Search */ 
#searchBox {
    border-radius: 12px;
    border: 2px solid #e4e4eb;
    background: white;
    cursor: pointer;
}
#searchBox:focus {
    border: 2px inset #1372d0b8;
}


/* Help Button */
html.uk-modal-page {
    overflow-y: unset !important;
    touch-action: auto !important;
    padding-right: 0 !important;
}

html.uk-modal-page body {
    display: contents;
}
#help {
    position: fixed;
    right: -160px;
    top: 50%;
    padding-left: 20px;
    z-index: 10;
    width: 200px;
    transition: right 300ms cubic-bezier(0.6, -0.28, 0.74, 0.05);
}
#help:hover {
    right: -20px;
    padding-left: 40px;
}
#helpButton {
    display: flex;
    text-align: center;
    padding: 4px 40px 4px 10px;
    border-radius: 22px 0 0 22px;
    background-color: #54c76b;
    align-items: center;
}
#helpButton > div {
    display: inline-block;
    margin-left: 15px;
    line-height: 17px; 
}

/* Dealer Map */
#filterButtons img {max-width: 24px;position: absolute;top: -18px;left: calc(50% - 12px);}
#filterButtons button {margin-right: 2px;margin-bottom: 5px;}
#filterButtons button:not(.uk-active) {filter: grayscale(1);}
#countryFilter {width:auto;min-width:300px;}
@media (max-width: 600px) {
    #countryFilter {width:100%;}
    #filterButtons, #filterButtons div { width:100%;}
    #filterButtons button { width: 33%;line-height: 14px;padding: 6px 12px;}
}


/* Sidebar */
#navbar	.uk-navbar-item, #navbar .uk-navbar-nav>li>a, #navbar .uk-navbar-toggle { min-height: auto !important;}

#sidebar {min-width: 200px; user-select:none;}
#sidebar .uk-nav-secondary > li > a {padding:7px 16px;color: #ffffff;font-weight: 500;}
#sidebar .uk-nav-secondary  li.uk-active > a {color: #fff;font-weight: 500;border-right:5px solid #ffffff78;background: linear-gradient(90deg, transparent, #4caeff3d);}
#sidebar .uk-nav-secondary > li > a:hover {background-color: rgb(185 185 185 / 10%);color: #fff;}
.uk-sidebar-header {padding:20px 30px;text-align:center;}
.uk-sidebar-header img {max-width:170px;}
.uk-nav-secondary {font-size: 14px;}
.uk-nav-secondary.uk-nav .uk-nav-header {padding-left: 24px !important;}
.uk-nav-secondary.uk-nav .uk-nav-header svg {margin-right:4px;}
.uk-nav-secondary.uk-nav ul {padding: 0 0 2px 34px !important;}
#sidebar_mobile .fas, #sidebar_mobile .svg-inline--fa, #sidebar .fas, #sidebar .svg-inline--fa {width:26px !important;text-align:center !important;vertical-align: 0 !important;}
.uk-nav .uk-heading-line {font-size: .875rem;line-height: 1.4;font-weight: 700;color: #ffffffd6;text-align: center; margin: 20px 0 5px 0 !important;}
#sidebar .uk-nav .uk-heading-line span::before, #sidebar .uk-nav .uk-heading-line span::after {border-bottom:none !important;}
#menuAdmin, #menuDistributor, #menuDealer, #menuDebug {   background: linear-gradient(transparent 11px, #2777b9ba 11px, transparent);padding-bottom: 30px;margin-bottom: -30px;}
/* .devmode {filter: hue-rotate(164deg) !important;} */
.devmode {background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M5.7 67.5 0 62l2.3-2.4 1.6-1 1.5-.4q.8 0 1.5.3 1 .4 1.3.9.7.6 1 1.4l.2 1.5q0 .8-.4 1.5-.3.7-1 1.5zm.8-6.5-.7-.5a2 2 0 0 0-1.4 0q-.4 0-.7.4l-.7.7 3 2.9.6-.7.5-.7.1-.7a2 2 0 0 0-.7-1.4m8.2-5.3 1.4 1.4-4.3 4.3L6 55.8l4.2-4.3 1.4 1.4L9 55.4l.8.8L12 54l1.3 1.3-2.2 2.2.9.9zm-2.3-6.2 4.8 2.5-2.5-4.9 1.8-1.7 3.4 7.9-1.4 1.3-7.9-3.4zM25.5 45l1.4 1.3-4.3 4.3-5.7-5.6 4.2-4.3 1.4 1.4-2.6 2.5.8.8 2.2-2.2 1.3 1.3-2.2 2.2.9.9zm2.1.5L22 40l1.7-1.7 4.3 4.3 2.7-2.7L32 41zm7.6-7.4a4 4 0 0 1-3 1.2 4 4 0 0 1-2.8-1.2 4 4 0 0 1-1.2-2.8 4 4 0 0 1 1.3-3 4 4 0 0 1 3-1.1 4 4 0 0 1 2.7 1.1q.6.6.9 1.3.4.9.3 1.5a4 4 0 0 1-1.2 3M31 36.5l.6.4.7.3h.7l.7-.5a2 2 0 0 0 .4-1.4l-.2-.7-.5-.6-.6-.5-.7-.2a2 2 0 0 0-1.4.4l-.4.7v.7q0 .4.2.7zm7.7-2.1-5.6-5.6 2.6-2.6 1-.7a3 3 0 0 1 2.1 0 3 3 0 0 1 1.7 2.5q0 .6-.2 1l-.6 1-1 1 1.7 1.8zm-1.4-4.7.9-.9.1-.4q0-.3-.3-.6-.4-.4-.6-.3l-.5.1-.8.9zm11.3-5.1-3-3 1.1 3.1-.9.9-3.1-1 3 2.9L44 29l-5.6-5.6 1.8-1.8 4 1.3-1.4-4 1.8-1.7 5.7 5.6zm5.7-8.4 1.3 1.4-4.3 4.3-5.7-5.7L50 12l1.3 1.3-2.5 2.6.8.8 2.2-2.2 1.2 1.3-2.2 2.2.9.9zm1-3.8L58 15l-1.6 1.7-5.7-5.7L52 9.8l5.3.5-2.8-2.9L56 5.7l5.7 5.7-1.4 1.3zm7.9-11L61.5 3l4.3 4.3L64 9l-4.3-4.3L58 6.5l-1.4-1.4L62 0zM38.7 53.6l-3-3 1 3.1-.8.9-3.1-1 3 2.9-1.7 1.7-5.7-5.7 1.9-1.8 4 1.3-1.4-4 1.8-1.7 5.6 5.6zm5.3-5.2a4 4 0 0 1-3 1.1 4 4 0 0 1-2.8-1.1 4 4 0 0 1-1.1-2.9 4 4 0 0 1 1.2-3 4 4 0 0 1 3-1.1 4 4 0 0 1 2.8 1.2l.8 1.3a4 4 0 0 1 0 3 4 4 0 0 1-1 1.5m-4-1.7.5.5.7.2h.8q.3 0 .6-.4l.4-.7v-.7q0-.4-.2-.7-.2-.4-.5-.6l-.6-.5-.7-.3a2 2 0 0 0-1.4.5l-.4.7v.7l.2.7zm7.7-2L41.9 39l2.4-2.3q.8-.8 1.5-1l1.6-.4q.8 0 1.4.3.8.3 1.3.9l1 1.3A4 4 0 0 1 51 41l-1.1 1.5zm.8-6.5q-.3-.4-.7-.5a2 2 0 0 0-1.4-.1l-.7.5-.7.6 3 3 .6-.7q.4-.3.5-.7l.1-.7-.2-.8zm8.2-5.2 1.4 1.3-4.3 4.3-5.7-5.7 4.3-4.2 1.3 1.3-2.6 2.6.8.8 2.2-2.2 1.3 1.3-2.2 2.2.9.9z' fill='red' opacity='.03'/%3E%3C/svg%3E");background-size: 700px; background-attachment: fixed;}
/* .devmode #sidebar > div, .devmode .uk-offcanvas-bar {opacity: 0.9;} */
.devmode .uk-sidebar-header .uk-text-meta { color: #ff5d5d; font-weight: bold; }
.devSpeed {text-transform:none;font-size: 0.8em;padding: 0 8px;}
.devSpeed.dsFloat { position: fixed;bottom: 5px;right: 5px;}
.uk-heading-line > span {padding: 2px 12px;border-radius: 12px;backdrop-filter: blur(16px) brightness(1.3);}
#sidebar > div, .uk-offcanvas-bar {background-image: radial-gradient(circle, #005dab, #00559c, #004d8e, #004680, #003e72);background-attachment: unset;}
#sidebar > .sticky {min-height: 100vh;}
.uk-sidebar-header-mobile {display:none;}
.uk-sidebar-header-mobile img { padding: 20px 10px; width: 100%; max-width: 68px; }
.uk-offcanvas-bar {padding: 0 5px 20px;}
.uk-section-primary{background:none;}
.uk-switcher .uk-text-meta { margin-right: 13px; font-family: monospace; }
.disabled a {
	cursor: not-allowed;
	color: #ffffff4a !important;
  }
.uk-light .uk-nav-secondary .uk-nav-sub a {
    color: rgb(255 255 255 / 80%);
}
.menuProducts ul a {
    padding: 2px 0 !important;
}
.uk-table-small td, .uk-table-small th {
    padding: 6px 12px 4px;
}
/* Manage Files */
@media (min-width: 1600px) {
    .manageFiles .uk-child-width-1-6\@xl >* {
        width: calc(100%* 1 / 10) !important;
    }
}

/* Edit Products */
div[data-archived="yes"], .archived {
    filter: opacity(0.8) saturate(0.2);
}
.archived img,.hidden img,.draft img {
    mix-blend-mode: darken;
}
.uk-textarea.missing, .uk-input.missing { background: #ffcccc !important;}
.assigned {background:rgb(166, 221, 166);}
.draft {background: #ffa5002e !important; }
.hidden {background: #ae00ff2e !important; }
.published {background: #0080002e !important; }
select#Status:has(option.draft:checked) { background: #ffa5002e; }
select#Status:has(option.hidden:checked) { background: #ae00ff2e; }
select#Status:has(option.published:checked) { background: #0080002e;}
option.draft {background: #ffefd1  !important; }
option.hidden {background: #f0d1ff !important; }
option.published {background: #d1e8d1  !important; }
.isArchived {background: #ff100047 !important; }
#EditGrid > div > div {
    padding: 22px;
    border-bottom: 1px solid #e5e5e5;
}
button.delete-button {position: absolute; top: 0; right: 0;}

@media (min-width: 640px) {
    #EditGrid > div > div {
        border-right: 1px solid #e5e5e5;
    }
}

@media (min-width: 1200px) {
    #EditGrid > .uk-width-1-1 > div, #EditGrid > .uk-width-1-3\@l:nth-child(3n+2) > div, #EditGrid > .uk-width-1-2\@m:nth-child(2n+3) > div, #EditGrid > .uk-width-2-3\@m > div {
        border-right: none;
    }
}

@media (min-width: 640px) and (max-width: 1199px) {
    #EditGrid > .uk-width-1-3\@l:not(:nth-child(2n+1)) > div, #EditGrid > .uk-width-1-2\@m:nth-child(2n+2) > div { 
        border-right: none;
    }
}

.sort > div {cursor: grab;}
.sort > div button {position: absolute; top: 0; right: 0; padding: 0px 6px; line-height: 18px;background-color: #f0506e; color: #fff;border:none;}

@keyframes flash {
    0%, 100% {
        border: 3px dashed transparent; 
        border-radius:12px;
      }
      50% {
        border: 3px dashed rgb(112, 155, 235); 
        border-radius:12px;
      }
  }
.flash {
animation: flash 1.5s ease-in-out 3; 
}

/* Edit Prices */

#pricing-edit tr th:first-child, #pricing-edit tr td:first-child { min-width: 80px;}
#pricing-edit tr th, #pricing-edit  tr td {border-left: 1px solid #e5e5e5;border-right: 1px solid #e5e5e5;}
#pricing-edit tr th {text-align: center;}
#pricing-edit tr td:nth-child(n+3) {text-align: right;}
#pricing-edit tr td:nth-child(n+3) > div {display: flex;justify-content: end;}
/*#pricing-edit tr td:nth-child(n+3) input {min-width: 80px; max-width: 100px;height: 30px;text-align: right;}*/
#pricing-edit tr td:nth-child(n+3) input {min-width: 80px; text-align: right;}
#pricing-edit-page tr td > div {align-items: center;display: flex;justify-content: space-evenly;}
#pricing-edit-page, #pricing-edit-page input {min-width: 80px; text-align: right;}
#pricing-edit-page th, #pricing-edit-page td {border-left: 1px solid #e5e5e5;border-right: 1px solid #e5e5e5;}
.ep-tax {    
    align-self: center;
    margin-left: 6px;
    text-wrap: nowrap;
    font-size: 12px;
}
.ep-currency {
    padding-right: 5px;
}
  

/* Styles for Admin Blocks */
.ep-admin {
    border: 3px dashed #004a894f;
    border-radius: 12px;
    background: #005cab0f;
    padding: 20px 20px 25px 5px;
}
.ep-admin .uk-heading-bullet::before {
    border-left: calc(5px + .1em) solid #00539869;
}
.ep-admin input:not(:checked) {background: white;}

/* Style for the off-canvas toggle button */
#offcanvas-toggle {
	height:80px;
	padding: 10px 10px 10px 0;
    position: fixed;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    transition: left .3s ease-out;
}
#offcanvas-toggle > span {
	display:block;
	padding-right: 13px;
	height:100%;
    background-color: #0c65af;
    color: #fff;
    border-radius: 0 12px 12px 0;
    cursor: pointer;
}
.uk-offcanvas-container-animation #offcanvas-toggle {
    left: 230px; 
}
#offcanvas-toggle:hover > span, #offcanvas-toggle.open > span, #offcanvas-toggle.focus > span {
    background-color: #0c65af70;
	outline:none;
}
.uk-offcanvas-bar { width:230px !important;}


@media (min-width: 640px) {
    #offcanvas-toggle.open {
        left: 330px; 
    }
    /* Closed menu */
    .uk-offcanvas-bar {
        left: -240px;
    }
}


/* General */
.uk-section-small {padding-top: 20px;padding-bottom: 20px;}
.uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before {margin: 0 12px;}
.ep-danger {background: #ffe7e7;}
.uk-card {background:white;}
.uk-card-default, .uk-card-primary, .uk-card-secondary {
    transition: all 0.3s ease;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    border-radius: 6px !important;
    overflow: hidden;
}
.uk-card-default:hover, .uk-card-primary:hover, .uk-card-secondary:hover {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.uk-card-default .uk-card-header {
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    background-color: #005DAC;
}

.uk-card-secondary { background-color: #00569e !important;}
.uk-card-ep {border:1px solid #e4e4eb;transition: all 150ms ease-out;position: relative;top: 0;z-index:10;}
#imageUploadFormProduct .uk-card-ep, #imageUploadFormLifestyle .uk-card-ep {align-content: center;}
.uk-card-header {padding: 8px 20px !important;}
.uk-card-ep.uk-card-hover {z-index:1;}
.uk-card-ep.uk-card-hover:hover {
    border:1px solid #c7c7d5;
    box-shadow: 0 6px 6px rgba(0, 0, 0, .05) !important;
	top: -4px;
    z-index: 5;
}
.uk-slider-container {padding: 10px 2px;overflow: clip;overflow-clip-margin: 7px;}
.ep-radius {border-radius:22px;}
.ep-alpha {bottom: 0; position: fixed; background: #040404ab; color: white; text-align: center; padding: 10px; width: 100%;z-index:990;}
.ep-hidden {opacity: 0; visibility: hidden;}
.uk-box-shadow-hover-small:hover {box-shadow: none;scale: 1.1;}


@media (max-width: 640px) {
    .uk-card-ep.uk-card-ep-border-remove {padding: 10px;}
}

.uk-divider-icon {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3NS40OCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDc1LjQ4IDQwIj4KICA8ZGVmcz4KICAgIDxzdHlsZT4KICAgICAgLmNscy0xIHsKICAgICAgICBmaWxsOiAjZjJmMmYyOwogICAgICB9CgogICAgICAuY2xzLTIgewogICAgICAgIG9wYWNpdHk6IC4yOwogICAgICB9CiAgICA8L3N0eWxlPgogIDwvZGVmcz4KICA8ZyBjbGFzcz0iY2xzLTIiPgogICAgPGc+CiAgICAgIDxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTc0LjgzLDE4LjM3Yy01Ljc3LTUuNzUtMTIuMDYtMTEuOTktMTcuODEtMTcuNzQtLjg2LS44NC0yLjI0LS44NC0zLjA3LDAtOC45OSw5LjA0LTI1LjA2LDI1LjE4LTI1LjA2LDI1LjE4LDAsMC02LjA5LTYuMDctMTAuMi0xMC4xNS0uODYtLjg0LTIuMjEtLjg0LTMuMDUuMDJzLS44NiwyLjIxLDAsMy4wNWM0LjEsNC4wOCw3LjYyLDcuNjIsMTEuNzIsMTEuNy44Ni44NCwyLjIxLjg0LDMuMDctLjAyLDguOTktOS4wNCwyNS4wOS0yNS4xOCwyNS4wOS0yNS4xOGwxNC43OSwxNC43Mi0xNC42NywxNC43NC0xMC4yLTEwLjE1Yy0uODYtLjg0LTIuMjEtLjg0LTMuMDcsMC0uODQuODYtLjg0LDIuMjEsMCwzLjA3LDAsMCw4LjE2LDguMTEsMTEuNywxMS42Mi44Ni44NCwyLjI0Ljg2LDMuMDcsMCw1LjctNS43MiwxMi4wNC0xMi4wOSwxNy43MS0xNy44MS44NC0uODQuODQtMi4yMSwwLTMuMDUiLz4KICAgICAgPHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTguODEuMjZDMTIuODYsNi4yLDYuNTUsMTIuNTkuNjMsMTguNTRjLS44NC44NC0uODQsMi4yMSwwLDMuMDUsNS43Nyw1Ljc1LDEyLjA5LDEyLjA0LDE3Ljg2LDE3Ljc5Ljg2Ljg0LDIuMjEuODQsMy4wNywwLC44NC0uODYuODQtMi4yMSwwLTMuMDdMNS4yNSwyMC4wNmwxNC43Mi0xNC43OXM1LjY4LDUuNjUsMTAuMTUsMTAuMTJjLjg2Ljg0LDIuMjQuODQsMy4wNy0uMDJzLjgxLTIuMjEtLjA1LTMuMDdsLjAyLjAyYy00LjUtNC40Ny03LjItNy4xNy0xMS43LTExLjY1LS44Ni0uODQtMi4yMS0uODYtMy4wNywwIi8+CiAgICA8L2c+CiAgPC9nPgo8L3N2Zz4=") !important;
    background-size: 38px;
}
.menuAdmin {border-left: 2px solid #5b9eff;}

.uk-nav .uk-badge.red  {
    background: #ff5b5b;
    color: white !important;
    font-size: 14px;
}

.uk-card-ep .uk-badge {
    position: absolute;
    top: 10px;
    right: 10px;
    background: #41bb57;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
    padding: 8px 10px;
}
.product .uk-card-ep .uk-badge {
    position: absolute;
    top: unset;
    bottom: 4px;
    left: calc(50% - 45px);
    right: unset;
    background: #41bb57;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
    padding: 8px 10px;
}
.uk-badge.proplow {
    background: #6bc5d5 !important;
}
.uk-badge.prophigh {
    background: #1277c9 !important;
}
.uk-nav .uk-badge {
    background: #41bb57;
    color: white !important;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
    padding: 8px 10px;
    margin-left: 5px;
}
/* Products */
.sendProductNote {
    padding: 0px 10px;
    margin-top: -2px;
    font-size: 12px;
    border-radius: 12px;
    line-height: 20px;
}
.sendProductNote:hover {
    color: #c7465e;
    background: #ffd4dd;
}

#product .uk-grid-divider.uk-grid-stack>.uk-grid-margin::before { content:none; }
.ep-cat-top .uk-card-body {aspect-ratio: auto !important;} 
.ep-cat .uk-card-body > div, #searchResults .uk-card-body > div  {aspect-ratio: 1 / 1; display: flex;  align-items: center;}
.ep-cat .uk-card-body img, #searchResults .uk-card-body img { max-height: -webkit-fill-available; margin-left: auto;margin-right: auto; }
.ep-cat .uk-card-ep {display:flex;justify-content:space-between;flex-direction: column;row-gap: 0;}
.uk-card-ep .uk-card-header {position:relative;}
.uk-card-ep .uk-card-header > span {vertical-align: middle;}
.uk-card-ep .uk-card-body  {padding: 6px 12px;position:relative;}
.uk-card-ep .uk-card-footer         {padding: 8px;line-height: 16px;}
.uk-card-ep .uk-card-footer-price   {padding: 4px 9px 1px;background: #f1f1f1;font-size: small;}
.uk-card-ep-link {position: absolute; top: 0px; left: 0; right: 0; bottom: 0; z-index: 1;}
/*#searchResults .uk-card-primary { background-color: #5ea573;}*/
.ep-package .uk-card-header { background-color: #5ea573;}
.ep-package .uk-card-header > span:first-child { display: block; font-size: .875rem; line-height: 1.4; margin-bottom: -7px;text-transform: uppercase;}
.uk-card-header.uk-card-primary {box-shadow: none;}
.uk-card-primary {background-color: #0f3f69;}
.uk-position-cover {z-index:888;}
.ep-linklist li {display:flex;position:relative;align-items: center;top:0;}
.ep-linklist div {width: 64px; min-width: 64px; display: inline-block; margin-right: 12px; transition: all 150ms ease-out;}
.ep-linklist-small div {width: 32px; min-width: 32px;}
.ep-linklist div > div {border: 1px solid #e4e4eb; transition: all 150ms ease-out; position: relative;top:0;}
.ep-linklist div > div img {min-width: 100%;}
.ep-linklist li:hover {background: linear-gradient(to right, transparent, rgb(0 201 255 / 5%), transparent)}
.ep-linklist li:hover div > div { border: 1px solid #c7c7d5; box-shadow: 0 6px 10px 4px rgb(131 131 131 / 16%) !important; top: -4px; z-index: 5; }
#product h5 {color:#4c4c4c;margin: 0;}
#product #description > .uk-text-meta {line-height: 1.2 !important;display: block;}
.editProduct {background: #bdd8ff; color: #66667a !important; border-radius: 10px; padding: 0px 12px; height: 22px; font-weight: 800; font-size: 14px; font-family: monospace; margin-left: 12px; margin-bottom: 12px; width: fit-content; display: inline-flex ; align-items: center;}
.editProduct:hover {text-decoration: none;}
.stockProduct {background: #985184b3; color: white !important; border-radius: 10px; padding: 0px 12px; height: 22px; font-weight: 800; font-size: 14px; font-family: monospace; margin-left: 12px; margin-bottom: 12px; width: fit-content; display: inline-flex ; align-items: center;}

.partNumber {display: inline-block;background: #f0f6ff; border-radius: 10px; padding: 0 8px; height: 22px;font-weight: 600; font-family: monospace; font-size: 14px;margin-bottom:12px;width: fit-content;place-content:center;}
.partNumber:hover {background: #e1ecfb;cursor: cell;}
em { color: #000000; }
.listImage {width: 32px;min-width: 32px;display: inline-block;margin-right: 8px;text-align: center;}
.listImage img { max-width:100%;max-height:32px;}
.listFileImage {width: 64px;min-width: 64px;display: inline-block;margin-right: 8px;text-align: center;}
.listFileImage img { max-width:100%;max-height:64px;}
.uk-list-divider>:nth-child(n+2), .uk-list-divider li { margin-top: 0px; padding: 6px 0; align-items: center;}

.stockCard { font-weight: 700; position: absolute; top: 0; right: 0; bottom: -1px; background: #985184b3; padding: 9px 10px; box-shadow: inset 0 0 9px #00000060; color: #ffffff !important; text-decoration: none; z-index: 10;}  
    .stockRed {background:#ff0000e6;}
    .stockOrange {background:#ffa600e6;}
    .stockGreen {background:#228b22e6;}
#stock-level-top {margin-left:5px;}
.stock-link { cursor: zoom-in;}
.stockIndividual {
    border: 3px solid #985184;
    border-radius: 12px;
    overflow: hidden;
    width: fit-content;
    max-width: 500px;
}
.stockIndividual table {
    margin: 0;
    width: 100%;
    background: #f9f5f8;
    text-align: center;
    padding: 0 8px;
    display: block;
}
.stockIndividual table th {
    font-weight: 600;
    color: #606060;
    text-align: center;
}
.stockIndividual td, .stockIndividual th {
    padding: 6px;
}
table.stock-breakdown { position: absolute; background: #fffffff5; top: 0; left: 0; min-width: 200px; z-index: 1000; border: 1px solid #e5e5e5; border-radius: 4px; padding: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.1);font-weight: 500;font-size: medium;}
table.stock-breakdown tr th {     font-weight: 500;   font-size: small; }
table.stock-breakdown th, table.stock-breakdown td { padding: 4px 0; }


/* Motor Choice */
.selectedMotor { background: linear-gradient(90deg, transparent, #d7ffd0, transparent);}
#motorClick ul li { padding: 3px 12px; margin:0;}
.selectedMotor { background: linear-gradient(90deg, transparent, #d7ffd0, transparent);}

/* Motor Preview */
#motorImages {position: relative;aspect-ratio: 1/1;max-width: 73%; margin-left: auto; margin-right: auto;}
#previewMotor {background: #ffffffe6;position: absolute;transition: opacity 1s ease, visibility 1s ease; visibility: visible;}

/* Cart  */
#cartcontainer {
    border: 3px dashed rgba(0, 74, 137, 0.31);
    border-radius: 12px;
    background: rgba(0, 92, 171, 0.06);
    padding: 20px;
    user-select: auto;
}
#cart .uk-table-divider>:first-child>tr:not(:first-child), #cart .uk-table-divider>:not(:first-child)>tr, #cart.uk-table-divider>tr:not(:first-child) {border-top: 1px solid #bbbbbb;}
.incompatible {background: #ff00002e;}
#cart > table > tbody > tr > td:nth-child(5)  { justify-content:space-between;display:flex;}
.cart-quantity {padding: 0 10px;font-weight: bold;}
/* Grids */
.uk-grid-tiny {align-items: center;column-gap: 4px; row-gap: 4px; height: max-content;}
.uk-grid-tiny hr {height: 0;}
.uk-grid-tiny>.uk-grid-margin {flex-grow: 0.2; flex-shrink: 1; flex-basis: 0; min-width: 100px;}
.uk-grid-tiny>.uk-grid-margin > a { display: flex; justify-content: center; overflow: hidden; flex-wrap: wrap; }
.uk-grid-tiny>.uk-grid-margin img {max-height: 100%;max-width: 120%;}

/* All Tables */
.uk-table-tiny td, .uk-table-tiny th {padding: 2px;}
#configurator td span:nth-child(1), #partlist_wrapper td span {display:block;font-size: .7rem;line-height: 1.2;color: #999;}
#configurator tr > td:first-child, 	#partlist_wrapper tr > td:first-child { text-align: center; padding: 0px 4px; vertical-align: middle; min-width: 50px;}
#configurator tr > td:nth-child(2), 	#partlist_wrapper tr > td:nth-child(2) {min-width:70px;font-size:.7rem;}
th#qty {min-width:69px;}




@media (min-width: 1900px) {
    .uk-child-width-1-1\@xxl>* {
        width:100%
    }

    .uk-child-width-1-2\@xxl>* {
        width: 50%
    }

    .uk-child-width-1-3\@xxl>* {
        width: calc(100% * 1 / 3.001)
    }

    .uk-child-width-1-4\@xxl>* {
        width: 25%
    }

    .uk-child-width-1-5\@xxl>* {
        width: 20%
    }

    .uk-child-width-1-6\@xxl::not(.uk-width-1-1) {
        width: calc(100% * 1 / 6.001)
    }

    .uk-child-width-auto\@xxl>* {
        width: auto
    }

    .uk-child-width-expand\@xxl>:not([class*=uk-width]) {
        flex: 1;
        min-width: 1px
    }
}

/*****************/
/* Boat Database */
/*****************/

/* Boat Card */
.boat {user-select:none;}
.boat [uk-cover] {object-position: bottom;}
.boat .uk-card {display:flex; flex-direction: column;}
.boat .uk-card-media-top {overflow:visible;}
.boat .uk-card-body {padding: 0 7px !important;}
.boat .uk-card-body > div {position: relative;display: flex;justify-content: space-around; align-items: center;gap:5px;}
.boat .uk-card-body > div > div:nth-child(1) { margin-top: -4px; margin-bottom: 4px; mix-blend-mode: darken;}
.boat .uk-card-body > div > div:nth-child(1), .boat .uk-card-body > div > div:nth-child(3) { position:relative; max-width:20%;}
/* .boat .uk-card-body > div > div:nth-child(2) {flex: 0.8;} */
.boat .uk-card-body > div > div:nth-child(3) {margin-top: -10px;}
.boat .twin > img:first-child { margin-left: -10px;margin-top: -5px;}
.boat .twin > img:nth-child(2) { position:absolute;left: 10px;}


@media (max-width: 639px) {
    .uk-child-width-1-2 .boat .uk-card-body > div > div:nth-child(3) {display: none !important;}
}
@media (max-width: 1280px) {
    .uk-child-width-1-2 .boat .uk-card-body > div > div:nth-child(1) {display: none !important;}
}

.boat t {font-size:  1.2em; line-height: 1;font-weight: 700;display: block;}
.boat st {font-size: 0.9rem;line-height: 1;display: block;color: gray;}
.boat sst {font-size: 0.8rem;line-height: 0.9;display: block;color: gray;}
.boat .long t {font-size:  1em; line-height: 1;font-weight: 700;display: block;}




.boat .metrics > div > span {font-size: .8rem;line-height: 1;font-weight: 400;padding-bottom: 5px;display: block;color: #999;}
.boat .metrics > div {font-size:  .85em; line-height: .8;font-weight: 600;display: block;}
.boat .metrics {margin-left: -20px;}
.boat .metrics > * {padding-left: 10px;} 
.boat .metrics >:not(.uk-first-column)::before { left: 5px;}
.boat .metrics div >:not(.uk-first-column)::before {left: 5px;}
.boat .metrics .uk-grid-divider.uk-grid-small>* {padding-left: 10px;}


/* Boat View */
.motorImage, .batteryImage, .propImage {padding: 10px 0 !important;text-align: center;}
.motorImage img {margin:-16px -20px !important;}
.batteryImage img, .propImage img {margin:-16px -12px !important;}


/* Boat List Filter */
[uk-icon="performance"] { fill: #004d8f !important; position: absolute; top: -5px; right: 12px; padding: 5px; border-radius: 0 0 4px 4px; background: #ffffff; box-shadow: 0px 3px 6px #00000047;}
[uk-icon="performance"] svg { width:20px;height:20px;}
.fade {background: linear-gradient(-1deg, #ffffff 20%, transparent 80%);width: 100%;height: 27%;z-index: 0;position: absolute;bottom: -3%;}
#boatFilter .uk-checkbox {border-radius: 4px;margin-right:6px;min-width:16px;}
#boatFilter c {margin-left:4px;}
#boatFilter li label.long span {font-size: 90%;}
#boatFilter li label.disabled {opacity: 0.5;display:none;}
#boatFilter li label.disabled c {visibility:hidden;}
#boatFilter .uk-list>*>ul, .uk-list>:nth-child(n+2) { margin-top: 1px;}
#sortSelect, #boatSearch {border-radius:5px;}
.resetFilter  {font-size: smaller;font-weight: normal;cursor: pointer;color: #e62f1c;margin-left: 12px;}
#filters {user-select:none;}
#filters label { font-weight: 400; transition: all 0.3s ease-out; display: flex ; align-items: center; }
#filters label:not(.disabled):hover span {font-weight:600;transition: all 0.1s ease-out;background:#c9e8ff2e;}
#filters label span { line-height: 16px; flex: auto; }
@media (min-width: 1200px) {
    #filters [class*="uk-column-1-"] {column-count: 1;}
}


/* Lightbox */
.uk-lightbox {background: #ffffffcf;backdrop-filter: blur(4px);}
.uk-lightbox-items>*>* { height: 84vh; max-width: none; max-height: none; }
.uk-lightbox-toolbar {background: rgb(0 0 0 / 69%);color: rgba(255,255,255,.8);}
.uk-lightbox-toolbar>* {color: rgba(255,255,255);}
.uk-lightbox-items img { filter: drop-shadow(2px 2px 5px #00000010);}

/* Button Groups */
.ep-btn-grp { display: inline-flex; vertical-align: middle; position: relative; padding: 5px 6px; border-radius: 32px; border: 1px solid #dbdbdb; box-shadow: 0 0 6px #00000073 inset; background: radial-gradient(circle, #005dab, #004680, #003e72); }
.ep-btn-grp .uk-button-small { padding: 0px 9px; line-height: 20px; font-size: 14px; border-radius: 25px; transition: 300ms ease-in-out; -webkit-tap-highlight-color: transparent !important; }
.ep-btn-grp .uk-button-small:not(.uk-active) { background-color: unset;color: #e1e1e1;}
.ep-btn-grp .uk-button-small:not(.uk-active):hover { color:white;}
.ep-btn-grp .uk-active {box-shadow: 0 0 5px #00000030;}
.ep-btn-grp > .uk-button:nth-child(n+2) { margin: 0 4px 0 0;}
.uk-button-smaller {padding: 1px 8px 0;line-height: 20px;font-size: 14px;font-weight: 500;}
@media (max-width: 640px) {
    .ep-btn-grp .uk-button-small {padding: 0px 6px;line-height: 16px;font-size: 12px;}
}

.ep-icon-button {
	position: absolute;
    top: -10px;
    right: -8px;
    background-color: #0f3f69;
    color: #ffffff91;
    border-radius: 11px;
    width: 36px;
    height: 36px;
    vertical-align: middle;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    transition: .1s ease-in-out;
    transition-property: all;
}
.ep-icon-button:hover {
    color: white;
    scale: 1.1;
    opacity: 0.9;
}
.uk-tooltip.uk-active {
    text-align: center;
    display: block;
    padding: 10px 12px;
    font-size: 15px;
    background: #0f3f69;
    border-radius: 14px;
    min-width: fit-content;
}
.fancybox__backdrop {
    background: rgba(24, 24, 27, 0.7) !important;
}
.fancybox-image {
    border-radius: 12px;
}
.user-suggestion {cursor: cell;}