/******************************************************
 * 
 * Copyright (c) 2022-2025 MyFlightbook LLC
 * Contact myflightbook-at-gmail.com for more information
 *
*******************************************************/

/* Make jqueryUI theme's mesh better with MyFlightbook */
/* JQueryUI Overrides */
.ui-widget,
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
    font-family: open_sans, 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
}

.ui-widget-overlay {
    background-color: var(--disabled-color);
    opacity: 0.7;
}

.ui-tabs .ui-tabs-nav li {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.ui-widget-content a, .ui-widget-content a:visited {
    outline: none;
    text-decoration: none;
    color: var(--anchor-color);
}

li.ui-tabs-active.ui-state-active a, .ui-widget-header a {
    color: var(--text-default);
}

li.ui-tabs-active.ui-state-active a {
    font-weight: bold;
}

.ui-tabs .ui-tabs-panel {
    background: var(--body-background);
    color: var(--text-default);
}

.ui-widget-header {
    color: var(--menu-color-selected);
    background-color: var(--menu-background-selected);
}

.ui-tabs-nav.ui-widget-header, .ui-widget-content {
    border-bottom: 1px solid var(--default-border);
    border-top: none;
    border-left: none;
    border-right: none;
    background: var(--body-background);
    color: var(--text-default);
}

.ui-widget-content.ui-resizable {
    border: 1px solid var(--default-border);
    padding: 3pt;
}

.ui-dialog .ui-dialog-content {
    background: var(--body-background);
}

.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: 1px solid var(--default-border);
    background: var(--body-background);
    font-weight: normal;
    color: var(--text-default);
}

.ui-icon, .ui-widget-content .ui-icon {
    background-image: var(--jquery-icons);
}

.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: 1px solid var(--default-border);
    background: var(--menu-background-selected);
    font-weight: normal;
    color: var(--menu-color-selected);
}

a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.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,
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button:hover,
a.ui-button:focus {
    color: var(--text-default);
    text-decoration: none;
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
    border-bottom: 1px solid var(--default-border);
    border-top: none;
    border-left: none;
    border-right: none;
    background: var(--body-background);
    color: var(--error-color);
}