BAP-9743: add style

BAP-9743: add style

@import "oroui/css/less/mixins";
.activity-list-widget {
  position: relative;
  .actions-bottom {
    border-top: 1px solid #ddd;
  }
  .title {
    display: none;
  }
  .activity-list {
    position: relative;
    .no-data {
      margin: 20px;
    }
    .comments-view-header {
      &, & > h5 {
        margin-top: 0;
      }
      & > .no-data{
        margin: 0;
      }
    }
    .filter-box {
      float: left;
      margin: 0;
      padding: 0;
      background: none;
      border: none;
      box-shadow: none;
    }
    .filter-item {
      margin-bottom: 0px;
      margin-right: 2px;
    }
    .info {
      margin-top: 7px;
      margin-bottom: 20px;
    }
    .info.responsive-cell.thread {
        .items.list-box.list-shaped {
          border: none;
        }
    }
    .info.responsive-cell {
      .box-content {
        padding: 0;
      }
    }
  }
  .list-box {
    &.list-shaped {
      border: solid 1px #ddd;
      border-radius: 4px;
      .list-item {
        border-bottom-color: #ddd;
      }
    }
    &:empty {
      display: none;
    }
    .list-item {
      padding: 0;
      &:hover {
        background-color: transparent;
      }
      .user {
        font-style: normal;
      }
      .date {
        font-style: normal;
        font-size: smaller;
      }
    }
    .list-item:last-child {
      border-bottom: 0;
    }
    .comment-count{
      color: #999;
      margin-left: 5px;
      .icon {
        width: auto;
        font-size: 14px;
      }
    }
  }
  .accordion {
    padding: 0;
    margin: 0;
    .accordion-group {
      border: 0;
      margin: 0;
    }
  }
  .accordion-heading {
    min-height: 46px;
    width: 100%;
    padding: 5px 10px;
    cursor: pointer;

    &:hover {
      background-color: #f8f8f8;
    }

    >.icon, >.accordion-icon, >.details, >.comment-count, >.message, >.created-at, >.actions {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    > .accordion-icon {
      padding: 0;
      margin: 7px 0 0 5px;
      float: left;
      line-height: 20px;
      height: 20px;
      &:before {
        content: '\f117';
        font-family: FontAwesome;
        font-size: 20px;
        color: #999;
      }
      &:hover:before {
        color: #444;
      }
      &.collapsed:before {
        content: '\f116';
      }
    }
    > .icon {
      float: left;
      width: 27px;
      font-size: 18px;
      color: #999;
      margin: 8px 6px 0 8px;
    }

    > .actions{
      float: right;
      margin: 8px 0 0 8px;
      overflow: visible;
      .horizontal-icon-menu;
    }
    > .details {
      margin: 9px 7px 0 0;
      max-width: 247px;
      min-width: 247px;
      padding-bottom: 1px;
      float: left;
    }
    > .details:hover {
      background: #fafafa;
      width: auto;
      z-index: 1;
    }
    > .created-at {
      float: right;
      margin: 8px 0 -1px 8px;
      color: #888;
    }
    > .comment-count {
      float: right;
      margin-top: 8px;
    }
    > .message-item {
      margin: 9px 0 0 0;
      float: left;
      width: calc(~"100% - 510px");
      color: #888;
      strong {
        color: #555;
      }
    }
  }
  .accordion-body {
    padding: 0;
    .control-group{
      max-width: none;
    }
    > .message {
      .user-fieldset {
        margin-top: 5px;
        margin-right: 20px;
      }
      .comment {
        padding: 0 20px 0 0;
      }
    }
    .responsive-cell{
      margin-bottom: 20px;
    }
  }
  .grid-toolbar {
    padding: 0 0 5px;
    margin: 0;
    .pagination{
      white-space: nowrap;
      padding-top: 1px;
      width: 375px;
      margin: 0 auto;
      text-align: center;
      > ul > li a{
        width:24px;
        i {
          margin: 0 3px;
        }
      }
    }
    .filter-container {
      padding-bottom: 5px;
    }
  }
}

li[data-criteria="condition-activity"] {
    .btn.filter-select {
        border: none;
        background: none;
        font-weight: normal;
        padding-left: 0;
        padding-right: 0;
        color: #444;
    }

    .filter-item {
        margin-right: 0;

        .icon-remove {
            margin-right: 0;
        }
    }
}

@import "oroui/css/less/mixins";
.activity-list-widget {
  position: relative;
  .actions-bottom {
    border-top: 1px solid #ddd;
  }
  .title {
    display: none;
  }
  .activity-list {
    position: relative;
    .no-data {
      margin: 20px;
    }
    .comments-view-header {
      &, & > h5 {
        margin-top: 0;
      }
      & > .no-data{
        margin: 0;
      }
    }
    .filter-box {
      float: left;
      margin: 0;
      padding: 0;
      background: none;
      border: none;
      box-shadow: none;
    }
    .filter-item {
      margin-bottom: 0px;
      margin-right: 2px;
    }
    .info {
      margin-top: 7px;
      margin-bottom: 20px;
    }
    .info.responsive-cell.thread {
        .items.list-box.list-shaped {
          border: none;
        }
    }
    .info.responsive-cell {
      .box-content {
        padding: 0;
      }
    }
  }
  .list-box {
    &.list-shaped {
      border: solid 1px #ddd;
      border-radius: 4px;
      .list-item {
        border-bottom-color: #ddd;
      }
    }
    &:empty {
      display: none;
    }
    .list-item {
      padding: 0;
      &:hover {
        background-color: transparent;
      }
      .user {
        font-style: normal;
      }
      .date {
        font-style: normal;
        font-size: smaller;
      }
    }
    .list-item:last-child {
      border-bottom: 0;
    }
    .comment-count{
      color: #999;
      margin-left: 5px;
      .icon {
        width: auto;
        font-size: 14px;
      }
    }
  }
  .accordion {
    padding: 0;
    margin: 0;
    .accordion-group {
      border: 0;
      margin: 0;
    }
  }
  .accordion-heading {
    min-height: 46px;
    width: 100%;
    padding: 5px 10px;
    cursor: pointer;

    &:hover {
      background-color: #f8f8f8;
    }

    >.icon, >.accordion-icon, >.details, >.comment-count, >.message, >.created-at, >.actions {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    > .accordion-icon {
      padding: 0;
      margin: 7px 0 0 5px;
      float: left;
      line-height: 20px;
      height: 20px;
      &:before {
        content: '\f117';
        font-family: FontAwesome;
        font-size: 20px;
        color: #999;
      }
      &:hover:before {
        color: #444;
      }
      &.collapsed:before {
        content: '\f116';
      }
    }
    > .icon {
      float: left;
      width: 27px;
      font-size: 18px;
      color: #999;
      margin: 8px 6px 0 8px;
    }

    > .actions{
      float: right;
      margin: 8px 0 0 8px;
      overflow: visible;
      .horizontal-icon-menu;
    }
    > .details {
      margin: 9px 7px 0 0;
      max-width: 247px;
      min-width: 247px;
      padding-bottom: 1px;
      float: left;
    }
    > .details:hover {
      background: #fafafa;
      width: auto;
      z-index: 1;
    }
    > .created-at {
      float: right;
      margin: 8px 0 -1px 8px;
      color: #888;
    }
    > .comment-count {
      float: right;
      margin-top: 8px;
    }
    > .message-item {
      margin: 9px 0 0 0;
      float: left;
      width: calc(~"100% - 510px");
      color: #888;
      strong {
        color: #555;
      }
    }
  }
  .accordion-body {
    padding: 0;
    .control-group{
      max-width: none;
    }
    > .message {
      .user-fieldset {
        margin-top: 5px;
        margin-right: 20px;
      }
      .comment {
        padding: 0 20px 0 0;
      }
    }
    .responsive-cell{
      margin-bottom: 20px;
    }
  }
  .grid-toolbar {
    padding: 0 0 5px;
    margin: 0;
    .pagination{
      white-space: nowrap;
      padding-top: 1px;
      width: 375px;
      margin: 0 auto;
      > ul > li a{
        width:24px;
        i {
          margin: 0 3px;
        }
      }
    }
    .filter-container {
      padding-bottom: 5px;
    }
  }
}

li[data-criteria="condition-activity"] {
    .btn.filter-select {
        border: none;
        background: none;
        font-weight: normal;
        padding-left: 0;
        padding-right: 0;
        color: #444;
    }

    .filter-item {
        margin-right: 0;

        .icon-remove {
            margin-right: 0;
        }
    }
}


Removing jumping navbar bug.

Removing jumping navbar 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/QueensSailing/QueensSailing.github.io.git/'


Tweak fonts

Tweak fonts

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/ohle/connotes.git/'


added the .none subclass

added the .none subclass

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/'


Rename code to technology

Rename code to technology

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/theworkers/HLTheme.git/'


removed contact block  padding (>lg)

removed contact block  padding (>lg)

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/fadeit/fadeitdk.git/'


removed my custom var for the standard lf-blue

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/Livefyre/livefyre-bootstrap.git/'


Pagers should transition only opacity

Pagers should transition only opacity

fatal: unable to access 'https://github.com/wicky-info/Framework7.git/': The requested URL returned error: 403


switched to carrots image

switched to carrots image

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/zachschmidt0/zachschmidt0.github.io.git/'


Create styles.less

Create styles.less

/*!
 * Waves v0.7.5
 * http://fian.my.id/Waves
 *
 * Copyright 2014-2016 Alfiana E. Sibuea and other contributors
 * Released under the MIT license
 * https://github.com/fians/Waves/blob/master/LICENSE
 */

.waves-transition (@transition) {
    -webkit-transition: @transition;
    -moz-transition: @transition;
    -o-transition: @transition;
    transition: @transition;
}

.waves-transform(@string) {
    -webkit-transform: @string;
    -moz-transform: @string;
    -ms-transform: @string;
    -o-transform: @string;
    transform: @string;
}

.waves-box-shadow(@shadow) {
    -webkit-box-shadow: @shadow;
    box-shadow: @shadow;
}

.waves-effect {
    position: relative;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;

    .waves-ripple {
        position: absolute;
        border-radius: 50%;
        width: 100px;
        height: 100px;
        margin-top:-50px;
        margin-left:-50px;
        opacity: 0;
        background: rgba(0,0,0,0.2);
        @gradient: rgba(0,0,0,0.2) 0,rgba(0,0,0,.3) 40%,rgba(0,0,0,.4) 50%,rgba(0,0,0,.5) 60%,rgba(255,255,255,0) 70%;
        background: -webkit-radial-gradient(@gradient);
        background: -o-radial-gradient(@gradient);
        background: -moz-radial-gradient(@gradient);
        background: radial-gradient(@gradient);
        .waves-transition(all 0.5s ease-out);
        -webkit-transition-property: -webkit-transform, opacity;
        -moz-transition-property: -moz-transform, opacity;
        -o-transition-property: -o-transform, opacity;
        transition-property: transform, opacity;
        .waves-transform(scale(0) translate(0,0));
        pointer-events: none;
    }

    &.waves-light .waves-ripple {
        background: rgba(255,255,255,0.4);
        @gradient: rgba(255,255,255,0.2) 0,rgba(255,255,255,.3) 40%,rgba(255,255,255,.4) 50%,rgba(255,255,255,.5) 60%,rgba(255,255,255,0) 70%;
        background: -webkit-radial-gradient(@gradient);
        background: -o-radial-gradient(@gradient);
        background: -moz-radial-gradient(@gradient);
        background: radial-gradient(@gradient);
    }

    &.waves-classic .waves-ripple {
        background: rgba(0,0,0,0.2);
    }

    &.waves-classic.waves-light .waves-ripple {
        background: rgba(255,255,255,0.4);
    }
}

.waves-notransition {
    .waves-transition(none ~'!important');
}

.waves-button,
.waves-circle {
    .waves-transform(translateZ(0));
    -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
}

.waves-button,
.waves-button:hover,
.waves-button:visited,
.waves-button-input {
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    border: none;
    outline: none;
    color: inherit;
    background-color: rgba(0, 0, 0, 0);
    font-size: 1em;
    line-height:1em;
    text-align: center;
    text-decoration: none;
    z-index: 1;
}

.waves-button {
    padding: 0.85em 1.1em;
    border-radius: 0.2em;
}

.waves-button-input {
    margin: 0;
    padding: 0.85em 1.1em;
}

.waves-input-wrapper {
    border-radius: 0.2em;
    vertical-align: bottom;

    &.waves-button {
        padding: 0;
    }

    .waves-button-input {
        position: relative;
        top: 0;
        left: 0;
        z-index: 1;
    }
}

.waves-circle {
    text-align: center;
    width: 2.5em;
    height: 2.5em;
    line-height: 2.5em;
    border-radius: 50%;
}

.waves-float {
    -webkit-mask-image: none;
    .waves-box-shadow(0px 1px 1.5px 1px rgba(0, 0, 0, 0.12));
    .waves-transition(all 300ms);

    &:active {
        .waves-box-shadow(0px 8px 20px 1px rgba(0, 0, 0, 0.30));
    }
}

.waves-block {
    display: block;
}

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


css fixes

css fixes

/**
 *    Copyright 2015-2017 ppy Pty. Ltd.
 *
 *    This file is part of osu!web. osu!web is distributed with the hope of
 *    attracting more community contributions to the core ecosystem of osu!.
 *
 *    osu!web is free software: you can redistribute it and/or modify
 *    it under the terms of the Affero GNU General Public License version 3
 *    as published by the Free Software Foundation.
 *
 *    osu!web is distributed WITHOUT ANY WARRANTY; without even the implied
 *    warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
 *    See the GNU Affero General Public License for more details.
 *
 *    You should have received a copy of the GNU Affero General Public License
 *    along with osu!web.  If not, see <http://www.gnu.org/licenses/>.
 */

.changelog {
  padding: 20px;

  @media @desktop {
    padding-left: @padding-big;
    padding-right: @padding-big;
  }

  &__list {
    margin-bottom: 50px;
  }

  &__text {
    text-align: center;
    padding-bottom: 10px;
    margin: 0;

    &--build {
      font-size: @font-size--title-small;
      font-weight: 700;
    }

    &--date {
      font-size: @font-size--title;
      font-style: italic;
      color: @pink-darker;
    }
  }
}

/**
 *    Copyright 2015-2017 ppy Pty. Ltd.
 *
 *    This file is part of osu!web. osu!web is distributed with the hope of
 *    attracting more community contributions to the core ecosystem of osu!.
 *
 *    osu!web is free software: you can redistribute it and/or modify
 *    it under the terms of the Affero GNU General Public License version 3
 *    as published by the Free Software Foundation.
 *
 *    osu!web is distributed WITHOUT ANY WARRANTY; without even the implied
 *    warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
 *    See the GNU Affero General Public License for more details.
 *
 *    You should have received a copy of the GNU Affero General Public License
 *    along with osu!web.  If not, see <http://www.gnu.org/licenses/>.
 */

.changelog {
  padding: 20px;

  &__list {
    padding-bottom: 10px;

    @media @desktop {
      padding: 0 120px;
    }
  }

  &__text {
    text-align: center;
    padding-bottom: 20px;
    margin: 0;

    &--build {
      font-size: @font-size--title-small;
      font-weight: 700;
    }

    &--date {
      font-size: @font-size--title;
      font-style: italic;
      color: @pink-darker;
    }
  }
}


Do not display navbar when table pager is affixed

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/'


added margin

added margin

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/Digipalvelutehdas/APIKA.git/'


fixed path

fixed path

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/Aprila/app-knowledge-base.git/'


Improve MenuItem styles

Improve MenuItem styles

@import "../../style/themes/default";
@import "../../style/mixins/index";

@menu-prefix-cls: ant-menu;

// default theme
.@{menu-prefix-cls} {
  outline: none;
  margin-bottom: 0;
  padding-left: 0; // Override default ul/ol
  list-style: none;
  z-index: @zindex-dropdown;
  box-shadow: @box-shadow-base;
  color: @text-color;
  background: #fff;
  line-height: 46px;

  &-hidden {
    display: none;
  }

  &-item-group-list {
    margin: 0;
    padding: 0;
  }

  &-item-group-title {
    color: #999;
    font-size: 12px;
    line-height: 1.5;
    padding: 8px 16px;
  }

  &-item,
  &-submenu,
  &-submenu-title {
    transform: translateZ(0);
    cursor: pointer;
    transition: all 0.3s ease;
  }

  &-submenu &-sub {
    cursor: initial;
  }

  &-item > a {
    display: block;
    color: @text-color;
    &:hover {
      color: @text-color;
    }
    &:before {
      position: absolute;
      background-color: transparent;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      content: '';
    }
  }

  &-item:hover,
  &-item-active,
  &-submenu-active,
  &-submenu-title:hover {
    background-color: tint(@primary-color, 90%);
  }

  &-horizontal &-item,
  &-horizontal &-submenu {
    margin-top: -1px;
  }

  &-horizontal > &-item:hover,
  &-horizontal > &-item-active,
  &-horizontal > &-submenu &-submenu-title:hover {
    background-color: transparent;
  }

  &-item-selected {
    color: @primary-color;
    // fix chrome render bug
    transform: translateZ(0);
    > a,
    > a:hover {
      color: @primary-color;
    }
  }

  &-inline,
  &-vertical {
    border-right: 1px solid @border-color-split;
    .@{menu-prefix-cls}-item {
      border-right: 1px solid @border-color-split;
      margin-left: -1px;
      left: 1px;
      position: relative;
      z-index: 1;
    }
  }

  &-vertical &-sub {
    border-right: 0;
    .@{menu-prefix-cls}-item {
      border-right: 0;
    }
  }

  &-inline {
    .@{menu-prefix-cls}-selected,
    .@{menu-prefix-cls}-item-selected {
      border-right: 2px solid @primary-color;
      transform: translateZ(0);
    }
  }

  &-submenu-horizontal > & {
    top: 100%;
    left: 0;
    position: absolute;
    min-width: 100%;
    margin-top: 7px;
    z-index: @zindex-dropdown;
  }

  &-submenu-vertical {
    z-index: 1;
  }

  &-submenu-vertical > & {
    top: 0;
    left: 100%;
    position: absolute;
    min-width: 160px;
    margin-left: 4px;
    z-index: @zindex-dropdown;
  }

  &-item,
  &-submenu-title {
    margin: 0;
    padding: 0 20px;
    position: relative;
    display: block;
    white-space: nowrap;

    // Disabled state sets text to gray and nukes hover/tab effects
    &.@{menu-prefix-cls}-item-disabled,
    &.@{menu-prefix-cls}-submenu-disabled {
      color: #999 !important;
      cursor: not-allowed;
      > a {
        color: #999 !important;
        pointer-events: none;
      }
    }

    .anticon {
      min-width: 14px;
      margin-right: 8px;
    }
  }

  & > &-item-divider {
    height: 1px;
    margin: 1px 0;
    overflow: hidden;
    padding: 0;
    line-height: 0;
    background-color: #e5e5e5;
  }

  &-submenu {
    position: relative;

    > .@{menu-prefix-cls} {
      background-color: #fff;
      border-radius: 4px;
    }

    &-vertical > .@{menu-prefix-cls}-submenu-title:after {
      font-family: "anticon" !important;
      font-style: normal;
      vertical-align: baseline;
      text-align: center;
      text-transform: none;
      text-rendering: auto;
      position: absolute;
      transition: transform .3s ease;
      content: "\e603";
      right: 16px;
      .ie-rotate(3);
      transform: rotate(270deg) scale(0.75);
    }

    &-inline > .@{menu-prefix-cls}-submenu-title:after {
      font-family: "anticon" !important;
      font-style: normal;
      vertical-align: baseline;
      text-align: center;
      text-transform: none;
      text-rendering: auto;
      position: absolute;
      transition: transform .3s ease;
      content: "\e603";
      right: 16px;
      top: 0;
      .iconfont-size-under-12px(8px);
    }

    &-open {
      &.@{menu-prefix-cls}-submenu-inline > .@{menu-prefix-cls}-submenu-title:after {
        .ie-rotate(1);
        transform: rotate(180deg) scale(0.75);
      }
    }
  }

  &-horizontal {
    border: 0;
    border-bottom: 1px solid @border-color-split;
    box-shadow: none;
    z-index: 0;

    > .@{menu-prefix-cls}-item,
    > .@{menu-prefix-cls}-submenu {
      position: relative;
      top: 1px;
      float: left;
      border-bottom: 2px solid transparent;
      z-index: 2;

      &:hover,
      &-active,
      &-selected {
        border-bottom: 2px solid @primary-color;
        color: @primary-color;
        transform: translateZ(0);
      }

      > a {
        display: block;
        color: @text-color;
        &:hover {
          color: @primary-color;
        }
      }
    }

    &:after {
      content: "\20";
      display: block;
      height: 0;
      clear: both;
    }
  }

  &-vertical,
  &-inline,
  &-item-group-list {
    & > .@{menu-prefix-cls}-item,
    & > .@{menu-prefix-cls}-submenu > .@{menu-prefix-cls}-submenu-title {
      padding: 0px 16px 0 28px;
      font-size: 12px;
      line-height: 42px;
      height: 42px;
    }
  }

  &-vertical&-sub {
    padding: 0;
    transform-origin: 0 0;
    & > .@{menu-prefix-cls}-item,
    & > .@{menu-prefix-cls}-submenu {
      transform-origin: 0 0;
    }
  }

  &-root&-vertical,
  &-root&-inline {
    box-shadow: none;
  }

  &-sub&-inline {
    padding: 0;
    border: 0;
    box-shadow: none;
    border-radius: 0;
    & > .@{menu-prefix-cls}-item,
    & > .@{menu-prefix-cls}-submenu > .@{menu-prefix-cls}-submenu-title {
      line-height: 42px;
      height: 42px;
      list-style-type: disc;
      list-style-position: inside;
    }

    & .@{menu-prefix-cls}-item-group-title {
      padding-left: 32px;
    }
  }
}

// dark theme
.@{menu-prefix-cls} {
  &-dark,
  &-dark &-sub {
    color: #999;
    background: #404040;
  }

  &-dark &-inline&-sub {
    background: #333;
  }

  &-dark&-horizontal {
    border-bottom-color: #404040;
  }

  &-dark&-horizontal > &-item,
  &-dark&-horizontal > &-submenu {
    border-color: #404040;
    border-bottom: 0;
    top: 0;
  }

  &-dark&-horizontal > &-item:hover,
  &-dark&-horizontal > &-item-active,
  &-dark&-horizontal > &-item-selected,
  &-dark&-horizontal > &-submenu:hover,
  &-dark&-horizontal > &-submenu &-submenu-title:hover {
    &,
    & > a {
      color: #fff;
      transform: translateZ(0);
    }
  }

  &-dark &-item > a {
    color: #999;
    &:hover {
      color: #fff;
    }
  }

  &-dark&-inline,
  &-dark&-vertical {
    border-right: 0;
  }

  &-dark&-inline &-item,
  &-dark&-vertical &-item {
    border-right: 0;
    margin-left: 0;
    left: 0;
  }

  &-dark&-inline &-item-selected {
    border-right: 0;
    background-color: @primary-color;
    color: #fff;
    > a,
    > a:hover {
      color: #fff;
    }
  }

  &-dark&-vertical &-item-selected {
    > a,
    > a:hover {
      color: @primary-color;
    }
  }

  &-dark &-item:hover,
  &-dark &-item-active,
  &-dark &-submenu-active,
  &-dark &-submenu-title:hover {
    background-color: transparent;
    color: @primary-color;
  }
}

@import "../../style/themes/default";
@import "../../style/mixins/index";

@menu-prefix-cls: ant-menu;

// default theme
.@{menu-prefix-cls} {
  outline: none;
  margin-bottom: 0;
  padding-left: 0; // Override default ul/ol
  list-style: none;
  z-index: @zindex-dropdown;
  box-shadow: @box-shadow-base;
  color: @text-color;
  background: #fff;
  line-height: 46px;

  &-hidden {
    display: none;
  }

  &-item-group-list {
    margin: 0;
    padding: 0;
  }

  &-item-group-title {
    color: #999;
    font-size: 12px;
    line-height: 1.5;
    padding: 8px 16px;
  }

  &-item,
  &-submenu,
  &-submenu-title {
    cursor: pointer;
    transition: all 0.3s ease;
  }

  &-submenu &-sub {
    cursor: initial;
  }

  &-item > a {
    display: block;
    color: @text-color;
    &:hover {
      color: @text-color;
    }
  }

  &-item-active,
  &-submenu-active,
  &-submenu-title:hover {
    transform: translateZ(0);
    background-color: tint(@primary-color, 90%);
  }

  &-horizontal &-item,
  &-horizontal &-submenu {
    margin-top: -1px;
  }

  &-horizontal > &-item-active,
  &-horizontal > &-submenu &-submenu-title:hover {
    background-color: transparent;
    transform: translateZ(0);
  }

  &-item-selected {
    color: @primary-color;
    // fix chrome render bug
    transform: translateZ(0);
    > a,
    > a:hover {
      color: @primary-color;
    }
  }

  &-inline,
  &-vertical {
    border-right: 1px solid @border-color-split;
    .@{menu-prefix-cls}-item {
      border-right: 1px solid @border-color-split;
      margin-left: -1px;
      left: 1px;
      position: relative;
      z-index: 1;
    }
  }

  &-vertical &-sub {
    border-right: 0;
    .@{menu-prefix-cls}-item {
      border-right: 0;
    }
  }

  &-inline {
    .@{menu-prefix-cls}-selected,
    .@{menu-prefix-cls}-item-selected {
      border-right: 2px solid @primary-color;
      transform: translateZ(0);
    }
  }

  &-submenu-horizontal > & {
    top: 100%;
    left: 0;
    position: absolute;
    min-width: 100%;
    margin-top: 7px;
    z-index: @zindex-dropdown;
  }

  &-submenu-vertical {
    z-index: 1;
  }

  &-submenu-vertical > & {
    top: 0;
    left: 100%;
    position: absolute;
    min-width: 160px;
    margin-left: 4px;
    z-index: @zindex-dropdown;
  }

  &-item,
  &-submenu-title {
    margin: 0;
    padding: 0 20px;
    position: relative;
    display: block;
    white-space: nowrap;

    // Disabled state sets text to gray and nukes hover/tab effects
    &.@{menu-prefix-cls}-item-disabled,
    &.@{menu-prefix-cls}-submenu-disabled {
      color: #999 !important;
      cursor: not-allowed;
      > a {
        color: #999 !important;
        pointer-events: none;
      }
    }

    .anticon {
      min-width: 14px;
      margin-right: 8px;
    }
  }

  & > &-item-divider {
    height: 1px;
    margin: 1px 0;
    overflow: hidden;
    padding: 0;
    line-height: 0;
    background-color: #e5e5e5;
  }

  &-submenu {
    position: relative;

    > .@{menu-prefix-cls} {
      background-color: #fff;
      border-radius: 4px;
    }

    &-vertical > .@{menu-prefix-cls}-submenu-title:after {
      font-family: "anticon" !important;
      font-style: normal;
      vertical-align: baseline;
      text-align: center;
      text-transform: none;
      text-rendering: auto;
      position: absolute;
      transition: transform .3s ease;
      content: "\e603";
      right: 16px;
      .ie-rotate(3);
      transform: rotate(270deg) scale(0.75);
    }

    &-inline > .@{menu-prefix-cls}-submenu-title:after {
      font-family: "anticon" !important;
      font-style: normal;
      vertical-align: baseline;
      text-align: center;
      text-transform: none;
      text-rendering: auto;
      position: absolute;
      transition: transform .3s ease;
      content: "\e603";
      right: 16px;
      top: 0;
      .iconfont-size-under-12px(8px);
    }

    &-open {
      &.@{menu-prefix-cls}-submenu-inline > .@{menu-prefix-cls}-submenu-title:after {
        .ie-rotate(1);
        transform: rotate(180deg) scale(0.75);
      }
    }
  }

  &-horizontal {
    border: 0;
    border-bottom: 1px solid @border-color-split;
    box-shadow: none;
    z-index: 0;

    > .@{menu-prefix-cls}-item,
    > .@{menu-prefix-cls}-submenu {
      position: relative;
      top: 1px;
      float: left;
      border-bottom: 2px solid transparent;
      z-index: 2;

      &-active,
      &-selected {
        border-bottom: 2px solid @primary-color;
        color: @primary-color;
        transform: translateZ(0);
      }

      > a {
        display: block;
        color: @text-color;
        &:hover {
          color: @primary-color;
        }
        &:before,
        &:after {
          position: absolute;
          background-color: transparent;
          width: 20px;
          height: 100%;
          content: '';
        }
        &:before {
          left: 0;
        }
      }
    }

    &:after {
      content: "\20";
      display: block;
      height: 0;
      clear: both;
    }
  }

  &-vertical,
  &-inline,
  &-item-group-list {
    & > .@{menu-prefix-cls}-item,
    & > .@{menu-prefix-cls}-submenu > .@{menu-prefix-cls}-submenu-title {
      padding: 0px 16px 0 28px;
      font-size: 12px;
      line-height: 42px;
      height: 42px;
    }
  }

  &-vertical&-sub {
    padding: 0;
    transform-origin: 0 0;
    & > .@{menu-prefix-cls}-item,
    & > .@{menu-prefix-cls}-submenu {
      transform-origin: 0 0;
    }
  }

  &-root&-vertical,
  &-root&-inline {
    box-shadow: none;
  }

  &-sub&-inline {
    padding: 0;
    border: 0;
    box-shadow: none;
    border-radius: 0;
    & > .@{menu-prefix-cls}-item,
    & > .@{menu-prefix-cls}-submenu > .@{menu-prefix-cls}-submenu-title {
      line-height: 42px;
      height: 42px;
      list-style-type: disc;
      list-style-position: inside;
    }

    & .@{menu-prefix-cls}-item-group-title {
      padding-left: 32px;
    }
  }
}

// dark theme
.@{menu-prefix-cls} {
  &-dark,
  &-dark &-sub {
    color: #999;
    background: #404040;
  }

  &-dark &-inline&-sub {
    background: #333;
  }

  &-dark&-horizontal {
    border-bottom-color: #404040;
  }

  &-dark&-horizontal > &-item,
  &-dark&-horizontal > &-submenu {
    border-color: #404040;
    border-bottom: 0;
    top: 0;
  }

  &-dark&-horizontal > &-item-active,
  &-dark&-horizontal > &-item-selected,
  &-dark&-horizontal > &-submenu:hover,
  &-dark&-horizontal > &-submenu &-submenu-title:hover {
    &,
    & > a {
      color: #fff;
      transform: translateZ(0);
    }
  }

  &-dark &-item > a {
    color: #999;
    &:hover {
      color: #fff;
    }
  }

  &-dark&-inline,
  &-dark&-vertical {
    border-right: 0;
  }

  &-dark&-inline &-item,
  &-dark&-vertical &-item {
    border-right: 0;
    margin-left: 0;
    left: 0;
  }

  &-dark&-inline &-item-selected {
    border-right: 0;
    background-color: @primary-color;
    color: #fff;
    transform: translateZ(0);
    > a,
    > a:hover {
      color: #fff;
    }
  }

  &-dark&-vertical &-item-selected {
    > a,
    > a:hover {
      color: @primary-color;
    }
  }

  &-dark &-item-active,
  &-dark &-submenu-active,
  &-dark &-submenu-title:hover {
    background-color: transparent;
    color: @primary-color;
    transform: translateZ(0);
  }
}


Fixed css so that search tags are displayed properly.

// media-archive.less
// Styling for the superdesk media archive and ingest
// ----------------------------------------------------------------------------------------
@import 'mixins.less';
@import 'variables.less';

/* ====================================== */
   // item(news) urgency colors and labels

	@outputItemColor1 : #005e84;
	@outputItemColor2 : #64a4bf;
	@outputItemColor3 : #b0cfdd;

	.output-item-label {
		width: 16px;
		height: 16px;
		.border-radius(8px);
		display: inline-block;
		text-align: center;
		color:#fff;
		font-size: 10px;
		.box-sizing(border-box);
		line-height: 17px;
		vertical-align: top;
		visibility: hidden;
		&.label-1 {
			background: @outputItemColor1;
			visibility: visible;
		}
		&.label-2 {
			background: @outputItemColor2;
			visibility: visible;
		}
		&.label-3, &.label-4, &.label-5 {
			background: @outputItemColor3;
			visibility: visible;
		}
	}

/* ====================================== */
  // item(news) status labels  (exmpl. canceled)

	.status-label {
		.box-sizing(border-box);
		height: 15px;
		padding: 4px 7px;
		background: #1f6681;
		.border-radius(2px);
		display: inline-block;
		font-size: 10px;
		color: #fff;
		line-height: 7px;
		margin: 0 5px 0 0;
		text-transform: uppercase;
		&.label-canceled {
			background:#1c1c1c;
			color: #ff5353;
		}
	}

.archive-content {
	position:absolute;
	top:0px; right:0px; bottom:0px; left:0px;
	height:auto;
	background-color:@sd-background;
	.transition(left 0.2s ease);
	z-index: 11;
	&.wide {
		left:10px;
	}
	.fitler-trigger {
		width: 48px;
		height: 48px;
		line-height: 48px;
		text-align: center;
		background: @archive-sidebar-bg;
		border-right: 1px solid #e0e0e0;
		.transition(all ease 0.1s);
		overflow: hidden;
		i {
			.opacity(60);
		}
		&:hover {
			cursor: pointer;
		}
		&.hidden {
			width: 0;
			border-right: 0;
		}
	}

	.content-inner {
		position: absolute;
		left: 0; right: 0; bottom: 0;
		top:@nav-height+1;
		.newest-items {
			margin-bottom: 35px;
			> span {
				height: 30px;
				font-size: 11px;
				color: #8a8a8a;
				line-height: 30px;
				font-weight: 300;
				text-transform: uppercase;
			}
			ul {
				.clearfix();
			}

		}
	}

	.statistics {
		position: absolute;
		right: 0; left: 0; bottom: 0;
		top:0;
		padding: 30px;
		overflow: auto;
		overflow-x: hidden;
	}

	.preview-layout {
		.list-pane {
			.list-view {
				.clearfix();
				.panel {
					float: left;
					&.alert {
						float: none;
					}
					.panel-body {
						display: inline-block;
						.ui-draggable {
							display: inline-block;
						}
					}
				}
			}
			.view-select {
				button {
					background: none;
					border: 0;
					padding: 15px 16px;
					border-left: 1px solid #dfdfdf;
					.opacity(60);
					&:hover {
						.opacity(80);
					}
				}
			}
		}
	}
	.content .shadow-list-holder {
		/*position: absolute;*/
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		max-height: none;
		min-height: auto;
	}
}

.loading-indicator {
	position: absolute;
	top: 0;
	left: 50%;
	padding: 5px 10px;
	.border-radius(0 0 3px 3px);
	border: 1px solid lighten(@sd-blue-text, 10%);
	font-size: 12px;
	.text-bold();
	color: @sd-blue-text;
	background: @sd-hover;
	z-index: 1;
}

/* ====================================== */
  // media-box styling

@sfbox_mediaHeight : 120px;
@sfbox_sidepadding : 5px;
@sfbox_minHeight : 225px;
@sfbox_minWidth : 176px;
@sfbox_mediaMaxWidth : 220px;

	.media-box-generic () {
		height:auto;
		width: auto;
		min-height: @sfbox_minHeight;
		min-width: @sfbox_minWidth;

		border: 1px solid rgba(0,0,0,0.3);
		border-width: 0px 0px 3px 0px;
		margin: 1px 12px 10px 1px;

		.border-radius(2px);
		padding:@sfbox_sidepadding;
		position:relative;
		float:left;
		display:block;
		cursor:pointer;
		background-color:#fff;
		.box-shadow(0 1px 4px 0 rgba(0,0,0,0.2));

		&.archived {
			background: #f2f2f2 url(../../images/checkmark-big.png) no-repeat bottom right;
			.box-shadow-both(0 1px 4px 0 rgba(0,0,0,0.2), 0 0 0 1px rgba(0,0,0,0.03));
		}

		&.error {
			border-color: #d19796;
			border-bottom-color: #c00000;
		}
		.error-box {
			position: absolute;
			left: 0; right: 0; top:0;bottom: 0;
			background: rgba(255,255,255,0.9);
			z-index: 1;
			.message {
				color: #970000;
				.text-normal();
				font-size: 12px;
				padding: 40px 10px 0;
				text-transform: uppercase;
				text-align: center;
				line-height: 20px;
				b {
					display: block;
					font-size: 16px;
				}
			}
			.buttons {
				position: absolute;
				left: 0; right: 0; bottom: 0;
				height: 30px;
				background: #f7eaea;
				border-top: 1px solid #e1bbbb;
			}
		}

		.archiving-progress {
			position: absolute;
			bottom: -3px; left: 0;
			height: 3px;
			background: @sd-blue;
		}

		.media {
			.box-sizing(border-box);
			height:@sfbox_mediaHeight; //+2 media border
			margin:0 2px 5px;
			display:block;
			position:relative;
			background: #f8f8f8;
			img {
				height: auto;
				width: auto;
				max-width: @sfbox_mediaMaxWidth;
				max-height: @sfbox_mediaHeight;
			}
			.caption {
				display: none;
			}

			.selectbox {
				position: absolute;
				top: 0;
				right: 0;
				margin: 0;
				padding: 1px 0 3px 5px;
				background-color: #fff;

				.sd-checkbox {
					margin: 0;
				}
			}
		}
		&.media-picture {
			.text {
			    display: none;
			    position: absolute;
			    left: 0;
			    bottom: 0;
				width: @sfbox_minWidth;
				height:@sfbox_mediaHeight;
			    background: rgba(192,192,192,0.9);
			}
			.media:hover .text {
			    display: block
			}
		}
		&.media-text,&.media-preformatted,&.media-composite,&.media-picture {
			.media {
				max-width: @sfbox_minWidth;
				font-size: 12px;
				font-style: italic;
				white-space: normal;
				overflow: hidden;
			}
			small {
				display: block;
				padding: 2px 5px;
				font-size: 13px;
			}
			.container {
				.text-semibold();
				color: #444;
				margin-left: 6px;
			}
		}

		&.media-audio, &.media-video {
			.media {
				width: @sfbox_minWidth;
				max-width: @sfbox_minWidth;
				text-align: center;
				i {
					margin-top: 35px;
					.opacity(35);
				}
			}
		}
		.media-info {
			position: relative;
		}
		h5 {
			position: absolute;
			left: 0;
			right: 0;
			top: 0;
			width:auto;
			white-space:nowrap;
			overflow:hidden;
			text-overflow: ellipsis;
			height:18px;
			font-size:11px;
			color:#444;
			text-transform: uppercase;
			&.shifted {
				left: 20px;
			}
		}
		dl {
			position: absolute;
			left: 0;
			right: 0;
			top: 20px;
			.clearfix();
			font-size:11px;
			height:auto;
			margin:0 2px;
			dt {
				width:auto;
				float: left;
				clear: left;
				color:#787878;
				line-height:16px;
				font-weight:normal;
			}
			dt:after {
				content : ":";
			}
			dd {
				width:auto;
				color:#b4b4b4;
				line-height:16px;
				float:left;
				margin-left:4px;
				&.subject-line {
					max-width:90px;
					height:15px;
					overflow:hidden;
					text-overflow:ellipsis;
					white-space: nowrap;
				}
			}
		}
		.type-icon {
			position: absolute;
			bottom: 35px;
			left: 0px;
			.opacity(50);
		}

		.source {
			&:after {
				content: "" !important;
			}
		}
		.provider {
			color: #787878;
			margin-left: 0;
		}

		.urgency-label {
			position: absolute;
			bottom: 35px;
			left: 36px;
		}

		.state-label {
			position: absolute;
			bottom: 36px;
			right: 0px;
		}

		.fetched-desk {
			font-size:11px;
		}
	}

.mgrid-view, #scratchpad {
	.media-box {
		.action {
			height:33px;
			position: absolute;
			left: 0;
			right: 0;
			bottom: 0;
		}
		.media-box-generic;
		&.locked {
			border-bottom-color: #e51c23 !important;
		}

		.highlights-title {
			display: block;
			float: left;
			margin-top: -2px;
		}

		/* control buttons on the bottom */
		.item-functions {
			background: #fff;
			position: absolute;
			height: 32px;
			border-top: 1px solid rgba(0,0,0,0.1);
			bottom: 0;
			left: 0;
			right: 0;
			.item-field {
				width: 31px;
				height: 32px;
				border-left: 0;
				border-right: 1px solid #f0f0f0;
				.box-sizing(border-box);
				padding: 0;
				a {
					display: inline-block;
					width: 100%;
					height: 32px;
					line-height: 32px;
					vertical-align: middle;
					text-align: center;
					.actioning {
						background-image: url("../../images/loading-small.gif");
						background-repeat: no-repeat;
	    				background-position: center;
						display: inline-block;
						width: 100%;
						height: 32px;
						line-height: 32px;
						vertical-align: middle;
						text-align: center;
					}
				}
			}

		}
	}
}

.mgrid-view {
	padding-bottom: 80px;
	.draggable-item {
		float: left;
	}
}

#scratchpad {
	.media-box {
		border-color: #aaa;
		&.archived {
			.box-shadow(none);
		}
	}
}

/* ====================================== */
  // media box list view

@rightfield-width:150px;

.mlist-view, .compact-view {

	.list-item-view {
		width: 100%;
        .box-shadow(0 1px 4px 0 rgba(0,0,0,20%));
        &:last-child {
            .media-box {
                border-bottom: none;
            }
        }
		.panel-body {
			display: block !important;
			width: 100%;
		}
	}
	.media-box {
		position: relative;
		background: #fff;
		border-bottom: 1px solid #ebebeb;
		border-right: 2px solid #fff;
		padding-left:3px;
		&:hover {
			background-color: #f4f4f4 !important;
			border-right: 2px solid #f4f4f4;
			cursor: pointer;
			.list-field {
				border-color:#ebebeb;
			}
		}

		.list-field {
			border-left: 1px solid #f4f4f4;
			float: left;
			padding: 10px;
			height: 36px;

			&.no-border {
				border:0;
			}
		}

		.archiving-progress {
			position: absolute;
			bottom: 0px; left: 0;
			height: 1px;
			.box-shadow(0 0 1px 0 darken(@sd-blue,20%));
			background: @sd-blue;
		}

		.type-icon {
			text-align: center;
			width: 44px;
			height: 56px;
			.box-sizing(border-box);

			i {
				.opacity(50);
				width: 24px;
				padding-left: 0;
				margin-left: 0;
				margin-top: 7px;
			}

			.sd-checkbox {
				margin: 9px 0 0 1px;
			}
		}

		.urgency {
			text-align: center;
			.output-item-label {
				clear: both;
				float: left;
				margin-top: 8px;
			}
			i {
				float: left;
			}
		}

		.urgency {
			i {
				//margin-top: -4px;
			}
		}

		.word-count-box {
			width: 50px;
			span {
				display: block;
			}
			.word-count {
				height: 18px;
				.text-semibold();
			}
			.signal {
				background: #e7e7e7;
				padding: 2px 4px;
				.border-radius(2px);
				text-transform: uppercase;
				font-size: 10px;
				float: left;
				.text-semibold();
				line-height: 12px;
				margin-top: 1px;
			}
		}

		.item-info {
			padding: 10px;
			.line {
				height: 18px;
				line-height: 18px;
				position: relative;
				margin-left: 142px;
			}
			.state-label {
				margin-top: 2px;
			}
			.headline {
				color: #686b6c;
				margin-right:  @rightfield-width + 5px;
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap;
			}
			.keyword {
				.text-semibold();
				color: @sd-keyword;
				text-transform: uppercase;
				font-size: 12px;
				margin-right: 20px;
			}
			.container {
				.text-semibold();
				color: #444;
				margin-left: 20px;
			}
			.takekey {
				color: #333;
				margin-right: 20px;
				float: left;
			}
			.category {
				color: #444;
				margin-right: 20px;
				float: left;
			}
			.provider {
				color: #686b6c;
				float: left;
				margin-right: 20px;
			}
			.expires {
				float: right;
				background: @errorBackground;
				color: @errorText;
				font-size: 10px;
				line-height: 15px;
				padding: 0 5px;
				border-radius: 3px;
				margin-top: 4px;
			}
			time {
				position: absolute;
				top:0; right: 0;
				font-size: 11px;
				color: @grayLight;
			}
		}
		.item-right {
			border-left: 0;
			min-width: @rightfield-width;
			position: absolute;
			right: 0;
			top:0;
			text-align: right;
			padding: 0;
			.action {
				background: #f4f4f4;
				position: relative;
				right: -2px; bottom: 0;
				min-width: @rightfield-width;
				display: none;
				.item-functions {
					.item-field {
						a {
							display: inline-block;
							padding: 10px 20px;
							height: 35px;
							line-height: 35px;
							text-align: center;
							vertical-align: middle;
							.actioning {
								background-image: url("../../images/loading-small.gif");
								background-repeat: no-repeat;
			    				background-position: center;
								display: inline-block;
								height: 35px;
								line-height: 35px;
								text-align: center;
								vertical-align: middle;
							}
						}
						button {
							margin-top: 7px;
						}
					}
				}

			}
		}

		&.archived {
			background: @sd-background url('../../images/checkmark-big-full.png') no-repeat 70% 50%;
			background-size: 36px;
			//.box-shadow(inset 0 2px 0 0px #f2f2f2);
			border-right: 2px solid @sd-background;
			&.active {
				border-right: 2px solid rgba(94,169,200,0.75) !important;
			}
		}

		&:hover {
			.action {
				display: block;
			}
		}
		.state-border {
			position: absolute;
			width: 3px;
			left: 0;
			top:0;
			bottom: 0;
			background: #bbb;
		}
		&.locked .state-border {
			background: #e51c23;
		}

	}
}

.mgrid-view, #scratchpad {
	.active {
		.media-box {
			border-color: #787878;
			.box-shadow-both(0 0px 6px 1px rgba(0,0,0,0.75), 0 0 0 1px rgba(0,0,0,0.12));
		}
	}
}
.mlist-view, .compact-view  {
	.active {
		.media-box {
			background-color: #eff7fa !important;
			border-right: 2px solid rgba(94,169,200,0.75) !important;
			&:hover {
				.item-functions {
					background-color: #eff7fa;
					.item-field {
						&:hover {
							background-color: #d6e8ef;
						}
						&.disabled {
							&:hover {
								background-color: #d6e8ef;
							}
						}
					}
				}
			}
		}
	}
}

/*modal window*/
@modalMaxImageWidth : 379px;
@modalMaxImageHeight : 250px;

.modal-body {
	.row-fluid {
		.span6 {
			figure {
				margin:0px;
				padding:0px;
				width:100%;
				max-width:@modalMaxImageWidth;
				height:auto;
				max-height:@modalMaxImageHeight;
			}
			dl {
				font-size:13px;
				color:#777;
				position:relative;
				height:auto;
				margin:0;
				dt {
					width:110px;
					float: left;
					clear: left;
					font-weight:normal;
					color:#474747;
					margin-bottom:5px;
					line-height:16px;
					vertical-align:middle;
				}
				dt:after {
					content : ":";
				}
				dd {
					width:245px;
					max-width: 245px;
					float:left;
					margin-left:0px;
					line-height:16px;
					margin-bottom:5px;
					vertical-align:middle;
				}
				&.line-borders {
					width:379px;
					border-top:1px solid #e8e8e8;
					margin-top:15px;
					dt {
						border-bottom:1px solid #e8e8e8;
						vertical-align:top;
						line-height:20px;
						margin-bottom:0px;
					}
					dd {
						padding-right: 24px;
						border-bottom:1px solid #e8e8e8;
						vertical-align:top;
						line-height:20px;
						margin-bottom:0px;
					}
				}
			}

		}
	}
}

.metadata-language {
	height: 38px;
	position: relative;
	z-index: 10;
}

.metadata-details {
	max-height: 350px;
	overflow-y: auto;
	overflow-x: hidden;
	padding: 5px;
	input, textarea {
		border-color: #e0e0e0 !important;
		color: #585858;
		&:focus {
			border-color:  rgba(82, 168, 236, 0.8) !important;
			color:#000;
		}
	}
}
.edit-metadata-select {
	margin-top: 2px;
	height: 26px;
}

.modal-header {
	button.close {
		padding : 0;
		cursor: pointer;
		background: transparent;
		border:0;
		-webkit-appearance: none;
		&:hover {
			color: #b3b3b3;
		}
	}
}

.btn.pull-right {
	margin-left: 10px;
}

.meta-description-text {
	height: 52px;
	max-width: 245px;
}

.close {
	&:hover {
		color: #b3b3b3;
	}
}

/* uploads grid used for upload popup */
.uploads-grid {
	list-style-type: none;
	margin:60px 0 0;
	padding: 0;
	top:0;
	bottom:0;
	overflow: scroll;
	position: absolute;
	li {
		max-height: 100px;
		float: left;
		margin: 0 15px 15px 0;
		padding: 3px;
		border:1px solid #d0d0d0;
		position: relative;
		.add-button {
			position: absolute;
			background-color: #0079cc;
			left: 3px;
			top: 3px;
			width:16px;
			height: 18px;
			padding: 4px;
			display: none;
		}
		&:hover {
			background: #0079cc;
			border-color:#2d95dd;
			cursor:pointer;
			.box-shadow(0px 0px 3px #a0a0a0);
			.add-button {
				display: block !important;
			}
		}
		&.grid-selected {
			background: #0079cc;
			border-color:#2d95dd;
		}
		img {
			height: 100px;
			max-height: 100px;
		}
	}
}

figure.media {
	img {
		max-width: 100%;
	}
}

// media-archive.less
// Styling for the superdesk media archive and ingest
// ----------------------------------------------------------------------------------------
@import 'mixins.less';
@import 'variables.less';

/* ====================================== */
   // item(news) urgency colors and labels

	@outputItemColor1 : #005e84;
	@outputItemColor2 : #64a4bf;
	@outputItemColor3 : #b0cfdd;

	.output-item-label {
		width: 16px;
		height: 16px;
		.border-radius(8px);
		display: inline-block;
		text-align: center;
		color:#fff;
		font-size: 10px;
		.box-sizing(border-box);
		line-height: 17px;
		vertical-align: top;
		visibility: hidden;
		&.label-1 {
			background: @outputItemColor1;
			visibility: visible;
		}
		&.label-2 {
			background: @outputItemColor2;
			visibility: visible;
		}
		&.label-3, &.label-4, &.label-5 {
			background: @outputItemColor3;
			visibility: visible;
		}
	}

/* ====================================== */
  // item(news) status labels  (exmpl. canceled)

	.status-label {
		.box-sizing(border-box);
		height: 15px;
		padding: 4px 7px;
		background: #1f6681;
		.border-radius(2px);
		display: inline-block;
		font-size: 10px;
		color: #fff;
		line-height: 7px;
		margin: 0 5px 0 0;
		text-transform: uppercase;
		&.label-canceled {
			background:#1c1c1c;
			color: #ff5353;
		}
	}

.archive-content {
	position:absolute;
	top:0px; right:0px; bottom:0px; left:0px;
	height:auto;
	background-color:@sd-background;
	.transition(left 0.2s ease);
	z-index: 11;
	&.wide {
		left:10px;
	}
	.fitler-trigger {
		width: 48px;
		height: 48px;
		line-height: 48px;
		text-align: center;
		background: @archive-sidebar-bg;
		border-right: 1px solid #e0e0e0;
		.transition(all ease 0.1s);
		overflow: hidden;
		i {
			.opacity(60);
		}
		&:hover {
			cursor: pointer;
		}
		&.hidden {
			width: 0;
			border-right: 0;
		}
	}

	.content-inner {
		position: absolute;
		left: 0; right: 0; bottom: 0;
		top:@nav-height+1;
		.newest-items {
			margin-bottom: 35px;
			> span {
				height: 30px;
				font-size: 11px;
				color: #8a8a8a;
				line-height: 30px;
				font-weight: 300;
				text-transform: uppercase;
			}
			ul {
				.clearfix();
			}

		}
	}

	.statistics {
		position: absolute;
		right: 0; left: 0; bottom: 0;
		top:0;
		padding: 30px;
		overflow: auto;
		overflow-x: hidden;
	}

	.preview-layout {
		.list-pane {
			.list-view {
				.clearfix();
				.panel {
					float: left;
					&.alert {
						float: none;
					}
					.panel-body {
						display: inline-block;
						.ui-draggable {
							display: inline-block;
						}
					}
				}
			}
			.view-select {
				button {
					background: none;
					border: 0;
					padding: 15px 16px;
					border-left: 1px solid #dfdfdf;
					.opacity(60);
					&:hover {
						.opacity(80);
					}
				}
			}
		}
	}
	.content .shadow-list-holder {
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		max-height: none;
		min-height: auto;
	}
}

.loading-indicator {
	position: absolute;
	top: 0;
	left: 50%;
	padding: 5px 10px;
	.border-radius(0 0 3px 3px);
	border: 1px solid lighten(@sd-blue-text, 10%);
	font-size: 12px;
	.text-bold();
	color: @sd-blue-text;
	background: @sd-hover;
	z-index: 1;
}

/* ====================================== */
  // media-box styling

@sfbox_mediaHeight : 120px;
@sfbox_sidepadding : 5px;
@sfbox_minHeight : 225px;
@sfbox_minWidth : 176px;
@sfbox_mediaMaxWidth : 220px;

	.media-box-generic () {
		height:auto;
		width: auto;
		min-height: @sfbox_minHeight;
		min-width: @sfbox_minWidth;

		border: 1px solid rgba(0,0,0,0.3);
		border-width: 0px 0px 3px 0px;
		margin: 1px 12px 10px 1px;

		.border-radius(2px);
		padding:@sfbox_sidepadding;
		position:relative;
		float:left;
		display:block;
		cursor:pointer;
		background-color:#fff;
		.box-shadow(0 1px 4px 0 rgba(0,0,0,0.2));

		&.archived {
			background: #f2f2f2 url(../../images/checkmark-big.png) no-repeat bottom right;
			.box-shadow-both(0 1px 4px 0 rgba(0,0,0,0.2), 0 0 0 1px rgba(0,0,0,0.03));
		}

		&.error {
			border-color: #d19796;
			border-bottom-color: #c00000;
		}
		.error-box {
			position: absolute;
			left: 0; right: 0; top:0;bottom: 0;
			background: rgba(255,255,255,0.9);
			z-index: 1;
			.message {
				color: #970000;
				.text-normal();
				font-size: 12px;
				padding: 40px 10px 0;
				text-transform: uppercase;
				text-align: center;
				line-height: 20px;
				b {
					display: block;
					font-size: 16px;
				}
			}
			.buttons {
				position: absolute;
				left: 0; right: 0; bottom: 0;
				height: 30px;
				background: #f7eaea;
				border-top: 1px solid #e1bbbb;
			}
		}

		.archiving-progress {
			position: absolute;
			bottom: -3px; left: 0;
			height: 3px;
			background: @sd-blue;
		}

		.media {
			.box-sizing(border-box);
			height:@sfbox_mediaHeight; //+2 media border
			margin:0 2px 5px;
			display:block;
			position:relative;
			background: #f8f8f8;
			img {
				height: auto;
				width: auto;
				max-width: @sfbox_mediaMaxWidth;
				max-height: @sfbox_mediaHeight;
			}
			.caption {
				display: none;
			}

			.selectbox {
				position: absolute;
				top: 0;
				right: 0;
				margin: 0;
				padding: 1px 0 3px 5px;
				background-color: #fff;

				.sd-checkbox {
					margin: 0;
				}
			}
		}
		&.media-picture {
			.text {
			    display: none;
			    position: absolute;
			    left: 0;
			    bottom: 0;
				width: @sfbox_minWidth;
				height:@sfbox_mediaHeight;
			    background: rgba(192,192,192,0.9);
			}
			.media:hover .text {
			    display: block
			}
		}
		&.media-text,&.media-preformatted,&.media-composite,&.media-picture {
			.media {
				max-width: @sfbox_minWidth;
				font-size: 12px;
				font-style: italic;
				white-space: normal;
				overflow: hidden;
			}
			small {
				display: block;
				padding: 2px 5px;
				font-size: 13px;
			}
			.container {
				.text-semibold();
				color: #444;
				margin-left: 6px;
			}
		}

		&.media-audio, &.media-video {
			.media {
				width: @sfbox_minWidth;
				max-width: @sfbox_minWidth;
				text-align: center;
				i {
					margin-top: 35px;
					.opacity(35);
				}
			}
		}
		.media-info {
			position: relative;
		}
		h5 {
			position: absolute;
			left: 0;
			right: 0;
			top: 0;
			width:auto;
			white-space:nowrap;
			overflow:hidden;
			text-overflow: ellipsis;
			height:18px;
			font-size:11px;
			color:#444;
			text-transform: uppercase;
			&.shifted {
				left: 20px;
			}
		}
		dl {
			position: absolute;
			left: 0;
			right: 0;
			top: 20px;
			.clearfix();
			font-size:11px;
			height:auto;
			margin:0 2px;
			dt {
				width:auto;
				float: left;
				clear: left;
				color:#787878;
				line-height:16px;
				font-weight:normal;
			}
			dt:after {
				content : ":";
			}
			dd {
				width:auto;
				color:#b4b4b4;
				line-height:16px;
				float:left;
				margin-left:4px;
				&.subject-line {
					max-width:90px;
					height:15px;
					overflow:hidden;
					text-overflow:ellipsis;
					white-space: nowrap;
				}
			}
		}
		.type-icon {
			position: absolute;
			bottom: 35px;
			left: 0px;
			.opacity(50);
		}

		.source {
			&:after {
				content: "" !important;
			}
		}
		.provider {
			color: #787878;
			margin-left: 0;
		}

		.urgency-label {
			position: absolute;
			bottom: 35px;
			left: 36px;
		}

		.state-label {
			position: absolute;
			bottom: 36px;
			right: 0px;
		}

		.fetched-desk {
			font-size:11px;
		}
	}

.mgrid-view, #scratchpad {
	.media-box {
		.action {
			height:33px;
			position: absolute;
			left: 0;
			right: 0;
			bottom: 0;
		}
		.media-box-generic;
		&.locked {
			border-bottom-color: #e51c23 !important;
		}

		.highlights-title {
			display: block;
			float: left;
			margin-top: -2px;
		}

		/* control buttons on the bottom */
		.item-functions {
			background: #fff;
			position: absolute;
			height: 32px;
			border-top: 1px solid rgba(0,0,0,0.1);
			bottom: 0;
			left: 0;
			right: 0;
			.item-field {
				width: 31px;
				height: 32px;
				border-left: 0;
				border-right: 1px solid #f0f0f0;
				.box-sizing(border-box);
				padding: 0;
				a {
					display: inline-block;
					width: 100%;
					height: 32px;
					line-height: 32px;
					vertical-align: middle;
					text-align: center;
					.actioning {
						background-image: url("../../images/loading-small.gif");
						background-repeat: no-repeat;
	    				background-position: center;
						display: inline-block;
						width: 100%;
						height: 32px;
						line-height: 32px;
						vertical-align: middle;
						text-align: center;
					}
				}
			}

		}
	}
}

.mgrid-view {
	padding-bottom: 80px;
	.draggable-item {
		float: left;
	}
}

#scratchpad {
	.media-box {
		border-color: #aaa;
		&.archived {
			.box-shadow(none);
		}
	}
}

/* ====================================== */
  // media box list view

@rightfield-width:150px;

.mlist-view, .compact-view {

	.list-item-view {
		width: 100%;
        .box-shadow(0 1px 4px 0 rgba(0,0,0,20%));
        &:last-child {
            .media-box {
                border-bottom: none;
            }
        }
		.panel-body {
			display: block !important;
			width: 100%;
		}
	}
	.media-box {
		position: relative;
		background: #fff;
		border-bottom: 1px solid #ebebeb;
		border-right: 2px solid #fff;
		padding-left:3px;
		&:hover {
			background-color: #f4f4f4 !important;
			border-right: 2px solid #f4f4f4;
			cursor: pointer;
			.list-field {
				border-color:#ebebeb;
			}
		}

		.list-field {
			border-left: 1px solid #f4f4f4;
			float: left;
			padding: 10px;
			height: 36px;

			&.no-border {
				border:0;
			}
		}

		.archiving-progress {
			position: absolute;
			bottom: 0px; left: 0;
			height: 1px;
			.box-shadow(0 0 1px 0 darken(@sd-blue,20%));
			background: @sd-blue;
		}

		.type-icon {
			text-align: center;
			width: 44px;
			height: 56px;
			.box-sizing(border-box);

			i {
				.opacity(50);
				width: 24px;
				padding-left: 0;
				margin-left: 0;
				margin-top: 7px;
			}

			.sd-checkbox {
				margin: 9px 0 0 1px;
			}
		}

		.urgency {
			text-align: center;
			.output-item-label {
				clear: both;
				float: left;
				margin-top: 8px;
			}
			i {
				float: left;
			}
		}

		.urgency {
			i {
				//margin-top: -4px;
			}
		}

		.word-count-box {
			width: 50px;
			span {
				display: block;
			}
			.word-count {
				height: 18px;
				.text-semibold();
			}
			.signal {
				background: #e7e7e7;
				padding: 2px 4px;
				.border-radius(2px);
				text-transform: uppercase;
				font-size: 10px;
				float: left;
				.text-semibold();
				line-height: 12px;
				margin-top: 1px;
			}
		}

		.item-info {
			padding: 10px;
			.line {
				height: 18px;
				line-height: 18px;
				position: relative;
				margin-left: 142px;
			}
			.state-label {
				margin-top: 2px;
			}
			.headline {
				color: #686b6c;
				margin-right:  @rightfield-width + 5px;
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap;
			}
			.keyword {
				.text-semibold();
				color: @sd-keyword;
				text-transform: uppercase;
				font-size: 12px;
				margin-right: 20px;
			}
			.container {
				.text-semibold();
				color: #444;
				margin-left: 20px;
			}
			.takekey {
				color: #333;
				margin-right: 20px;
				float: left;
			}
			.category {
				color: #444;
				margin-right: 20px;
				float: left;
			}
			.provider {
				color: #686b6c;
				float: left;
				margin-right: 20px;
			}
			.expires {
				float: right;
				background: @errorBackground;
				color: @errorText;
				font-size: 10px;
				line-height: 15px;
				padding: 0 5px;
				border-radius: 3px;
				margin-top: 4px;
			}
			time {
				position: absolute;
				top:0; right: 0;
				font-size: 11px;
				color: @grayLight;
			}
		}
		.item-right {
			border-left: 0;
			min-width: @rightfield-width;
			position: absolute;
			right: 0;
			top:0;
			text-align: right;
			padding: 0;
			.action {
				background: #f4f4f4;
				position: relative;
				right: -2px; bottom: 0;
				min-width: @rightfield-width;
				display: none;
				.item-functions {
					.item-field {
						a {
							display: inline-block;
							padding: 10px 20px;
							height: 35px;
							line-height: 35px;
							text-align: center;
							vertical-align: middle;
							.actioning {
								background-image: url("../../images/loading-small.gif");
								background-repeat: no-repeat;
			    				background-position: center;
								display: inline-block;
								height: 35px;
								line-height: 35px;
								text-align: center;
								vertical-align: middle;
							}
						}
						button {
							margin-top: 7px;
						}
					}
				}

			}
		}

		&.archived {
			background: @sd-background url('../../images/checkmark-big-full.png') no-repeat 70% 50%;
			background-size: 36px;
			//.box-shadow(inset 0 2px 0 0px #f2f2f2);
			border-right: 2px solid @sd-background;
			&.active {
				border-right: 2px solid rgba(94,169,200,0.75) !important;
			}
		}

		&:hover {
			.action {
				display: block;
			}
		}
		.state-border {
			position: absolute;
			width: 3px;
			left: 0;
			top:0;
			bottom: 0;
			background: #bbb;
		}
		&.locked .state-border {
			background: #e51c23;
		}

	}
}

.mgrid-view, #scratchpad {
	.active {
		.media-box {
			border-color: #787878;
			.box-shadow-both(0 0px 6px 1px rgba(0,0,0,0.75), 0 0 0 1px rgba(0,0,0,0.12));
		}
	}
}
.mlist-view, .compact-view  {
	.active {
		.media-box {
			background-color: #eff7fa !important;
			border-right: 2px solid rgba(94,169,200,0.75) !important;
			&:hover {
				.item-functions {
					background-color: #eff7fa;
					.item-field {
						&:hover {
							background-color: #d6e8ef;
						}
						&.disabled {
							&:hover {
								background-color: #d6e8ef;
							}
						}
					}
				}
			}
		}
	}
}

/*modal window*/
@modalMaxImageWidth : 379px;
@modalMaxImageHeight : 250px;

.modal-body {
	.row-fluid {
		.span6 {
			figure {
				margin:0px;
				padding:0px;
				width:100%;
				max-width:@modalMaxImageWidth;
				height:auto;
				max-height:@modalMaxImageHeight;
			}
			dl {
				font-size:13px;
				color:#777;
				position:relative;
				height:auto;
				margin:0;
				dt {
					width:110px;
					float: left;
					clear: left;
					font-weight:normal;
					color:#474747;
					margin-bottom:5px;
					line-height:16px;
					vertical-align:middle;
				}
				dt:after {
					content : ":";
				}
				dd {
					width:245px;
					max-width: 245px;
					float:left;
					margin-left:0px;
					line-height:16px;
					margin-bottom:5px;
					vertical-align:middle;
				}
				&.line-borders {
					width:379px;
					border-top:1px solid #e8e8e8;
					margin-top:15px;
					dt {
						border-bottom:1px solid #e8e8e8;
						vertical-align:top;
						line-height:20px;
						margin-bottom:0px;
					}
					dd {
						padding-right: 24px;
						border-bottom:1px solid #e8e8e8;
						vertical-align:top;
						line-height:20px;
						margin-bottom:0px;
					}
				}
			}

		}
	}
}

.metadata-language {
	height: 38px;
	position: relative;
	z-index: 10;
}

.metadata-details {
	max-height: 350px;
	overflow-y: auto;
	overflow-x: hidden;
	padding: 5px;
	input, textarea {
		border-color: #e0e0e0 !important;
		color: #585858;
		&:focus {
			border-color:  rgba(82, 168, 236, 0.8) !important;
			color:#000;
		}
	}
}
.edit-metadata-select {
	margin-top: 2px;
	height: 26px;
}

.modal-header {
	button.close {
		padding : 0;
		cursor: pointer;
		background: transparent;
		border:0;
		-webkit-appearance: none;
		&:hover {
			color: #b3b3b3;
		}
	}
}

.btn.pull-right {
	margin-left: 10px;
}

.meta-description-text {
	height: 52px;
	max-width: 245px;
}

.close {
	&:hover {
		color: #b3b3b3;
	}
}

/* uploads grid used for upload popup */
.uploads-grid {
	list-style-type: none;
	margin:60px 0 0;
	padding: 0;
	top:0;
	bottom:0;
	overflow: scroll;
	position: absolute;
	li {
		max-height: 100px;
		float: left;
		margin: 0 15px 15px 0;
		padding: 3px;
		border:1px solid #d0d0d0;
		position: relative;
		.add-button {
			position: absolute;
			background-color: #0079cc;
			left: 3px;
			top: 3px;
			width:16px;
			height: 18px;
			padding: 4px;
			display: none;
		}
		&:hover {
			background: #0079cc;
			border-color:#2d95dd;
			cursor:pointer;
			.box-shadow(0px 0px 3px #a0a0a0);
			.add-button {
				display: block !important;
			}
		}
		&.grid-selected {
			background: #0079cc;
			border-color:#2d95dd;
		}
		img {
			height: 100px;
			max-height: 100px;
		}
	}
}

figure.media {
	img {
		max-width: 100%;
	}
}


Fix strange button style bug in chrome 53, close #3031

// mixins for button
// ------------------------
.button-size(@padding; @font-size; @border-radius) {
  padding: @padding;
  font-size: @font-size;
  border-radius: @border-radius;
}

.button-variant(@color; @background; @border) {
  .button-color(@color; @background; @border);

  &:hover,
  &:focus {
    .button-color(tint(@color, 20%); tint(@background, 20%); tint(@border, 20%));
  }
  &:active,
  &.active {
    .button-color(shade(@color, 5%); shade(@background, 5%); shade(@background, 5%));
  }

  &.disabled,
  &[disabled],
  fieldset[disabled] & {
    &,
    &:hover,
    &:focus,
    &:active,
    &.active {
      .button-color(@btn-disable-color; @btn-disable-bg; @btn-disable-border);
    }
  }
}

.button-color(@color; @background; @border) {
  color: @color;
  background-color: @background;
  border-color: @border;
  // a inside Button which only work in Chrome
  // http://stackoverflow.com/a/17253457
  > a:only-child {
    color: currentColor;
    &:after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      background: transparent;
    }
  }
}

.button-group-base(@btnClassName) {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  > .@{btnClassName} {
    position: relative;
    float: left;
    &:hover,
    &:focus,
    &:active,
    &.active {
      z-index: 2;
    }
  }

  // size
  &-lg > .@{btnClassName} {
    .button-size(@btn-padding-lg; @btn-font-size-lg; @border-radius-base);
  }

  &-sm > .@{btnClassName} {
    .button-size(@btn-padding-sm; @font-size-base; @border-radius-sm);
    > .@{iconfont-css-prefix} {
      font-size: @font-size-base;
    }
  }
}

// Base styles of buttons
// --------------------------------------------------
.btn() {
  display: inline-block;
  margin-bottom: 0;
  font-weight: @btn-font-weight;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  // outline: none;
  white-space: nowrap;
  line-height: @line-height-base;
  .button-size(@btn-padding-base; @font-size-base; @border-radius-base);
  user-select: none;
  transition: all .3s @ease-in-out;
  position: relative;

  > .@{iconfont-css-prefix} {
    line-height: 1;
  }

  &,
  &:active,
  &:focus {
    outline: 0;
  }

  &:not([disabled]):hover {
    text-decoration: none;
  }

  &:not([disabled]):active {
    outline: 0;
    transition: none;
  }

  &.disabled,
  &[disabled] {
    cursor: @cursor-disabled;
    > * {
      pointer-events: none;
    }
  }

  &-lg {
    .button-size(@btn-padding-lg; @btn-font-size-lg; @border-radius-base);
  }

  &-sm {
    .button-size(@btn-padding-sm; @font-size-base; @border-radius-sm);
  }
}

// primary button style
.btn-primary() {
  .button-variant(@btn-primary-color; @btn-primary-bg; @primary-color);

  &:hover,
  &:focus,
  &:active,
  &.active {
    color: @btn-primary-color;
  }
}

// default button style
.btn-default() {
  .button-variant(@btn-default-color; @btn-default-bg; @btn-default-border);

  &:hover,
  &:focus {
    .button-color(tint(@primary-color, 20%); white; tint(@primary-color, 20%));
  }
  &:active,
  &.active {
    .button-color(shade(@primary-color, 5%); white; shade(@primary-color, 5%));
  }
}

// ghost button style
.btn-ghost() {
  .button-variant(@btn-ghost-color, @btn-ghost-bg, @btn-ghost-border);

  &:hover,
  &:focus {
    .button-color(tint(@primary-color, 20%); @btn-ghost-bg; tint(@primary-color, 20%));
  }
  &:active,
  &.active {
    .button-color(shade(@primary-color, 5%); @btn-ghost-bg; shade(@primary-color, 5%));
  }
}

// ghost button style
.btn-dashed() {
  .button-variant(@btn-ghost-color, @btn-ghost-bg, @btn-ghost-border);
  border-style: dashed;

  &:hover,
  &:focus {
    .button-color(tint(@primary-color, 20%); @btn-ghost-bg; tint(@primary-color, 20%));
  }
  &:active,
  &.active {
    .button-color(shade(@primary-color, 5%); @btn-ghost-bg; shade(@primary-color, 5%));
  }
}

// circle button: the content only contains icon
.btn-circle(@btnClassName: btn) {
  .square(@btn-circle-size);
  .button-size(0; @font-size-base + 2; 50%);

  &.@{btnClassName}-lg {
    .square(@btn-circle-size-lg);
    .button-size(0; @btn-font-size-lg + 2; 50%);
  }

  &.@{btnClassName}-sm {
    .square(@btn-circle-size-sm);
    .button-size(0; @font-size-base; 50%);
  }
}

// Horizontal button groups styl
// --------------------------------------------------
.btn-group(@btnClassName: btn) {
  .button-group-base(@btnClassName);

  .@{btnClassName} + .@{btnClassName},
  .@{btnClassName} + &,
  & + .@{btnClassName},
  & + & {
    margin-left: -1px;
  }

  .@{btnClassName}:not(:first-child):not(:last-child) {
    border-radius: 0;
    padding-left: 8px;
    padding-right: 8px;
  }

  > .@{btnClassName}:first-child {
    margin-left: 0;
    &:not(:last-child) {
      border-bottom-right-radius: 0;
      border-top-right-radius: 0;
      padding-right: 8px;
    }
  }

  > .@{btnClassName}:last-child:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    padding-left: 8px;
  }

  & > & {
    float: left;
  }

  & > &:not(:first-child):not(:last-child) > .@{btnClassName} {
    border-radius: 0;
  }

  & > &:first-child:not(:last-child) {
    > .@{btnClassName}:last-child {
      border-bottom-right-radius: 0;
      border-top-right-radius: 0;
      padding-right: 8px;
    }
  }

  & > &:last-child:not(:first-child) > .@{btnClassName}:first-child {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    padding-left: 8px;
  }
}

// mixins for button
// ------------------------
.button-size(@padding; @font-size; @border-radius) {
  padding: @padding;
  font-size: @font-size;
  border-radius: @border-radius;
}

.button-variant(@color; @background; @border) {
  .button-color(@color; @background; @border);

  &:hover,
  &:focus {
    .button-color(tint(@color, 20%); tint(@background, 20%); tint(@border, 20%));
  }
  &:active,
  &.active {
    .button-color(shade(@color, 5%); shade(@background, 5%); shade(@background, 5%));
  }

  &.disabled,
  &[disabled],
  fieldset[disabled] & {
    &,
    &:hover,
    &:focus,
    &:active,
    &.active {
      .button-color(@btn-disable-color; @btn-disable-bg; @btn-disable-border);
    }
  }
}

.button-color(@color; @background; @border) {
  color: @color;
  background-color: @background;
  border-color: @border;
  // a inside Button which only work in Chrome
  // http://stackoverflow.com/a/17253457
  > a:only-child {
    color: currentColor;
    &:after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      background: transparent;
    }
  }
}

.button-group-base(@btnClassName) {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  > .@{btnClassName} {
    position: relative;
    float: left;
    &:hover,
    &:focus,
    &:active,
    &.active {
      z-index: 2;
    }
  }

  // size
  &-lg > .@{btnClassName} {
    .button-size(@btn-padding-lg; @btn-font-size-lg; @border-radius-base);
  }

  &-sm > .@{btnClassName} {
    .button-size(@btn-padding-sm; @font-size-base; @border-radius-sm);
    > .@{iconfont-css-prefix} {
      font-size: @font-size-base;
    }
  }
}

// Base styles of buttons
// --------------------------------------------------
.btn() {
  display: inline-block;
  margin-bottom: 0;
  font-weight: @btn-font-weight;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  // outline: none;
  white-space: nowrap;
  line-height: @line-height-base;
  .button-size(@btn-padding-base; @font-size-base; @border-radius-base);
  user-select: none;
  transition: all .3s @ease-in-out;
  transform: translate3d(0, 0, 0);

  > .@{iconfont-css-prefix} {
    line-height: 1;
  }

  &,
  &:active,
  &:focus {
    outline: 0;
  }

  &:not([disabled]):hover {
    text-decoration: none;
  }

  &:not([disabled]):active {
    outline: 0;
    transition: none;
  }

  &.disabled,
  &[disabled] {
    cursor: @cursor-disabled;
    > * {
      pointer-events: none;
    }
  }

  &-lg {
    .button-size(@btn-padding-lg; @btn-font-size-lg; @border-radius-base);
  }

  &-sm {
    .button-size(@btn-padding-sm; @font-size-base; @border-radius-sm);
  }
}

// primary button style
.btn-primary() {
  .button-variant(@btn-primary-color; @btn-primary-bg; @primary-color);

  &:hover,
  &:focus,
  &:active,
  &.active {
    color: @btn-primary-color;
  }
}

// default button style
.btn-default() {
  .button-variant(@btn-default-color; @btn-default-bg; @btn-default-border);

  &:hover,
  &:focus {
    .button-color(tint(@primary-color, 20%); white; tint(@primary-color, 20%));
  }
  &:active,
  &.active {
    .button-color(shade(@primary-color, 5%); white; shade(@primary-color, 5%));
  }
}

// ghost button style
.btn-ghost() {
  .button-variant(@btn-ghost-color, @btn-ghost-bg, @btn-ghost-border);

  &:hover,
  &:focus {
    .button-color(tint(@primary-color, 20%); @btn-ghost-bg; tint(@primary-color, 20%));
  }
  &:active,
  &.active {
    .button-color(shade(@primary-color, 5%); @btn-ghost-bg; shade(@primary-color, 5%));
  }
}

// ghost button style
.btn-dashed() {
  .button-variant(@btn-ghost-color, @btn-ghost-bg, @btn-ghost-border);
  border-style: dashed;

  &:hover,
  &:focus {
    .button-color(tint(@primary-color, 20%); @btn-ghost-bg; tint(@primary-color, 20%));
  }
  &:active,
  &.active {
    .button-color(shade(@primary-color, 5%); @btn-ghost-bg; shade(@primary-color, 5%));
  }
}

// circle button: the content only contains icon
.btn-circle(@btnClassName: btn) {
  .square(@btn-circle-size);
  .button-size(0; @font-size-base + 2; 50%);

  &.@{btnClassName}-lg {
    .square(@btn-circle-size-lg);
    .button-size(0; @btn-font-size-lg + 2; 50%);
  }

  &.@{btnClassName}-sm {
    .square(@btn-circle-size-sm);
    .button-size(0; @font-size-base; 50%);
  }
}

// Horizontal button groups styl
// --------------------------------------------------
.btn-group(@btnClassName: btn) {
  .button-group-base(@btnClassName);

  .@{btnClassName} + .@{btnClassName},
  .@{btnClassName} + &,
  & + .@{btnClassName},
  & + & {
    margin-left: -1px;
  }

  .@{btnClassName}:not(:first-child):not(:last-child) {
    border-radius: 0;
    padding-left: 8px;
    padding-right: 8px;
  }

  > .@{btnClassName}:first-child {
    margin-left: 0;
    &:not(:last-child) {
      border-bottom-right-radius: 0;
      border-top-right-radius: 0;
      padding-right: 8px;
    }
  }

  > .@{btnClassName}:last-child:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    padding-left: 8px;
  }

  & > & {
    float: left;
  }

  & > &:not(:first-child):not(:last-child) > .@{btnClassName} {
    border-radius: 0;
  }

  & > &:first-child:not(:last-child) {
    > .@{btnClassName}:last-child {
      border-bottom-right-radius: 0;
      border-top-right-radius: 0;
      padding-right: 8px;
    }
  }

  & > &:last-child:not(:first-child) > .@{btnClassName}:first-child {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    padding-left: 8px;
  }
}


INBOX-408 Added 5px margin between tags.

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/'


Although hero view should be 100vh, it still must have a min and max height to preserve layout

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/'


BAP-9979: Filter by Source in Leads is not working correctly

- fix css

@import "oroui/css/less/mixins";
.ui-multiselect-checkboxes{
    overflow-x: visible;
}
.filter-item {
    margin-right: 7px;
    margin-bottom: 7px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;

    .loader-frame {
        padding-left: 36px;
    }
}
.filter-item .reset-filter:hover [class^='icon-']:before {
    color: #666;
}
.filter-item .reset-filter {
    margin-left: 2px;
}
.filter-item .filter-default-value .reset-filter {
    display: none;
}
.filter-select.filter-default-value .multiselect-filter-widget {
    display: inline-block;
}

.filter-box .btn-group [class^='icon-'] {
  padding-top:2px;
  vertical-align:middle;
}
.filter-box .filter-item .disable-filter {
    background-color: #F5F5F5;
    border-bottom-right-radius: 4px;
    border-color: #CCCCCC #CCCCCC #B3B3B3;
    border-style: solid;
    border-top-right-radius: 4px;
    border-width: 1px 1px 1px 0;
    display: inline-block;
    font-size: 18px;
    height: 29px;
    line-height: 29px;
    padding: 2px;
    vertical-align: top;
}

.filter-box .filter-select {
    height: 29px;
}

.filter-box .filter-select .disable-filter {
    margin-left: 3px;
}

.filter-box .filter-item .filter-criteria {
    position: absolute;
    font-size: 12px;
    background-color: #ffffff;
    padding: 8px 8px 2px 8px;
    border: 1px solid #d3d3d3;
    display: none;
    z-index: @oroZindexDropdown;
    margin-top: 7px;
    top: auto;
}
.filter-box .filter-item .filter-criteria select,
.filter-box .filter-item .filter-criteria textarea,
.filter-box .filter-item .filter-criteria input[type="text"],
.filter-box .filter-item .filter-criteria input[type="password"],
.filter-box .filter-item .filter-criteria input[type="datetime"],
.filter-box .filter-item .filter-criteria input[type="datetime-local"],
.filter-box .filter-item .filter-criteria input[type="date"],
.filter-box .filter-item .filter-criteria input[type="month"],
.filter-box .filter-item .filter-criteria input[type="time"],
.filter-box .filter-item .filter-criteria input[type="week"],
.filter-box .filter-item .filter-criteria input[type="number"],
.filter-box .filter-item .filter-criteria input[type="email"],
.filter-box .filter-item .filter-criteria input[type="url"],
.filter-box .filter-item .filter-criteria input[type="search"],
.filter-box .filter-item .filter-criteria input[type="tel"],
.filter-box .filter-item .filter-criteria input[type="color"],
.filter-box .filter-item .filter-criteria .uneditable-input {
    margin-bottom: 10px;

}
.filter-box {
  .filter-item {
    .filter-criteria {
      input[type="text"],
      input[type="datetime"],
      input[type="date"] {
        & + .dropdown-menu-calendar {
          margin-top: -11px;
        }
      }
    }
  }
}
.filter-box .filter-item .filter-criteria .input-append input,
.filter-box .filter-item .filter-criteria .input-prepend input,
.filter-box .filter-item .filter-criteria .input-append select,
.filter-box .filter-item .filter-criteria .input-prepend select,
.filter-box .filter-item .filter-criteria .input-append .uneditable-input,
.filter-box .filter-item .filter-criteria .input-prepend .uneditable-input {
    margin-bottom: 0;
}
.filter-select .select-filter-widget {
    &, &.ui-multiselect {
      font-weight: bold;
      color: #333333;
      padding: 0 0 2px 0;
      background: none;
      border: none;
      margin-left: 0;
    }
}

.filter-select .select-filter-widget .ui-icon {
    margin-top: 2px;
}

.ui-multiselect-menu.select-filter-widget {
    padding: 2px;
}

.ui-multiselect-menu.select-filter-widget ul {
    max-height: 170px;
}

.ui-multiselect-menu.select-filter-widget .ui-multiselect-close {
    display: none;
}

.ui-multiselect-menu.select-filter-widget .ui-multiselect-checkboxes label span {
    white-space: nowrap;
}

.ui-multiselect-menu.select-filter-widget .ui-multiselect-checkboxes li {
    padding: 0;
}
.ui-multiselect-menu.select-filter-widget .ui-multiselect-checkboxes label {
    margin: 0;
    float: left;
}

.ui-multiselect-menu.select-filter-widget .ui-multiselect-checkboxes.fixed-li label{
    float: none;
}
.ui-multiselect-menu.select-filter-widget .ui-multiselect-checkboxes label.ui-state-hover {
    background-image: none;
    background-color: #EFEFEF;
}

.ui-multiselect-menu.select-filter-widget .ui-multiselect-checkboxes label.ui-state-active {
    background-image: none;
    background-color: #3875d7;
    color: #ffffff;
}
.ui-multiselect-single .ui-multiselect-checkboxes label {
  line-height:20px;
}
.ui-multiselect-menu.select-filter-widget {
    padding: 0 0 2px 0;
}
.ui-multiselect-menu.select-filter-widget input[type="search"] {
    margin: 0;
}

.ui-multiselect.select-filter-widget span.caret {
    margin-top: 8px;
    margin-right: 8px;
}
.ui-multiselect.select-filter-widget .add-filter-button span.caret {
    border-top-color: #006ACC;
}
.ui-multiselect.select-filter-widget .add-filter-button:hover{
    text-decoration: none;
}
.ui-multiselect-menu.select-filter-widget .ui-multiselect-header {
    padding: 4px 4px 0 4px;
    margin: 0;
}

.ui-multiselect-menu.select-filter-widget .ui-multiselect-header > div {
    padding: 4px 4px 6px 4px;
}

.ui-multiselect-menu.select-filter-widget .ui-multiselect-header .ui-helper-reset {
    display: none;
}

.ui-multiselect-menu.select-filter-widget .ui-multiselect-checkboxes input[type="checkbox"] {
    margin: 0 6px 5px 5px;
}

.ui-multiselect.filter-list, .ui-multiselect.select-filter-widget {

    background: none;
    border: none;
    font-size: 13px;
    font-weight: bold;
    padding: 9px 0 7px 6px;
    line-height: 1em;
}

.ui-multiselect.select-filter-widget:hover .add-filter-button span.caret {
    border-top-color: #005099; /* @linkColorHover; */
}

.ui-multiselect.select-filter-widget:hover a {
    color: #005099; /* @linkColorHover; */
}

.ui-multiselect.select-filter-widget span.caret {
    margin-top: 5px;
}

.ui-multiselect.filter-list.ui-state-hover {
    color: #032D67;
    text-decoration: underline;
}
button.ui-multiselect.select-filter-widget.ui-state-hover{
    text-decoration: none;
}
.date-visual-element {
    width: 95px;
}
.filter-criteria .dropdown-menu a {
    color:#444;
}
.filter-criteria .dropdown-menu a:hover {
    background:#3875d7;
    color:#444;
    outline: none !important;
}
.filter-criteria .nav-tabs-oro a:hover,
.filter-criteria .nav-tabs-oro a:focus{
    background: #efefef;
    color: #444;
}
.filter-criteria .nav-tabs-oro .active a:hover,
.filter-criteria .nav-tabs-oro .active a:focus{
    background: #fff;
    color: #6d6d6d;
}
.filter-criteria .tab-content a:not(.ui-slider-handle):hover,
.filter-criteria .tab-content a:not(.ui-slider-handle):focus{
    background: transparent;
}
.filter-criteria .datetime-visual-element {
    width: 100px;
}
.fields-row {
  .datefilter + .timepicker-input {
    margin-left: 5px;
  }
}
.filter-criteria:focus {
    outline: none;
}

.ui-multiselect.select-filter-widget {
    width: auto !important;
}

.filter-item-simple .choice-filter > .dropdown,
.filter-item-simple .filter-select {
    display: inline-block;
}
.filter-item-simple .caret {
    display: none;
}
.active-filter .dropdown:after {
    display: inline-block;
}
.active-filter .field-select {
    display: block;
}

.ui-multiselect-menu.multiselect-filter-widget {
    margin-top: 7px;
}
.ui-multiselect.multiselect-filter-widget span,
.filter-item .filter-criteria-hint {
    max-width: 250px;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: bottom;
}

.filter-item .filter-update-empty {
    margin-left: -2px;
}

.filter-criteria {
  .choice-filter {
    .btn-group.btn-block{
      width: auto;
      float: left;
      .dropdown-toggle {
        -webkit-border-radius: 3px 0 0 3px;
        -moz-border-radius: 3px 0 0 3px;
        border-radius: 3px 0 0 3px;
      }
    }
    .value-field-frame {
      position: relative;
      vertical-align: top;
      width: auto;

      input[type=text] {
        max-width: 100%;
        width: 280px;
        height: 29px;
        box-sizing: border-box;
        border-left-width: 0;
        border-right-width: 0;
        margin-bottom: 0;
      }
      .filter-update {
        position: absolute;
        right: 0;
        top: 0;
      }
    }
  }
}

.condition-item .select2-container.dictionary-filter{
  display: block;
  max-width: none;
}
.dictionary-filter {

  ul {
    border: 1px solid #ccc;
    border-radius: 3px;
    color: #555555;
    font-size: 13px;
    height: 20px;
    line-height: 20px;
    margin-bottom: 10px;
    padding: 4px 6px;
    vertical-align: middle;
  }
}
.filter-item.choice-tree-filter {
  margin-right: 0;
  margin-bottom: 0;
  max-width: 300px;
  min-width: 180px;
  .choice-tree-filter-search{
    width: calc(~"100% - 14px");
  }
  .buttons {
    margin-bottom: 5px;
    span {
      cursor: pointer;
      color: #006acc;
    }
    span.active {
      color: rgb(68, 68, 68);
      cursor: default;
    }
  }
  .list {
    max-height: 200px;
    overflow: auto;
    margin-bottom: 10px;
    ul:first-child{
      margin-left: 0;
    }
    ul {
      list-style-type: none;
      input {
        margin-right: 5px;
        margin-top: 0;
        margin-left: -18px;
      }
      label {
        padding-left: 20px;
        &.search-result {
          color: #000000;
          font-weight: bold;
        }
      }
    }
  }
  input[name="value"] {
    display: none;
  }
}

.filter-container {
    position: relative;
}
.filter-items-hint {
    padding-right: 80px;
    position: relative;

    .reset-filter-button {
        position: absolute;
        top: 0;
        right: 0;
    }
}

.filter-criteria .choice-filter .value-field-frame .dictionary-filter {
  width: 200px;
}

.filter-criteria .choice-filter .value-field-frame .select2-search-field input[type=text] {
  height: 25px;
  padding: 5px;
}

.filter-criteria .choice-filter .select2-container-multi .select2-choices .select2-search-choice {
  margin: 2px 0 2px 5px;
  padding: 3px 20px 3px 7px;
}
.select-field-date-popover {
  top: 3px;
  right: 3px;
  position: absolute;
}
.select-field-date-popover .popover{
  min-width: 350px;
}
.field-condition-date-popover {
  display: inline-block;

  i {
    cursor: pointer;
  }
}

@import "oroui/css/less/mixins";
.ui-multiselect-checkboxes{
    overflow-x: visible;
}
.filter-item {
    margin-right: 7px;
    margin-bottom: 7px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
}
.filter-item .reset-filter:hover [class^='icon-']:before {
    color: #666;
}
.filter-item .reset-filter {
    margin-left: 2px;
}
.filter-item .filter-default-value .reset-filter {
    display: none;
}
.filter-select.filter-default-value .multiselect-filter-widget {
    display: inline-block;
}

.filter-box .btn-group [class^='icon-'] {
  padding-top:2px;
  vertical-align:middle;
}
.filter-box .filter-item .disable-filter {
    background-color: #F5F5F5;
    border-bottom-right-radius: 4px;
    border-color: #CCCCCC #CCCCCC #B3B3B3;
    border-style: solid;
    border-top-right-radius: 4px;
    border-width: 1px 1px 1px 0;
    display: inline-block;
    font-size: 18px;
    height: 29px;
    line-height: 29px;
    padding: 2px;
    vertical-align: top;
}

.filter-box .filter-select {
    height: 29px;
}

.filter-box .filter-select .disable-filter {
    margin-left: 3px;
}

.filter-box .filter-item .filter-criteria {
    position: absolute;
    font-size: 12px;
    background-color: #ffffff;
    padding: 8px 8px 2px 8px;
    border: 1px solid #d3d3d3;
    display: none;
    z-index: @oroZindexDropdown;
    margin-top: 7px;
    top: auto;
}
.filter-box .filter-item .filter-criteria select,
.filter-box .filter-item .filter-criteria textarea,
.filter-box .filter-item .filter-criteria input[type="text"],
.filter-box .filter-item .filter-criteria input[type="password"],
.filter-box .filter-item .filter-criteria input[type="datetime"],
.filter-box .filter-item .filter-criteria input[type="datetime-local"],
.filter-box .filter-item .filter-criteria input[type="date"],
.filter-box .filter-item .filter-criteria input[type="month"],
.filter-box .filter-item .filter-criteria input[type="time"],
.filter-box .filter-item .filter-criteria input[type="week"],
.filter-box .filter-item .filter-criteria input[type="number"],
.filter-box .filter-item .filter-criteria input[type="email"],
.filter-box .filter-item .filter-criteria input[type="url"],
.filter-box .filter-item .filter-criteria input[type="search"],
.filter-box .filter-item .filter-criteria input[type="tel"],
.filter-box .filter-item .filter-criteria input[type="color"],
.filter-box .filter-item .filter-criteria .uneditable-input {
    margin-bottom: 10px;

}
.filter-box {
  .filter-item {
    .filter-criteria {
      input[type="text"],
      input[type="datetime"],
      input[type="date"] {
        & + .dropdown-menu-calendar {
          margin-top: -11px;
        }
      }
    }
  }
}
.filter-box .filter-item .filter-criteria .input-append input,
.filter-box .filter-item .filter-criteria .input-prepend input,
.filter-box .filter-item .filter-criteria .input-append select,
.filter-box .filter-item .filter-criteria .input-prepend select,
.filter-box .filter-item .filter-criteria .input-append .uneditable-input,
.filter-box .filter-item .filter-criteria .input-prepend .uneditable-input {
    margin-bottom: 0;
}
.filter-select .select-filter-widget {
    &, &.ui-multiselect {
      font-weight: bold;
      color: #333333;
      padding: 0 0 2px 0;
      background: none;
      border: none;
      margin-left: 0;
    }
}

.filter-select .select-filter-widget .ui-icon {
    margin-top: 2px;
}

.ui-multiselect-menu.select-filter-widget {
    padding: 2px;
}

.ui-multiselect-menu.select-filter-widget ul {
    max-height: 170px;
}

.ui-multiselect-menu.select-filter-widget .ui-multiselect-close {
    display: none;
}

.ui-multiselect-menu.select-filter-widget .ui-multiselect-checkboxes label span {
    white-space: nowrap;
}

.ui-multiselect-menu.select-filter-widget .ui-multiselect-checkboxes li {
    padding: 0;
}
.ui-multiselect-menu.select-filter-widget .ui-multiselect-checkboxes label {
    margin: 0;
    float: left;
}

.ui-multiselect-menu.select-filter-widget .ui-multiselect-checkboxes.fixed-li label{
    float: none;
}
.ui-multiselect-menu.select-filter-widget .ui-multiselect-checkboxes label.ui-state-hover {
    background-image: none;
    background-color: #EFEFEF;
}

.ui-multiselect-menu.select-filter-widget .ui-multiselect-checkboxes label.ui-state-active {
    background-image: none;
    background-color: #3875d7;
    color: #ffffff;
}
.ui-multiselect-single .ui-multiselect-checkboxes label {
  line-height:20px;
}
.ui-multiselect-menu.select-filter-widget {
    padding: 0 0 2px 0;
}
.ui-multiselect-menu.select-filter-widget input[type="search"] {
    margin: 0;
}

.ui-multiselect.select-filter-widget span.caret {
    margin-top: 8px;
    margin-right: 8px;
}
.ui-multiselect.select-filter-widget .add-filter-button span.caret {
    border-top-color: #006ACC;
}
.ui-multiselect.select-filter-widget .add-filter-button:hover{
    text-decoration: none;
}
.ui-multiselect-menu.select-filter-widget .ui-multiselect-header {
    padding: 4px 4px 0 4px;
    margin: 0;
}

.ui-multiselect-menu.select-filter-widget .ui-multiselect-header > div {
    padding: 4px 4px 6px 4px;
}

.ui-multiselect-menu.select-filter-widget .ui-multiselect-header .ui-helper-reset {
    display: none;
}

.ui-multiselect-menu.select-filter-widget .ui-multiselect-checkboxes input[type="checkbox"] {
    margin: 0 6px 5px 5px;
}

.ui-multiselect.filter-list, .ui-multiselect.select-filter-widget {

    background: none;
    border: none;
    font-size: 13px;
    font-weight: bold;
    padding: 9px 0 7px 6px;
    line-height: 1em;
}

.ui-multiselect.select-filter-widget:hover .add-filter-button span.caret {
    border-top-color: #005099; /* @linkColorHover; */
}

.ui-multiselect.select-filter-widget:hover a {
    color: #005099; /* @linkColorHover; */
}

.ui-multiselect.select-filter-widget span.caret {
    margin-top: 5px;
}

.ui-multiselect.filter-list.ui-state-hover {
    color: #032D67;
    text-decoration: underline;
}
button.ui-multiselect.select-filter-widget.ui-state-hover{
    text-decoration: none;
}
.date-visual-element {
    width: 95px;
}
.filter-criteria .dropdown-menu a {
    color:#444;
}
.filter-criteria .dropdown-menu a:hover {
    background:#3875d7;
    color:#444;
    outline: none !important;
}
.filter-criteria .nav-tabs-oro a:hover,
.filter-criteria .nav-tabs-oro a:focus{
    background: #efefef;
    color: #444;
}
.filter-criteria .nav-tabs-oro .active a:hover,
.filter-criteria .nav-tabs-oro .active a:focus{
    background: #fff;
    color: #6d6d6d;
}
.filter-criteria .tab-content a:not(.ui-slider-handle):hover,
.filter-criteria .tab-content a:not(.ui-slider-handle):focus{
    background: transparent;
}
.filter-criteria .datetime-visual-element {
    width: 100px;
}
.fields-row {
  .datefilter + .timepicker-input {
    margin-left: 5px;
  }
}
.filter-criteria:focus {
    outline: none;
}

.ui-multiselect.select-filter-widget {
    width: auto !important;
}

.filter-item-simple .choice-filter > .dropdown,
.filter-item-simple .filter-select {
    display: inline-block;
}
.filter-item-simple .caret {
    display: none;
}
.active-filter .dropdown:after {
    display: inline-block;
}
.active-filter .field-select {
    display: block;
}

.ui-multiselect-menu.multiselect-filter-widget {
    margin-top: 7px;
}
.ui-multiselect.multiselect-filter-widget span,
.filter-item .filter-criteria-hint {
    max-width: 250px;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: bottom;
}

.filter-item .filter-update-empty {
    margin-left: -2px;
}

.filter-criteria {
  .choice-filter {
    .btn-group.btn-block{
      width: auto;
      float: left;
      .dropdown-toggle {
        -webkit-border-radius: 3px 0 0 3px;
        -moz-border-radius: 3px 0 0 3px;
        border-radius: 3px 0 0 3px;
      }
    }
    .value-field-frame {
      position: relative;
      vertical-align: top;
      width: auto;

      input[type=text] {
        max-width: 100%;
        width: 280px;
        height: 29px;
        box-sizing: border-box;
        border-left-width: 0;
        border-right-width: 0;
        margin-bottom: 0;
      }
      .filter-update {
        position: absolute;
        right: 0;
        top: 0;
      }
    }
  }
}

.condition-item .select2-container.dictionary-filter{
  display: block;
  max-width: none;
}
.dictionary-filter {

  ul {
    border: 1px solid #ccc;
    border-radius: 3px;
    color: #555555;
    font-size: 13px;
    height: 20px;
    line-height: 20px;
    margin-bottom: 10px;
    padding: 4px 6px;
    vertical-align: middle;
  }
}
.filter-item.choice-tree-filter {
  margin-right: 0;
  margin-bottom: 0;
  max-width: 300px;
  min-width: 180px;
  .choice-tree-filter-search{
    width: calc(~"100% - 14px");
  }
  .buttons {
    margin-bottom: 5px;
    span {
      cursor: pointer;
      color: #006acc;
    }
    span.active {
      color: rgb(68, 68, 68);
      cursor: default;
    }
  }
  .list {
    max-height: 200px;
    overflow: auto;
    margin-bottom: 10px;
    ul:first-child{
      margin-left: 0;
    }
    ul {
      list-style-type: none;
      input {
        margin-right: 5px;
        margin-top: 0;
        margin-left: -18px;
      }
      label {
        padding-left: 20px;
        &.search-result {
          color: #000000;
          font-weight: bold;
        }
      }
    }
  }
  input[name="value"] {
    display: none;
  }
}

.filter-container {
    position: relative;
}
.filter-items-hint {
    padding-right: 80px;
    position: relative;

    .reset-filter-button {
        position: absolute;
        top: 0;
        right: 0;
    }
}

.filter-criteria .choice-filter .value-field-frame .dictionary-filter {
  width: 200px;
}

.filter-criteria .choice-filter .value-field-frame .select2-search-field input[type=text] {
  height: 25px;
  padding: 5px;
}

.filter-criteria .choice-filter .select2-container-multi .select2-choices .select2-search-choice {
  margin: 2px 0 2px 5px;
  padding: 3px 20px 3px 7px;
}
.select-field-date-popover {
  top: 3px;
  right: 3px;
  position: absolute;
}
.select-field-date-popover .popover{
  min-width: 350px;
}
.field-condition-date-popover {
  display: inline-block;

  i {
    cursor: pointer;
  }
}


KNL-540 Make welcome page responsive

KNL-540 Make welcome page responsive

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/Craftware/Kornell.git/'