/*
	jQuery UI CSS Framework 1.13.2 - 2023-03-08 - Copyright jQuery Foundation and other contributors, http://jqueryui.com
   	Released under the MIT license,	http://jquery.org/license
	changed by M.Fritschi 2023-11-06
*/

:root {
    /*
    --fm-blue: #0d6efd;
    --fm-indigo: #6610f2;
    --fm-purple: #6f42c1;
    --fm-pink: #d63384;
    --fm-red: #dc3545;
    --fm-orange: #fd7e14;
    --fm-yellow: #ffc107;
    --fm-green: #198754;
    --fm-teal: #20c997;
    --fm-cyan: #0dcaf0;
    --fm-white: #fff;
    --fm-gray: #6c757d;
    --fm-gray-dark: #343a40;
    --fm-secondary: #6c757d;
    --fm-dark: #212529;
    --fm-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --fm-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    */
    --fm-primary: #0d6efd;
    --fm-success: #198754;
    --fm-info: #0dcaf0;
    --fm-warning: #ffc107;
    --fm-danger: #dc3545;
    --fm-light: #f8f9fa;
    --fm-font-sans-serif: system-ui, -apple-system, Lucida Grande,Lucida Sans, Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Noto Color Emoji";
    /*  specific Theme settings*/
    --fm-bg-active-hover: #f5f8f9; /* url("images/ui-bg_inset-soft_30_f58400_1x100.png") 50% 50% repeat-x;  */
    --fm-bg-active: #e17009;
    --fm-bg-checked: #fbec88;
    --fm-bg-default: linear-gradient(#dfeffc, #dfeffc); /* url("images/ui-bg_glass_20_555555_1x400.png") 50% 50% repeat-x;  */
    --fm-bg-error: ##fef1ec; /*  url("images/ui-bg_glass_40_ffc73d_1x400.png") 50% 50% repeat-x; */
    --fm-bg-highlight: #fbec88; /* url("images/ui-bg_highlight-soft_80_eeeeee_1x100.png") 50% top repeat-x; best with no gradient */
    --fm-bg-hover: linear-gradient(#d0e5f5, #d0e5f5); /* url("images/ui-bg_glass_40_0078a3_1x400.png") 50% 50% repeat-x;   */
    --fm-bg-overlay: #aaaaaa;

    --fm-body-bg: #fcfdfd; /* url("images/ui-bg_inset-soft_25_000000_1x100.png") 50% bottom repeat-x; */
    --fm-body-border-color: #a6c9e2;
    --fm-body-color: #222222;
    --fm-body-font-family: var(--fm-font-sans-serif);
    --fm-body-font-size-lg: 1.1em;
    --fm-body-font-size: 1em;

    --fm-border-color-active: #79b7e7;
    --fm-border-color-checked: #fad42e;
    --fm-border-color-default: #c5dbec;
    --fm-border-color-error: #cd0a0a;
    --fm-border-color-header: #4297d7;
    --fm-border-color-highlight: #fad42e;
    --fm-border-color-hover: #79b7e7;
    --fm-border-color: #c5dbec;
    --fm-border-radius: 5px;
    --fm-border-style: solid;
    --fm-border-width: 1px;

    --fm-box-shadow-visual-focus: 0 0 3px 1px rgb(94, 158, 214);
    --fm-box-shadow: -8px -8px 8px #aaaaaa;

    --fm-color-active: #e17009;
    --fm-color-default: #2e6e9e;
    --fm-color-error: #cd0a0a;
    --fm-color-header-link: #ffffff;
    --fm-color-header: #ffffff;
    --fm-color-highlight-a: #363636;
    --fm-color-highlight: #363636;
    --fm-color-hover: #1d5987;

    --fm-font-weight-bold: bold;
    --fm-font-weight-normal: normal;

    --fm-header-bg: linear-gradient(#5c9ccc,#5c9ccc); /*  url("images/ui-bg_gloss-wave_25_333333_500x100.png") 50% 50% repeat-x; */
    --fm-header-color: #ffffff;

    --fm-opacity-lg: .7;
    --fm-opacity-overlay: .3;
    --fm-opacity-sm: .35;

    --fc-button-active-bg-color: var(--fm-bg-active-hover);
    --fc-button-active-border-color: var(--fm-border-color-active);
    --fc-button-bg-color: #dfeffc; /*    var(--fm-bg-default);   */
    --fc-button-border-color: var(--fm-border-color-default);
    --fc-button-hover-bg-color: #d0e5f5; /*  var(--fm-bg-hover)  */
    --fc-button-hover-border-color: var(--fm-border-color-hover);
    --fc-button-text-color: var(--fm-color-default);

    --fc-list-event-hover-bg-color: #d0e5f5; /*  var(--fm-bg-hover)  */
}

/*  fullcalendar 2023-11-08 m.f. */
.fc .fc-button:focus {
    box-shadow: none !important;
}

.fc .fc-button-active { /* --fm-color-active does not exist for button */
    color: var(--fm-color-active) !important;
    font-weight: var(--fm-font-weight-bold);
}

.fc .fc-list-event:hover {
    color: var(--fm-color-hover); /* 2023-11-13 m.f.*/
}

.fc .fc-button:hover {
    color: var(--fm-color-hover); /* 2023-11-13 m.f.*/
}

/* BUTTONS bootstrap*/
.btn {
    background-color: rgb(221,221,221) !important;
}

.btn-default {
    background-color: rgb(255,255,255) !important;
}

.btn-primary {
    background-color: rgb(51,122,183) !important;
}

.btn-success {
    background-color: rgb(92,184,92) !important;
}

.btn-info {
    background-color: rgb(91,192,222) !important;
}

.btn-highlight {
    background-color: #fad42e !important;
}

.btn-warning {
    background-color: rgb(240,173,78) !important;
}

.btn-error {
    background-color: red !important;
}

.btn-danger {
    background-color: rgb(217,83,79) !important;
}

.theme-color {
    color: #2e6e9e !important;
}

.theme-color-primary {
    color: rgb(51,122,183) !important;
}

.theme-color-success {
    color: rgb(92,184,92) !important;
}

.theme-color-info {
    color: rgb(91,192,222) !important;
}

.theme-color-highlight {
    color: #fad42e !important;
}

.theme-color-warning {
    color: #cd0a0a !important;
}

.theme-color-error {
    color: red !important;
}

.theme-color-danger {
    color: rgb(217,83,79) !important;
}

/* Component containers
----------------------------------*/
.ui-widget {
    font-family: var(--fm-body-font-family);
    font-size: var(--fm-body-font-size-lg);
}

    .ui-widget .ui-widget {
        font-size: var(--fm-body-font-size);
    }

    .ui-widget input,
    .ui-widget select,
    .ui-widget textarea,
    .ui-widget button {
        font-family: var(--fm-body-font-family);
        font-size: var(--fm-body-font-size);
    }

    .ui-widget.ui-widget-content {
        border-width: var(--fm-border-width);
        border-style: var(--fm-border-style);
        border-color: var(--fm-border-color)
    }

.ui-widget-content {
    border-width: var(--fm-border-width);
    border-style: var(--fm-border-style);
    border-color: var(--fm-body-border-color);
    background: var(--fm-body-bg);
    color: var(--fm-body-color);
}

    .ui-widget-content a {
        color: var(--fm-body-color);
    }

.ui-widget-header {
    border-width: var(--fm-border-width);
    border-style: var(--fm-border-style);
    border-color: var(--fm-border-color-header);
    background: var(--fm-header-bg);
    color: var(--fm-color-header);
    font-weight: var(--fm-font-weight-bold);
}

    .ui-widget-header a {
        color: var(--fm-color-header-link);
    }

    /* Interaction states
----------------------------------*/
    .ui-state-default,
    .ui-widget-content .ui-state-default,
    .ui-widget-header .ui-state-default,
    .ui-button,
    /* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */
    html .ui-button.ui-state-disabled:hover,
    html .ui-button.ui-state-disabled:active {
        border-width: var(--fm-border-width);
        border-style: var(--fm-border-style);
        border: var(--fm-border-color-default);
        background: var(--fm-bg-default);
        font-weight: var(--fm-font-weight-bold);
        color: var(--fm-color-default);
    }

        .ui-state-default a,
        .ui-state-default a:link,
        .ui-state-default a:visited,
        a.ui-button,
        a:link.ui-button,
        a:visited.ui-button,
        .ui-button {
            color: var(--fm-color-default);
            text-decoration: none;
        }

.theme-color {
    color: var(--fm-color-default);
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
    border-width: var(--fm-border-width);
    border-style: var(--fm-border-style);
    border: var(--fm-border-color-hover);
    background: var(--fm-bg-hover);
    font-weight: var(--fm-font-weight-bold);
    color: var(--fm-color-hover);
}

    .ui-state-hover a,
    .ui-state-hover a:hover,
    .ui-state-hover a:link,
    .ui-state-hover a:visited,
    .ui-state-focus a,
    .ui-state-focus a:hover,
    .ui-state-focus a:link,
    .ui-state-focus a:visited,
    a.ui-button:hover,
    a.ui-button:focus {
        color: var(--fm-color-hover);
        text-decoration: none;
    }

.ui-visual-focus {
    box-shadow: var(--fm-box-shadow-visual-focus);
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    border-width: var(--fm-border-width);
    border-style: var(--fm-border-style);
    border-color: var(--fm-border-color-active);
    background: var(--fm-bg-active-hover);
    font-weight: var(--fm-font-weight-bold);
    color: var(--fm-color-active);
}

    .ui-icon-background,
    .ui-state-active .ui-icon-background {
        border: var(--fm-border-color-active);
        background-color: var(--fm-bg-active);
    }

    .ui-state-active a,
    .ui-state-active a:link,
    .ui-state-active a:visited {
        color: var(--fm-color-active);
        text-decoration: none;
    }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border-width: var(--fm-border-width);
    border-style: var(--fm-border-style);
    border-color: var(--fm-border-color-highlight);
    background: var(--fm-bg-highlight);
    color: var(--fm-color-highlight);
}

.ui-state-checked {
    border-width: var(--fm-border-width);
    border-style: var(--fm-border-style);
    border-color: var(--fm-border-color-checked);
    background: var(--fm-bg-checked);
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
    color: var(--fm-color-highlight-a);
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
    border-width: var(--fm-border-width);
    border-style: var(--fm-border-style);
    border-color: var(--fm-border-color-error);
    background: var(--fm-bg-error);
    color: var(--fm-color-error);
}

    .ui-state-error a,
    .ui-widget-content .ui-state-error a,
    .ui-widget-header .ui-state-error a {
        color: var(--fm-color-error);
    }

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
    color: var(--fm-color-error);
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
    font-weight: var(--fm-font-weight-bold);
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
    opacity: var(--fm-opacity-lg);
    font-weight: var(--fm-font-weight-normal);
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
    opacity: var(--fm-opacity-sm);
    background-image: none;
}

/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
    border-top-left-radius: var(--fm-border-radius);
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
    border-top-right-radius: var(--fm-border-radius);
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
    border-bottom-left-radius: var(--fm-border-radius);
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
    border-bottom-right-radius: var(--fm-border-radius);
}

/* Overlays */
.ui-widget-overlay {
    background: var(--fm-bg-overlay);
    opacity: var(--fm-opacity-overlay);
}

.ui-widget-shadow {
    -webkit-box-shadow: var(--fm-box-shadow);
    box-shadow: var(--fm-box-shadow);
}