/*! 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: #005DAC !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;
    min-width: 128px;
    height: 100%;
    align-content: 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;
}