/*
 * jQuery UI 1.14.1 Theme Override — mscripts Orange Theme
 * Comprehensive match of the original jquery-ui-1.9.2.custom.css ThemeRoller build.
 * Original ThemeRoller URL parameters extracted from the old CSS header comment.
 *
 * Color palette:
 *   Header bg: #EB8145, border: #EB8145, text: #ffffff, icon: #ffffff
 *   Content bg: #ffffff, border: #ffffff, text: #514d4d, icon: #72b42d
 *   Default bg: #D37247, border: #DB7B47, text: #ECC7B6, icon: #ffffff
 *   Hover bg: #FF9057, border: #DB7B47, text: #FFFFFF, icon: #ffffff
 *   Active bg: #FFFFFF, border: #FFFFFF, text: #E9814C, icon: #ffffff
 *   Highlight bg: #fbf5d0, border: #4eb305, text: #363636, icon: #4eb305
 *   Error bg: #fbf5d0, border: #cd0a0a, text: #2b2b2b, icon: #cd0a0a
 *   Overlay bg: #444444, opacity: 0.3
 *   Shadow bg: #aaaaaa, opacity: 0.3, thickness: 0px, offset: 4px 4px, radius: 4px
 *   Font: Calibiri, Arial, sans-serif; size: 1.1em; weight: normal
 *   Corner radius: 3px
 */

/* ============================================================
   FONT
   ============================================================ */
.ui-widget {
    font-family: Calibiri, Arial, sans-serif;
    font-size: 1.1em;
}
.ui-widget .ui-widget {
    font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
    font-family: Calibiri, Arial, sans-serif;
    font-size: 1em;
}

/* ============================================================
   WIDGET CONTENT
   ============================================================ */
.ui-widget-content {
    border: 1px solid #ffffff;
    background: #ffffff;
    color: #514d4d;
}
.ui-widget-content a {
    color: #514d4d;
}
.ui-widget.ui-widget-content {
    border: 1px solid #ffffff;
}

/* ============================================================
   WIDGET HEADER (dialog titlebar, accordion header, tabs nav)
   ============================================================ */
.ui-widget-header {
    border: 1px solid #EB8145;
    background: #EB8145;
    color: #ffffff;
    font-weight: bold;
}
.ui-widget-header a {
    color: #ffffff;
}

/* ============================================================
   STATE: DEFAULT (buttons, tabs, unselected items)
   ============================================================ */
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
    border: 1px solid #DB7B47;
    background: #D37247;
    font-weight: normal;
    color: #ECC7B6;
}
.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: #ECC7B6;
    text-decoration: none;
}

/* ============================================================
   STATE: HOVER / FOCUS
   ============================================================ */
.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 #DB7B47;
    background: #FF9057;
    font-weight: normal;
    color: #FFFFFF;
}
.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: #FFFFFF;
    text-decoration: none;
}

/* ============================================================
   VISUAL FOCUS (keyboard navigation ring)
   ============================================================ */
.ui-visual-focus {
    box-shadow: 0 0 3px 1px rgb(235, 129, 69);
}

/* ============================================================
   STATE: ACTIVE (selected tab, pressed button)
   ============================================================ */
.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: 1px solid #FFFFFF;
    background: #FFFFFF;
    font-weight: normal;
    color: #E9814C;
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
    border: #FFFFFF;
    background-color: #E9814C;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
    color: #E9814C;
    text-decoration: none;
}

/* ============================================================
   STATE: HIGHLIGHT
   ============================================================ */
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border: 1px solid #4eb305;
    background: #fbf5d0;
    color: #363636;
}
.ui-state-checked {
    border: 1px solid #4eb305;
    background: #fbf5d0;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
    color: #363636;
}

/* ============================================================
   STATE: ERROR
   ============================================================ */
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
    border: 1px solid #cd0a0a;
    background: #fbf5d0;
    color: #2b2b2b;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
    color: #2b2b2b;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
    color: #2b2b2b;
}

/* ============================================================
   STATE: DISABLED
   ============================================================ */
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
    opacity: .35;
    background-image: none;
}

/* ============================================================
   PRIORITY
   ============================================================ */
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
    font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
    opacity: .7;
    font-weight: normal;
}

/* ============================================================
   ICONS
   ============================================================ */
.ui-icon,
.ui-widget-content .ui-icon {
    background-image: url("images/ui-icons_72b42d_256x240.png");
}
.ui-widget-header .ui-icon {
    background-image: url("images/ui-icons_ffffff_256x240.png");
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
    background-image: url("images/ui-icons_ffffff_256x240.png");
}
.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
    background-image: url("images/ui-icons_ffffff_256x240.png");
}
.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
    background-image: url("images/ui-icons_4eb305_256x240.png");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
    background-image: url("images/ui-icons_cd0a0a_256x240.png");
}
.ui-button .ui-icon {
    background-image: url("images/ui-icons_ffffff_256x240.png");
}

/* ============================================================
   CORNER RADIUS
   ============================================================ */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
    border-top-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
    border-top-right-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
    border-bottom-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
    border-bottom-right-radius: 3px;
}

/* ============================================================
   OVERLAY
   ============================================================ */
.ui-widget-overlay {
    background: #444444;
    opacity: .3;
}

/* ============================================================
   SHADOW
   ============================================================ */
.ui-widget-shadow {
    -webkit-box-shadow: 4px 4px 0px #aaaaaa;
    box-shadow: 4px 4px 0px #aaaaaa;
}