@import url('./FridayTheme.css');
.friday-header {
    width: 100%;
    background-image: url("./branding/logo-fn.png");
    background-position: right;
    background-size: contain;
    background-repeat: no-repeat;
    background-position-x: 155px;
    display: inline-block;
    height: 25em;
}
.friday-start {
    width: 100%;
    background-image: url("./branding/wingmen_logo_part_of_diap-460.png");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    display: flex;
    height: 44.8em;
}
.customer-logo {
    /* width: 100px; */
    position: relative;
    right: 0.02em;
    max-height:4.3em;
    max-width: 6.3em;
    padding-left: 5px;
    padding-top: 5px;
    display: block;
    width: auto;
    height: auto;
}

.custom-login {
    width: 100%;
    background-image: url("./branding/Logo_Friday_Network_part_of_Springboard_white.svg");
    background-position: center;
    background-size: cover;
    display: flex;
    height: 25em;
}

.custom-login jmix-login-form {
    align-items: center;
    display: flex;
    max-width: 25em;
    background-color: var(--lumo-base-color);
}

.custom-login vaadin-login-form-wrapper {
    background-image: none;
}


html {
    --lumo-border-radius: calc(var(--lumo-size-m) / 1);
    --lumo-success-color: #0c6520;
    --lumo-primary-color: rgb(0, 85, 166);
    --lumo-primary-color-50pct: rgba(0, 85, 166, 0.5);
    --lumo-primary-color-10pct: rgba(0, 85, 166, 0.1);
    --lumo-primary-text-color: rgb(100, 85, 166);
    /* AppMenu */
    --menubar-menuitem-selected-background-color: #E30070;

    /* Basic */
    --primary-color: #E30070;
    --primary-color_rgb: 227, 0, 112;

    /* Button */
    --button-primary-color: #E30070;

    /* Calendar */
    --calendar-event-background-color: #E30070;
    --calendar-month-day-bottom-spacer-hover-color: #E30070;
    --calendar-month-day-number-hover-color: #E30070;
    --calendar-month-day-today-day-number-border-color: #E30070;
    --calendar-month-day-today-day-number-color: #E30070;
    --calendar-month-event-marker-color: #E30070;
    --calendar-week-current-time-color: #E30070;

    /* CheckBox */
    --checkbox-checked-border-color: #E30070;
    --checkbox-checked-color: #E30070;
    --checkbox-checked-focused-border-color: #E30070;
    --checkbox-checked-focused-color: #E30070;

    /* DateField */
    --datefield-calendarpanel-button-hover-color: #E30070;
    --datefield-calendarpanel-day-focused-border-color: #E30070;
    --datefield-calendarpanel-day-hover-color: #E30070;
    --datefield-calendarpanel-day-selected-background-color: #E30070;

    /* FileUpload */
    --fileupload-dropzone-border-color: #E30070;

    /* Grid */
    --grid-details-deco-color: #E30070;
    --grid-drop-marker-color: #E30070;
    --grid-editor-border-color: #E30070;
    --grid-editor-cancel-button-color: #E30070;
    --grid-editor-save-button-color: #E30070;
    --grid-focused-cell-border-color: #E30070;
    --grid-row-drag-background-color: #E30070;
    --grid-row-drag-border-color: #E30070;
    --grid-selected-row-background-color: #E30070;

    /* Link */
    --link-color: #E30070;
    --link-visited-color: #E30070;

    /* Notification */
    --notification-humanized-background-color: #E30070;

    /* Pagination */
    --pagination-selected-page-color: #E30070;
    --pagination-selected-page-focused-border-color: #E30070;

    /* RadioButtonGroup */
    --radio-checked-color: #E30070;

    /* SelectionOverlay (ContextMenu) */
    --selection-overlay-selected-item-background-color: #E30070;

    /* SideMenu */
    --sidemenu-item-badge-color: #E30070;
    --sidemenu-item-focused-color: #E30070;
    --sidemenu-item-selected-background-color: #E30070;
    --sidemenu-responsive-item-selected-background-color: #E30070;

    /* TabSheet */
    --tabsheet-drop-indicator-color: #E30070;
    --tabsheet-scroller-button-hover-color: #E30070;
    --tabsheet-tabitemcell-caption-focus-color: #E30070;
    --tabsheet-tabitemcell-caption-hover-color: #E30070;
    --tabsheet-tabitemcell-selected-color: #E30070;
    --tabsheet-tabitemcell-selected-deco-color: #E30070;

    /* Table */
    --table-focused-row-border-color: #E30070;
    --table-selected-row-background-color: #E30070;

    /* TagField */
    --tagfield-tag-background-color: #E30070;

    /* TagLabel */
    --taglabel-background-color: #E30070;

    /* TagPicker */
    --tagpicker-tag-background-color: #E30070;

    /* Tooltip */
    --tooltip-error-message-level-system-font-color: #E30070;

    /* Tree */
    --tree-focused-row-border-color: #E30070;
    --tree-selected-row-background-color: #E30070;

}
/* Predefined styles for the MainView */

.jmix-main-view-header {
    box-sizing: border-box;
    display: flex;
    height: var(--lumo-size-xl);
    align-items: center;
    width: 100%;
}

.jmix-main-view-drawer-toggle {
    color: var(--lumo-secondary-text-color);
}

.jmix-main-view-title {
    margin: 0;
    font-size: var(--lumo-font-size-l);
}

.jmix-main-view-section {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    max-height: 100%;
    min-height: 100%;
}

.jmix-main-view-application-title {
    display: flex;
    align-items: center;
    height: var(--lumo-size-xl);
    margin: 0;
    padding-left: var(--lumo-space-m);
    padding-right: var(--lumo-space-m);
    font-size: var(--lumo-font-size-m);
}

.jmix-main-view-application-title-base-link {
    color: var(--lumo-header-text-color);
}

.jmix-main-view-application-title-base-link:hover {
    text-decoration: none;
}

.jmix-main-view-navigation {
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid;
    border-color: var(--lumo-contrast-10pct);
    flex-grow: 1;
    overflow: auto;
}

.jmix-main-view-footer {
    display: flex;
    align-items: center;
    margin-bottom: var(--lumo-space-s);
    margin-top: var(--lumo-space-s);
    padding: var(--lumo-space-xs) var(--lumo-space-m);
    gap: var(--lumo-space-m);
}

.jmix-main-view-footer .jmix-user-indicator {
    flex-grow: 1;
}