@font-face {
    font-family: "Neue Haas Unica Pro";
    src: url("/common/fonts/NeueHaasUnica/NeueHaasUnicaPro.woff2") format("woff2");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Neue Haas Unica Pro Medium";
    src: url("/common/fonts/NeueHaasUnica/NeueHaasUnicaPro-Medium.woff2") format("woff2");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Neue Haas Unica Pro Light";
    src: url("/common/fonts/NeueHaasUnica/NeueHaasUnicaPro-Light.woff2") format("woff2");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Neue Haas Unica Pro Black";
    src: url("/common/fonts/NeueHaasUnica/NeueHaasUnicaPro-Black.woff2") format("woff2");
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
/* ========== FONT UTILITY CLASSES ========== */

.font-inter {
    font-family: 'Inter', sans-serif;
}

.font-inter-tight {
    font-family: 'Inter Tight', sans-serif;
}

.font-fira-code {
    font-family: 'Fira Code', monospace;
}

.font-nunito {
    font-family: 'Nunito Sans', sans-serif;
}

.font-rubik-moonrock {
    font-family: 'Rubik Moonrocks', display, system-ui;
}

.font-rubik-paint {
    font-family: 'Rubik Wet Paint', display, system-ui;
}

.font-neue {
    font-family: "Neue Haas Unica Pro", display, system-ui;
}

.font-montserrat {
    font-family: 'Montserrat', sans-serif;
}


/* ========== UI COMPONENTS ========== */

.uk-fieldset {
    box-shadow: 0px -0.5px 1px 0px rgba(255, 255, 255, 0.30) inset, 0px -0.5px 1px 0px rgba(255, 255, 255, 0.25) inset, 1px 1.5px 4px 0px rgba(0, 0, 0, 0.08) inset, 1px 1.5px 4px 0px rgba(0, 0, 0, 0.10) inset;
    border-radius: var(--16, 16px);
    padding: 12px;
}

.uk-fieldset > label {
    padding: var(--uk-form-input-padding);
    font-size: 80%;
}

.polygon-btn-default {
    border-radius: var(--24, 24px);
    border: 1px solid var(--Linear-Border-lighting, rgba(255, 255, 255, 0.40));
    background: var(--Background-BG2, rgba(255, 255, 255, 0.04));
    box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.10);
}

.polygon-menu-item {
    border-radius: var(--12, 12px);
    height: var(--48, 48px);
    gap: 1px;
    align-self: stretch;
    flex-wrap: wrap;
    font-feature-settings: 'ss01' on, 'cv01' on;

    font-weight: 400;
    line-height: 10px;
    font-size: 14px;
    letter-spacing: var(--Letter-Spacing, 0);
}

.polygon-menu-item > a {
    padding: 0;
}

.polygon-menu-item.menu-active {
    box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.10);
}

/* ========== VISUAL EFFECTS ========== */

@media (max-width: 768px) {
    body.main-template {
        background-image: url('/common/img/nnnoise.svg');
    }
}

/* ========== DATA TABLES ========== */

table td {
    position: relative;
    padding: 4px !important;
}

/* ========== NETWORK VISUALIZATION ========== */

div.vis-network div.vis-manipulation {
    background: transparent !important;
}

div.vis-network div.vis-edit-mode button.vis-button.vis-edit.vis-edit-mode {
    background-color: transparent !important;
    border: none !important;
}

/* ========== SCROLLBARS ========== */

/* Webkit browsers (Chrome, Edge, Safari) */
.sidebar::-webkit-scrollbar,
::-webkit-scrollbar {
    width: 6px;
}

.sidebar::-webkit-scrollbar-track,
::-webkit-scrollbar-track {
    background: transparent;
}

html:not(.dark) .sidebar::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.4);
    border-radius: 3px;
}

.sidebar::-webkit-scrollbar-thumb {
    background-color: rgba(255, 255, 255, 0.3);
    border-radius: 3px;
}

::-webkit-scrollbar-thumb {
    background-color: rgba(255, 255, 255, 0.2);
    border-radius: 3px;
}

html:not(.dark) ::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.4);
    border-radius: 3px;
}

/* Firefox */
html.dark,
aside {
    scrollbar-width: thin;
    scrollbar-color: rgba(255, 255, 255, 0.3) transparent;
}

html:not(.dark),
aside {
    scrollbar-width: thin;
    scrollbar-color: rgba(0, 0, 0, 0.3) transparent;
}

html:not(.dark) aside {
    scrollbar-color: rgba(0, 0, 0, 0.2) transparent;
    border-right: 1px solid hsl(var(--primary));
}

aside {
    scrollbar-color: rgba(255, 255, 255, 0.2) transparent;
    border-right: 1px solid hsl(var(--primary));
}

button {
    cursor: pointer;
}

.highcharts-background {
    fill: transparent !important;
}

header .header-title {
    text-align: center;
    font-feature-settings: 'ss01' on, 'cv01' on;
    font-family: var(--Font-Family, Inter);
    font-size: 14px;
    font-style: normal;
    font-weight: var(--Regular, 400);
    line-height: 20px; /* 142.857% */
    letter-spacing: var(--Letter-Spacing, 0);
}

.polygon-container {
    border-radius: 24px;
    background: #323232;
}

.CodeMirror {
    font-family: 'Anonymous Pro', 'Courier New', Consolas, Monaco, monospace;
}

.uk-btn-group>.uk-btn:last-child, .uk-btn-group>.uk-inline:last-child>.uk-btn {
    border-radius: 0;
}

.uk-btn {
    cursor: pointer;
}

.admin-dashboard .uk-badge {
    color: white;
}

html .top-header, html .uk-divider-vertical {
    border-color: hsl(var(--primary));
}

.uk-btn-group.border {
    border-color: hsl(var(--primary));
}

html:not(.dark) td.dtfc-fixed-left {
    color: #171717;
}

html:not(.dark) td.dtfc-fixed-left .uk-link {
    color: oklch(0.457 0.24 277.023);
}

html:not(.dark) .text-white .uk-link {
    color: oklch(0.901 0.058 230.902);
}

html:not(.dark) .menu-active {
    background: hsl(var(--primary)) !important;
}

html:not(.dark) .menu-active a {
    color: hsl(var(--accent));
}

/*html.dark .main-gradient {*/
/*    background: linear-gradient(180deg, rgba(204, 204, 204, 0.07), rgba(38, 33, 73, 0)), radial-gradient(51.83% 94.53% at 58.78% 107.81%, hsla(261, 70%, 46%, 0.44) 0, rgba(38, 33, 73, 0) 100%);*/
/*}*/

/*html:not(.dark) .main-gradient {*/
/*    backdrop-filter: blur(1000px);*/
/*    background: transparent;*/
/*}*/

.dt-scroll-head {
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
}

html.dark .content-gradient {
    background: linear-gradient(180deg, rgba(204, 204, 204, 0.07), rgba(38, 33, 73, 0)), radial-gradient(51.83% 94.53% at 58.78% 107.81%, hsla(261, 70%, 46%, 0.44) 0, rgba(38, 33, 73, 0) 100%);
}

.collapse.show {
    visibility: visible;
}

.text-break {
    word-break: break-word;
}


.uk-flex-inline {
    display: inline-flex
}

.uk-flex-inline::after,.uk-flex-inline::before,.uk-flex::after,.uk-flex::before {
    display: none
}

.uk-flex-left {
    justify-content: flex-start
}

.uk-flex-center {
    justify-content: center
}

.uk-flex-right {
    justify-content: flex-end
}

.uk-flex-between {
    justify-content: space-between
}

.uk-flex-around {
    justify-content: space-around
}

.uk-pagination {
    display: flex;
    flex-wrap: wrap;
    margin-left: -20px;
    padding: 0;
    list-style: none
}

.uk-pagination>* {
    flex: none;
    padding-left: 20px;
    position: relative
}

.uk-pagination>*>* {
    display: block;
    color: #999;
    transition: color .1s ease-in-out
}

.uk-pagination>*>:focus,.uk-pagination>*>:hover {
    color: #666;
    text-decoration: none
}

.uk-pagination>.uk-active>* {
    color: #666
}

.uk-pagination>.uk-disabled>* {
    color: #999
}

[class*=uk-width] {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%
}

.uk-width-1-2 {
    width: 50%
}

.uk-width-1-3 {
    width: calc(100% * 1 / 3.001)
}

.uk-width-2-3 {
    width: calc(100% * 2 / 3.001)
}

.uk-width-1-4 {
    width: 25%
}

.uk-width-3-4 {
    width: 75%
}

.uk-width-1-5 {
    width: 20%
}

.uk-width-2-5 {
    width: 40%
}

.uk-width-3-5 {
    width: 60%
}

.uk-width-4-5 {
    width: 80%
}

.uk-width-1-6 {
    width: calc(100% * 1 / 6.001)
}

.uk-width-5-6 {
    width: calc(100% * 5 / 6.001)
}

.uk-width-small {
    width: 150px
}

.uk-width-medium {
    width: 300px
}

.uk-width-large {
    width: 450px
}

.uk-width-xlarge {
    width: 600px
}

.uk-width-xxlarge {
    width: 750px
}

.uk-width-auto {
    width: auto
}


#content > .uk-btn-group {
    box-shadow: none;
    overflow-x: auto;
    display: flex;
}

.dt-length, .dt-search {
    padding: 2px;
}

.uk-input.dt-search-col {
    font-size: 8px;
}

html .menu-logo {
    background: url('/common/img/logo-white.svg') no-repeat center center;
    background-size: contain;
}

html:not(.dark) .menu-logo {
    background: url('/common/img/logo-black.svg') no-repeat center center;
    background-size: contain;
}

.font-body {
    font-family: Neue Haas Unica Pro, sans-serif;
}

b, strong {
    font-family: Neue Haas Unica Pro Medium, sans-serif;
    font-weight: normal;
}

html.font-small {
    font-size: 12px;
}

html.font-default {
    font-size: 14px;
}

html.font-large {
    font-size: 16px;
}