@font-face {
    font-family: 'StreamLineIconsLight';
    src: url('../fonts/streamline/fonts/StreamLineIconsLight.ttf') format('truetype'), url('../fonts/streamline/fonts/StreamLineIconsLight.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

@font-face {
    font-family: dmsans;
    src: url(../fonts/DMSans.ttf);
}


:root {
    --corner-radius-small: 2px;
    --corner-radius-medium: 4px;
    --corner-radius-default: var(--corner-radius-medium);
    --corner-radius-large: 8px;
    --corner-radius-xlarge: 12px;
    --font-size-caption: 12px;
    --font-size-default: 18px;
    --font-size-h1: 68px;
    --font-size-h2: 54px;
    --font-size-h3: 40px;
    --font-size-h4: 32px;
    --font-size-h5: 28px;
    --font-size-h6: 24px;
    --padding-default: 12px;
    --ColorPrimary: #0078c5 !important;
    --ColorPrimaryLight: #0097f6 !important;
    --ColorPrimaryLighter: #2eafff !important;
    --ColorPrimaryDark: #005a93 !important;
    --ColorPrimaryDarker: #003c62 !important;
    --ColorSuccess: #249a3c !important;
    --ColorSuccessLight: #2dc04b !important;
    --ColorSuccessLighter: #48d465 !important;
    --ColorSuccessDark: #1b732d !important;
    --ColorSuccessDarker: #124d1e !important;
    --ColorDanger: #e42b23 !important;
    --ColorDangerLight: #eb645e !important;
    --ColorDangerLighter: #f29d99 !important;
    --ColorDangerDark: #b01c15 !important;
    --ColorDangerDarker: #75120e !important;
    --rz-tabs-tab-selected-top-border-color: var(--ColorPrimary) !important;
    --rz-pager-background-color: transparent !important;
    --rz-grid-foot-background-color: transparent !important;
    --rz-pager-summary-color: var(--ColorTextLight) !important;
    --rz-tabs-tab-background-color: transparent !important;
    --rz-tabs-tab-selected-top-border-color: var(--ColorPrimary) !important;
    --rz-tabs-background-color: transparent !important;
    --rz-tabs-tab-color: var(--ColorTextLight) !important;
    --rz-tabs-tab-selected-color: var(--ColorTextLight) !important;
    --rz-grid-filter-background-color: var(--ColorBodyLight) !important;
    --rz-grid-filter-buttons-background-color: var(--ColorBodyLight) !important;
    --rz-input-hover-background-color: transparent !important;
    --rz-input-focus-background-color: transparent !important;
}

.dark {
    --rz-pager-summary-color: var(--ColorTextDark) !important;
    --rz-tabs-tab-color: var(--ColorTextDark) !important;
    --rz-tabs-tab-selected-color: var(--ColorTextDark) !important;
    --rz-grid-filter-background-color: var(--ColorBodyDark) !important;
    --rz-grid-filter-buttons-background-color: var(--ColorBodyDark) !important;
    --rz-timepicker-background-color: var(--ColorBase600) !important;
    --rz-scheduler-border: var(--rz-border-normal);
    --rz-scheduler-border-color: var(--rz-base-700);
    --rz-scheduler-minor-border-color: var(--rz-base-700);
    --rz-scheduler-border-radius: var(--rz-border-radius);
    --rz-scheduler-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.01);
    --rz-scheduler-background-color: var(--ColorBase600);
    --rz-scheduler-color: var(--ColorTextDark) !important;
    --rz-scheduler-toolbar-padding: 0.5rem;
    --rz-scheduler-toolbar-background-color: var(--rz-base-900);
    --rz-scheduler-toolbar-title-font-size: 1rem;
    --rz-scheduler-toolbar-title-font-weight: 700;
    --rz-scheduler-toolbar-title-color: var(--rz-text-title-color);
    --rz-scheduler-prev-next-button-background-color: var(--rz-secondary);
    --rz-scheduler-prev-next-button-color: var(--rz-on-secondary);
    --rz-scheduler-prev-next-button-padding-block: 0.5rem;
    --rz-scheduler-prev-next-button-padding-inline: 0.5rem;
    --rz-scheduler-prev-next-button-font-size: var(--rz-icon-size);
    --rz-scheduler-prev-button-border-start-start-radius: var(--rz-border-radius);
    --rz-scheduler-prev-button-border-start-end-radius: 0;
    --rz-scheduler-prev-button-border-end-start-radius: var(--rz-border-radius);
    --rz-scheduler-prev-button-border-end-end-radius: 0;
    --rz-scheduler-next-button-border-start-start-radius: 0;
    --rz-scheduler-next-button-border-start-end-radius: var(--rz-border-radius);
    --rz-scheduler-next-button-border-end-start-radius: 0;
    --rz-scheduler-next-button-border-end-end-radius: var(--rz-border-radius);
    --rz-scheduler-today-button-margin-inline-start: 0.5rem;
    --rz-scheduler-today-button-padding: 0.5rem 1rem;
    --rz-scheduler-today-button-font-size: 0.75rem;
    --rz-scheduler-today-button-text-transform: uppercase;
    --rz-scheduler-view-button-border: var(--rz-border-normal);
    --rz-scheduler-view-button-color: var(--rz-text-secondary-color);
    --rz-scheduler-view-button-background-color: var(--rz-base-background-color);
    --rz-scheduler-view-selected-color: var(--rz-on-secondary);
    --rz-scheduler-view-selected-background-color: var(--rz-secondary);
    --rz-scheduler-view-selected-border-color: var(--rz-secondary);
    --rz-scheduler-header-background-color: var(--rz-base-700);
    --rz-scheduler-header-font-size: 0.75rem;
    --rz-scheduler-header-font-size-small: 0.5rem;
    --rz-scheduler-header-text-transform: uppercase;
    --rz-scheduler-header-color: inherit;
    --rz-scheduler-header-border: none;
    --rz-scheduler-header-padding: 0.5rem 0;
    --rz-scheduler-event-color: var(--rz-on-info);
    --rz-scheduler-event-background-color: var(--rz-info);
    --rz-scheduler-event-font-size: 0.75rem;
    --rz-scheduler-event-line-height: 1.25rem;
    --rz-scheduler-event-padding-block: 0 1px;
    --rz-scheduler-event-padding-inline: 1px;
    --rz-scheduler-event-content-padding: 0.125rem 0.25rem;
    --rz-scheduler-event-list-button-color: var(--rz-secondary);
    --rz-scheduler-event-list-button-font-size: 0.75rem;
    --rz-scheduler-slot-title-font-size: 0.875rem;
    --rz-scheduler-slot-title-font-size-small: 0.6rem;
    --rz-scheduler-slot-title-padding: 0 0.25rem;
    --rz-scheduler-day-number-padding: 0 0.5rem;
    --rz-scheduler-weekend-color: var(--rz-text-tertiary-color);
    --rz-scheduler-weekend-background-color: var(--rz-base-700);
    --rz-scheduler-other-month-background-color: var(--rz-base-900);
    --rz-scheduler-timeline-slot-width: 7rem;
    --rz-scheduler-timeline-slot-height: 7rem;
    --rz-scheduler-year-padding: 1.5rem;
    --rz-scheduler-year-slot-padding: 1px;
    --rz-scheduler-year-slot-title-width: 100%;
    --rz-scheduler-year-slot-title-border-radius: 0.25rem;
    --rz-scheduler-planner-slot-width: 3rem;
    --rz-scheduler-planner-slot-height: 4.5rem;
    --rz-scheduler-focus-outline: var(--rz-outline-focus);
    --rz-scheduler-focus-outline-offset: calc(-1 * var(--rz-outline-width));
    --rz-scheduler-highlight-background-color: rgba(255, 220, 40, 0.2);
}

.dark a {
    color: var(--ColorPrimaryLighter);
}

    .dark a:visited {
        color: var(--ColorPrimaryLighter);
    }

html, body {
    font-family: var(--DefaultFontFamily);
}

body {
    background: white !important;
}

.sl-icon {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'StreamLineIconsLight' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-size: 18px;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.loginlogo {
    max-width: 75%;
    margin: 0 auto;
    margin-bottom: 2rem;
    margin-top: 2rem;
}

textarea {
    width: 100% !important;
    height: 100% !important;
    min-width: 250px !important;
    border-color: var(--ColorBase400) !important;
}

.dark .rz-calendar-view-container {
    background-color: var(--ColorBase600);
}

.rz-tabview-panels {
    background-color: transparent !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: none !important;
    border-top: 2px solid var(--ColorBase300) !important;
}

.dark .rz-tabview-panels {
    border-top: 2px solid var(--ColorBase700) !important;
}

.rz-tabview-nav li {
    border-color: var(--ColorBase400) !important;
}

.dark .rz-tabview-nav li {
    border-color: var(--ColorBase800) !important;
}

.rz-tabview-nav li.rz-tabview-selected {
    border-top-color: var(--ColorPrimary) !important;
}

.viewcontainer {
    max-width: 600px;
    margin: auto;
}

.dark .rz-listbox {
    background-color: var(--ColorBase700) !important;
}

.dark .rz-timepicker {
    background-color: var(--ColorBase700) !important;
}

.running-parktickets .rz-datalist-data {
    padding: 0;
    border:none;
}

.running-parktickets li {
    background-color: transparent !important;
    border:none !important;
    padding: 0 !important;
    margin: 5px 0px !important;
}

.running-parkticket ul {
    margin: 0;
}

.no-width .rz-grid-table {
    width: auto !important;
}

.rz-tick-text{
    stroke: var(--ColorTextLight) !important;
}

.dark .rz-tick-text {
    stroke: var(--ColorTextDark) !important;
}

.home-icon-style{
    color:var(--ColorPrimary);
    font-weight:800;
    font-size: 40px;
}