@font-face {
    font-family: "Montserrat";
    font-weight: 0 1000;
    src: url('/fonts/Montserrat/Montserrat-VariableFont_wght.ttf') format('woff2-variations');
    font-style: normal;
}

@font-face {
    font-family: "Montserrat";
    font-weight: 0 1000;
    src: url('/fonts/Montserrat/Montserrat-Italic-VariableFont_wght.ttf') format('woff2-variations');
    font-style: italic;
}

body {
    font-family: Montserrat, Roboto, sans-serif;
}

.sidebar-label:has(> .inertia-link-active) .sidebar-icon,
span.inertia-link-active,
a.inertia-link-active {
    color: var(--color-secondary);
}

.sidebar-section:has(> div > .sidebar-item > .inertia-link-active) .sidebar-section-title {
    color: rgba(var(--colors-primary-500));
    font-weight: bold;
}

/* Hide title on employment employees tab */
[dusk="employment-employees-detail-component"] [dusk="employees-index-component"][data-relationship="employees"] > h1 {
    display: none;
}
[dusk="employment-employees-detail-component"] [dusk="employees-index-component"][data-relationship="employees"] [dusk="create-button"] {
    display: none;
}


/* Summary tab related style */
.reset-list-style ul {
    list-style-position: inside;
    list-style-type: disc;
    margin-left: 14px;
    margin-right: 14px;
}

.reset-list-style ul li::marker {
    color: #d1d5db;
}

.reset-list-style ol li::marker {
    color: inherit;
}

.reset-list-style ol {
    list-style-position: inside;
    list-style-type: decimal;
    margin-left: 14px;
    margin-right: 14px;
}

:root {
    --background-gradient: linear-gradient(135deg, #04304B 20.13%, #042F49 26.01%, #032234 62.22%, #011620 75.02%, #010D13 86.21%, #01070A 91.93%, #020407 104.11%);
    --color-secondary: #FF9027;
}

header {
    background: var(--background-gradient);
}

header button#nova-ui-dropdown-button-1 {
    color: white;
}

header button#nova-ui-dropdown-button-1:hover {
    color: var(--color-secondary);
    background: none;
}

body {
    background: var(--background-gradient);
    background-attachment: fixed;
}

.text-secondary {
    color: var(--color-secondary);
}