GUI: Fixed hilite in ListView with zebras

@charset "UTF-8";
/*!
 * OS.js - JavaScript Operating System
 *
 * Copyright (c) 2011-2015, Anders Evenrud <andersevenrud@gmail.com>
 * All rights reserved.
 *
 * Redistribution and use in source and binary forms, with or without
 * modification, are permitted provided that the following conditions are met:
 *
 * 1. Redistributions of source code must retain the above copyright notice, this
 *    list of conditions and the following disclaimer.
 * 2. Redistributions in binary form must reproduce the above copyright notice,
 *    this list of conditions and the following disclaimer in the documentation
 *    and/or other materials provided with the distribution.
 *
 * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND
 * ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
 * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
 * DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR
 * ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
 * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
 * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
 * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
 * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
 * SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
 *
 * @author  Anders Evenrud <andersevenrud@gmail.com>
 * @licence Simplified BSD License
 */

@base_background_color  : #ebebeb;
@base_foreground_color  : #242424;
@base_shadow_unfocused  : 0px 0px 10px 1px rgba(0, 0, 0, .3);
@base_shadow_focused    : 0px 0px 10px 1px rgba(0, 0, 0, .6);

@menu_background_color : @base_background_color;
@menu_foreground_color : @base_foreground_color;
@menu_shadow           : @base_shadow_focused;

@window_top_height    : 30px;
@window_resize_offset : 8px;

@scrollbar_button_background : @gui_border_color;
@scrollbar_button_foreground : @gui_background_color;
@scrollbar_track_background  : @base_background_color;

@gui_base_padding : 4px;

@gui_selected_background_color       : rgb(45, 115, 210);
@gui_selected_blur_background_color  : rgba(45, 115, 210, .8);
@gui_selected_foreground_color       : #ffffff;

@gui_zebra_foreground_color          : inherit;
@gui_zebra_background_color          : #F9F9F9;

@gui_border_color                    : #b2b2b2;
@gui_background_color                : #d9d9d9;

@gui_input_border_color              : #c1c1c1;
@gui_input_background_color          : #ffffff;
@gui_input_foreground_color          : @base_foreground_color;

@gui_input_disabled_border_color     : #cccccc;
@gui_input_disabled_background_color : #dddddd;
@gui_input_disabled_foreground_color : #C7C7C7;

@gui_button_border_color             : @gui_input_border_color;
@gui_button_background_color         : #f8f8f8;
@gui_button_foreground_color         : @base_foreground_color;
@gui_button_background               : linear-gradient(to bottom, #f8f8f8 0%, #f4f4f4 100%);

@gui_button_active_border_color      : #242424;
@gui_button_active_background_color  : @gui_button_background_color;
@gui_button_active_foreground_color  : @base_foreground_color;
@gui_button_active_background        : linear-gradient(to bottom, #f8f8f8 0%, #f4f4f4 100%);

@gui_button_disabled_border_color    : @gui_input_disabled_border_color;
@gui_button_disabled_background_color: @gui_input_disabled_background_color;
@gui_button_disabled_foreground_color: @base_foreground_color;
@gui_button_disabled_background      : @gui_input_disabled_background_color;

@gui_progress_bar_background : @gui_selected_background_color url('/themes/styles/default/gui/progressbar.png') repeat-x center;

/**
 * ===========================================================================
 *                                 CLASSES
 * ===========================================================================
 */

.theme_border(@radius) {
  -webkit-border-radius: @radius;
     -moz-border-radius: @radius;
          border-radius: @radius;
}

.theme_border_top(@radius) {
  -webkit-border-top-left-radius: @radius;
     -moz-border-top-left-radius: @radius;
          border-top-left-radius: @radius;
  -webkit-border-top-right-radius: @radius;
     -moz-border-top-right-radius: @radius;
          border-top-right-radius: @radius;
}

.theme_border_bottom(@radius) {
  -webkit-border-bottom-left-radius: @radius;
     -moz-border-bottom-left-radius: @radius;
          border-bottom-left-radius: @radius;
  -webkit-border-bottom-right-radius: @radius;
     -moz-border-bottom-right-radius: @radius;
          border-bottom-right-radius: @radius;
}

.theme_button() {
  cursor : pointer;
  padding : @gui_base_padding;
  background-color: @gui_button_background_color;
  background: @gui_button_background;
  border: 1px solid @gui_button_border_color;
  color: @gui_button_foreground_color;
}
.theme_button_disabled() {
  border-color : @gui_button_disabled_border_color;
  color : @gui_button_disabled_foreground_color;
  background-color: @gui_button_disabled_background_color;
  background: @gui_button_disabled_background;
}
.theme_button_active() {
  border-color : @gui_button_active_border_color;
  color : @gui_button_active_foreground_color;
  background-color: @gui_button_active_background_color;
  background: @gui_button_active_background;
}

.theme_label_disabled() {
  color : @gui_input_disabled_foreground_color;
}
.theme_text_input() {
  padding : @gui_base_padding;
  background-color : @gui_input_background_color;
  border : 1px solid @gui_input_border_color;
}
.theme_text_input_disabled() {
  border-color : @gui_input_disabled_border_color;
  background-color : @gui_input_disabled_background_color;
  color : @gui_input_disabled_foreground_color;
}

/**
 * ===========================================================================
 *                                 OVERRIDES
 * ===========================================================================
 */

body, input, button, textarea, label, select {
  font-family:Karla, Sans-serif;
  font-weight:normal;
  font-style:normal;
  color: @base_foreground_color;
}

::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}
::-webkit-scrollbar-button {
  background : @scrollbar_button_background;
  color : @scrollbar_button_foreground;
  width : 12px;
  height : 12px;
  display : none;
}
::-webkit-scrollbar-track {
  background : @scrollbar_track_background;
}
::-webkit-scrollbar-track-piece {
  background : @scrollbar_track_background;
}
::-webkit-scrollbar-thumb {
  background : @scrollbar_button_background;
}
::-webkit-scrollbar-corner {
  background : @scrollbar_track_background;
}
::-webkit-resizer {
  background : @scrollbar_track_background;
}

/**
 * ===========================================================================
 *                                  WM
 * ===========================================================================
 */

body[data-attention="true"]:after {
  background-color : @base_foreground_color;
}

corewm-panel {
  color : #ffffff; /* Window Manager manages this */
  padding : @gui_base_padding;
}
corewm-panel:before {
  background : #101010; /* Window Manager manages this */
  box-shadow : 0px 0px 10px 1px rgba(34, 34, 34, .3);
  opacity : .85;
}
  corewm-panel li.Button {
    margin-top : -1px;
    cursor : pointer;
    background : transparent !important;
  }

corewm-panel .PanelItemClock {
  font-weight : bold;
  text-align : right;
  line-height : 26px;
}

corewm-panel .PanelItemWindowList li.Button {
  opacity : .50;
}
corewm-panel .PanelItemWindowList li.Button.Focused {
  opacity : 1;
}

corewm-panel-container {
  padding : @gui_base_padding;
}

/* Notifications */
application-splash {
  box-shadow : @base_shadow_focused;
  background : @base_background_color;
  box-shadow : 0px 0px 10px 1px rgba(34, 34, 34, .3);
  opacity : .85;
  cursor : pointer;
}
corewm-notification {
  color : #fff; /* Window Manager manages this */
  cursor : pointer;
}
corewm-notification:before {
  background : #101010; /* Window Manager manages this */
  box-shadow : 0px 0px 10px 1px rgba(34, 34, 34, .3);
  opacity : .85;
}
corewm-notification .Title {
  font-weight : bold;
}

corewm-notification .Title,
corewm-notification .Message {
  line-height : 16px;
}

/* Desktop drop wallpaper effect */
#Background.Blinking {
  background : #fff;
}

/* Window Switcher */
corewm-window-switcher {
  opacity : 0.8;
  box-shadow : @base_shadow_focused;
  background : @base_background_color;
}
corewm-window-switcher > div.Active {
  background : @gui_selected_background_color;
}
corewm-window-switcher > div.Active > span {
  color : @gui_selected_foreground_color;
}

/**
 * ===========================================================================
 *                                WINDOW
 * ===========================================================================
 */
application-window {
  opacity : 0.8;
  margin-top : @window_top_height;
}
application-window:before {
  box-shadow : @base_shadow_unfocused;
  background : @base_background_color;
  top : -@window_top_height;
}
application-window[data-focused="true"] {
  opacity : 1.0;
}
application-window[data-focused="true"]:before {
  box-shadow : @base_shadow_focused;
}
application-window[data-dnd-state="true"]:after {
  top : -@window_top_height;
}
application-window-top {
  top : -@window_top_height;
  height : @window_top_height;
}
application-window-content {
  overflow : hidden;
}
application-window-top:active {
  cursor : move;
  cursor : pointer;
}
application-window-title {
  font-weight : bold;
  color : @base_foreground_color;
  opacity : .5;
  left : calc(20px + @gui_base_padding);
  line-height : @window_top_height;
  text-align : center;
}
application-window-title:active {
  cursor : move;
  cursor : pointer;
}
application-window[data-focused="true"] application-window-title {
  opacity : 1;
}
application-window-buttons > .application-window-button-entry {
  cursor : pointer;
}
application-window-resize {
  cursor : move;
}
application-window-top, application-window-top > * {
  cursor : default;
}
application-window-loading {
  background : #000;
  opacity : 0.8;
}
application-window-loading-indicator {
  position : absolute;
  width: 48px;
  height: 48px;
  left : 50%;
  top : 50%;
  margin-left : -24px;
  margin-top : -24px;
}
application-window-loading-indicator:before {
  display: block;
  content: '';
  width: 44px;
  height: 44px;
  border-top: 4px solid #fff;
  border-right: 4px solid #666;
  border-left: 4px solid #666;
  border-bottom: 4px solid #fff;
  border-radius: 100%;
  -webkit-animation: windowloadinganim 0.75s linear infinite;
     -moz-animation: windowloadinganim 0.75s linear infinite;
      -ms-animation: windowloadinganim 0.75s linear infinite;
          animation: windowloadinganim 0.75s linear infinite;
}
application-window[data-dnd-state="true"]:after {
  border : 4px solid rgba(0, 0, 0, .7);
  border-radius : 1px;
  .theme_border_top(3px);
  margin : -4px;
}
application-window-disabled {
  background : #000;
  opacity : 0.5;
  cursor : not-allowed;
}
application-window-warning {
  background : #FFB800;
  color : #fff;
  border-color : #DF9F15;

  height : 30px;
  line-height : 20px;
  margin : @gui_base_padding;
  border : 1px solid transparent;
}
  application-window-warning > div:nth-child(1) {
    padding : @gui_base_padding;
  }
  application-window-warning > div:nth-child(2) {
    right : 20px;
    padding : @gui_base_padding;
  }
  application-window-warning > div:nth-child(1):hover {
    color : #111;
    cursor : pointer;
    opacity : .9;
  }
application-window-resize {
  top : calc(-@window_top_height - @window_resize_offset);
  left : -@window_resize_offset;
  right : -@window_resize_offset;
  bottom : -@window_resize_offset;
}

/**
 * ===========================================================================
 *                              CONTAINERS
 * ===========================================================================
 */

/* Container */
gui-container {
  margin : @gui_base_padding;
}
gui-container[data-borders="true"] {
  .theme_text_input();
}

/* Box */
  gui-hbox-container > .gui-element,
  gui-vbox-container > .gui-element {
    margin : @gui_base_padding;
  }

    gui-hbox-container[data-fill='true'] > *,
    gui-vbox-container[data-fill='true'] > * {
      width : ~"calc(100% - 8px)";
      height : ~"calc(100% - 8px)";
    }

/* Paned View */
  gui-paned-view > gui-paned-view-handle {
    min-width : 8px;
    width : 8px;
    cursor : ew-resize;
  }

/* IFrame */
gui-iframe {
  background-color : @gui_input_background_color;
}
  gui-iframe > iframe {
    background-color : @gui_input_background_color;
  }

/* Button Bar */
/* Toolbar */
gui-toolbar > *,
gui-button-bar > * {
  margin : @gui_base_padding;
}

gui-toolbar {
}

gui-toolbar[data-orientation="vertical"] {
  margin-left : 0;
  margin-right : 0;
  margin-top : @gui_base_padding;
  margin-bottom : @gui_base_padding;
}

/* Tabs */
  gui-tabs > ul {
    height : 25px;
  }
    gui-tabs > ul > li {
      padding-left : 8px;
      padding-right : 8px;
      cursor : pointer;
      background-color : @gui_background_color;
      border : 1px solid transparent;
      border-bottom : 0 none;
      line-height : 25px;
    }
    gui-tabs > ul > li.gui-active {
      background-color : transparent;
      border-color : @gui_border_color;
    }
      gui-tabs > ul > li.gui-active:after {
        bottom : -1px;
        border-bottom : 1px solid @base_background_color;
      }
  gui-tabs > div {
    height : ~"calc(100% - 25px)";
    border : 1px solid @gui_border_color;
  }

    gui-tab-container {
      padding : @gui_base_padding;
    }

/* Button Bar */

/**
 * ===========================================================================
 *                                INPUTS
 * ===========================================================================
 */

/* Label */
gui-label {
  height : 26px;
  line-height : 26px;
}
gui-hbox-container > gui-label,
gui-vbox-container > gui-label {
  height : 16px;
  line-height : 16px;
  min-height : 16px;
}

/* Button */
gui-button {
  height : 26px;
}
gui-button[data-icon-size="32"] {
  height : 42px;
}
  gui-button button {
    .theme_button();
  }
  gui-button button.gui-active,
  gui-button button:active {
    .theme_button_active();
  }
  gui-button button.gui-active:disabled,
  gui-button button:disabled:active,
  gui-button button:disabled {
    .theme_button_disabled();
  }
  gui-button button:disabled img {
    opacity : .5;
  }
  gui-button button:disabled {
    cursor : default;
    color : @gui_input_disabled_foreground_color;
  }
  gui-button button.gui-has-image img {
    padding-right : @gui_base_padding;
  }
  gui-button.gui-has-image.gui-has-label button {
    padding-left : 28px;
  }
  gui-button[data-icon-size="32"].gui-has-image.gui-has-label button {
    padding-left : 44px;
  }

/* Checkbox Button */
/* Radio Button */
gui-radio,
gui-checkbox {
  height : 26px;
}
  gui-radio input,
  gui-checkbox input {
    text-align : center;
    background: @gui_input_background_color;
    border: 1px solid @gui_input_border_color;
    width : 16px;
    height : 16px;
    line-height: 12px;
    color : @gui_input_foreground_color;
    font-family: Arial;
  }

  gui-radio input {
    -webkit-border-radius: 16px;
       -moz-border-radius: 16px;
        -ms-border-radius: 16px;
            border-radius: 16px;
  }

  gui-radio input:checked:after {
    content: "\2022";
    font-size: 32px;
  }

  gui-checkbox input:checked:after {
    content: "\2713";
    font-size: 12px;
  }

  gui-radio[data-disabled="true"] label,
  gui-checkbox[data-disabled="true"] label {
    color : @gui_input_disabled_foreground_color;
  }

  gui-radio input:disabled,
  gui-checkbox input:disabled {
    border-color : @gui_input_disabled_border_color;
    background-color : @gui_input_disabled_background_color;
  }

  gui-radio > label,
  gui-checkbox > label {
    line-height : 26px;
  }
  gui-radio > label > span,
  gui-checkbox > label > span {
    padding-left : @gui_base_padding;
  }

/* Select Dropdown */
gui-select {
  height : 26px;
}
  gui-select select {
    .theme_text_input();
    padding-right : 20px;
  }
  gui-select select:disabled {
    .theme_text_input_disabled();
  }

  gui-select:before {
    right: 1px;
    top: 1px;
    bottom : 1px;
    width: 22px;
    background: @gui_input_background_color;
  }
  gui-select:after {
    content: '<>';
    font: 11px "Consolas", monospace;
    color: @gui_input_border_color;
    right: 2px;
    top: 5px;
    padding: 0 0 2px;
    border-bottom: 1px solid @gui_input_border_color;

    -webkit-transform: rotate(90deg);
       -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
  }
  gui-select[data-disabled="true"]:before {
    background-color : @gui_input_disabled_background_color;
  }

/* Select List */
gui-select-list select {
  .theme_text_input();
}
gui-select-list select:disabled {
  .theme_text_input_disabled();
}

/* Slider */
gui-slider {
  height : 26px;
}
  gui-slider input {
    background : transparent;
    border : 0 none;
    height : 26px;
  }

  /*
   * RANGE TRACK
   */

  gui-slider input::-moz-range-track {
    height : 4px;
    background-color : @gui_background_color;
  }

  gui-slider input::-webkit-slider-runnable-track {
    height : 4px;
    background-color : @gui_background_color;
  }

  gui-slider input::-ms-track {
    height : 4px;
    background-color : @gui_background_color;
  }

  /*
   * RANGE THUMB
   *
   * TODO
   * TODO DISABLED STATE
   * TODO
   */

  gui-slider input::-moz-range-thumb {
    .theme_button();
    height : 18px;
    width : 10px;
  }
  gui-slider input:disabled::-moz-range-thumb {
    border-color : @gui_input_disabled_border_color;
  }

  gui-slider input::-webkit-slider-thumb {
    .theme_button();
    height : 24px;
    width : 16px;
    margin-top : -10px;
  }
  gui-slider input:disabled::-webkit-range-thumb {
    background-color : @gui_background_color;
    border-color : @gui_input_disabled_border_color;
  }

  gui-slider input::-ms-thumb {
    .theme_button();
    height : 24px;
    width : 16px;
  }
  gui-slider input:disabled::-ms-thumb {
    border-color : @gui_input_disabled_border_color;
  }

  /**
   * MISC
   */
  gui-slider input[type=range]::-ms-fill-lower {
    border : 0 none;
    background-color : @gui_background_color;
  }
  gui-slider input[type=range]::-ms-fill-upper {
    border : 0 none;
    background-color : @gui_background_color;
  }
  gui-slider input[type=range]:focus::-ms-fill-lower {
    background-color : @gui_background_color;
  }
  gui-slider input[type=range]:focus::-ms-fill-upper {
    background-color : @gui_background_color;
  }

/* Switch */
gui-switch {
  height : 26px;
}
  gui-switch div {
    width : 48px;

    .theme_text_input();
    cursor : pointer;
    padding : 0;
  }

  gui-switch button {
    .theme_button();
  }

  gui-switch > label > div {
    margin-left : @gui_base_padding;
  }

  gui-switch[data-disabled="true"] button {
    .theme_button_disabled();
  }
  gui-switch[data-disabled="true"] div {
    .theme_text_input_disabled();
    padding : 0;
  }

  gui-switch[data-disabled="true"] button,
  gui-switch[data-disabled="true"] label {
    .theme_label_disabled();
  }

/* Text Field */
/* Password Field */
gui-password,
gui-text {
  height : 26px;
}
  gui-password input,
  gui-text input {
    .theme_text_input();
    padding-left : 8px;
    padding-right : 8px;
  }

  gui-password > label > input,
  gui-text > label > input {
    margin-left : @gui_base_padding;
  }

  gui-password input:disabled,
  gui-text input:disabled {
    .theme_text_input_disabled();
  }

  gui-password[data-disabled="true"] label,
  gui-text[data-disabled="true"] label {
    .theme_label_disabled();
  }

/* Text Area */
  gui-textarea textarea {
    .theme_text_input();
  }
  gui-textarea textarea:disabled {
    .theme_text_input_disabled();
  }

  gui-textarea[data-disabled="true"] label {
    .theme_label_disabled();
  }

/* Rich Text */
gui-richtext {
  padding : @gui_base_padding;
  background-color : @gui_input_background_color;
  border : 1px solid @gui_input_border_color;
}
  gui-richtext > iframe {
    background-color : @gui_input_background_color;
  }

/* Grid */
gui-grid > gui-grid-row > gui-grid-entry { /* li */
  margin: @gui_base_padding;
}

/* Modal Input */
gui-input-modal input {
  .theme_text_input();
  .theme_text_input_disabled();
}
gui-input-modal button {
  margin-left : @gui_base_padding;
  .theme_button();
  padding-left : 8px;
  padding-right : 8px;
}

/**
 * ===========================================================================
 *                                 MISC
 * ===========================================================================
 */

/* Video */
gui-video {
}
  gui-video > video {
  }

/* Color Swatch */
gui-color-swatch {
  border: 1px solid @gui_input_border_color;
}

/* Color Box */
gui-color-box {
  .theme_button();
}
  gui-color-box > div {
    background : #fff;
  }

/* Menu */
gui-menu {
  border : 1px solid transparent;
  background: @menu_background_color;
  box-shadow : @menu_shadow;
  color : @menu_foreground_color;
}
  gui-menu > gui-menu-entry {
    color: @base_foreground_color;
  }
  gui-menu > gui-menu-entry > label {
    cursor : pointer;
    line-height : 18px;
    padding : @gui_base_padding;
  }

  gui-menu > gui-menu-entry.gui-menu-expand {
    padding-right : 16px;
  }
  gui-menu > gui-menu-entry.gui-menu-expand:after {
    content : '>';
    padding : @gui_base_padding;
  }

  gui-menu > gui-menu-entry:hover {
    background-color: @gui_selected_background_color;
  }
  gui-menu > gui-menu-entry:hover > label {
    color: @gui_selected_foreground_color;
  }
    gui-menu > gui-menu-entry {
      background-position : @gui_base_padding center;
    }
    gui-menu > gui-menu-entry > label.gui-has-image {
      padding-left : 22px;
    }
    gui-menu > gui-menu-entry[data-disabled="true"],
    gui-menu > gui-menu-entry[data-disabled="true"] > label {
      color : @gui_input_disabled_foreground_color;
    }

/* Menu Bar */
gui-menu-bar {
  padding-left : @gui_base_padding;
  padding-right : @gui_base_padding;
}
  gui-menu-bar-entry {
    cursor : pointer;
    padding : @gui_base_padding;
  }
  gui-menu-bar-entry:hover {
    background: @gui_selected_background_color;
    color: @gui_selected_foreground_color;
  }
  gui-menu-bar-entry[data-disabled="true"] > span {
    color : @gui_input_disabled_foreground_color;
  }

/* Progressbar */
gui-progress-bar {
  display : block;
  line-height : 26px;
  height : 26px;
}
  gui-progress-bar:before {
    background-color : @gui_background_color;
    border: 1px solid @gui_input_border_color;
    padding : @gui_base_padding;
  }
  gui-progress-bar > div {
    background: @gui_progress_bar_background;
  }
  gui-progress-bar > span {
    color : #fff;
  }

/* Statusbar */
gui-statusbar {
  margin : @gui_base_padding;
  padding-bottom : @gui_base_padding;
}

/**
 * ===========================================================================
 *                                VIEWS
 * ===========================================================================
 */

/* Icon View */
gui-icon-view {
  background-color : @gui_input_background_color;
  border : 1px solid @gui_input_border_color;
  padding : @gui_base_padding;
}
  gui-icon-view-entry {
    cursor : pointer;
    margin : 2px;
    padding : 2px;
    text-align : center;
    min-width : 60px !important;
    min-height : 60px !important;
  }

    gui-icon-view-entry.gui-active {
      background: @gui_selected_blur_background_color;
      color: @gui_selected_foreground_color;
    }
    gui-icon-view-entry.gui-active > div > span {
      background: @gui_selected_blur_background_color;
    }
    gui-icon-view.gui-element-focused gui-icon-view-entry.gui-active {
      background: @gui_selected_background_color;
    }
    gui-icon-view.gui-element-focused gui-icon-view-entry.gui-active > div > span {
      background: @gui_selected_background_color;
    }

/* List View */
gui-list-view {
  background-color : @gui_input_background_color;
  border : 1px solid @gui_input_border_color;
}
  gui-list-view-head {
    background-color : @gui_background_color;
  }
      gui-list-view-row {
        padding : @gui_base_padding;
      }
      gui-list-view[data-zebra="true"] gui-list-view-body gui-list-view-row:nth-child(2n) {
        background-color : @gui_zebra_background_color;
        color : @gui_zebra_foreground_color;
      }
      gui-list-view-column {
      }
      gui-list-view-column.gui-has-image {
        padding-left : 24px;
      }
      gui-list-view[data-icon-size="32"] gui-list-view-column.gui-has-image {
        padding-left : 40px;
      }

    gui-list-view[data-zebra="true"] gui-list-view-row.gui-active,
    gui-list-view-row.gui-active {
      background-color: @gui_selected_blur_background_color;
      color: @gui_selected_foreground_color;
    }
    gui-list-view.gui-element-focused gui-list-view-row.gui-active {
      background-color: @gui_selected_background_color;
    }

    gui-list-view-column-resizer {
      cursor : ew-resize;
      width : 3px;
      right : -3px;
    }
      gui-list-view-column-resizer:after {
        background : @gui_input_border_color;
      }

/* Tree View */
gui-tree-view {
  background-color : @gui_input_background_color;
  border : 1px solid @gui_input_border_color;
}
    gui-tree-view-entry > div {
      padding : @gui_base_padding;
    }
    gui-tree-view-entry > div > span {
      cursor : pointer;
      padding : 2px;
    }
    gui-tree-view-entry > div > span.gui-has-image {
      padding-left : 20px;
    }
    gui-tree-view-entry > gui-tree-view-entry {
      margin-left : 16px;
    }
    gui-tree-view-entry > gui-tree-view-entry.gui-expandable {
      margin-left : 2px;
    }
    gui-tree-view-entry.gui-active > div {
      background-color: @gui_selected_blur_background_color;
      color: @gui_selected_foreground_color;
    }
    gui-tree-view.gui-element-focused gui-tree-view-entry.gui-active > div {
      background-color: @gui_selected_background_color;
    }

  gui-tree-view-entry.gui-expandable {
    padding-left : 16px;
  }
  gui-tree-view-entry.gui-expandable gui-tree-view-expander {
    padding-left : @gui_base_padding;
    cursor : pointer;
    line-height : 24px;
  }
  gui-tree-view-entry.gui-expandable gui-tree-view-expander:before {
    content : '\25BA';
    font-family : Arial;
  }
  gui-tree-view-entry.gui-expandable.gui-expanded > gui-tree-view-expander:before {
    content : '\25BC';
  }

@charset "UTF-8";
/*!
 * OS.js - JavaScript Operating System
 *
 * Copyright (c) 2011-2015, Anders Evenrud <andersevenrud@gmail.com>
 * All rights reserved.
 *
 * Redistribution and use in source and binary forms, with or without
 * modification, are permitted provided that the following conditions are met:
 *
 * 1. Redistributions of source code must retain the above copyright notice, this
 *    list of conditions and the following disclaimer.
 * 2. Redistributions in binary form must reproduce the above copyright notice,
 *    this list of conditions and the following disclaimer in the documentation
 *    and/or other materials provided with the distribution.
 *
 * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND
 * ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
 * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
 * DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR
 * ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
 * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
 * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
 * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
 * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
 * SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
 *
 * @author  Anders Evenrud <andersevenrud@gmail.com>
 * @licence Simplified BSD License
 */

@base_background_color  : #ebebeb;
@base_foreground_color  : #242424;
@base_shadow_unfocused  : 0px 0px 10px 1px rgba(0, 0, 0, .3);
@base_shadow_focused    : 0px 0px 10px 1px rgba(0, 0, 0, .6);

@menu_background_color : @base_background_color;
@menu_foreground_color : @base_foreground_color;
@menu_shadow           : @base_shadow_focused;

@window_top_height    : 30px;
@window_resize_offset : 8px;

@scrollbar_button_background : @gui_border_color;
@scrollbar_button_foreground : @gui_background_color;
@scrollbar_track_background  : @base_background_color;

@gui_base_padding : 4px;

@gui_selected_background_color       : rgb(45, 115, 210);
@gui_selected_blur_background_color  : rgba(45, 115, 210, .8);
@gui_selected_foreground_color       : #ffffff;

@gui_zebra_foreground_color          : inherit;
@gui_zebra_background_color          : #F9F9F9;

@gui_border_color                    : #b2b2b2;
@gui_background_color                : #d9d9d9;

@gui_input_border_color              : #c1c1c1;
@gui_input_background_color          : #ffffff;
@gui_input_foreground_color          : @base_foreground_color;

@gui_input_disabled_border_color     : #cccccc;
@gui_input_disabled_background_color : #dddddd;
@gui_input_disabled_foreground_color : #C7C7C7;

@gui_button_border_color             : @gui_input_border_color;
@gui_button_background_color         : #f8f8f8;
@gui_button_foreground_color         : @base_foreground_color;
@gui_button_background               : linear-gradient(to bottom, #f8f8f8 0%, #f4f4f4 100%);

@gui_button_active_border_color      : #242424;
@gui_button_active_background_color  : @gui_button_background_color;
@gui_button_active_foreground_color  : @base_foreground_color;
@gui_button_active_background        : linear-gradient(to bottom, #f8f8f8 0%, #f4f4f4 100%);

@gui_button_disabled_border_color    : @gui_input_disabled_border_color;
@gui_button_disabled_background_color: @gui_input_disabled_background_color;
@gui_button_disabled_foreground_color: @base_foreground_color;
@gui_button_disabled_background      : @gui_input_disabled_background_color;

@gui_progress_bar_background : @gui_selected_background_color url('/themes/styles/default/gui/progressbar.png') repeat-x center;

/**
 * ===========================================================================
 *                                 CLASSES
 * ===========================================================================
 */

.theme_border(@radius) {
  -webkit-border-radius: @radius;
     -moz-border-radius: @radius;
          border-radius: @radius;
}

.theme_border_top(@radius) {
  -webkit-border-top-left-radius: @radius;
     -moz-border-top-left-radius: @radius;
          border-top-left-radius: @radius;
  -webkit-border-top-right-radius: @radius;
     -moz-border-top-right-radius: @radius;
          border-top-right-radius: @radius;
}

.theme_border_bottom(@radius) {
  -webkit-border-bottom-left-radius: @radius;
     -moz-border-bottom-left-radius: @radius;
          border-bottom-left-radius: @radius;
  -webkit-border-bottom-right-radius: @radius;
     -moz-border-bottom-right-radius: @radius;
          border-bottom-right-radius: @radius;
}

.theme_button() {
  cursor : pointer;
  padding : @gui_base_padding;
  background-color: @gui_button_background_color;
  background: @gui_button_background;
  border: 1px solid @gui_button_border_color;
  color: @gui_button_foreground_color;
}
.theme_button_disabled() {
  border-color : @gui_button_disabled_border_color;
  color : @gui_button_disabled_foreground_color;
  background-color: @gui_button_disabled_background_color;
  background: @gui_button_disabled_background;
}
.theme_button_active() {
  border-color : @gui_button_active_border_color;
  color : @gui_button_active_foreground_color;
  background-color: @gui_button_active_background_color;
  background: @gui_button_active_background;
}

.theme_label_disabled() {
  color : @gui_input_disabled_foreground_color;
}
.theme_text_input() {
  padding : @gui_base_padding;
  background-color : @gui_input_background_color;
  border : 1px solid @gui_input_border_color;
}
.theme_text_input_disabled() {
  border-color : @gui_input_disabled_border_color;
  background-color : @gui_input_disabled_background_color;
  color : @gui_input_disabled_foreground_color;
}

/**
 * ===========================================================================
 *                                 OVERRIDES
 * ===========================================================================
 */

body, input, button, textarea, label, select {
  font-family:Karla, Sans-serif;
  font-weight:normal;
  font-style:normal;
  color: @base_foreground_color;
}

::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}
::-webkit-scrollbar-button {
  background : @scrollbar_button_background;
  color : @scrollbar_button_foreground;
  width : 12px;
  height : 12px;
  display : none;
}
::-webkit-scrollbar-track {
  background : @scrollbar_track_background;
}
::-webkit-scrollbar-track-piece {
  background : @scrollbar_track_background;
}
::-webkit-scrollbar-thumb {
  background : @scrollbar_button_background;
}
::-webkit-scrollbar-corner {
  background : @scrollbar_track_background;
}
::-webkit-resizer {
  background : @scrollbar_track_background;
}

/**
 * ===========================================================================
 *                                  WM
 * ===========================================================================
 */

body[data-attention="true"]:after {
  background-color : @base_foreground_color;
}

corewm-panel {
  color : #ffffff; /* Window Manager manages this */
  padding : @gui_base_padding;
}
corewm-panel:before {
  background : #101010; /* Window Manager manages this */
  box-shadow : 0px 0px 10px 1px rgba(34, 34, 34, .3);
  opacity : .85;
}
  corewm-panel li.Button {
    margin-top : -1px;
    cursor : pointer;
    background : transparent !important;
  }

corewm-panel .PanelItemClock {
  font-weight : bold;
  text-align : right;
  line-height : 26px;
}

corewm-panel .PanelItemWindowList li.Button {
  opacity : .50;
}
corewm-panel .PanelItemWindowList li.Button.Focused {
  opacity : 1;
}

corewm-panel-container {
  padding : @gui_base_padding;
}

/* Notifications */
application-splash {
  box-shadow : @base_shadow_focused;
  background : @base_background_color;
  box-shadow : 0px 0px 10px 1px rgba(34, 34, 34, .3);
  opacity : .85;
  cursor : pointer;
}
corewm-notification {
  color : #fff; /* Window Manager manages this */
  cursor : pointer;
}
corewm-notification:before {
  background : #101010; /* Window Manager manages this */
  box-shadow : 0px 0px 10px 1px rgba(34, 34, 34, .3);
  opacity : .85;
}
corewm-notification .Title {
  font-weight : bold;
}

corewm-notification .Title,
corewm-notification .Message {
  line-height : 16px;
}

/* Desktop drop wallpaper effect */
#Background.Blinking {
  background : #fff;
}

/* Window Switcher */
corewm-window-switcher {
  opacity : 0.8;
  box-shadow : @base_shadow_focused;
  background : @base_background_color;
}
corewm-window-switcher > div.Active {
  background : @gui_selected_background_color;
}
corewm-window-switcher > div.Active > span {
  color : @gui_selected_foreground_color;
}

/**
 * ===========================================================================
 *                                WINDOW
 * ===========================================================================
 */
application-window {
  opacity : 0.8;
  margin-top : @window_top_height;
}
application-window:before {
  box-shadow : @base_shadow_unfocused;
  background : @base_background_color;
  top : -@window_top_height;
}
application-window[data-focused="true"] {
  opacity : 1.0;
}
application-window[data-focused="true"]:before {
  box-shadow : @base_shadow_focused;
}
application-window[data-dnd-state="true"]:after {
  top : -@window_top_height;
}
application-window-top {
  top : -@window_top_height;
  height : @window_top_height;
}
application-window-content {
  overflow : hidden;
}
application-window-top:active {
  cursor : move;
  cursor : pointer;
}
application-window-title {
  font-weight : bold;
  color : @base_foreground_color;
  opacity : .5;
  left : calc(20px + @gui_base_padding);
  line-height : @window_top_height;
  text-align : center;
}
application-window-title:active {
  cursor : move;
  cursor : pointer;
}
application-window[data-focused="true"] application-window-title {
  opacity : 1;
}
application-window-buttons > .application-window-button-entry {
  cursor : pointer;
}
application-window-resize {
  cursor : move;
}
application-window-top, application-window-top > * {
  cursor : default;
}
application-window-loading {
  background : #000;
  opacity : 0.8;
}
application-window-loading-indicator {
  position : absolute;
  width: 48px;
  height: 48px;
  left : 50%;
  top : 50%;
  margin-left : -24px;
  margin-top : -24px;
}
application-window-loading-indicator:before {
  display: block;
  content: '';
  width: 44px;
  height: 44px;
  border-top: 4px solid #fff;
  border-right: 4px solid #666;
  border-left: 4px solid #666;
  border-bottom: 4px solid #fff;
  border-radius: 100%;
  -webkit-animation: windowloadinganim 0.75s linear infinite;
     -moz-animation: windowloadinganim 0.75s linear infinite;
      -ms-animation: windowloadinganim 0.75s linear infinite;
          animation: windowloadinganim 0.75s linear infinite;
}
application-window[data-dnd-state="true"]:after {
  border : 4px solid rgba(0, 0, 0, .7);
  border-radius : 1px;
  .theme_border_top(3px);
  margin : -4px;
}
application-window-disabled {
  background : #000;
  opacity : 0.5;
  cursor : not-allowed;
}
application-window-warning {
  background : #FFB800;
  color : #fff;
  border-color : #DF9F15;

  height : 30px;
  line-height : 20px;
  margin : @gui_base_padding;
  border : 1px solid transparent;
}
  application-window-warning > div:nth-child(1) {
    padding : @gui_base_padding;
  }
  application-window-warning > div:nth-child(2) {
    right : 20px;
    padding : @gui_base_padding;
  }
  application-window-warning > div:nth-child(1):hover {
    color : #111;
    cursor : pointer;
    opacity : .9;
  }
application-window-resize {
  top : calc(-@window_top_height - @window_resize_offset);
  left : -@window_resize_offset;
  right : -@window_resize_offset;
  bottom : -@window_resize_offset;
}

/**
 * ===========================================================================
 *                              CONTAINERS
 * ===========================================================================
 */

/* Container */
gui-container {
  margin : @gui_base_padding;
}
gui-container[data-borders="true"] {
  .theme_text_input();
}

/* Box */
  gui-hbox-container > .gui-element,
  gui-vbox-container > .gui-element {
    margin : @gui_base_padding;
  }

    gui-hbox-container[data-fill='true'] > *,
    gui-vbox-container[data-fill='true'] > * {
      width : ~"calc(100% - 8px)";
      height : ~"calc(100% - 8px)";
    }

/* Paned View */
  gui-paned-view > gui-paned-view-handle {
    min-width : 8px;
    width : 8px;
    cursor : ew-resize;
  }

/* IFrame */
gui-iframe {
  background-color : @gui_input_background_color;
}
  gui-iframe > iframe {
    background-color : @gui_input_background_color;
  }

/* Button Bar */
/* Toolbar */
gui-toolbar > *,
gui-button-bar > * {
  margin : @gui_base_padding;
}

gui-toolbar {
}

gui-toolbar[data-orientation="vertical"] {
  margin-left : 0;
  margin-right : 0;
  margin-top : @gui_base_padding;
  margin-bottom : @gui_base_padding;
}

/* Tabs */
  gui-tabs > ul {
    height : 25px;
  }
    gui-tabs > ul > li {
      padding-left : 8px;
      padding-right : 8px;
      cursor : pointer;
      background-color : @gui_background_color;
      border : 1px solid transparent;
      border-bottom : 0 none;
      line-height : 25px;
    }
    gui-tabs > ul > li.gui-active {
      background-color : transparent;
      border-color : @gui_border_color;
    }
      gui-tabs > ul > li.gui-active:after {
        bottom : -1px;
        border-bottom : 1px solid @base_background_color;
      }
  gui-tabs > div {
    height : ~"calc(100% - 25px)";
    border : 1px solid @gui_border_color;
  }

    gui-tab-container {
      padding : @gui_base_padding;
    }

/* Button Bar */

/**
 * ===========================================================================
 *                                INPUTS
 * ===========================================================================
 */

/* Label */
gui-label {
  height : 26px;
  line-height : 26px;
}
gui-hbox-container > gui-label,
gui-vbox-container > gui-label {
  height : 16px;
  line-height : 16px;
  min-height : 16px;
}

/* Button */
gui-button {
  height : 26px;
}
gui-button[data-icon-size="32"] {
  height : 42px;
}
  gui-button button {
    .theme_button();
  }
  gui-button button.gui-active,
  gui-button button:active {
    .theme_button_active();
  }
  gui-button button.gui-active:disabled,
  gui-button button:disabled:active,
  gui-button button:disabled {
    .theme_button_disabled();
  }
  gui-button button:disabled img {
    opacity : .5;
  }
  gui-button button:disabled {
    cursor : default;
    color : @gui_input_disabled_foreground_color;
  }
  gui-button button.gui-has-image img {
    padding-right : @gui_base_padding;
  }
  gui-button.gui-has-image.gui-has-label button {
    padding-left : 28px;
  }
  gui-button[data-icon-size="32"].gui-has-image.gui-has-label button {
    padding-left : 44px;
  }

/* Checkbox Button */
/* Radio Button */
gui-radio,
gui-checkbox {
  height : 26px;
}
  gui-radio input,
  gui-checkbox input {
    text-align : center;
    background: @gui_input_background_color;
    border: 1px solid @gui_input_border_color;
    width : 16px;
    height : 16px;
    line-height: 12px;
    color : @gui_input_foreground_color;
    font-family: Arial;
  }

  gui-radio input {
    -webkit-border-radius: 16px;
       -moz-border-radius: 16px;
        -ms-border-radius: 16px;
            border-radius: 16px;
  }

  gui-radio input:checked:after {
    content: "\2022";
    font-size: 32px;
  }

  gui-checkbox input:checked:after {
    content: "\2713";
    font-size: 12px;
  }

  gui-radio[data-disabled="true"] label,
  gui-checkbox[data-disabled="true"] label {
    color : @gui_input_disabled_foreground_color;
  }

  gui-radio input:disabled,
  gui-checkbox input:disabled {
    border-color : @gui_input_disabled_border_color;
    background-color : @gui_input_disabled_background_color;
  }

  gui-radio > label,
  gui-checkbox > label {
    line-height : 26px;
  }
  gui-radio > label > span,
  gui-checkbox > label > span {
    padding-left : @gui_base_padding;
  }

/* Select Dropdown */
gui-select {
  height : 26px;
}
  gui-select select {
    .theme_text_input();
    padding-right : 20px;
  }
  gui-select select:disabled {
    .theme_text_input_disabled();
  }

  gui-select:before {
    right: 1px;
    top: 1px;
    bottom : 1px;
    width: 22px;
    background: @gui_input_background_color;
  }
  gui-select:after {
    content: '<>';
    font: 11px "Consolas", monospace;
    color: @gui_input_border_color;
    right: 2px;
    top: 5px;
    padding: 0 0 2px;
    border-bottom: 1px solid @gui_input_border_color;

    -webkit-transform: rotate(90deg);
       -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
  }
  gui-select[data-disabled="true"]:before {
    background-color : @gui_input_disabled_background_color;
  }

/* Select List */
gui-select-list select {
  .theme_text_input();
}
gui-select-list select:disabled {
  .theme_text_input_disabled();
}

/* Slider */
gui-slider {
  height : 26px;
}
  gui-slider input {
    background : transparent;
    border : 0 none;
    height : 26px;
  }

  /*
   * RANGE TRACK
   */

  gui-slider input::-moz-range-track {
    height : 4px;
    background-color : @gui_background_color;
  }

  gui-slider input::-webkit-slider-runnable-track {
    height : 4px;
    background-color : @gui_background_color;
  }

  gui-slider input::-ms-track {
    height : 4px;
    background-color : @gui_background_color;
  }

  /*
   * RANGE THUMB
   *
   * TODO
   * TODO DISABLED STATE
   * TODO
   */

  gui-slider input::-moz-range-thumb {
    .theme_button();
    height : 18px;
    width : 10px;
  }
  gui-slider input:disabled::-moz-range-thumb {
    border-color : @gui_input_disabled_border_color;
  }

  gui-slider input::-webkit-slider-thumb {
    .theme_button();
    height : 24px;
    width : 16px;
    margin-top : -10px;
  }
  gui-slider input:disabled::-webkit-range-thumb {
    background-color : @gui_background_color;
    border-color : @gui_input_disabled_border_color;
  }

  gui-slider input::-ms-thumb {
    .theme_button();
    height : 24px;
    width : 16px;
  }
  gui-slider input:disabled::-ms-thumb {
    border-color : @gui_input_disabled_border_color;
  }

  /**
   * MISC
   */
  gui-slider input[type=range]::-ms-fill-lower {
    border : 0 none;
    background-color : @gui_background_color;
  }
  gui-slider input[type=range]::-ms-fill-upper {
    border : 0 none;
    background-color : @gui_background_color;
  }
  gui-slider input[type=range]:focus::-ms-fill-lower {
    background-color : @gui_background_color;
  }
  gui-slider input[type=range]:focus::-ms-fill-upper {
    background-color : @gui_background_color;
  }

/* Switch */
gui-switch {
  height : 26px;
}
  gui-switch div {
    width : 48px;

    .theme_text_input();
    cursor : pointer;
    padding : 0;
  }

  gui-switch button {
    .theme_button();
  }

  gui-switch > label > div {
    margin-left : @gui_base_padding;
  }

  gui-switch[data-disabled="true"] button {
    .theme_button_disabled();
  }
  gui-switch[data-disabled="true"] div {
    .theme_text_input_disabled();
    padding : 0;
  }

  gui-switch[data-disabled="true"] button,
  gui-switch[data-disabled="true"] label {
    .theme_label_disabled();
  }

/* Text Field */
/* Password Field */
gui-password,
gui-text {
  height : 26px;
}
  gui-password input,
  gui-text input {
    .theme_text_input();
    padding-left : 8px;
    padding-right : 8px;
  }

  gui-password > label > input,
  gui-text > label > input {
    margin-left : @gui_base_padding;
  }

  gui-password input:disabled,
  gui-text input:disabled {
    .theme_text_input_disabled();
  }

  gui-password[data-disabled="true"] label,
  gui-text[data-disabled="true"] label {
    .theme_label_disabled();
  }

/* Text Area */
  gui-textarea textarea {
    .theme_text_input();
  }
  gui-textarea textarea:disabled {
    .theme_text_input_disabled();
  }

  gui-textarea[data-disabled="true"] label {
    .theme_label_disabled();
  }

/* Rich Text */
gui-richtext {
  padding : @gui_base_padding;
  background-color : @gui_input_background_color;
  border : 1px solid @gui_input_border_color;
}
  gui-richtext > iframe {
    background-color : @gui_input_background_color;
  }

/* Grid */
gui-grid > gui-grid-row > gui-grid-entry { /* li */
  margin: @gui_base_padding;
}

/* Modal Input */
gui-input-modal input {
  .theme_text_input();
  .theme_text_input_disabled();
}
gui-input-modal button {
  margin-left : @gui_base_padding;
  .theme_button();
  padding-left : 8px;
  padding-right : 8px;
}

/**
 * ===========================================================================
 *                                 MISC
 * ===========================================================================
 */

/* Video */
gui-video {
}
  gui-video > video {
  }

/* Color Swatch */
gui-color-swatch {
  border: 1px solid @gui_input_border_color;
}

/* Color Box */
gui-color-box {
  .theme_button();
}
  gui-color-box > div {
    background : #fff;
  }

/* Menu */
gui-menu {
  border : 1px solid transparent;
  background: @menu_background_color;
  box-shadow : @menu_shadow;
  color : @menu_foreground_color;
}
  gui-menu > gui-menu-entry {
    color: @base_foreground_color;
  }
  gui-menu > gui-menu-entry > label {
    cursor : pointer;
    line-height : 18px;
    padding : @gui_base_padding;
  }

  gui-menu > gui-menu-entry.gui-menu-expand {
    padding-right : 16px;
  }
  gui-menu > gui-menu-entry.gui-menu-expand:after {
    content : '>';
    padding : @gui_base_padding;
  }

  gui-menu > gui-menu-entry:hover {
    background-color: @gui_selected_background_color;
  }
  gui-menu > gui-menu-entry:hover > label {
    color: @gui_selected_foreground_color;
  }
    gui-menu > gui-menu-entry {
      background-position : @gui_base_padding center;
    }
    gui-menu > gui-menu-entry > label.gui-has-image {
      padding-left : 22px;
    }
    gui-menu > gui-menu-entry[data-disabled="true"],
    gui-menu > gui-menu-entry[data-disabled="true"] > label {
      color : @gui_input_disabled_foreground_color;
    }

/* Menu Bar */
gui-menu-bar {
  padding-left : @gui_base_padding;
  padding-right : @gui_base_padding;
}
  gui-menu-bar-entry {
    cursor : pointer;
    padding : @gui_base_padding;
  }
  gui-menu-bar-entry:hover {
    background: @gui_selected_background_color;
    color: @gui_selected_foreground_color;
  }
  gui-menu-bar-entry[data-disabled="true"] > span {
    color : @gui_input_disabled_foreground_color;
  }

/* Progressbar */
gui-progress-bar {
  display : block;
  line-height : 26px;
  height : 26px;
}
  gui-progress-bar:before {
    background-color : @gui_background_color;
    border: 1px solid @gui_input_border_color;
    padding : @gui_base_padding;
  }
  gui-progress-bar > div {
    background: @gui_progress_bar_background;
  }
  gui-progress-bar > span {
    color : #fff;
  }

/* Statusbar */
gui-statusbar {
  margin : @gui_base_padding;
  padding-bottom : @gui_base_padding;
}

/**
 * ===========================================================================
 *                                VIEWS
 * ===========================================================================
 */

/* Icon View */
gui-icon-view {
  background-color : @gui_input_background_color;
  border : 1px solid @gui_input_border_color;
  padding : @gui_base_padding;
}
  gui-icon-view-entry {
    cursor : pointer;
    margin : 2px;
    padding : 2px;
    text-align : center;
    min-width : 60px !important;
    min-height : 60px !important;
  }

    gui-icon-view-entry.gui-active {
      background: @gui_selected_blur_background_color;
      color: @gui_selected_foreground_color;
    }
    gui-icon-view-entry.gui-active > div > span {
      background: @gui_selected_blur_background_color;
    }
    gui-icon-view.gui-element-focused gui-icon-view-entry.gui-active {
      background: @gui_selected_background_color;
    }
    gui-icon-view.gui-element-focused gui-icon-view-entry.gui-active > div > span {
      background: @gui_selected_background_color;
    }

/* List View */
gui-list-view {
  background-color : @gui_input_background_color;
  border : 1px solid @gui_input_border_color;
}
  gui-list-view-head {
    background-color : @gui_background_color;
  }
      gui-list-view-row {
        padding : @gui_base_padding;
      }
      gui-list-view[data-zebra="true"] gui-list-view-body gui-list-view-row:nth-child(2n) {
        background-color : @gui_zebra_background_color;
        color : @gui_zebra_foreground_color;
      }
      gui-list-view-column {
      }
      gui-list-view-column.gui-has-image {
        padding-left : 24px;
      }
      gui-list-view[data-icon-size="32"] gui-list-view-column.gui-has-image {
        padding-left : 40px;
      }

    gui-list-view-row.gui-active {
      background-color: @gui_selected_blur_background_color;
      color: @gui_selected_foreground_color;
    }
    gui-list-view.gui-element-focused gui-list-view-row.gui-active {
      background-color: @gui_selected_background_color;
    }

    gui-list-view-column-resizer {
      cursor : ew-resize;
      width : 3px;
      right : -3px;
    }
      gui-list-view-column-resizer:after {
        background : @gui_input_border_color;
      }

/* Tree View */
gui-tree-view {
  background-color : @gui_input_background_color;
  border : 1px solid @gui_input_border_color;
}
    gui-tree-view-entry > div {
      padding : @gui_base_padding;
    }
    gui-tree-view-entry > div > span {
      cursor : pointer;
      padding : 2px;
    }
    gui-tree-view-entry > div > span.gui-has-image {
      padding-left : 20px;
    }
    gui-tree-view-entry > gui-tree-view-entry {
      margin-left : 16px;
    }
    gui-tree-view-entry > gui-tree-view-entry.gui-expandable {
      margin-left : 2px;
    }
    gui-tree-view-entry.gui-active > div {
      background-color: @gui_selected_blur_background_color;
      color: @gui_selected_foreground_color;
    }
    gui-tree-view.gui-element-focused gui-tree-view-entry.gui-active > div {
      background-color: @gui_selected_background_color;
    }

  gui-tree-view-entry.gui-expandable {
    padding-left : 16px;
  }
  gui-tree-view-entry.gui-expandable gui-tree-view-expander {
    padding-left : @gui_base_padding;
    cursor : pointer;
    line-height : 24px;
  }
  gui-tree-view-entry.gui-expandable gui-tree-view-expander:before {
    content : '\25BA';
    font-family : Arial;
  }
  gui-tree-view-entry.gui-expandable.gui-expanded > gui-tree-view-expander:before {
    content : '\25BC';
  }


update dep

update dep

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/Julienedies/est.git/'


修复文件上传IE8需双击的bug

修复文件上传IE8需双击的bug

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/Kuangji/nox-bootstrap.git/'


Create forms.less

Create forms.less

//**** Forms ****//

//Base Style

.form .form-label {
    font-size: @default-font-size;
	padding: 9px 0;
    display: block;
    font-weight: bold;
	text-align: right;
}

error: pathspec 'less/forms.less' did not match any file(s) known to git


[FIX] web: div.o_checkbox compatibility

[FIX] web: div.o_checkbox compatibility

Add rules so that the enterprise version div.o_checkbox does not
break community layout

// ------------------------------------------------------------------
// Odoo
// ------------------------------------------------------------------

// This file is necessary to make the community edition of the Odoo web
// client compatible with the enterprise edition.

// The problem is that we have two web clients in parallel, and every
// addons should behave properly with both.

@odoo-brand-optional-disabled: #6ED0BC; // Specifically used for status bar status arrows
@odoo-brand-primary: #337ab7;
@odoo-brand-optional: @odoo-brand-primary;
@odoo-brand-secondary: #8f8f8f;
@odoo-form-group-cols: 12;
@odoo-horizontal-padding: 16px;
@odoo-list-grey: #e2e2e0;  // FIXME: listview thead background color
@odoo-main-color-muted: #a8a8a8;
@odoo-main-text-color: #666666;
@odoo-webclient-background-color: @odoo-brand-secondary;
@odoo-view-background-color: white;
@odoo-shadow-color: #303030;
@brand-primary: @odoo-brand-primary;

.oe-view-manager {
    background-color: #f0eeee !important;
}

.o_kanban_view {
    background-color: #f0eeee;
    .o_kanban_header {
        color: black !important;
    }

    .o_kanban_config i, .o_kanban_quick_add i {
        color: #555 !important;
        &:hover {
            background-color: darken(#f0eeee, 10%) !important;
        }
    }

    .o_column_folded {
        background-color: #f0eeee !important;
        border: none !important;
        span.o_column_title, span.o_column_unfold {
            // color: white !important;
        }
    }

    .o_column_quick_create {
        background-color: #f0eeee !important;
        .o_kanban_add_column, .o_kanban_title {
            color: black !important;
        }

    }
}

.oe_list {
    background-color: white !important;
}

.btn-icon {
    .btn-default;
}

.openerp .oe_avatar {
    float: left;
}

.openerp .oe_button_box {
    float: right;
}

@grid-gutter-width: 0;

.oe-control-panel .row {
    margin-left: 15px;
    margin-right: 15px;
}

// Pager input (to edit pager values)
.o_pager_value > input {
    width: 60px;
    text-align: right;
    &:focus {
        outline: none;
    }
}

.oe_form_field_one2many, .oe_form_field_many2many {
    .oe-view-manager {
        background-color: white;

        .o_kanban_view {
            background-color: white;

            .o_kanban_record {
                box-shadow: none;
            }
        }
    }
}

// Buttons containing only an icon
.o_icon_button {
    background-color: transparent;
    border: 0;
    padding: 0;
    outline: none;
}

// Stars
.o_priority {
    display: inline-block;
    padding: 0;
    margin: 0;
    > a {
        display: inline-block;
    }
    .o_star_on, .o_star_off {
        color: @odoo-main-color-muted !important;
        &:hover {
            text-decoration: none;
        }
    }
    .o_star_on {
        color: gold !important;
    }
}

.o_text_overflow {
    display: block;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: top; // To update display context changed by overflow:hidden
}

.oe-x2m-control-panel {
    background-color: white;
}

div.o_checkbox {
    display: inline-block;
    vertical-align: sub;
    > input + span {
        display: none;
    }
}

.openerp .oe_formview {
   .oe_button_box {
        .oe_stat_button {
            .stat_button_icon {
                display: inline-block;
            }

            // padding: @odoo-statbutton-vpadding @odoo-statbutton-spacing @odoo-statbutton-vpadding 0px;
            text-align: left;

            .o_button_icon {
                // margin-left: @odoo-statbutton-spacing; // To create the button padding left (firefox bug)
                display: inline-block;
                vertical-align: middle;
                &:before {
                    font-size: x-large;
                    vertical-align: middle;
                }

                width: 30%;
            }

            // .o_form_field_percent_pie {
            //     margin-left: @odoo-statbutton-spacing; // To create the button padding left (firefox bug)
            // }

            .o_stat_info { // contains the value and text
                display: inline-block;
                vertical-align: middle;

                max-width: 70%;
                // padding-right: @odoo-statbutton-spacing;
                line-height: 1.2;

                .o_stat_value {
                    .o_text_overflow;
                    font-weight: 700;
                    color: @odoo-brand-primary;
                }
                .o_stat_text {
                    .o_text_overflow;
                    font-size: small;

                    .o_stat_value {
                        display: inline;
                    }
                }
            }

            // Some buttons only display text and directly use the WidgetButton template instead of StatInfo
            > span {
                .o_stat_info; // layout
                font-size: small;
                white-space: normal; // text on several lines if needed
            }
        }

        + .oe_title {
            width: 400px;
        }

        + .oe_avatar {
            > img {
                max-width: 90px;
                max-height: 90px;
            }

            + .oe_title {
                width: 400px;
                padding-left: 95px;
            }
        }
    }

    .o_row > * {
        width: auto!important; // oe_inline

        &.oe_form_field_many2one, &.o_form_field_many2manytags {
            width: 100%!important;
        }
    }

    .o_form_field_many2manytags {
        .o-flex-display();
        .o-flex-flow(row, wrap);
        .o-align-items(flex-start);

        .badge {
            .o-flex(0, 0, auto);
            margin: 0 3px 3px 0;
            .o_delete {
                cursor: pointer;
            }
        }

        padding: 0;
        > .oe_form_field_many2one {
            padding: 0;
        }
    }

    &.oe_form_editable .o_form_field_many2manytags {
        border: 1px solid #CCC;
        border-radius: 3px;

        &.o_form_field_empty {
            display: none;
        }

        > .oe_form_field {
            .o-flex(1, 0, 100px);

            input {
                border: none;
            }
        }
    }

    .o_address_format {
        width: 100%;

        > .oe_form_field {
            width: auto;
            display: block;
        }

        > .o_address_street, > .o_address_country {
            clear: left;
            width: 100%;
        }
        > .o_address_city, > .o_address_state, > .o_address_zip {
            float: left;
            margin-right: 2%;
        }
        > .o_address_zip {
            margin-right: 0;
        }
    }
    &.oe_form_editable .o_address_format {
        > .o_address_city {
            width: 38%;
        }
        > .o_address_state {
            width: 33%;
        }
        > .o_address_zip {
            width: 25%;
        }
    }
}

// Search options dropdowns
.o-search-options-dropdown-custom-li() {
    margin: 3px 25px;
    width: auto;
    max-width: 250px;

}
// Open and closed carets in dropdowns
.o_closed_menu {
    position: relative;
    a:before {
        .o-caret-right;
        .o-position-absolute(@top: 50%, @left: 12px);
        margin-top: (-@caret-width-base);
    }
}
.o_open_menu {
    position: relative;
    a:before {
        .o-caret-down;
        .o-position-absolute(@top: 50%, @left: 9px);
        margin-top: (-@caret-width-base);
    }
}

// Favorites Menu -> Add to my dashboard
.o_favorites_menu {
    .o_add_to_dashboard_input {
        .form-control();
    }
    .o_add_to_dashboard_button {
        .btn();
        .btn-default();
    }
}

// Because the `web_planner` module has to work with Odoo community and enterprise without
// code duplication, fine-tune the display of it in the community webclient here
#PlannerDialog {
    top: 35px;
    -webkit-box-shadow: 0 3px 9px #666666;
    box-shadow: 0 3px 9px #666666;
}

// ------------------------------------------------------------------
// Odoo
// ------------------------------------------------------------------

// This file is necessary to make the community edition of the Odoo web
// client compatible with the enterprise edition.

// The problem is that we have two web clients in parallel, and every
// addons should behave properly with both.

@odoo-brand-optional-disabled: #6ED0BC; // Specifically used for status bar status arrows
@odoo-brand-primary: #337ab7;
@odoo-brand-optional: @odoo-brand-primary;
@odoo-brand-secondary: #8f8f8f;
@odoo-form-group-cols: 12;
@odoo-horizontal-padding: 16px;
@odoo-list-grey: #e2e2e0;  // FIXME: listview thead background color
@odoo-main-color-muted: #a8a8a8;
@odoo-main-text-color: #666666;
@odoo-webclient-background-color: @odoo-brand-secondary;
@odoo-view-background-color: white;
@odoo-shadow-color: #303030;
@brand-primary: @odoo-brand-primary;

.oe-view-manager {
    background-color: #f0eeee !important;
}

.o_kanban_view {
    background-color: #f0eeee;
    .o_kanban_header {
        color: black !important;
    }

    .o_kanban_config i, .o_kanban_quick_add i {
        color: #555 !important;
        &:hover {
            background-color: darken(#f0eeee, 10%) !important;
        }
    }

    .o_column_folded {
        background-color: #f0eeee !important;
        border: none !important;
        span.o_column_title, span.o_column_unfold {
            // color: white !important;
        }
    }

    .o_column_quick_create {
        background-color: #f0eeee !important;
        .o_kanban_add_column, .o_kanban_title {
            color: black !important;
        }

    }
}

.oe_list {
    background-color: white !important;
}

.btn-icon {
    .btn-default;
}

.openerp .oe_avatar {
    float: left;
}

.openerp .oe_button_box {
    float: right;
}

@grid-gutter-width: 0;

.oe-control-panel .row {
    margin-left: 15px;
    margin-right: 15px;
}

// Pager input (to edit pager values)
.o_pager_value > input {
    width: 60px;
    text-align: right;
    &:focus {
        outline: none;
    }
}

.oe_form_field_one2many, .oe_form_field_many2many {
    .oe-view-manager {
        background-color: white;

        .o_kanban_view {
            background-color: white;

            .o_kanban_record {
                box-shadow: none;
            }
        }
    }
}

// Buttons containing only an icon
.o_icon_button {
    background-color: transparent;
    border: 0;
    padding: 0;
    outline: none;
}

// Stars
.o_priority {
    display: inline-block;
    padding: 0;
    margin: 0;
    > a {
        display: inline-block;
    }
    .o_star_on, .o_star_off {
        color: @odoo-main-color-muted !important;
        &:hover {
            text-decoration: none;
        }
    }
    .o_star_on {
        color: gold !important;
    }
}

.o_text_overflow {
    display: block;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: top; // To update display context changed by overflow:hidden
}

.oe-x2m-control-panel {
    background-color: white;
}

.openerp .oe_formview {
   .oe_button_box {
        .oe_stat_button {
            .stat_button_icon {
                display: inline-block;
            }

            // padding: @odoo-statbutton-vpadding @odoo-statbutton-spacing @odoo-statbutton-vpadding 0px;
            text-align: left;

            .o_button_icon {
                // margin-left: @odoo-statbutton-spacing; // To create the button padding left (firefox bug)
                display: inline-block;
                vertical-align: middle;
                &:before {
                    font-size: x-large;
                    vertical-align: middle;
                }

                width: 30%;
            }

            // .o_form_field_percent_pie {
            //     margin-left: @odoo-statbutton-spacing; // To create the button padding left (firefox bug)
            // }

            .o_stat_info { // contains the value and text
                display: inline-block;
                vertical-align: middle;

                max-width: 70%;
                // padding-right: @odoo-statbutton-spacing;
                line-height: 1.2;

                .o_stat_value {
                    .o_text_overflow;
                    font-weight: 700;
                    color: @odoo-brand-primary;
                }
                .o_stat_text {
                    .o_text_overflow;
                    font-size: small;

                    .o_stat_value {
                        display: inline;
                    }
                }
            }

            // Some buttons only display text and directly use the WidgetButton template instead of StatInfo
            > span {
                .o_stat_info; // layout
                font-size: small;
                white-space: normal; // text on several lines if needed
            }
        }

        + .oe_title {
            width: 400px;
        }

        + .oe_avatar {
            > img {
                max-width: 90px;
                max-height: 90px;
            }

            + .oe_title {
                width: 400px;
                padding-left: 95px;
            }
        }
    }

    .o_row > * {
        width: auto!important; // oe_inline

        &.oe_form_field_many2one, &.o_form_field_many2manytags {
            width: 100%!important;
        }
    }

    .o_form_field_many2manytags {
        .o-flex-display();
        .o-flex-flow(row, wrap);
        .o-align-items(flex-start);

        .badge {
            .o-flex(0, 0, auto);
            margin: 0 3px 3px 0;
            .o_delete {
                cursor: pointer;
            }
        }

        padding: 0;
        > .oe_form_field_many2one {
            padding: 0;
        }
    }

    &.oe_form_editable .o_form_field_many2manytags {
        border: 1px solid #CCC;
        border-radius: 3px;

        &.o_form_field_empty {
            display: none;
        }

        > .oe_form_field {
            .o-flex(1, 0, 100px);

            input {
                border: none;
            }
        }
    }

    .o_address_format {
        width: 100%;

        > .oe_form_field {
            width: auto;
            display: block;
        }

        > .o_address_street, > .o_address_country {
            clear: left;
            width: 100%;
        }
        > .o_address_city, > .o_address_state, > .o_address_zip {
            float: left;
            margin-right: 2%;
        }
        > .o_address_zip {
            margin-right: 0;
        }
    }
    &.oe_form_editable .o_address_format {
        > .o_address_city {
            width: 38%;
        }
        > .o_address_state {
            width: 33%;
        }
        > .o_address_zip {
            width: 25%;
        }
    }
}

// Search options dropdowns
.o-search-options-dropdown-custom-li() {
    margin: 3px 25px;
    width: auto;
    max-width: 250px;

}
// Open and closed carets in dropdowns
.o_closed_menu {
    position: relative;
    a:before {
        .o-caret-right;
        .o-position-absolute(@top: 50%, @left: 12px);
        margin-top: (-@caret-width-base);
    }
}
.o_open_menu {
    position: relative;
    a:before {
        .o-caret-down;
        .o-position-absolute(@top: 50%, @left: 9px);
        margin-top: (-@caret-width-base);
    }
}

// Favorites Menu -> Add to my dashboard
.o_favorites_menu {
    .o_add_to_dashboard_input {
        .form-control();
    }
    .o_add_to_dashboard_button {
        .btn();
        .btn-default();
    }
}

// Because the `web_planner` module has to work with Odoo community and enterprise without
// code duplication, fine-tune the display of it in the community webclient here
#PlannerDialog {
    top: 35px;
    -webkit-box-shadow: 0 3px 9px #666666;
    box-shadow: 0 3px 9px #666666;
}


New class ".no-matches" to replace .no-results

html {
  height:100vh;
  width:100vw;
  max-width:@app-container-size;
  margin:0 auto;
  overflow:hidden;
  background-color:@html-bg;
}

body {
  height:100%;
  width:100%;
  overflow:hidden;
  position:relative;
}

main {
  flex:1 1 auto;
  overflow:hidden;
  position:relative;
  > [id^="COMPONENT_"] { //Make the component container element fill the entire <main> for background styles
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    top:0;
    overflow-y:auto;
    overflow-x:hidden;
    padding-bottom:25px;
  }
}

[ui-sref],
[ng-click]{
  cursor: pointer;
}

.container {
  max-width:100%;
}

.pagination {
  margin:0;
}

//TABLES WITH FIXED HEADERS
.table-fixed-header {
  position:relative;
  padding-top:@table-header-height;
  margin-bottom:@line-height-computed;
  overflow:hidden;
  .table-header-bg {
    position:absolute;
    left:0; right:0; top:0;
    height:@table-header-height;
    background:@table-bg;
    border:1px solid @table-border-color;
    border-bottom-width:2px;
  }
  .table-container {
    background-color:@table-bg;
    overflow-y:auto;
    overflow-x:hidden;
    max-height:@infinite-scroll-size;
    border: 1px solid @table-border-color;
    border-top-width:0;
    table {
      border-spacing:0;
      margin-bottom:0;
    }
    td {
      border:1px solid @table-border-color;
      vertical-align:middle;
      &:first-child {
        border-left:none;
      }
      &:last-child {
        border-left:none;
      }
    }
    th {
      height: 0;
      line-height: 0;
      padding: 0 25px;
      color: transparent;
      border: none;
      white-space: nowrap;
      span {
        max-height:0;
        height:0;
        line-height:0;
        margin:0;
        padding:0;
      }
      div{
        position: absolute;
        background: transparent;
        padding:@table-cell-padding;
        color: @text-color;
        top: 0;
        margin-left: -25px;
        line-height: @line-height-base;
        vertical-align: bottom;
        border-left:1px solid @table-border-color;
      }
      &:first-child div{
        border: none;
      }
    }
    tbody tr {
      &:first-child {
        td {
          border-top:none;
        }
      }
      &:last-child {
        td {
          border-bottom:none;
        }
      }
    }
  }
}
colgroup {
  > col {
    .action-column {
      width:70px;
    }
  }
}

.table > tbody > tr {
  > td {
	&.actions-cell {
	  text-align:right;
	  white-space: nowrap;
	  @media(max-width:@screen-xs-max) {
		text-align:center;
	  }
	}
  }
}

// No matches message
.no-matches {
  @media(min-width:@screen-sm-min) {
    margin-top:15px;
  }
  &:extend(.well);
  text-align:center;
}

// OC Responsive Tables
// commandeered from http://codepen.io/pixelchar/pen/rfuqK
.oc-table-responsive {
  &.table-bordered {
    border:none;
    & > tbody > tr{
      & > th {
        border:none;
      }
      & > td {
        border-width:1px 0 0 0;
      }
    }
  }

  > thead,
  > tbody,
  > tfoot {
    > tr {
      > th,
      > td {
        vertical-align: middle;
      }
    }
  }

  thead {
    // Accessibly hide <thead> on narrow viewports
    position: absolute;
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0;
    border: 0;
    height: 1px;
    width: 1px;
    overflow: hidden;
  }

  // Set these items to display: block for narrow viewports
  tbody,
  tr,
  th,
  td {
    display: block;
    white-space: normal;
  }

  tr {
    &:extend(.panel); //Mobile table row looks like a bootstrap panel
    border-color: @panel-default-border;
    overflow:hidden;
  }

  tbody {
    & > tr > th {
      border-top: none;
      background-color: @panel-default-heading-bg;
    }
    td {
      &[data-title] {
        .clearfix(); //Clearfix solution for empty table cells on mobile
        &:before {
          content: attr(data-title);
          float: left;
          color: @gray-light;
        }
      }
      @media(max-width:@screen-sm-min) {
        text-align:right;
      }
    }
  }

  @media(min-width:@screen-sm-min) {
    &.table-bordered {
      border:1px solid @table-border-color;
      & > tbody > tr{
        & > th {
          border:1px solid @table-border-color;
        }
        & > td {
          border-width:1px;
        }
      }
    }
    thead {
      position: relative;
      clip: auto;
      height: auto;
      width: auto;
      overflow: auto;
    }
    tr {
      display: table-row;
      margin-bottom: 0;
      border: none;
    }
    th,
    td {
      // Undo display: block
      display: table-cell;
    }
    tbody {
      display:table-row-group;
      tr {
        display:table-row;
      }
      & > tr > th {
        border-top: 1px solid @table-border-color;
        background-color: transparent;
      }
      td {
        &[data-title]:before {
          content: none;
        }
      }
    }
  }
  .fa-circle {
    color:@gray-lighter;
    &.active {
      color:@brand-success;
    }
  }
}

html {
  height:100vh;
  width:100vw;
  max-width:@app-container-size;
  margin:0 auto;
  overflow:hidden;
  background-color:@html-bg;
}

body {
  height:100%;
  width:100%;
  overflow:hidden;
  position:relative;
}

main {
  flex:1 1 auto;
  overflow:hidden;
  position:relative;
  > [id^="COMPONENT_"] { //Make the component container element fill the entire <main> for background styles
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    top:0;
    overflow-y:auto;
    overflow-x:hidden;
    padding-bottom:25px;
  }
}

[ui-sref],
[ng-click]{
  cursor: pointer;
}

.container {
  max-width:100%;
}

.pagination {
  margin:0;
}

//TABLES WITH FIXED HEADERS
.table-fixed-header {
  position:relative;
  padding-top:@table-header-height;
  margin-bottom:@line-height-computed;
  overflow:hidden;
  .table-header-bg {
    position:absolute;
    left:0; right:0; top:0;
    height:@table-header-height;
    background:@table-bg;
    border:1px solid @table-border-color;
    border-bottom-width:2px;
  }
  .table-container {
    background-color:@table-bg;
    overflow-y:auto;
    overflow-x:hidden;
    max-height:@infinite-scroll-size;
    border: 1px solid @table-border-color;
    border-top-width:0;
    table {
      border-spacing:0;
      margin-bottom:0;
    }
    td {
      border:1px solid @table-border-color;
      vertical-align:middle;
      &:first-child {
        border-left:none;
      }
      &:last-child {
        border-left:none;
      }
    }
    th {
      height: 0;
      line-height: 0;
      padding: 0 25px;
      color: transparent;
      border: none;
      white-space: nowrap;
      span {
        max-height:0;
        height:0;
        line-height:0;
        margin:0;
        padding:0;
      }
      div{
        position: absolute;
        background: transparent;
        padding:@table-cell-padding;
        color: @text-color;
        top: 0;
        margin-left: -25px;
        line-height: @line-height-base;
        vertical-align: bottom;
        border-left:1px solid @table-border-color;
      }
      &:first-child div{
        border: none;
      }
    }
    tbody tr {
      &:first-child {
        td {
          border-top:none;
        }
      }
      &:last-child {
        td {
          border-bottom:none;
        }
      }
    }
  }
}
colgroup {
  > col {
    .action-column {
      width:70px;
    }
  }
}

.table > tbody > tr {
  > td {
	&.actions-cell {
	  text-align:right;
	  white-space: nowrap;
	  @media(max-width:@screen-xs-max) {
		text-align:center;
	  }
	}
  }
}

@media(min-width:@screen-sm-min) {
  // No results message margin
  .no-results {
    margin-top:15px;
  }
}

// OC Responsive Tables
// commandeered from http://codepen.io/pixelchar/pen/rfuqK
.oc-table-responsive {
  &.table-bordered {
    border:none;
    & > tbody > tr{
      & > th {
        border:none;
      }
      & > td {
        border-width:1px 0 0 0;
      }
    }
  }

  > thead,
  > tbody,
  > tfoot {
    > tr {
      > th,
      > td {
        vertical-align: middle;
      }
    }
  }

  thead {
    // Accessibly hide <thead> on narrow viewports
    position: absolute;
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0;
    border: 0;
    height: 1px;
    width: 1px;
    overflow: hidden;
  }

  // Set these items to display: block for narrow viewports
  tbody,
  tr,
  th,
  td {
    display: block;
    white-space: normal;
  }

  tr {
    &:extend(.panel); //Mobile table row looks like a bootstrap panel
    border-color: @panel-default-border;
    overflow:hidden;
  }

  tbody {
    & > tr > th {
      border-top: none;
      background-color: @panel-default-heading-bg;
    }
    td {
      &[data-title] {
        .clearfix(); //Clearfix solution for empty table cells on mobile
        &:before {
          content: attr(data-title);
          float: left;
          color: @gray-light;
        }
      }
      @media(max-width:@screen-sm-min) {
        text-align:right;
      }
    }
  }

  @media(min-width:@screen-sm-min) {
    &.table-bordered {
      border:1px solid @table-border-color;
      & > tbody > tr{
        & > th {
          border:1px solid @table-border-color;
        }
        & > td {
          border-width:1px;
        }
      }
    }
    thead {
      position: relative;
      clip: auto;
      height: auto;
      width: auto;
      overflow: auto;
    }
    tr {
      display: table-row;
      margin-bottom: 0;
      border: none;
    }
    th,
    td {
      // Undo display: block
      display: table-cell;
    }
    tbody {
      display:table-row-group;
      tr {
        display:table-row;
      }
      & > tr > th {
        border-top: 1px solid @table-border-color;
        background-color: transparent;
      }
      td {
        &[data-title]:before {
          content: none;
        }
      }
    }
  }
  .fa-circle {
    color:@gray-lighter;
    &.active {
      color:@brand-success;
    }
  }
}


INBOX-47 fix avatars ratio on FF

INBOX-47 fix avatars ratio on FF

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/heroandtn3/openpaas-esn.git/'


BAP-5358: System messages is not shown on mobile version

fatal: unable to access 'https://github.com/trustify/oroplatform.git/': The requested URL returned error: 403


modified the label style and added the .error class, used to display input fields related error messages

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/dedalozzo/pit-bootstrap.git/'


更新表格 内容超出 横向滚动条

更新表格 内容超出 横向滚动条

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/yyssc/ssc30-admin.git/'


Increase sidebars width by 10px

Increase sidebars width by 10px

fatal: unable to access 'https://github.com/busyorg/busy.git/': The requested URL returned error: 403


feat(system): listsearch use less variable instead of hard coded color

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/artemeon/core.git/'


Update message wrapper style

Update message wrapper style

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/sonatra/sonatra-theme-gluon.git/'


fix(NativeMonthPicker): Fix stacking order of native month picker chevron (#150)

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/seekinternational/seek-asia-style-guide.git/'


Update style of panel titles

Update style of panel titles


Update iconPath var

Update iconPath var

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/hevnly/asset-bazaar.git/'


missed file

missed file

@font-face {
  font-family: 'fiveringsdb';
  src:  url('fonts/fiveringsdb.eot?yn5wqh');
  src:  url('fonts/fiveringsdb.eot?yn5wqh#iefix') format('embedded-opentype'),
    url('fonts/fiveringsdb.ttf?yn5wqh') format('truetype'),
    url('fonts/fiveringsdb.woff?yn5wqh') format('woff'),
    url('fonts/fiveringsdb.svg?yn5wqh#fiveringsdb') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'fiveringsdb' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.game-icon {
  padding-left: 0px;
  padding-right: 0px;

  font-size: 1.6em;

  vertical-align: middle;

  max-width: 24px;
  max-height: 24px;
}

.icon-military {
  font-family: 'fiveringsdb';
  min-width: 21px;
  text-align: center;

  &:before {
    content: "\e900";
    color: @military-icon-color;
  }
}

.icon-political {
  font-family: 'fiveringsdb';
  min-width: 21px;
  text-align: center;

  &:before {
    content: "\e901";
    color: @political-icon-color;
  }
}

.icon-element-air {
  font-family: 'fiveringsdb';
  margin-top: -5px;

  &:before {
    content: "\e902";
    /* color: grey; */
  }
}

.icon-element-earth {
  font-family: 'fiveringsdb';
  margin-top: -5px;

  &:before {
    content: "\e903";
    /* color: grey; */
  }
}

.icon-element-fire {
  font-family: 'fiveringsdb';
  margin-top: -5px;

  &:before {
    content: "\e904";
    /* color: grey; */
  }
}

.icon-element-void {
  font-family: 'fiveringsdb';
  margin-top: -5px;

  &:before {
    content: "\e905";
    /* color: grey; */
  }
}

.icon-element-water {
  font-family: 'fiveringsdb';
  margin-top: -5px;

  &:before {
    content: "\e906";
    /* color: grey; */
  }
}

.icon-clan-crab {
  font-family: 'fiveringsdb';
  margin-top: -5px;

  &:before {
    content: "\e907";
    color:#001c94;
  }
}

.icon-clan-crane {
  font-family: 'fiveringsdb';
  margin-top: -5px;

  &:before {
    content: "\e908";
    color: #0089de;
  }
}
.icon-clan-dragon {
  font-family: 'fiveringsdb';
  margin-top: -5px;

  &:before {
    content: "\e909";
    color: #00a472;
  }
}
.icon-clan-lion {
  font-family: 'fiveringsdb';
  margin-top: -5px;

  &:before {
    content: "\e90a";
    color: #cb9d00;
  }
}

.icon-clan-phoenix {
  font-family: 'fiveringsdb';
  margin-top: -5px;

  &:before {
    content: "\e90b";
    color: #c16400;
  }
}

.icon-clan-scorpion {
  font-family: 'fiveringsdb';
  margin-top: -5px;

  &:before {
    content: "\e90c";
    color: #a61600;
  }
}

.icon-clan-unicorn {
  font-family: 'fiveringsdb';
  margin-top: -5px;

  &:before {
    content: "\e90d";
    color: #780098;
  }
}

.hide-text {
  font-size:0;
}

@font-face {
  font-family: 'fiveringsdb';
  src:  url('fonts/fiveringsdb.eot?yn5wqh');
  src:  url('fonts/fiveringsdb.eot?yn5wqh#iefix') format('embedded-opentype'),
    url('fonts/fiveringsdb.ttf?yn5wqh') format('truetype'),
    url('fonts/fiveringsdb.woff?yn5wqh') format('woff'),
    url('fonts/fiveringsdb.svg?yn5wqh#fiveringsdb') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'fiveringsdb' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.game-icon {
  padding-left: 0px;
  padding-right: 0px;

  font-size: 1.6em;

  vertical-align: middle;

  max-width: 24px;
  max-height: 24px;
}

.icon-military {
  font-family: 'fiveringsdb';
  min-width: 21px;
  text-align: center;

  &:before {
    content: "\e900";
    color: @military-icon-color;
  }
}

.icon-political {
  font-family: 'fiveringsdb';
  min-width: 21px;
  text-align: center;

  &:before {
    content: "\e901";
    color: @political-icon-color;
  }
}

.icon-element-air {
  font-family: 'fiveringsdb';
  margin-top: -5px;

  &:before {
    content: "\e902";
    /* color: grey; */
  }
}

.icon-element-earth {
  font-family: 'fiveringsdb';
  margin-top: -5px;

  &:before {
    content: "\e903";
    /* color: grey; */
  }
}

.icon-element-fire {
  font-family: 'fiveringsdb';
  margin-top: -5px;

  &:before {
    content: "\e904";
    /* color: grey; */
  }
}

.icon-element-void {
  font-family: 'fiveringsdb';
  margin-top: -5px;

  &:before {
    content: "\e905";
    /* color: grey; */
  }
}

.icon-element-water {
  font-family: 'fiveringsdb';
  margin-top: -5px;

  &:before {
    content: "\e906";
    /* color: grey; */
  }
}

.icon-clan-crab {
  font-family: 'fiveringsdb';
  margin-top: -5px;

  &:before {
    content: "\e907";
    color:#001c94;
  }
}

.icon-clan-crane {
  font-family: 'fiveringsdb';
  margin-top: -5px;

  &:before {
    content: "\e908";
    color: #0089de;
  }
}
.icon-clan-dragon {
  font-family: 'fiveringsdb';
  margin-top: -5px;

  &:before {
    content: "\e909";
    color: #00a472;
  }
}
.icon-clan-lion {
  font-family: 'fiveringsdb';
  margin-top: -5px;

  &:before {
    content: "\e90a";
    color: #cb9d00;
  }
}

.icon-clan-phoenix {
  font-family: 'fiveringsdb';
  margin-top: -5px;

  &:before {
    content: "\e90b";
    color: #c16400;
  }
}

.icon-clan-scorpion {
  font-family: 'fiveringsdb';
  margin-top: -5px;

  &:before {
    content: "\e90c";
    color: #a61600;
  }
}

.icon-clan-unicorn {
  font-family: 'fiveringsdb';
  margin-top: -5px;

  &:before {
    content: "\e90d";
    color: #780098;
  }
}

.hidetext {
  font-size:0;
}


BAP-3692: Dashboard has horizontal scroll regardless of resolution

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/trustify/oroplatform.git/'


SW-7856 Refactored select field component

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/simkli/shopware.git/'


Attempted fix for banner display

Attempted fix for banner display

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/a25kk/mitr.git/'


SW-7891 Fixed: Regressions

SW-7891 Fixed: Regressions

fatal: unable to access 'https://github.com/simkli/shopware.git/': The requested URL returned error: 403


Fix multiple select2 style

Fix multiple select2 style

fatal: unable to access 'https://github.com/logindave41/sonatra-theme-gluon.git/': The requested URL returned error: 403


Added the grayscale

Added the grayscale

// Colors

// Table of contents:
// - Grayscale

//Grayscale
@black-10: darken(#fff, 10%);
@black-10: darken(#fff, 20%);
@black-10: darken(#fff, 30%);
@black-10: darken(#fff, 40%);
@black-10: darken(#fff, 50%);
@black-10: darken(#fff, 60%);
@black-10: darken(#fff, 70%);
@black-10: darken(#fff, 80%);
@black-10: darken(#fff, 90%);

error: pathspec 'less/colors.less' did not match any file(s) known to git


BAP-4798: UI issue with dashboard Icon

BAP-4798: UI issue with dashboard Icon


Plugin page styling

Plugin page styling

fatal: unable to access 'https://github.com/zvuc/silica.git/': The requested URL returned error: 403


updated @gray-lighter color

updated @gray-lighter color

@import url(http://fonts.googleapis.com/css?family=Montserrat:400,700);
@import url(http://fonts.googleapis.com/css?family=Raleway:400,300);

// Colors
// -------------------------

@gray-lighter: #f5f5f5;
@gray-light: #e0e0e0;
@gray: #737373;
@gray-dark: #404040;
@gray-darker: #121212;

@brand-primary: #2ac5ee;
@brand-success: #0f9d58;
@brand-warning: #f4b400;
@brand-danger: #cb4437;
@brand-info: #5bc0dd;

::selection {
  background: @brand-primary;
}

// Typography
// -------------------------

@font-size-base: 13px;
@font-family-base: 'Montserrat', sans-serif;
@headings-font-family: 'Montserrat', sans-serif;
@headings-font-weight: 700;
@text-color: @gray-darker;
@link-color: @brand-primary;
@link-hover-color: @gray-darker;

a {
  transition: all .4s cubic-bezier(.24,.45,.46,.92);

  &:hover {
    text-decoration: none;
  }
}

p {
  font-family: 'Raleway', sans-serif;
  font-size: 14px;
  font-weight: 300;
}

// Buttons
// -------------------------

@btn-default-bg: @gray-lighter;
@btn-default-color: @gray-darker;
@btn-primary-border: darken(@brand-primary, 8%);
@btn-success-border: darken(@brand-success, 8%);
@btn-warning-border: darken(@brand-warning, 8%);
@btn-danger-border: darken(@brand-danger, 8%);
@btn-info-border: darken(@brand-info, 8%);

.btn {
  padding: 10px 16px;
  border: 0;
  border-radius: 3px;
  transition: all .4s cubic-bezier(.24,.45,.46,.92);

  &:hover {
    color: #fff;
    background-color: @gray-darker;
  }
}

.btn-social {
  padding: 10px 50px;

  :first-child {
    width: 38px;
    line-height: 38px;
  }
}

.btn-link {

  &:hover {
    text-decoration: none;
    background-color: transparent;
    color: @gray-darker;
  }
}

// Forms
// -------------------------

@input-border-radius: 2px;
@input-border-focus: #999;
@input-border: #f0f0f0;
@input-color: #444;
@input-color-placeholder: #999;
@input-height-base: 48px;

// Form states and alerts
// -------------------------

@state-success-text: #569845;
@state-success-bg: #dbf5d3;
@state-success-border: #aed3a5;

@state-info-text: #3a87ad;
@state-info-bg: #d9edf7;
@state-info-border: #98cce7;

@state-warning-text: #bf9853;
@state-warning-bg: #fdf8e2;
@state-warning-border: #f2daab;

@state-danger-text: #b94a48;
@state-danger-bg: #f2dede;
@state-danger-border: #e0b1b8;

// Alerts
// -------------------------

.alert {
  border-radius: 0;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.10);
}

// Navbar
// -------------------------

@navbar-height: 50px;
@navbar-default-bg: rgba(255,255,255,0.95);
@navbar-default-link-color: @gray-darker;
@navbar-default-link-active-color: @brand-primary;
@navbar-default-link-active-bg: transparent;
@navbar-default-link-hover-color: @brand-primary;
@navbar-default-link-hover-bg: transparent;
@navbar-default-brand-color: @gray-darker;
@navbar-default-brand-hover-color: @brand-primary;

.navbar-default {
  border: 0;
  box-shadow: 0 1px 5px rgba(0,0,0,.15);

  .navbar-brand {
    font-weight: 300;
  }

  .navbar-nav {
    > li > a {
      transition: color .4s cubic-bezier(.24,.45,.46,.92);
    }
  }
}

@import url(http://fonts.googleapis.com/css?family=Montserrat:400,700);
@import url(http://fonts.googleapis.com/css?family=Raleway:400,300);

// Colors
// -------------------------

@gray-lighter: #f0f0f0;
@gray-light: #e0e0e0;
@gray: #737373;
@gray-dark: #404040;
@gray-darker: #121212;

@brand-primary: #2ac5ee;
@brand-success: #0f9d58;
@brand-warning: #f4b400;
@brand-danger: #cb4437;
@brand-info: #5bc0dd;

::selection {
  background: @brand-primary;
}

// Typography
// -------------------------

@font-size-base: 13px;
@font-family-base: 'Montserrat', sans-serif;
@headings-font-family: 'Montserrat', sans-serif;
@headings-font-weight: 700;
@text-color: @gray-darker;
@link-color: @brand-primary;
@link-hover-color: @gray-darker;

a {
  transition: all .4s cubic-bezier(.24,.45,.46,.92);

  &:hover {
    text-decoration: none;
  }
}

p {
  font-family: 'Raleway', sans-serif;
  font-size: 14px;
  font-weight: 300;
}

// Buttons
// -------------------------

@btn-default-border: #e6e6e6;
@btn-default-color: #3372df;
@btn-primary-border: darken(@brand-primary, 8%);
@btn-success-border: darken(@brand-success, 8%);
@btn-warning-border: darken(@brand-warning, 8%);
@btn-danger-border: darken(@brand-danger, 8%);
@btn-info-border: darken(@brand-info, 8%);

.btn {
  padding: 10px 16px;
  border: 0;
  border-radius: 3px;
  transition: all .4s cubic-bezier(.24,.45,.46,.92);

  &:hover {
    color: #fff;
    background-color: @gray-darker;
  }
}

.btn-social {
  padding: 10px 50px;

  :first-child {
    width: 38px;
    line-height: 38px;
  }
}

.btn-link {

  &:hover {
    text-decoration: none;
    background-color: transparent;
    color: @gray-darker;
  }
}

// Forms
// -------------------------

@input-border-radius: 2px;
@input-border-focus: #999;
@input-border: #f0f0f0;
@input-color: #444;
@input-color-placeholder: #999;
@input-height-base: 48px;

// Form states and alerts
// -------------------------

@state-success-text: #569845;
@state-success-bg: #dbf5d3;
@state-success-border: #aed3a5;

@state-info-text: #3a87ad;
@state-info-bg: #d9edf7;
@state-info-border: #98cce7;

@state-warning-text: #bf9853;
@state-warning-bg: #fdf8e2;
@state-warning-border: #f2daab;

@state-danger-text: #b94a48;
@state-danger-bg: #f2dede;
@state-danger-border: #e0b1b8;

// Alerts
// -------------------------

.alert {
  border-radius: 0;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.10);
}

// Navbar
// -------------------------

@navbar-height: 60px;
@navbar-default-bg: rgba(255,255,255,0.95);
@navbar-default-link-color: @gray-darker;
@navbar-default-link-active-color: @brand-primary;
@navbar-default-link-active-bg: transparent;
@navbar-default-link-hover-color: @brand-primary;
@navbar-default-link-hover-bg: transparent;
@navbar-default-brand-color: @gray-darker;
@navbar-default-brand-hover-color: @brand-primary;

.navbar-default {
  border: 0;
  box-shadow: 0 1px 5px rgba(0,0,0,.15);

  .navbar-brand {
    font-weight: 300;
  }

  .navbar-nav {
    > li > a {
      transition: color .4s cubic-bezier(.24,.45,.46,.92);
    }
  }
}