/* ------------------------------------------------------------- */
/* JQUERY UI (jquery-ui.less)                                    */
/* ------------------------------------------------------------- */


// ----------------------------------------------------------------------------
//
// jQuery UI (Version 1.10.3 / 2014-01-14 / http://jqueryui.com)
//
// ----------------------------------------------------------------------------
// DESCRIPTION:
// Includes...
// - jquery.ui.core.css
// - jquery.ui.resizable.css
// - jquery.ui.selectable.css
// - jquery.ui.accordion.css
// - jquery.ui.autocomplete.css
// - jquery.ui.button.css
// - jquery.ui.datepicker.css
// - jquery.ui.dialog.css
// - jquery.ui.menu.css
// - jquery.ui.progressbar.css
// - jquery.ui.slider.css
// - jquery.ui.spinner.css
// - jquery.ui.tabs.css
// - jquery.ui.tooltip.css
// - jquery.ui.theme.css
//
// To view and modify this theme, visit:
// http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS%2CTahoma%2CVerdana%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=gloss_wave&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=highlight_soft&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=glass&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=glass&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=highlight_soft&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=diagonals_thick&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=diagonals_thick&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=flat&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px
//
// Copyright 2014 jQuery Foundation and other contributors; Licensed MIT
//
//
// CONTENTS:
// - LAYOUT HELPERS
// - INTERACTION CUES (Addition?)
// - ICONS
// - MISC VISUALS
// - RESIZABLE
// - ACCORDION
// - AUTOCOMPLETE
// - UI-BUTTON
// - DATEPICKER
// - UI-DIALOG
// - UI-MENU
// - PROGRESSBAR
// - SLIDER
// - UI-SPINNER
// - UI-TABS
// - UI-TOOLTIP
// - COMPONENT CONTAINERS (UI-WIDGET)
// - INTERACTION STATES (UI-STATE)
// - INTERACTION CUES (UI-STATE)
// - ICONS
//   - STATES AND IMAGES
//   - POSITIONING
// - MISC VISUALS
//   - CORNER RADIUS (UI-CORNER)
//   - OVERLAYS (UI-Widget-Overlay/-Shadow)
// ----------------------------------------------------------------------------


// --------------------------------------
// LAYOUT HELPERS
// --------------------------------------

.ui-helper-hidden {
  display: none;
}
.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: @font-size-base;
  list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse;
}
.ui-helper-clearfix:after {
  clear: both;
}
.ui-helper-clearfix {
  min-height: 0; //  support: IE7
}
.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  //filter:Alpha(Opacity=0); // PENDENT: abklaeren
}

.ui-front {
  z-index: 100;
}



// --------------------------------------
// INTERACTION CUES
// --------------------------------------

.ui-state-disabled {
  cursor: default !important;
}



// --------------------------------------
// ICONS
// --------------------------------------
// states and images

.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}



// ----------------------------------
// MISC VISUALS
// ----------------------------------
//  Overlays
.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}



// --------------------------------------
// 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;
}
.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted black;
}



// --------------------------------------
// ACCORDION
// --------------------------------------

.ui-accordion {

  .ui-accordion-header {
    display: block;
    cursor: pointer;
    position: relative;
    margin-top: 2px;
    padding: .5em .5em .5em .7em;
    min-height: 0; //  support: IE7

    .ui-accordion-header-icon {
      position: absolute;
      left: .5em;
      top: 50%;
      margin-top: -8px;
    }
  } // /.ui-accordion-header

  .ui-accordion-content {
    padding: 1em 2.2em;
    border-top: 0;
    overflow: auto;
  }

  .ui-accordion-icons {
    padding-left: 2.2em;
    .ui-accordion-icons { padding-left: 2.2em; }
  }
  .ui-accordion-noicons { padding-left: .7em; }

} // /.ui-accordion




// --------------------------------------
// AUTOCOMPLETE
// --------------------------------------

.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default;
  z-index: 9000 ;

  .ui-menu-item {
    a {
      &:hover{
         background-color: @base-dark;
         color: #fff ;
      }
    }
  }
  li{
    a{
      display: block ;
      font-size: 80% ;
      padding-top: 0.4em !important;
      padding-bottom: 0.4em !important;
      &:hover{
        background-color: #C9C9C9;
        border: none ;
        color: #000 ;
      }
    }
  }
}






// --------------------------------------
// UI-BUTTON
// --------------------------------------

.ui-button {
  display: inline-block;
  position: relative;
  padding: 0;
  line-height: normal;
  margin-right: .1em;
  cursor: pointer;
  vertical-align: middle;
  text-align: center;
  overflow: visible; //  removes extra width in IE

  &:link,
  &:visited,
  &:hover,
  &:active {
    text-decoration: none;
  }
}

//  to make room for the icon, a width needs to be set here
.ui-button-icon-only {
  width: 2.2em;
}
//  button elements seem to need a little more width
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 element
.ui-button .ui-button-text {
  display: block;
  line-height: normal;
}
.ui-button-text-only .ui-button-text {
  padding: .4em 1em;
}
.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
  padding: .4em;
  text-indent: -9999999px;
}
.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
  padding: .4em 1em .4em 2.1em;
}
.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
  padding: .4em 2.1em .4em 1em;
}
.ui-button-text-icons .ui-button-text {
  padding-left: 2.1em;
  padding-right: 2.1em;
}
//  no icon support for input elements, provide padding by default
input.ui-button {
  padding: .4em 1em;
}

//  button icon element(s)
.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: .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: .5em;
}

//  button sets
.ui-buttonset {
  margin-right: 7px;
}
.ui-buttonset .ui-button {
  margin-left: 0;
  margin-right: -.3em;
}

//  workarounds
//  reset extra padding in Firefox, see h5bp.com/l
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
  border: 0;
  padding: 0;
}




// --------------------------------------
// DATEPICKER
// --------------------------------------

.ui-datepicker {
  width:             17em;
  padding:           .2em .2em 0;
  display:           none;
  &.ui-widget-content{
    background-color: @jquery_datepicker-bg-color;
    border: @controlpanel-border ;
  }


  // -----------------------
  // Header with Select-Elements
  // -----------------------
  .ui-datepicker-header {
    position:       relative;
    padding:         0.2em 0;

    &.ui-datepicker-prev,
    &.ui-datepicker-next {
      position:     absolute;
      top:           2px;
      width:         1.8em;
      height:       1.8em;

      &-hover { top: 1px; }

      span {
        display:       block;
        position:     absolute;
        left:         50%;
        margin-left: -8px;
        top:           50%;
        margin-top:  -8px;
      }
    }
    .ui-datepicker-prev {
      float:           left;
      left:           2px;
      &-hover { left: 1px; background-position: 25% 25% ; }
    }
    .ui-datepicker-next {
      float:           right ;
      right:           2px;
      &-hover { right: 1px; background-position: 25% 25% ; }
    }

    .ui-datepicker-title {
      margin:       0 2.3em;
      line-height:   1.8em;
      text-align:   center;

      select {
        margin:     1px 0;
        &.ui-datepicker-month{ margin-right: 0.2em ; }
      }
    }

    select.ui-datepicker-month-year {
      width: 100%;
    }
    select.ui-datepicker-month,
    select.ui-datepicker-year {
      width: 49%;
    }

    &.ui-corner-all{
      cursor: pointer ;
      &.ui-state-hover {
        border: none !important ;
        curser: pointer ;
      }
    }

    &.ui-widget-header {
      .ui-icon {
        background-image: url(ui-lightne../../images/ui-icons_222222_256x240.png);
      }
      .ui-state-hover{
        .ui-icon{
          background-image: url(ui-lightne../../images/ui-icons_ef8c08_256x240.png);
          //background: #ffffff;
        }
      }
    }
  } // /.ui-datepicker-header


  // -----------------------
  // Table with Calendar
  // -----------------------
  table {
    width:             100%;
    font-size:         @font-size-smaller;
    border-collapse:   collapse;
    margin:           0 0 0.4em;

    th {
      padding:         0.7em 0.3em;
      text-align:     center;
      font-weight:     bold;
      border:         0;
    }
    td {
      border:         0;
      padding:         1px;

      span,
      a {
        display:           block;
        padding:           0.2em;
        text-align:       right;
        text-decoration:   none;
      }
      a.ui-state-hover{
        color: #ffffff ;
        background-color: @base-darker;
      }
    }

    &.ui-datepicker-calendar {
      // current date
      .ui-state-highlight{
        color: #ffffff ;
        background-color: @base-darker;
        border: 1px @gray-standard solid
      }
      // Days
      td a {
        &.ui-state-default { color: @base-dark; }
        &.ui-state-hover {
          color: #ffffff ;
          background-color: #000000;
          border: #000000 ;
        }
        &.ui-state-active {
          border: 1px solid @base-dark;
          background-color: @base-dark;
          color: @base-verylight;
        }
      } // /td
    }    // /.ui-datepicker-calendar
  }  // /table

  .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;

    button {
      float:       right;
      margin:     .5em .2em .4em;
      cursor:     pointer;
      padding:     .2em .6em .3em .6em;
      width:       auto;
      overflow:   visible;

      &.ui-datepicker-current {
        float:     left;
      }
      &.ui-datepicker-current,
      &.ui-datepicker-close {
        .mx-button-neutral ;
        font-weight: normal ;
      }



    }
  }  // /.ui-datepicker-buttonpane


  // -----------------------
  // Multiple Calendars
  // -----------------------
  //  with multiple calendars
  &.ui-datepicker-multi {
    width: auto;
    .ui-datepicker-group {
      float: left;
      table {
        width:   95%;
        margin: 0 auto .4em;
      }
    }
    .ui-datepicker-group-last,
    .ui-datepicker-group-middle {
       .ui-datepicker-header{ border-left-width: 0; }
    }
    .ui-datepicker-buttonpane { clear: left; }
  }  // .&.ui-datepicker-multi

} // /.ui-datepicker

//  Date picker with multiple calendars
.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-row-break {
  clear: both;
  width: 100%;
  font-size: 0;
}

// -----------------------
// Calendar symbol
// -----------------------
img.ui-datepicker-trigger{
  vertical-align: middle;
  margin-left: 0.2em ;
}



//  RTL support properties removed






// --------------------------------------
// UI-DIALOG
// --------------------------------------

.ui-dialog {
  z-index:         8001 ;
  position:       absolute;
  top:             0;
  left:           0;
  outline:         0;
  border:         @controlpanel-border ; // Custom
  border-radius:   @controlpanel-radius;
  //color:           #333333;

  .ui-dialog-titlebar {
    padding:          0.4em 1.0em;
    border:           none;
    background-color: @base-h1-bg !important;
    color:            @base-h1-color !important;
    font-weight:      normal;
    position:         relative;
    text-align:       left;
    font-size:        @h3-size;

    .ui-dialog-title {
      float:          left;
      white-space:    nowrap;
      overflow:       hidden;
      text-overflow:  ellipsis;
      display:        block;
    }

    .ui-dialog-titlebar-close {
      position:     absolute;
      right:        0.3em;
      //top:        50%;
      top:           0;
      width:        21px;
      //margin:     10px 0 0 0;
      margin:       5px 0 0 0;
      padding:      1px;
      height:       20px;
//      background: #bbb !important;
    }
  } // /.ui-dialog-titlebar

  .ui-dialog-content {
    position:         relative;
    border:           0;
    padding:           0.5em 1em;
    background-color: @jquery_ui_dialog-bg-color !important;
    background:       @jquery_ui_dialog-bg-style !important;
    overflow:         auto;
  }
  .wrapper {
    margin: 0 ;
  }

  .ui-dialog-buttonpane {
    text-align:       left;
    border-width:     1px 0 0 0;
    background-image: none;
    margin-top:       0.5em;
    padding:           0.3em 1em 0.5em 0.4em;

    .ui-dialog-buttonset {
      float:           right;
    }

    button {
      margin: .5em .4em .5em 0;
      cursor: pointer;
    }
  }
  // /.ui-dialog-buttonpane

  .ui-resizable-se {
    width: 12px;
    height: 12px;
    right: -5px;
    bottom: -5px;
    background-position: 16px 16px;
  }

//  .ui-widget-header {
//    button.ui-dialog-titlebar-close {
//      right: 0.3em;
//      top: 0;
//      width: 21px;
//      margin: 5px 0 0 0;
//    }
//  }

  &.ui-draggable .ui-dialog-titlebar {
    cursor: move;
  }

} // /.ui-dialog




// --------------------------------------
// UI-MENU
// --------------------------------------

.ui-menu {
  list-style: none;
  padding: 2px;
  margin: 0;
  display: block;
  outline: none;
  display: inline-table ;
  border-collapse: collapse ;

  &.ui-widget-content {
    border: 1px @_menu_border_color solid ;
  }

  .ui-menu-item {
    margin: 0;
    padding: 0;
    width: 100%;
    background-color: @base-lighter;
    color: @base-darker;  // improved contrast
    border-bottom: 1px @_menu_border_color solid ;

    a {
      text-decoration: none;
      display: block;
      padding: 2px .4em;
      line-height: 1.5;
      min-height: 0; //  support: IE7
      font-weight: normal;
      border: 0 ;
      background: none ;
      border: 0 ;

      &.ui-state-focus,
      &.ui-state-active {
        font-weight: normal;
        margin: -1px;
      }
    }
  } // /.ui-menu-item

  .ui-menu-divider {
    margin: 5px -2px 5px -2px;
    height: 0;
    font-size: 0;
    line-height: 0;
    border-width: 1px 0 0 0;
  }

  .ui-state-disabled {
    font-weight: normal;
    margin: .4em 0 .2em;
    line-height: 1.5;
    a { cursor: default; }
  }

  // ui-menu within a ui-menu
  .ui-menu {
    margin-top: -3px;
    position: absolute;
  }

  //  icon support
  &.ui-menu-icons {
    position: relative;

    .ui-menu-item a {
      position: relative;
      padding-left: 2em;
    }
  }

  //  left-aligned
  .ui-icon {
    position: absolute;
    top: .2em;
    left: .2em;
  }
  //  right-aligned
  .ui-menu-icon {
    position: static;
    float: right;
  }

} // /.ui-menu



// --------------------------------------
// CONTEXT MENU
// --------------------------------------

// -----------------------
// Context Menu List
// -----------------------
ul.context-menu-list{
  margin:             0;
  padding:            0;
  min-width:          120px;
  max-width:          250px;
  display:            inline-block;
  position:           absolute;
  list-style-type:    none;
  border:             1px solid #DDD;
  background:         #EEE;

  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
     -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
      -ms-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
       -o-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
          box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);

  //font-family: Verdana, Arial, Helvetica, sans-serif;
  //font-size: 11px;

  &.context-menu-root {}


	// -----------------------
	// Context Menu Item
	// -----------------------
  li.context-menu-item {
    padding:              2px 2px 2px 24px;
    background-color:     #EEE;
    position:             relative;
    -webkit-user-select:  none;
       -moz-user-select:  -moz-none;
        -ms-user-select:  none;
            user-select:  none;

    // Header within the menu
    &.context-menu-heading {
      text-decoration: underline;
      font-weight: bold;
    }

    // States
    &.hover {
      cursor: pointer;
      background-color: #39F;

      & > .context-menu-list {
        display: block ;
      }
    }
    &.disabled { color: #666; }
    &.hover,
    &.disabled.hover {
        cursor: default ;
        background-color: #EEE ;
    }



    // -----------------------
    // Icons in Menu Item
    // -----------------------
    .icon {
      // Original code
      min-height:           18px;
      background-repeat:    no-repeat;
      background-position:  4px 2px;

      // Original Code (but now disabled)
      // &.icon-edit   { background-image: url(../../image/jquery.contextMenu/page_white_edit.png)  ; }
      // &.icon-cut    { background-image: url(../../image/jquery.contextMenu/cut.png)              ; }
      // &.icon-copy   { background-image: url(../../image/jquery.contextMenu/page_white_copy.png)  ; }
      // &.icon-paste  { background-image: url(../../image/jquery.contextMenu/page_white_paste.png) ; }
      // &.icon-delete { background-image: url(../../image/jquery.contextMenu/page_white_delete.png); }
      // &.icon-add    { background-image: url(../../image/jquery.contextMenu/page_white_add.png)   ; }
      // &.icon-quit   { background-image: url(../../image/jquery.contextMenu/door.png)             ; }

      // All Icons are listed here
      &.icon-add      {  }
      &.icon-edit     {  }
      &.icon-delete   {  }
      &.icon-flag     {  }
      &.icon-copy     {  }
      &.icon-paste    {  }
      &.icon-pdf      {  }
      &.icon-new      {  }
      &.icon-renumber {  }
    }

    span {}

    &.context-menu-separator {
      padding-bottom:0;
      border-bottom: 1px solid #DDD;

      &.not-selectable {}
    }

    // Item has submenu
    &.context-menu-submenu:after {
      content: ">";
      color: #666;
      position: absolute;
      top: 0;
      right: 3px;
      z-index: 1;
    }

    // Submenu-List
    & > .context-menu-list {
      display: none;
      /* re-positioned by js */
      right: -5px;
      top: 5px;
    }

    .context-menu-accesskey {
        text-decoration: underline;
    }


    & > label > input,
    & > label > textarea {
      -webkit-user-select: text;
         -moz-user-select: text;
          -ms-user-select: text;
              user-select: text;
    }


  } // /li.context-menu-item



	// -----------------------
	// Context Menu Input
	// -----------------------

  .context-menu-input {
    /* vertically align inside labels */
    & > label > * { vertical-align: top; }

    /* position checkboxes and radios as icons */
    & > label > input[type="checkbox"],
    & > label > input[type="radio"] {  margin-left: -17px; }
    & > label,
    & > label > input[type="text"],
    & > label > textarea,
    & > label > select {
      display: block;
      width: 100%;
      -webkit-box-sizing: border-box;
         -moz-box-sizing: border-box;
          -ms-box-sizing: border-box;
           -o-box-sizing: border-box;
              box-sizing: border-box;
    }

    & > label > span {  margin-left: 5px ; }
    & > label > textarea { height: 100px; }

  } // /.context-menu-input


} // /ul.context-menu-list





// --------------------------------------
// PROGRESSBAR
// --------------------------------------

.ui-progressbar {
  height: 2em;
  text-align: left;
  overflow: hidden;

  .ui-progressbar-value {
    margin: -1px;
    height: 100%;
  }
  .ui-progressbar-overlay {
    background: url("ui-lightne../../images/animated-overlay.gif");
    height: 100%;
    filter: alpha(opacity=25);
    opacity: 0.25;
  }
  .ui-progressbar-indeterminate .ui-progressbar-value {
    background-image: none;
  }
} // /.ui-progressbar





// --------------------------------------
// SLIDER
// --------------------------------------

.ui-slider {
  position: relative;
  text-align: left;

  .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 1.2em;
    cursor: default;
  }

  .ui-slider-range {
    position: absolute;
    z-index: 1;
    //font-size: @font-size-smaller;
    display: block;
    border: 0;
    background-position: 0 0;
  }

  //  For IE8 - See #6727
  &.ui-state-disabled .ui-slider-handle,
  &.ui-state-disabled .ui-slider-range {
    filter: inherit;
  }
} // /.ui-slider

.ui-slider-horizontal {
  height: .8em;

  .ui-slider-handle {
    top: -.3em;
    margin-left: -.6em;
  }
  .ui-slider-range {
    top: 0;
    height: 100%;
  }
  .ui-slider-range-min { left: 0;  }
  .ui-slider-range-max { right: 0; }
}// /.ui-slider-horizontal

.ui-slider-vertical {
  width: .8em;
  height: 100px;

  .ui-slider-handle {
    left: -.3em;
    margin-left: 0;
    margin-bottom: -.6em;
  }
  .ui-slider-range {
    left: 0;
    width: 100%;
  }
  .ui-slider-range-min {
    bottom: 0;
  }
  .ui-slider-range-max {
    top: 0;
  }


} // /.ui-slider-vertical




// --------------------------------------
// UI-SPINNER
// --------------------------------------

.ui-spinner {
  position: relative;
  display: inline-block;
  overflow: hidden;
  padding: 0;
  vertical-align: middle;

  .ui-spinner-input {
    border: none;
    background: none;
    color: inherit;
    padding: 0;
    margin: .2em 0;
    vertical-align: middle;
    margin-left: .4em;
    margin-right: 22px;
  }
  .ui-spinner-button {
    width: 16px;
    height: 50%;
    //font-size: @font-size-smaller;
    padding: 0;
    margin: 0;
    text-align: center;
    position: absolute;
    cursor: default;
    display: block;
    overflow: hidden;
    right: 0;
  }
  //  more specificity required here to overide default borders
  a.ui-spinner-button {
    border-top: none;
    border-bottom: none;
    border-right: none;
  }
  //  vertical centre icon
  .ui-icon {
    position: absolute;
    margin-top: -8px;
    top: 50%;
    left: 0;
  }
  .ui-spinner-up   { top: 0; }
  .ui-spinner-down { bottom: 0; }

  //  TR overrides
  .ui-spinner .ui-icon-triangle-1-s {
    //  need to fix icons sprite
    background-position: -65px -16px;
  }
} // /.ui-spinner




// --------------------------------------
// UI-TABS
// --------------------------------------

.ui-tabs {
  // position: relative prevents IE scroll bug
  // (element with position: relative inside container with overflow:
  // auto appear as "fixed")
  position: relative;
  padding: .2em;

  .ui-tabs-nav {
    margin: 0;
    padding: .2em .2em 0;

    li {
      list-style: none;
      float: left;
      position: relative;
      top: 0;
      margin: 1px .2em 0 0;
      border-bottom-width: 0;
      padding: 0;
      white-space: nowrap;

      a {
        float: left;
        padding: .5em 1em;
        text-decoration: none;
        cursor: pointer;
      }

      .ui-tabs-active {
        margin-bottom: -1px;
        padding-bottom: 1px;
      }
      .ui-tabs-active,
      .ui-state-disabled,
      .ui-tabs-loading {
        a {
          cursor: text;
          outline: 0 ; // hps: gepunketen Rahmen nach Klick ausblenden
        }
      }

    } // /li
  } // /.ui-tabs-nav

  .ui-tabs-panel {
    display: block;
    border-width: 0;
    padding: 0.4em 0 1.0em 0;
    //background: none;
  }

} // /.ui-tabs


// first selector in group seems obsolete,
// but required to overcome bug in Opera applying cursor:
// text overall if defined elsewhere...
.ui-tabs .ui-tabs-nav li a,
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
  cursor: pointer;
}




// --------------------------------------
// UI-TOOLTIP
// --------------------------------------

.ui-tooltip {
  position:           absolute;
  z-index:            9999;
  max-width:          300px;
  padding:            8px;
  -webkit-box-shadow: 0 0 5px #aaa ;
  box-shadow:         0 0 5px #aaa;
  background-color:   @jquery_ui_tooltipster-bg-color !important ;

  .ui-tooltip-content{
    color:            #ffffff ;
  }
}
body .ui-tooltip {
  border-width: 2px ;
}





// ----------------------------------
// Component containers (UI-WIDGET)
// ----------------------------------
.ui-widget {
  //font-size: @font-size-smaller;

  .ui-widget-header {
    background: none;
    color: #ffffff;
    font-weight: bold;

    a { color: #ffffff; }
  }

  .ui-widget-content {
    //border: 1px solid #dddddd;
    border: none;
    background: none ;
    //background-color: #ffffff ; // or Transparent
    //color: #333333;

    a {
      //color: #333333;
    }
  } // .ui-widget-content

  .ui-widget { font-size: @font-size-small; }

  input,
  select,
  textarea,
  button {
    //font-size: @font-size-smaller ;
  }

} // /.ui-widget





// --------------------------------------
// CKEditor
// --------------------------------------
.cke_editable {
  background-color: white;
  padding: 6px;
  //margin-left: -0.3em ;
  border-top: 1px #999 solid;
  border-right: 1px #ddd solid;
  border-left: 1px #ddd solid;
  overflow: auto ;
  font-size: 11pt ;
  min-width: @textarea-wi-lightwide ;
  min-height: 4.0em ;
  &:focus {
    outline: none ;
    background-color: @formelement-focus-bg ;
    border: @formelement-focus-border ;
  }

  p {
    font-size: 10pt !important;
    padding: 0  ;
    margin: 0 0 0.4em 0 ;
    font-weight: normal;
  }
}
div.cke_editable.wi-small-wide{
  margin-right: 24px !important ;
}
body > .ui-dialog > .ui-dialog-content > p > .cke_editable {
  border: 1px #dcdcdc solid !important;
  padding: 0.4em;
  margin: 0;
  font-size: 100%;
  width: 100% !important;
}





// ----------------------------------
// Interaction states
// ----------------------------------

.ui-state-default,
.ui-state-hover,
.ui-state-focus,
.ui-state-active {
  .ui-icon {
    background-image: url(ui-lightne../../images/ui-icons_777777_256x240.png) !important;
  }
}

.ui-state-default {
  border: 1px solid #cccccc;
  //background: #f6f6f6 url(ui-lightne../../images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x;
  background: none ;
  font-weight: bold;
  color: @base-darker;
  a,
  a:link,
  a:visited {
    color: #1c94c4;
    text-decoration: none;
  }
} // /.ui-state-default

.ui-state-hover,
.ui-state-focus {
  //border: 1px solid #fbcb09;
  //background: #fdf5ce url(ui-lightne../../images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x;
  background: none ;
  font-weight: bold;
  color: #c77405;
  a,
  a:hover,
  a:link,
  a:visited {
    color: #000;
    text-decoration: underline;
  }
} // .ui-state-hover, .ui-state-focus

.ui-state-active {
  border: 1px solid #fbd850;
  //background: #ffffff url(ui-lightne../../images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
  background: none ;
  font-weight: bold;
  color: #eb8f00;
  a,
  a:link,
  a:visited {
    color: #eb8f00;
    text-decoration: none;
  }
} // .ui-state-active



// ----------------------------------
// Interaction Cues
// ----------------------------------
.ui-state-highlight {
  border: 1px solid #fed22f;
  //background: #ffe45c url(ui-lightne../../images/ui-bg_highlight-soft_75_ffe45c_1x100.png) 50% top repeat-x;
  background: none ;
  color: #363636;
  a { color: #363636; }
}

.ui-state-error {
  border: 1px solid #cd0a0a;
  //background: #b81900 url(ui-lightne../../images/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% repeat;
  background: none ;
  color: #ffffff;
  a { color: #ffffff; }
}

.ui-state-error-text {
  color: #ffffff;
}

.ui-priority-primary {
  font-weight: bold;
}
.ui-priority-secondary {
  opacity: .7;
  filter:Alpha(Opacity=70);
  font-weight: normal;
}

.ui-state-disabled {
  opacity: .35;
  filter:Alpha(Opacity=35);
  background-image: none;
  .ui-icon { filter:Alpha(Opacity=35); } //  For IE8 - See #6059
}

// Overrides








// ----------------------------------
// Icons
// ----------------------------------
//  states and images
.ui-icon {
  width: 16px;
  height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
  background-image: url(ui-lightne../../images/ui-icons_222222_256x240.png);
}
.ui-widget-header .ui-icon {
  background-image: url(ui-lightne../../images/ui-icons_ffffff_256x240.png);
}
.ui-state-default .ui-icon {
  background-image: url(ui-lightne../../images/ui-icons_ef8c08_256x240.png);
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
  background-image: url(ui-lightne../../images/ui-icons_ef8c08_256x240.png);
}
.ui-state-active .ui-icon {
  background-image: url(ui-lightne../../images/ui-icons_ef8c08_256x240.png);
}
.ui-state-highlight .ui-icon {
  background-image: url(ui-lightne../../images/ui-icons_228ef1_256x240.png);
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
  background-image: url(ui-lightne../../images/ui-icons_ffd27a_256x240.png);
}

//  positioning
.ui-icon-blank { background-position: 16px 16px; }
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
//  ui-icon-seek-first is deprecated, use ui-icon-seek-start instead
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }



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

// Corner radius
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  //border-top-left-radius: @tabs-border-radius;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  //border-top-right-radius: @tabs-border-radius;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  //border-bottom-left-radius: @tabs-border-radius;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  //border-bottom-right-radius: @tabs-border-radius;
}

// Overlays */
.ui-widget-overlay {
  //background: #666666 url(ui-lightne../../images/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat;
  background: #666666 ;
  opacity: .5;
  filter: Alpha(Opacity=50);
}
.ui-widget-shadow {
  margin: -5px 0 0 -5px;
  padding: 5px;
  //background: #000000 url(ui-lightne../../images/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat-x;
  background: #000000 ;
  opacity: .2;
  filter: Alpha(Opacity=20);
  border-radius: @controlpanel-radius;
}



// --------------------------------------
// KIVITENDO STUFF
// --------------------------------------


// -----------------------
// Part, Chart & Customer Vendor Picker
// -----------------------

//  Chart-Picker
//  Entnommen aus main.less, gehoert vielleicht zu Autocomplete

.chart_picker,
.project_picker,
.part_picker {
  display: inline-block;

  &:before{
    display: inline-block;
    vertical-align: middle;
    height: 100%;
  }
}

span.chart_picker,
span.project_picker,
span.part_picker {
  white-space: nowrap ;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  input {
    //  padding-right: 20px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }
}

div.part_picker_part,
div.project_picker_project,
div.chart_picker_chart {
  padding: 5px;
  margin: 5px;
  border: 1px;
  border-color: darkgray;
  border-style: solid;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: white;
  cursor: pointer;

  &:hover {
    color: #000;
    text-decoration: underline;
  }
}




// Part_Picker
// Select Customer in input-fields
// PENDENT: Ausrichtung vertikal in Zelle
span.customer_vendor_picker{
  margin: 0 !important;
  padding: 0 !important;
}

.customer-vendor-picker-undefined,
.chartpicker-undefined,
.projectpicker-undefined,
.partpicker-undefined {
  color: red;
  font-style: italic;
}