/*!
 * Visual override theme for jQuery UI 1.13.2
 * Based on jquery-ui-1.8.22.custom.css
 *
 * Usage:
 *   1. Include official jQuery UI 1.13.2 jquery-ui.css
 *   2. Include this file AFTER it.
 *
 * This file focuses on:
 *   - Colors, borders, backgrounds, radii
 *   - Basic layout where necessary to match 1.8.22 behavior
 *
 * It does NOT try to fully restore the old sprite-based icon sets;
 * 1.13.2 uses a different icon system.
 */

/* ------------------------------------------------------------------ */
/* Global / Helpers                                                   */
/* ------------------------------------------------------------------ */

.ui-helper-hidden { 
    display: none; 
  }
  
  .ui-helper-hidden-accessible { 
    position: absolute !important; 
    clip: rect(1px, 1px, 1px, 1px); 
  }
  
  .ui-helper-reset { 
    margin: 0; 
    padding: 0; 
    border: 0; 
    outline: 0; 
    line-height: 1.3; 
    text-decoration: none; 
    font-size: 100%; 
    list-style: none; 
  }
  
  .ui-helper-clearfix::before, 
  .ui-helper-clearfix::after { 
    content: ""; 
    display: table; 
  }
  .ui-helper-clearfix::after { 
    clear: both; 
  }
  
  .ui-helper-zfix { 
    width: 100%; 
    height: 100%; 
    top: 0; 
    left: 0; 
    position: absolute; 
    opacity: 0; 
  }
  
  /* Interaction cues */
  .ui-state-disabled { 
    cursor: default !important; 
  }
  
  /* ------------------------------------------------------------------ */
  /* Base widget containers                                             */
  /* ------------------------------------------------------------------ */
  
  .ui-widget { 
    font-family: Verdana, 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: Verdana, Arial, sans-serif; 
    font-size: 1em; 
  }
  
  .ui-widget-content { 
    border: 1px solid #aaaaaa; 
    background: #ffffff; /* old flat white image removed */ 
    color: #222222; 
  }
  .ui-widget-content a { 
    color: #222222; 
  }
  
  .ui-widget-header { 
    border: 1px solid #aaaaaa; 
    background: #cccccc; /* old highlight-soft image removed */ 
    color: #222222; 
    font-weight: bold; 
  }
  .ui-widget-header a { 
    color: #222222; 
  }

  #ui-widget-header-white {
    color: #ffffff;
  }
  
  /* ------------------------------------------------------------------ */
  /* Interaction states                                                 */
  /* ------------------------------------------------------------------ */
  
  .ui-state-default,
  .ui-widget-content .ui-state-default,
  .ui-widget-header .ui-state-default { 
    border: 1px solid #d3d3d3; 
    background: #e6e6e6; /* glass 75 e6e6e6 equivalent */ 
    font-weight: normal; 
    color: #555555; 
  }
  .ui-state-default a,
  .ui-state-default a:link,
  .ui-state-default a:visited { 
    color: #555555; 
    text-decoration: none; 
  }
  
  .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 { 
    border: 1px solid #999999; 
    background: #dadada; /* glass 75 dadada equivalent */ 
    font-weight: normal; 
    color: #212121; 
  }
  .ui-state-hover a,
  .ui-state-hover a:hover { 
    color: #212121; 
    text-decoration: none; 
  }
  
  .ui-state-active,
  .ui-widget-content .ui-state-active,
  .ui-widget-header .ui-state-active { 
    border: 1px solid #aaaaaa; 
    background: #ffffff; /* glass 65 white equivalent */ 
    font-weight: normal; 
    color: #212121; 
  }
  .ui-state-active a,
  .ui-state-active a:link,
  .ui-state-active a:visited { 
    color: #212121; 
    text-decoration: none; 
  }
  
  .ui-widget :active { 
    outline: none; 
  }
  
  /* Highlight / Error */
  .ui-state-highlight,
  .ui-widget-content .ui-state-highlight,
  .ui-widget-header .ui-state-highlight { 
    border: 1px solid #fcefa1; 
    background: #fbf9ee; /* glass 55 fbf9ee equivalent */ 
    color: #363636; 
  }
  .ui-state-highlight a,
  .ui-widget-content .ui-state-highlight a,
  .ui-widget-header .ui-state-highlight a { 
    color: #363636; 
  }
  
  .ui-state-error,
  .ui-widget-content .ui-state-error,
  .ui-widget-header .ui-state-error { 
    border: 1px solid #cd0a0a; 
    background: #fef1ec; /* glass 95 fef1ec equivalent */ 
    color: #cd0a0a; 
  }
  .ui-state-error a,
  .ui-widget-content .ui-state-error a,
  .ui-widget-header .ui-state-error a { 
    color: #cd0a0a; 
  }
  
  .ui-state-error-text,
  .ui-widget-content .ui-state-error-text,
  .ui-widget-header .ui-state-error-text { 
    color: #cd0a0a; 
  }
  
  .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: 0.7; 
    font-weight: normal; 
  }
  
  .ui-state-disabled,
  .ui-widget-content .ui-state-disabled,
  .ui-widget-header .ui-state-disabled { 
    opacity: 0.35; 
    background-image: none; 
  }
  
  /* ------------------------------------------------------------------ */
  /* Icons (basic size, leave actual artwork to 1.13.2 defaults)        */
  /* ------------------------------------------------------------------ */
  
  .ui-icon { 
    width: 16px; 
    height: 16px; 
  }
  
  /* We keep state-specific hooks but let 1.13.2 supply actual icons */
  .ui-state-default .ui-icon { }
  .ui-state-hover .ui-icon,
  .ui-state-focus .ui-icon { }
  .ui-state-active .ui-icon { }
  .ui-state-highlight .ui-icon { }
  .ui-state-error .ui-icon,
  .ui-state-error-text .ui-icon { }
  
  /* ------------------------------------------------------------------ */
  /* Corners / Rounded borders                                          */
  /* ------------------------------------------------------------------ */
  
  .ui-corner-all,
  .ui-corner-top,
  .ui-corner-left,
  .ui-corner-tl { 
    border-top-left-radius: 4px; 
  }
  .ui-corner-all,
  .ui-corner-top,
  .ui-corner-right,
  .ui-corner-tr { 
    border-top-right-radius: 4px; 
  }
  .ui-corner-all,
  .ui-corner-bottom,
  .ui-corner-left,
  .ui-corner-bl { 
    border-bottom-left-radius: 4px; 
  }
  .ui-corner-all,
  .ui-corner-bottom,
  .ui-corner-right,
  .ui-corner-br { 
    border-bottom-right-radius: 4px; 
  }
  
  /* ------------------------------------------------------------------ */
  /* Overlays / Shadows                                                 */
  /* ------------------------------------------------------------------ */
  
  .ui-widget-overlay { 
    background: #aaaaaa; 
    opacity: 0.30; 
  }
  .ui-widget-shadow { 
    margin: -8px 0 0 -8px; 
    padding: 8px; 
    background: #aaaaaa; 
    opacity: 0.30; 
    border-radius: 8px; 
  }
  
  /* ------------------------------------------------------------------ */
  /* Resizable                                                          */
  /* ------------------------------------------------------------------ */
  
  .ui-resizable { 
    position: relative; 
  }
  .ui-resizable-handle { 
    position: absolute; 
    font-size: 0.1px; 
    display: block; 
  }
  .ui-resizable-disabled .ui-resizable-handle,
  .ui-resizable-autohide .ui-resizable-handle { 
    display: none; 
  }
  .ui-resizable-n { 
    cursor: n-resize; 
    height: 7px; 
    width: 100%; 
    top: -5px; 
    left: 0; 
  }
  .ui-resizable-s { 
    cursor: s-resize; 
    height: 7px; 
    width: 100%; 
    bottom: -5px; 
    left: 0; 
  }
  .ui-resizable-e { 
    cursor: e-resize; 
    width: 7px; 
    right: -5px; 
    top: 0; 
    height: 100%; 
  }
  .ui-resizable-w { 
    cursor: w-resize; 
    width: 7px; 
    left: -5px; 
    top: 0; 
    height: 100%; 
  }
  .ui-resizable-se { 
    cursor: se-resize; 
    width: 12px; 
    height: 12px; 
    right: 1px; 
    bottom: 1px; 
  }
  .ui-resizable-sw { 
    cursor: sw-resize; 
    width: 9px; 
    height: 9px; 
    left: -5px; 
    bottom: -5px; 
  }
  .ui-resizable-nw { 
    cursor: nw-resize; 
    width: 9px; 
    height: 9px; 
    left: -5px; 
    top: -5px; 
  }
  .ui-resizable-ne { 
    cursor: ne-resize; 
    width: 9px; 
    height: 9px; 
    right: -5px; 
    top: -5px; 
  }
  
  /* ------------------------------------------------------------------ */
  /* Selectable                                                         */
  /* ------------------------------------------------------------------ */
  
  .ui-selectable-helper { 
    position: absolute; 
    z-index: 100; 
    border: 1px dotted black; 
  }
  
  /* ------------------------------------------------------------------ */
  /* Accordion                                                          */
  /* ------------------------------------------------------------------ */
  
  .ui-accordion { 
    width: 100%; 
  }
  .ui-accordion .ui-accordion-header { 
    cursor: pointer; 
    position: relative; 
    margin-top: 1px; 
  }
  .ui-accordion .ui-accordion-header.ui-state-active { 
    border-bottom: 0 !important; 
  }
  .ui-accordion .ui-accordion-header a { 
    display: block; 
    font-size: 1em; 
    padding: 0.5em 0.5em 0.5em 0.7em; 
  }
  .ui-accordion-icons .ui-accordion-header a { 
    padding-left: 2.2em; 
  }
  .ui-accordion .ui-accordion-header .ui-icon { 
    position: absolute; 
    left: 0.5em; 
    top: 50%; 
    margin-top: -8px; 
  }
  .ui-accordion .ui-accordion-content { 
    padding: 1em 2.2em; 
    border-top: 0; 
    margin-top: -2px; 
    position: relative; 
    top: 1px; 
    margin-bottom: 2px; 
    overflow: auto; 
  }
  
  /* ------------------------------------------------------------------ */
  /* Autocomplete / Menu                                                */
  /* ------------------------------------------------------------------ */
  
  .ui-autocomplete { 
    position: absolute; 
    cursor: default; 
  }
  
  /* Menu (used by Autocomplete, Menu widget, etc.) */
  .ui-menu { 
    list-style: none; 
    padding: 2px; 
    margin: 0; 
    display: block; 
  }
  .ui-menu .ui-menu { 
    margin-top: -3px; 
  }
  .ui-menu .ui-menu-item { 
    margin: 0; 
    padding: 0; 
    width: 100%; 
  }
  
  /* 1.13.2 uses .ui-menu-item-wrapper instead of anchor directly */
  .ui-menu .ui-menu-item-wrapper { 
    text-decoration: none; 
    display: block; 
    padding: 0.2em 0.4em; 
    line-height: 1.5; 
  }
  
  .ui-menu .ui-menu-item-wrapper.ui-state-hover,
  .ui-menu .ui-menu-item-wrapper.ui-state-active { 
    font-weight: normal; 
    margin: -1px; 
  }
  
  /* ------------------------------------------------------------------ */
  /* Button                                                             */
  /* ------------------------------------------------------------------ */
  
  .ui-button { 
    display: inline-block; 
    position: relative; 
    padding: 0; 
    margin-right: 0.1em; 
    text-decoration: none !important; 
    cursor: pointer; 
    text-align: center; 
    overflow: visible; 
  }
  .ui-button-icon-only { 
    width: 2.2em; 
  }
  button.ui-button-icon-only { 
    width: 2.4em; 
  }
  .ui-button-icons-only { 
    width: 3.4em; 
  }
  button.ui-button-icons-only { 
    width: 3.7em; 
  }
  
  /* button text */
  .ui-button .ui-button-text { 
    display: block; 
    line-height: 1.4;  
  }
  .ui-button-text-only .ui-button-text { 
    padding: 0.4em 1em; 
  }
  .ui-button-icon-only .ui-button-text,
  .ui-button-icons-only .ui-button-text { 
    padding: 0.4em; 
    text-indent: -9999999px; 
  }
  .ui-button-text-icon-primary .ui-button-text,
  .ui-button-text-icons .ui-button-text { 
    padding: 0.4em 1em 0.4em 2.1em; 
  }
  .ui-button-text-icon-secondary .ui-button-text,
  .ui-button-text-icons .ui-button-text { 
    padding: 0.4em 2.1em 0.4em 1em; 
  }
  .ui-button-text-icons .ui-button-text { 
    padding-left: 2.1em; 
    padding-right: 2.1em; 
  }
  
  /* inputs as buttons */
  input.ui-button { 
    padding: 0.4em 1em; 
  }
  
  /* button icons */
  .ui-button-icon-only .ui-icon,
  .ui-button-text-icon-primary .ui-icon,
  .ui-button-text-icon-secondary .ui-icon,
  .ui-button-text-icons .ui-icon,
  .ui-button-icons-only .ui-icon { 
    position: absolute; 
    top: 50%; 
    margin-top: -8px; 
  }
  .ui-button-icon-only .ui-icon { 
    left: 50%; 
    margin-left: -8px; 
  }
  .ui-button-text-icon-primary .ui-button-icon-primary,
  .ui-button-text-icons .ui-button-icon-primary,
  .ui-button-icons-only .ui-button-icon-primary { 
    left: 0.5em; 
  }
  .ui-button-text-icon-secondary .ui-button-icon-secondary,
  .ui-button-text-icons .ui-button-icon-secondary,
  .ui-button-icons-only .ui-button-icon-secondary { 
    right: 0.5em; 
  }
  
  /* button sets */
  .ui-buttonset { 
    margin-right: 7px; 
  }
  .ui-buttonset .ui-button { 
    margin-left: 0; 
    margin-right: -0.3em; 
  }
  
  /* ------------------------------------------------------------------ */
  /* Dialog                                                             */
  /* ------------------------------------------------------------------ */
  
  .ui-dialog { 
    position: absolute; 
    padding: 0.2em; 
    width: 300px; 
    overflow: hidden; 
  }
  .ui-dialog .ui-dialog-titlebar { 
    padding: 0.4em 1em; 
    position: relative;  
  }
  .ui-dialog .ui-dialog-title { 
    float: left; 
    margin: 0.1em 16px 0.1em 0; 
  }
  .ui-dialog .ui-dialog-titlebar-close { 
    position: absolute; 
    right: 0.3em; 
    top: 50%; 
    width: 19px; 
    margin: -10px 0 0 0; 
    padding: 1px; 
    height: 18px; 
  }
  .ui-dialog .ui-dialog-titlebar-close span { 
    display: block; 
    margin: 1px; 
  }
  .ui-dialog .ui-dialog-titlebar-close:hover,
  .ui-dialog .ui-dialog-titlebar-close:focus { 
    padding: 0; 
  }
  .ui-dialog .ui-dialog-content { 
    position: relative; 
    border: 0; 
    padding: 0.5em 1em; 
    background: none; 
    overflow: auto; 
  }
  .ui-dialog .ui-dialog-buttonpane { 
    text-align: center; 
    border-width: 1px 0 0 0; 
    background-image: none; 
    margin: 0.5em 0 0 0; 
    padding: 0.3em 0.4em 0.5em 0.4em; 
  }
  .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { 
    float: none; 
  }
  .ui-dialog .ui-dialog-buttonpane button { 
    margin: 0.5em 0.4em; 
    cursor: pointer; 
  }
  .ui-dialog .ui-resizable-se { 
    width: 14px; 
    height: 14px; 
    right: 3px; 
    bottom: 3px; 
  }
  .ui-draggable .ui-dialog-titlebar { 
    cursor: move; 
  }
  
  /* ------------------------------------------------------------------ */
  /* Slider                                                             */
  /* ------------------------------------------------------------------ */
  
  .ui-slider { 
    position: relative; 
    text-align: left; 
  }
  .ui-slider .ui-slider-handle { 
    position: absolute; 
    z-index: 2; 
    width: 1.2em; 
    height: 1.2em; 
    cursor: default; 
  }
  .ui-slider .ui-slider-range { 
    position: absolute; 
    z-index: 1; 
    font-size: 0.7em; 
    display: block; 
    border: 0; 
  }
  
  /* horizontal */
  .ui-slider-horizontal { 
    height: 0.8em; 
  }
  .ui-slider-horizontal .ui-slider-handle { 
    top: -0.3em; 
    margin-left: -0.6em; 
  }
  .ui-slider-horizontal .ui-slider-range { 
    top: 0; 
    height: 100%; 
  }
  .ui-slider-horizontal .ui-slider-range-min { 
    left: 0; 
  }
  .ui-slider-horizontal .ui-slider-range-max { 
    right: 0; 
  }
  
  /* vertical */
  .ui-slider-vertical { 
    width: 0.8em; 
    height: 100px; 
  }
  .ui-slider-vertical .ui-slider-handle { 
    left: -0.3em; 
    margin-left: 0; 
    margin-bottom: -0.6em; 
  }
  .ui-slider-vertical .ui-slider-range { 
    left: 0; 
    width: 100%; 
  }
  .ui-slider-vertical .ui-slider-range-min { 
    bottom: 0; 
  }
  .ui-slider-vertical .ui-slider-range-max { 
    top: 0; 
  }
  
  /* ------------------------------------------------------------------ */
  /* Tabs                                                               */
  /* ------------------------------------------------------------------ */
  
  .ui-tabs { 
    position: relative; 
    padding: 0.2em; 
  }
  .ui-tabs .ui-tabs-nav { 
    margin: 0; 
    padding: 0.2em 0.2em 0; 
  }
  .ui-tabs .ui-tabs-nav li { 
    list-style: none; 
    float: left; 
    position: relative; 
    top: 1px; 
    margin: 0 0.2em 1px 0; 
    border-bottom: 0 !important; 
    padding: 0; 
    white-space: nowrap; 
  }
  .ui-tabs .ui-tabs-nav li a { 
    float: left; 
    padding: 0.5em 1em; 
    text-decoration: none; 
  }
  
  /* 1.13.2: active tab is .ui-tabs-active */
  .ui-tabs .ui-tabs-nav li.ui-tabs-active { 
    margin-bottom: 0; 
    padding-bottom: 1px; 
  }
  .ui-tabs .ui-tabs-nav li.ui-tabs-active a,
  .ui-tabs .ui-tabs-nav li.ui-state-disabled a { 
    cursor: text; 
  }
  .ui-tabs .ui-tabs-nav li a { 
    cursor: pointer; 
  }
  .ui-tabs .ui-tabs-panel { 
    display: block; 
    border-width: 0; 
    padding: 1em 1.4em; 
    background: none; 
  }
  
  /* ------------------------------------------------------------------ */
  /* Datepicker                                                         */
  /* ------------------------------------------------------------------ */
  
  .ui-datepicker { 
    width: 17em; 
    padding: 0.2em 0.2em 0; 
  }
  .ui-datepicker .ui-datepicker-header { 
    position: relative; 
    padding: 0.2em 0; 
  }
  .ui-datepicker .ui-datepicker-prev,
  .ui-datepicker .ui-datepicker-next { 
    position: absolute; 
    top: 2px; 
    width: 1.8em; 
    height: 1.8em; 
  }
  .ui-datepicker .ui-datepicker-prev { 
    left: 2px; 
  }
  .ui-datepicker .ui-datepicker-next { 
    right: 2px; 
  }
  .ui-datepicker .ui-datepicker-prev span,
  .ui-datepicker .ui-datepicker-next span { 
    display: block; 
    position: absolute; 
    left: 50%; 
    margin-left: -8px; 
    top: 50%; 
    margin-top: -8px;  
  }
  .ui-datepicker .ui-datepicker-title { 
    margin: 0 2.3em; 
    line-height: 1.8em; 
    text-align: center; 
  }
  .ui-datepicker .ui-datepicker-title select { 
    font-size: 1em; 
    margin: 1px 0; 
  }
  .ui-datepicker select.ui-datepicker-month-year { 
    width: 100%; 
  }
  .ui-datepicker select.ui-datepicker-month, 
  .ui-datepicker select.ui-datepicker-year { 
    width: 49%; 
  }
  .ui-datepicker table { 
    width: 100%; 
    font-size: 0.9em; 
    border-collapse: collapse; 
    margin: 0 0 0.4em; 
  }
  .ui-datepicker th { 
    padding: 0.7em 0.3em; 
    text-align: center; 
    font-weight: bold; 
    border: 0;  
  }
  .ui-datepicker td { 
    border: 0; 
    padding: 1px; 
  }
  .ui-datepicker td span,
  .ui-datepicker td a { 
    display: block; 
    padding: 0.2em; 
    text-align: right; 
    text-decoration: none; 
  }
  .ui-datepicker .ui-datepicker-buttonpane { 
    background-image: none; 
    margin: 0.7em 0 0 0; 
    padding: 0 0.2em; 
    border-left: 0; 
    border-right: 0; 
    border-bottom: 0; 
  }
  .ui-datepicker .ui-datepicker-buttonpane button { 
    float: right; 
    margin: 0.5em 0.2em 0.4em; 
    cursor: pointer; 
    padding: 0.2em 0.6em 0.3em 0.6em; 
    width: auto; 
  }
  
  /* Multiple calendars */
  .ui-datepicker-multi { 
    width: auto; 
  }
  .ui-datepicker-multi .ui-datepicker-group { 
    float: left; 
  }
  .ui-datepicker-multi .ui-datepicker-group table { 
    width: 95%; 
    margin: 0 auto 0.4em; 
  }
  .ui-datepicker-multi-2 .ui-datepicker-group { 
    width: 50%; 
  }
  .ui-datepicker-multi-3 .ui-datepicker-group { 
    width: 33.3%; 
  }
  .ui-datepicker-multi-4 .ui-datepicker-group { 
    width: 25%; 
  }
  .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
  .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { 
    border-left-width: 0; 
  }
  .ui-datepicker-multi .ui-datepicker-buttonpane { 
    clear: left; 
  }
  .ui-datepicker-row-break { 
    clear: both; 
    width: 100%; 
    font-size: 0; 
  }
  
  /* RTL support */
  .ui-datepicker-rtl { 
    direction: rtl; 
  }
  .ui-datepicker-rtl .ui-datepicker-prev { 
    right: 2px; 
    left: auto; 
  }
  .ui-datepicker-rtl .ui-datepicker-next { 
    left: 2px; 
    right: auto; 
  }
  .ui-datepicker-rtl .ui-datepicker-buttonpane { 
    clear: right; 
  }
  .ui-datepicker-rtl .ui-datepicker-buttonpane button { 
    float: left; 
  }
  .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { 
    float: right; 
  }
  .ui-datepicker-rtl .ui-datepicker-group { 
    float: right; 
  }
  .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { 
    border-right-width: 0; 
    border-left-width: 1px; 
  }
  .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { 
    border-right-width: 0; 
    border-left-width: 1px; 
  }
  
  /* ------------------------------------------------------------------ */
  /* Progressbar                                                        */
  /* ------------------------------------------------------------------ */
  
  .ui-progressbar { 
    height: 2em; 
    text-align: left; 
    overflow: hidden; 
  }
  .ui-progressbar .ui-progressbar-value { 
    margin: -1px; 
    height: 100%; 
  }