/* !important must be added to css values to overwrite default css values from core  */
@font-face {
    font-family: "VWGroup";
    src: url("../fonts/TheGroupTEXT-Regular.woff") format("woff-variations"),
    url("../fonts/TheGroupTEXT-Regular.woff2") format("woff2-variations");
    font-style: normal;
    font-display: swap;
    font-weight: 400;
}

@font-face {
    font-family: "VWGroup";
    src: url("../fonts/TheGroupTEXT-RegularItalic.woff") format("woff-variations"),
    url("../fonts/TheGroupTEXT-RegularItalic.woff2") format("woff2-variations");
    font-style: italic;
    font-display: swap;
    font-weight: 400;
}

@font-face {
    font-family: "VWGroupHead";
    src: url("../fonts/TheGroupHEAD-Light.woff") format("woff-variations"),
    url("../fonts/TheGroupHEAD-Light.woff2") format("woff2-variations");
    font-style: normal;
    font-display: swap;
    font-weight: 400;
}

@font-face {
    font-family: "VWGroupHead";
    src: url("../fonts/TheGroupHEAD-LightItalic.woff") format("woff-variations"),
    url("../fonts/TheGroupHEAD-LightItalic.woff2") format("woff2-variations");
    font-style: italic;
    font-display: swap;
    font-weight: 400;
}

@font-face {
    font-family: "VWGroupHead";
    src: url("../fonts/TheGroupTEXT-Medium.woff") format("woff-variations"),
    url("../fonts/TheGroupTEXT-Medium.woff2") format("woff2-variations");
    font-style: normal;
    font-display: swap;
    font-weight: 500;
}

@font-face {
    font-family: "VWGroupHead";
    src: url("../fonts/TheGroupTEXT-MediumItalic.woff") format("woff-variations"),
    url("../fonts/TheGroupTEXT-MediumItalic.woff2") format("woff2-variations");
    font-style: italic;
    font-display: swap;
    font-weight: 500;
}

@font-face {
    font-family: "VWGroupHead";
    src: url("../fonts/TheGroupTEXT-Bold.woff") format("woff-variations"),
    url("../fonts/TheGroupTEXT-Bold.woff2") format("woff2-variations");
    font-style: normal;
    font-display: swap;
    font-weight: 700;
}

@font-face {
    font-family: "VWGroupHead";
    src: url("../fonts/TheGroupTEXT-BoldItalic.woff") format("woff-variations"),
    url("../fonts/TheGroupTEXT-BoldItalic.woff2") format("woff2-variations");
    font-style: italic;
    font-display: swap;
    font-weight: 700;
}

:root {
    --app-fonts: 'VWGroup', Source Sans Pro, Helvetica, Arial, Verdana, sans-serif !important;
    --app-fonts-headline: 'VWGroupHead', Source Sans Pro, Helvetica, Arial, Verdana, sans-serif !important;
    --white: #FFFFFF !important;
    --green-blue: #008075 !important;
    --grey-200: #DFE2E6 !important;
    --grey-400: #A8ADB3 !important;
    --grey-800: #4c5356 !important;
    --v-primary-base: #002733 !important;
    --v-darkBlueGray-base: #002733 !important;
    --v-accent-base: #C2FE06 !important;
}

body {
    font-family: var(--app-fonts) !important;
}

h1, h2, h3, h4 {
    font-family: var(--app-fonts-headline) !important;
}

.v-toolbar__content {
    background-color: var(--v-darkBlueGray-base);
}

.header-logo {
    width: 100px !important;
    margin-left: 0 !important;
    margin-right: 1rem !important;
}

h1.oms-page-content__header.heading-page {
    color: var(--green-blue) !important;
}

h1.oms-page-content__header.heading-page::before {
    background-color: var(--green-blue) !important;
}

h1.nm-header.mb-0.heading-page {
    color: var(--green-blue) !important;
}

h1.nm-header.mb-0.heading-page::before {
    background-color: var(--green-blue) !important;
}

button.oms-header-dropdown__button {
    color: var(--white) !important;
}

i.oms-header__dropdown-icon::before {
    color: var(--white) !important;
}

div.v-tabs--small {
    color: var(--green-blue) !important;
}

div.v-tab.v-tab:hover {
    color: var(--green-blue) !important;
}

div.v-tab.v-tab::after {
    background-color: var(--green-blue) !important;
}

div.v-tab.v-tab--active {
    color: var(--green-blue) !important;
}

div.v-tab.v-tab--active::after {
    background-color: var(--green-blue) !important;
}

a.entity-detail-link {
    color: var(--v-accent-base) !important;
}

a.v-breadcrumbs__item {
    color: var(--white) !important;
}

.theme--light.v-breadcrumbs .v-breadcrumbs__item--disabled{
    color: var(--v-accent-base) !important;
}