Add atom syntax config

Add atom syntax config

// This defines all syntax variables that syntax themes must implement when they
// include a syntax-variables.less file.

@syntax-cursor-line: hsla(220, 100%,  80%, .04); // needs to be semi-transparent to show serach results
@syntax-bracket-matcher-background-color: lighten(@syntax-background-color, 8%);

// General colors
@syntax-text-color: #CDD3DE;
@syntax-cursor-color: #c0c5ce;
@syntax-selection-color: rgba(128, 203, 196, 0.13);
@syntax-background-color: #333;
@syntax-comments-color: #666;

// Guide colors
@syntax-wrap-guide-color: #65737e;
@syntax-indent-guide-color: #65737e;
@syntax-invisible-character-color: #65737e;

// For find and replace markers
@syntax-result-marker-color: #65737e;
@syntax-result-marker-color-selected: #CDD3DE;

// Gutter colors
@syntax-gutter-text-color: @syntax-comments-color;
@syntax-gutter-text-color-selected: #CDD3DE;
@syntax-gutter-background-color: #333;
@syntax-gutter-background-color-selected: rgba(0, 0, 0, 0.19);

// For git diff info. i.e. in the gutter
// These are static and were not extracted from your textmate theme
@syntax-color-renamed: #64B5F6;
@syntax-color-added: #9CCC65;
@syntax-color-modified: #FFEE58;
@syntax-color-removed: #EF5350;

error: pathspec 'syntax-variables.less' did not match any file(s) known to git


fix rocket-form width

fix rocket-form width

fatal: unable to access 'https://github.com/pitamar/Rocket.Chat.git/': The requested URL returned error: 403


More color adjustments

More color adjustments

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/jasonhulbert/termal-ui.git/'


Reset button style. Safari :trollface:

Reset button style. Safari :trollface:

/**
 *    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/>.
 */

.beatmap-discussion-post {
  @_top: beatmap-discussion-post;

  @_info-text-size: @font-size--small;

  @_discussion-text-size: @font-size--title-small-2;
  @_reply-text-size: @font-size--normal-2;

  @_moderator-bg: @yellow-dark;
  @_moderator-bg-hover: @yellow-darker;

  @_owner-bg: @green-dark;
  @_owner-bg-hover: @green-darker;

  @_content-gutter-base: 15px;

  &--discussion {
    min-width: 0;
    flex: none;

    @media @desktop {
      flex: 1;
    }
  }

  &--new-reply {
    background-color: #eee;
    border-radius: 0 0 @border-radius-base @border-radius-base;
  }

  &--new-reply-placeholder {
    padding: 10px;
    display: flex;
    justify-content: flex-end;
  }

  &--unread {
    &::before {
      .full-size();
      background-color: @blue-darker;
      width: 5px;
    }
  }

  &__action {
    margin: 0 5px;

    &--button {
      .reset-input();
      .link-plain();
      .link-default();
      // reset function above overrides margin
      margin: 0 5px;
      font-size: @font-size--small;
    }

    &--cancel {
      .reset-input();
      position: absolute;
      top: 10px;
      right: 10px;
      padding: 3px 13px; // how big the safari button would have been.
    }
  }

  &__actions {
    display: flex;

    .@{_top}--editing & {
      justify-content: flex-end;
    }

    .@{_top}--new-reply & {
      justify-content: flex-end;
    }

    .@{_top}--editing.@{_top}--reply & {
      margin-top: 5px;
    }
  }

  &__actions-group {
    display: flex;
    align-items: center;
    margin: 0 -5px;
  }

  &__avatar {
    width: @beatmap-discussion--avatar-size;
    height: @beatmap-discussion--avatar-size;
    flex: none;

    .@{_top}--new-reply & {
      margin-bottom: 5px;

      @media @desktop {
        margin-right: 10px;
        margin-bottom: 0;
      }
    }
  }

  &__avatar-container {
    margin-right: 10px;
    flex: none;
    display: flex;
    flex-direction: column;
    width: @beatmap-discussion--avatar-size;
  }

  &__content {
    display: flex;
    padding: 10px @_content-gutter-base;
    flex-direction: column;
    flex: none;
    min-width: 0;

    @media @desktop {
      flex-direction: row;
      flex: 1;
    }

    .@{_top}--reply & {
      @media @desktop {
        padding-left: @beatmap-discussion--reply-padding;
        padding-right: @beatmap-discussion--reply-padding;
      }
    }

    .@{_top}--new-reply & {
      padding-bottom: 0;
    }
  }

  &__footer {
    padding: 10px;

    &--notice {
      padding-top: 0;
      padding-bottom: 0;
      display: flex;
      align-items: flex-end;
      font-size: @font-size--normal;
    }

    .@{_top}--reply & {
      padding-left: @_content-gutter-base;
      padding-right: @_content-gutter-base;

      @media @desktop {
        padding-left: @beatmap-discussion--reply-padding;
        padding-right: @beatmap-discussion--reply-padding;
      }
    }
  }

  &__info {
    font-size: @_info-text-size;
    margin-right: 10px;

    &--edited {
      color: @gray-light;
      font-style: italic;
    }
  }

  &__info-container {
    display: flex;
    flex-wrap: wrap;

    .@{_top}--reply & {
      &::after {
        content: '';
        background-color: #eee;
        height: 1px;
        align-self: center;
        flex: 1;
      }
    }
  }

  &__info-user {
    font-weight: 600;
  }

  &__message {
    .content-font();
    word-wrap: break-word;
    margin-bottom: 10px;

    .@{_top}--discussion & {
      font-size: @_discussion-text-size;
    }

    .@{_top}--reply & {
      font-size: @_reply-text-size;
    }

    .@{_top}--deleted & {
      opacity: 0.75;
      font-style: italic;
    }

    &--editor {
      .reset-input();
      width: 100%;
      resize: vertical;

      // --reply part to override top modifier
      &, .@{_top}--reply & {
        font-size: @font-size--phone-input;

        @media @desktop {
          font-size: @_reply-text-size;
        }
      }
    }
  }

  &__message-container {
    min-width: 0;
    display: flex;
    flex-direction: column;
    flex: none;

    @media @desktop {
      flex: 1;
    }
  }

  &__timestamp {
    .link-plain();

    border-radius: @border-radius-large;
    padding: 1px 5px;
    background-color: #eee;
    font-weight: 600;
    font-size: 85%;
    color: #444;

    .link-hover({
      background-color: #ddd;
      color: #444;
    });
  }

  &__user {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    margin: 0 5px;
    height: @beatmap-discussion--avatar-size;

    @media @desktop {
      flex: none;
    }
  }

  &__user-badge {
    border-radius: @border-radius-large;
    font-size: @font-size--small;
    color: #fff;
    padding: 1px 5px;
    flex: none;
    margin-top: 5px;
    text-transform: uppercase;

    .@{_top}--admin & {
      background-color: @_moderator-bg;
    }

    .@{_top}--bng & {
      background-color: @_moderator-bg;
    }

    .@{_top}--owner & {
      background-color: @_owner-bg;
    }

    .@{_top}--qat & {
      background-color: @_moderator-bg;
    }
  }

  &__user-container {
    display: flex;
    align-items: flex-start;
    margin-bottom: 5px;
    flex: none;

    @media @desktop {
      margin-bottom: 0;
      margin-right: 10px;
    }

    .link-plain();
    color: @user-color-default;

    .link-hover({
      color: @user-color-default;
    });
  }

  &__user-stripe {
    align-self: stretch;
    background-color: @user-color-default;
    border-radius: 1px;
    flex: none;
    width: 2px;

    .@{_top}--admin & {
      background-color: @_moderator-bg;
    }

    .@{_top}--bng & {
      background-color: @_moderator-bg;
    }

    .@{_top}--owner & {
      background-color: @_owner-bg;
    }

    .@{_top}--qat & {
      background-color: @_moderator-bg;
    }
  }

  &__user-text {
    font-size: @font-size--normal-2;
    font-weight: bold;
    font-style: italic;
    max-width: 120px;

    .@{_top}--admin & {
      color: @_moderator-bg;
    }

    .@{_top}--bng & {
      color: @_moderator-bg;
    }

    .@{_top}--owner & {
      color: @_owner-bg;
    }

    .@{_top}--qat & {
      color: @_moderator-bg;
    }
  }
}

/**
 *    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/>.
 */

.beatmap-discussion-post {
  @_top: beatmap-discussion-post;

  @_info-text-size: @font-size--small;

  @_discussion-text-size: @font-size--title-small-2;
  @_reply-text-size: @font-size--normal-2;

  @_moderator-bg: @yellow-dark;
  @_moderator-bg-hover: @yellow-darker;

  @_owner-bg: @green-dark;
  @_owner-bg-hover: @green-darker;

  @_content-gutter-base: 15px;

  &--discussion {
    min-width: 0;
    flex: none;

    @media @desktop {
      flex: 1;
    }
  }

  &--new-reply {
    background-color: #eee;
    border-radius: 0 0 @border-radius-base @border-radius-base;
  }

  &--new-reply-placeholder {
    padding: 10px;
    display: flex;
    justify-content: flex-end;
  }

  &--unread {
    &::before {
      .full-size();
      background-color: @blue-darker;
      width: 5px;
    }
  }

  &__action {
    margin: 0 5px;

    &--button {
      .reset-input();
      .link-plain();
      .link-default();
      // reset function above overrides margin
      margin: 0 5px;
      font-size: @font-size--small;
    }

    &--cancel {
      position: absolute;
      top: 10px;
      right: 10px;
    }
  }

  &__actions {
    display: flex;

    .@{_top}--editing & {
      justify-content: flex-end;
    }

    .@{_top}--new-reply & {
      justify-content: flex-end;
    }

    .@{_top}--editing.@{_top}--reply & {
      margin-top: 5px;
    }
  }

  &__actions-group {
    display: flex;
    align-items: center;
    margin: 0 -5px;
  }

  &__avatar {
    width: @beatmap-discussion--avatar-size;
    height: @beatmap-discussion--avatar-size;
    flex: none;

    .@{_top}--new-reply & {
      margin-bottom: 5px;

      @media @desktop {
        margin-right: 10px;
        margin-bottom: 0;
      }
    }
  }

  &__avatar-container {
    margin-right: 10px;
    flex: none;
    display: flex;
    flex-direction: column;
    width: @beatmap-discussion--avatar-size;
  }

  &__content {
    display: flex;
    padding: 10px @_content-gutter-base;
    flex-direction: column;
    flex: none;
    min-width: 0;

    @media @desktop {
      flex-direction: row;
      flex: 1;
    }

    .@{_top}--reply & {
      @media @desktop {
        padding-left: @beatmap-discussion--reply-padding;
        padding-right: @beatmap-discussion--reply-padding;
      }
    }

    .@{_top}--new-reply & {
      padding-bottom: 0;
    }
  }

  &__footer {
    padding: 10px;

    &--notice {
      padding-top: 0;
      padding-bottom: 0;
      display: flex;
      align-items: flex-end;
      font-size: @font-size--normal;
    }

    .@{_top}--reply & {
      padding-left: @_content-gutter-base;
      padding-right: @_content-gutter-base;

      @media @desktop {
        padding-left: @beatmap-discussion--reply-padding;
        padding-right: @beatmap-discussion--reply-padding;
      }
    }
  }

  &__info {
    font-size: @_info-text-size;
    margin-right: 10px;

    &--edited {
      color: @gray-light;
      font-style: italic;
    }
  }

  &__info-container {
    display: flex;
    flex-wrap: wrap;

    .@{_top}--reply & {
      &::after {
        content: '';
        background-color: #eee;
        height: 1px;
        align-self: center;
        flex: 1;
      }
    }
  }

  &__info-user {
    font-weight: 600;
  }

  &__message {
    .content-font();
    word-wrap: break-word;
    margin-bottom: 10px;

    .@{_top}--discussion & {
      font-size: @_discussion-text-size;
    }

    .@{_top}--reply & {
      font-size: @_reply-text-size;
    }

    .@{_top}--deleted & {
      opacity: 0.75;
      font-style: italic;
    }

    &--editor {
      .reset-input();
      width: 100%;
      resize: vertical;

      // --reply part to override top modifier
      &, .@{_top}--reply & {
        font-size: @font-size--phone-input;

        @media @desktop {
          font-size: @_reply-text-size;
        }
      }
    }
  }

  &__message-container {
    min-width: 0;
    display: flex;
    flex-direction: column;
    flex: none;

    @media @desktop {
      flex: 1;
    }
  }

  &__timestamp {
    .link-plain();

    border-radius: @border-radius-large;
    padding: 1px 5px;
    background-color: #eee;
    font-weight: 600;
    font-size: 85%;
    color: #444;

    .link-hover({
      background-color: #ddd;
      color: #444;
    });
  }

  &__user {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    margin: 0 5px;
    height: @beatmap-discussion--avatar-size;

    @media @desktop {
      flex: none;
    }
  }

  &__user-badge {
    border-radius: @border-radius-large;
    font-size: @font-size--small;
    color: #fff;
    padding: 1px 5px;
    flex: none;
    margin-top: 5px;
    text-transform: uppercase;

    .@{_top}--admin & {
      background-color: @_moderator-bg;
    }

    .@{_top}--bng & {
      background-color: @_moderator-bg;
    }

    .@{_top}--owner & {
      background-color: @_owner-bg;
    }

    .@{_top}--qat & {
      background-color: @_moderator-bg;
    }
  }

  &__user-container {
    display: flex;
    align-items: flex-start;
    margin-bottom: 5px;
    flex: none;

    @media @desktop {
      margin-bottom: 0;
      margin-right: 10px;
    }

    .link-plain();
    color: @user-color-default;

    .link-hover({
      color: @user-color-default;
    });
  }

  &__user-stripe {
    align-self: stretch;
    background-color: @user-color-default;
    border-radius: 1px;
    flex: none;
    width: 2px;

    .@{_top}--admin & {
      background-color: @_moderator-bg;
    }

    .@{_top}--bng & {
      background-color: @_moderator-bg;
    }

    .@{_top}--owner & {
      background-color: @_owner-bg;
    }

    .@{_top}--qat & {
      background-color: @_moderator-bg;
    }
  }

  &__user-text {
    font-size: @font-size--normal-2;
    font-weight: bold;
    font-style: italic;
    max-width: 120px;

    .@{_top}--admin & {
      color: @_moderator-bg;
    }

    .@{_top}--bng & {
      color: @_moderator-bg;
    }

    .@{_top}--owner & {
      color: @_owner-bg;
    }

    .@{_top}--qat & {
      color: @_moderator-bg;
    }
  }
}


Create icon.import.less

Create icon.import.less

@font-face {
	font-family: 'todos';
	src:url('icon/todos.eot?-5w3um4');
	src:url('icon/todos.eot?#iefix5w3um4') format('embedded-opentype'),
		url('icon/todos.woff?5w3um4') format('woff'),
		url('icon/todos.ttf?5w3um4') format('truetype'),
		url('icon/todos.svg?5w3um4#todos') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'todos';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

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

.icon-unlock:before {
	content: "\e600";
}
.icon-user-add:before {
	content: "\e604";
}
.icon-cog:before {
	content: "\e606";
}
.icon-trash:before {
	content: "\e607";
}
.icon-edit:before {
	content: "\e608";
}
.icon-add:before {
	content: "\e60a";
}
.icon-plus:before {
	content: "\e60b";
}
.icon-close:before {
	content: "\e60c";
}
.icon-cross:before {
	content: "\e60d";
}
.icon-sync:before {
	content: "\e60e";
}
.icon-lock:before {
	content: "\e610";
}
.icon-check:before {
	content: "\e612";
}
.icon-share:before {
	content: "\e617";
}
.icon-email:before {
	content: "\e619";
}
.icon-arrow-up:before {
	content: "\e623";
}
.icon-arrow-down:before {
	content: "\e626";
}
.icon-list-unordered:before {
	content: "\e634";
}

error: pathspec 'client/stylesheets/globals/icon.import.less' did not match any file(s) known to git


Remove orange color from navbar drop-down menu

@tutor-navbar-height: 61px;
@tutor-navbar-padding-horizontal: 4rem;

.navbar-fixed-top {

  .transition(transform 0.2s ease-out);

  // override the bootstrap defaults with tutor defaults
  &.navbar.navbar{
    border-bottom: 1px solid @border-color;
    background-color: @tutor-white;
    .dropdown-menu {
      a:hover {
        color: @tutor-neutral-darker;
        background-color: @tutor-neutral-lighter;
      }
      .active a {
        color: @tutor-neutral-darker;
        background-color: @tutor-neutral-light;
        &:hover {
          background-color: @tutor-neutral-light;
          cursor: default;
        }
      }
    }
  }

  .container-fluid { padding: 0 @tutor-navbar-padding-horizontal; }

  .ui-brand-logo {
    display: inline-block;
    height: 30px;
    width: 217px;
    .tutor-background-image('logo-brand.svg');
  }

}

@tutor-navbar-height: 61px;
@tutor-navbar-padding-horizontal: 4rem;

.navbar-fixed-top {

  .transition(transform 0.2s ease-out);

  // override the bootstrap defaults with tutor defaults
  &.navbar.navbar{
    border-bottom: 1px solid @border-color;
    background-color: @tutor-white;
  }

  .container-fluid { padding: 0 @tutor-navbar-padding-horizontal; }

  .ui-brand-logo {
    display: inline-block;
    height: 30px;
    width: 217px;
    .tutor-background-image('logo-brand.svg');
  }
}


Bootswatch v3.1.0+1

Bootswatch v3.1.0+1

Former-commit-id: 1c366cb0c9b112a59fd1cac024e18362dd726b46

// Amelia 3.1.0
// Bootswatch
// -----------------------------------------------------

@import url("//fonts.googleapis.com/css?family=Lobster|Cabin:400,700");

// Navbar =====================================================================

.navbar {

  &-brand {
    font-family: 'Lobster', cursive;
  }
}

// Buttons ====================================================================

.btn {

  .caret {
    border-top-color: #fff;
  }
}

.btn-default {

  &:hover {
    color: @btn-default-color;
  }

  .caret {
    border-top-color: @btn-default-color;
  }
}

// Typography =================================================================

.text-primary,
.text-primary:hover {
  color: lighten(@brand-primary, 40%);
}

.text-success,
.text-success:hover {
  color: lighten(@brand-success, 20%);
}

.text-danger,
.text-danger:hover {
  color: lighten(@brand-danger, 20%);
}

.text-warning,
.text-warning:hover {
  color: lighten(@brand-warning, 20%);
}

.text-info,
.text-info:hover {
  color: lighten(@brand-info, 40%);
}

// Tables =====================================================================

.table-responsive > .table {
  background-color: @table-bg;
}

// Forms ======================================================================

.has-warning {
  .help-block,
  .control-label {
    color: lighten(@brand-warning, 20%);
  }

  .form-control,
  .form-control:focus {
    border-color: lighten(@brand-warning, 20%);
  }
}

.has-error {
  .help-block,
  .control-label {
    color: lighten(@brand-primary, 40%);
  }

  .form-control,
  .form-control:focus {
    border-color: lighten(@brand-primary, 40%);
  }
}

.has-success {
  .help-block,
  .control-label {
    color: lighten(@brand-success, 20%);
  }

  .form-control,
  .form-control:focus {
    border-color: lighten(@brand-success, 20%);
  }
}

legend {
  font-family: 'Lobster', cursive;
  color: #fff;
}

.input-group-addon {
  color: @btn-default-color;
}

// Navs =======================================================================

.pagination {

  a:hover {
    color: #fff;
  }
}

.pager {

  a:hover {
    color: #fff;
  }
}

// Indicators =================================================================

// Progress bars ==============================================================

// Containers =================================================================

.list-group-item {
  background-color: lighten(@body-bg, 5%);
}

.popover {
  color: @gray-dark;
}

error: pathspec 'files/bootswatch/3.1.0/amelia/bootswatch.less' did not match any file(s) known to git


KNL-568 Fix button alignment on admin tabs on the admin side

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


Add styles

Add styles

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/Margatroid/Anilytics.git/'


Pad out label

Pad out label

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


add ellipsis truncating mixin

add ellipsis truncating mixin

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


Auth Color adjustments

Auth Color adjustments

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/elhoucine/Htari.git/'


set border-radius to 2px

set border-radius to 2px

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


Update style.less

Update style.less

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


Updates vertical alignment of checkbox

Updates vertical alignment of checkbox

fatal: unable to access 'https://github.com/dieface/Semantic-UI.git/': The requested URL returned error: 403


Fix if fonts don't load

Fix if fonts don't load

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


default dialog padding

default dialog padding

// Hacks
// -------------------------

/* CONTAINS ALL HACKS AND OTHER QUICK-FIXES */

/*wft ms?*/
*{ -ms-touch-action: none;}

/*we will always make sure to wrap iframe dialogs in proper padding*/
.umbracoDialog{
	width: auto !Important;
	height: auto !Important;
  padding: 20px;
}

.umbracoDialog .umb-pane{margin-left: 0px; margin-right: 0px; margin-top: 0px;}

/*ensures dialogs doesnt have side-by-side labels */
.umbracoDialog .controls-row{margin-left: 0px !important;}

.controls-row img {
	max-width: none;
}

.thumbnail img {
	max-width: 100% !important
}

#mapCanvas img {
  max-width: none !important;
}

/* loading animation for iframes and content pages */
iframe, .content-column-body {
    background: center center url(../img/loader.gif) no-repeat;
    border: none;
}

/* ng-cloak support with requirejs */
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none;
}

/* JQUERY FILEUPLOAD TEMP STYLES */
.fileinput-button {
  position: relative;
  overflow: hidden;
}
.fileinput-button input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  transform: translate(-300px, 0) scale(4);
  font-size: 23px;
  direction: ltr;
  cursor: pointer;
}
.fileupload-buttonbar .btn,
.fileupload-buttonbar .toggle {
  margin-bottom: 5px;
}
.progress-animated .progress-bar,
.progress-animated .bar {
  background: url(../img/progressbar.gif) !important;
  filter: none;
}
.fileupload-loading {
  float: right;
  width: 32px;
  height: 32px;
  background: url(../img/loading.gif) center no-repeat;
  background-size: contain;
  display: none;
}
.fileupload-processing .fileupload-loading {
  display: block;
}

/*tree legacy icon*/
.legacy-custom-file{
  width: 16px; height: 16px; margin-right: 11px; display: inline-block;
  background-position: center center;
}

/* TINYMCE OVERRIDES */
.mce-tinymce{border: 1px solid @grayLight !important; }
.mce-panel{background: @grayLighter !important; border-color: @grayLight !important;}
.mce-btn-group, .mce-btn{border: none !important; background: none !important;}
.mce-ico{font-size: 12px !important; color: @blackLight !important;}

// Hacks
// -------------------------

/* CONTAINS ALL HACKS AND OTHER QUICK-FIXES */

/*wft ms?*/
*{ -ms-touch-action: none;}

/*we will always make sure to wrap iframe dialogs in proper padding*/
.umbracoDialog{
	width: auto !Important;
	height: auto !Important;
}

/*ensures dialogs doesnt have side-by-side labels */
.umbracoDialog .controls-row{margin-left: 0px !important;}

.controls-row img {
	max-width: none;
}

.thumbnail img {
	max-width: 100% !important
}

#mapCanvas img {
  max-width: none !important;
}

/* loading animation for iframes and content pages */
iframe, .content-column-body {
    background: center center url(../img/loader.gif) no-repeat;
    border: none;
}

/* ng-cloak support with requirejs */
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none;
}

/* JQUERY FILEUPLOAD TEMP STYLES */
.fileinput-button {
  position: relative;
  overflow: hidden;
}
.fileinput-button input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  transform: translate(-300px, 0) scale(4);
  font-size: 23px;
  direction: ltr;
  cursor: pointer;
}
.fileupload-buttonbar .btn,
.fileupload-buttonbar .toggle {
  margin-bottom: 5px;
}
.progress-animated .progress-bar,
.progress-animated .bar {
  background: url(../img/progressbar.gif) !important;
  filter: none;
}
.fileupload-loading {
  float: right;
  width: 32px;
  height: 32px;
  background: url(../img/loading.gif) center no-repeat;
  background-size: contain;
  display: none;
}
.fileupload-processing .fileupload-loading {
  display: block;
}

/*tree legacy icon*/
.legacy-custom-file{
  width: 16px; height: 16px; margin-right: 11px; display: inline-block;
  background-position: center center;
}

/* TINYMCE OVERRIDES */
.mce-tinymce{border: 1px solid @grayLight !important; }
.mce-panel{background: @grayLighter !important; border-color: @grayLight !important;}
.mce-btn-group, .mce-btn{border: none !important; background: none !important;}
.mce-ico{font-size: 12px !important; color: @blackLight !important;}


max-height

max-height

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/code-artisan/selector2.git/'


Show border on the 'last' button of the paginator

fatal: unable to access 'https://github.com/naitsirch/mopa-bootstrap-bundle.git/': The requested URL returned error: 403


Corrected some naming conventions in m-switch-less

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/codesummit/Sherpa.git/'


Add sample blockly.less file

Add sample blockly.less file

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


Changes the theme font

Changes the theme font

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/vNakamura/pocket-campaign.git/'


add border-color-contact

add border-color-contact

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/Lmzd/A.N.git/'


add a contact color page

add a contact color page


Add style for select2 with errors

Add style for select2 with errors

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


Fixed horizon line position

Fixed horizon line position

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/eleme/banshee.git/'


cleaning up less

cleaning up less

///*
// * Tabs component theme overrides
// *------------------------------------------------------------------------------------------
// */

@media (min-width: 520px) and (max-width: @screen-xs-max) {
    .nav-tabs {
        display: block;
        width: 107%;
        margin-left: -15px;
        margin-right: -15px;
        > li {
            background: @white;
            width: 105%;
            border: 1px solid @nav-tabs-border-color;
            margin-bottom: -1px;
            margin-left: -1px;
            height: auto;
            padding-right: 4%;

            &:first-child {
                margin-left: -1px;
                border-top: 1px solid @nav-tabs-border-color;
            }
            &:last-child {
                margin-left: -1px;
                border-bottom: 1px solid @nav-tabs-border-color;
            }
            &:hover {
                background: @dell-highlight-blue;
                color: @dell-blue;
            }
            &.active {
                background: @white;
                border-bottom-color: transparent;
                overflow: hidden;
                > a,
                > a:hover,
                > a:focus {
                    border-color: transparent;
                    width: 100%;
                    margin-left: -1px;
                    margin-bottom: -1px !important;
                    border-top: none;
                    padding: 10px 15px;
                    color: @dell-blue;

                }
                a:hover {
                    background: @dell-highlight-blue;
                }
                &:last-child {
                    margin-left: -1px;
                    margin-bottom: 0;
                }
            }
            > a {
                text-align: left !important;
                border: none;
                background: none;
                &:hover,
                &:focus {
                    border-color: transparent;
                    background: none;
                    color: @dell-blue;
                }
            }
        }

        &.nav-justified {
            width: 107%;
            margin-left: -15px;
            margin-right: -15px;
            > li {
                a {
                    border: none;
                    width: 100%;
                    margin-left: -1px;
                }
                a,
                a:hover {
                    margin-bottom: -1px;
                    border-top: none !important;
                    margin-left: -1px;
                }

                &.active > a {
                    border: none;
                    margin-left: -1px;
                    padding: 10px 15px;
                    width: 100%;

                    &:hover,
                    &:focus {
                        border: none;
                        width: 100%;
                        margin-left: -1px;
                        padding: 10px 15px;
                    }
                }

                &:first-child {
                    margin-left: -1px;
                    border-top: 1px solid @nav-tabs-border-color;
                }
                &:last-child {
                    margin-left: -1px;
                    border-bottom: 1px solid @nav-tabs-border-color;
                }
            }
        }

        &.nav-centered {
            width: 107%;
            margin-left: -15px;
            margin-right: -15px;
            > li {
                a {
                    border: none;
                    width: 100%;
                    margin-left: -1px;
                }
                a,
                a:hover {
                    margin-bottom: -1px;
                    border-top: none !important;
                    margin-left: -1px;
                }

                &.active > a {
                    border: none;
                    margin-left: -1px;
                    padding: 10px 15px;
                    width: 100%;

                    &:hover,
                    &:focus {
                        border: none;
                        width: 100%;
                        margin-left: -1px;
                        padding: 10px 15px;
                    }
                }

                &:first-child {
                    margin-left: -1px;
                    border-top: 1px solid @nav-tabs-border-color;
                }
                &:last-child {
                    margin-left: -1px;
                    border-bottom: 1px solid @nav-tabs-border-color;
                }
            }
        }
    }
}

@media (min-width: 100px) and (max-width: 520px) {
    .nav-tabs {
        display: block;
        width: 112%;
        margin-left: -15px;
        margin-right: -15px;

        > li {
            background: @white;
            width: 103%;
            border: 1px solid @nav-tabs-border-color;
            margin-bottom: -1px;
            margin-left: -1px;
            height: auto;
            padding-right: 5%;
            &:first-child {
                margin-left: -1px;
                border-top: 1px solid @nav-tabs-border-color;
            }
            &:last-child {
                margin-left: -1px;
                border-bottom: 1px solid @nav-tabs-border-color;
            }
            &:hover {
                background: @dell-highlight-blue;
                color: @dell-blue;
            }
            &.active {
                background: @white;
                border-bottom-color: transparent;
                overflow: hidden;
                > a,
                > a:hover,
                > a:focus {
                    border-color: transparent;
                    width: 100%;
                    margin-left: -1px;
                    margin-bottom: -1px !important;
                    border-top: none;
                    padding: 10px 15px;
                    color: @dell-blue;
                }
                a:hover {
                    background: @dell-highlight-blue;
                }
                &:last-child {
                    margin-left: -1px;
                    margin-bottom: 0;
                }
            }
            > a {
                text-align: left !important;
                border: none;
                background: none;
                &:hover,
                &:focus {
                    border-color: transparent;
                    background: none;
                    color: @dell-blue;
                }
            }
        }

        &.nav-justified {
            width: 112%;
            margin-left: -15px;
            margin-right: -15px;
            > li {
                a {
                    border: none;
                    width: 100%;
                    margin-left: -1px;
                }
                a,
                a:hover {
                    margin-bottom: -1px;
                    border-top: none !important;
                    margin-left: -1px;
                }

                &.active > a {
                    border: none;
                    margin-left: -1px;
                    padding: 10px 15px;
                    width: 100%;

                    &:hover,
                    &:focus {
                        border: none;
                        width: 100%;
                        margin-left: -1px;
                        padding: 10px 15px;
                    }
                }
                &:first-child {
                    margin-left: -1px;
                    border-top: 1px solid @nav-tabs-border-color;
                }
                &:last-child {
                    margin-left: -1px;
                    border-bottom: 1px solid @nav-tabs-border-color;
                }
            }
        }

        &.nav-centered {
            width: 112%;
            margin-left: -15px;
            margin-right: -15px;
            > li {
                a {
                    border: none;
                    width: 100%;
                    margin-left: -1px;
                }
                a,
                a:hover {
                    margin-bottom: -1px;
                    border-top: none !important;
                    margin-left: -1px;
                }

                &.active > a {
                    border: none;
                    margin-left: -1px;
                    padding: 10px 15px;
                    width: 100%;

                    &:hover,
                    &:focus {
                        border: none;
                        width: 100%;
                        margin-left: -1px;
                        padding: 10px 15px;
                    }
                }
                &:first-child {
                    margin-left: -1px;
                    border-top: 1px solid @nav-tabs-border-color;
                }
                &:last-child {
                    margin-left: -1px;
                    border-bottom: 1px solid @nav-tabs-border-color;
                }
            }
        }
    }
}

.nav-tabs h4 {
    margin-top: 10px !important;
    margin-bottom: 0 !important;
}

.nav-center-rule {
    border-bottom: 1px solid #ccc;
    top: -11px;
    position: relative;
    z-index: -1;
}
.nav-center-container {
    width:80%;
    margin-left:auto;
    margin-right:auto;
}

.tab-image {
    width: 100px;
    margin-top: 15px;
}

@media (max-width: @screen-md-max) {
    .tab-image {
        width: 80px;
        margin-top: 15px;
    }
}

@media (max-width: @screen-xs-max) {
    .nav-center-rule {
        border-bottom: none;
        bottom:0;
        position: relative;
    }
    .nav-center-container {
        width:100%;
        margin-left:auto;
        margin-right:auto;
    }

    .nav-tabs h4 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .vertical-align {
        position: relative
    }

    .vertical-align-element {
        position: absolute;
        top: 50%;
        transform: translate(0, -50%);
    }
    .vertical-align-element-carat {
        position: absolute;
        top: 50%;
        transform: translate(0, -50%);
        right: 2%;
    }

    .tab-image {
        width: 90px;
        margin-right: 20px;
        margin-top: 0;
        float: left !important;
    }

    .block-of-text {
        min-height: 120px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

}

    /*
     * Tab Off Canvas
     * --------------------------------------------------
     */
    @media screen and (max-width: 767px) {
        .row-offcanvas {
            position: relative;
            -webkit-transition: all .25s ease-out;
            -o-transition: all .25s ease-out;
            transition: all .25s ease-out;
        }

        .row-offcanvas-right {
            right: 0;
        }

        .row-offcanvas-left {
            left: 0;
        }

        .row-offcanvas-right
        .sidebar-offcanvas {
            //        right: -50%; /* 6 columns */
            right: 108%;
            position: fixed;
            top: 0;
            width: 102%;
            left: -100%;
            -webkit-transition: all .25s ease-out;
            -o-transition: all .25s ease-out;
            transition: all .25s ease-out;
        }

        .row-offcanvas-left
        .sidebar-offcanvas {
            left: -50%; /* 6 columns */
        }

        .row-offcanvas-right .tab-content {
            position: fixed;
            top: 0;
            left: 100%;
            width: 102%;
            background: @body-bg;
            height: 3000px;
            // animation goes here
            -webkit-transition: all .25s ease-out;
            -o-transition: all .25s ease-out;
            transition: all .25s ease-out;
            &.active {
                left: 0;
            }
        }

        .row-offcanvas-right .tab-content {
            position: fixed;
            top: 0;
            right: 100%;
            width: 102%;
            background: @body-bg;
            height: 3000px;
            // animation goes here
            -webkit-transition: all .25s ease-out;
            -o-transition: all .25s ease-out;
            transition: all .25s ease-out;
            &.active {
                right: 0;
            }
        }

        .row-offcanvas-left.active {
            left: 50%; /* 6 columns */
        }
        .tab-content .row {
            margin-left: 15px;
            margin-right: 15px;
        }
        .offcanvas-back-btn {
            &.well {
                height: 45px;
                padding: 5px 20px 10px 30px;
            }
            &:before, {
                color: @dell-blue;
                font-family:    'icon-ui';
                content: "\e600";
                position: absolute;
                left: 30px;
                padding-top: 7px;
            }
            > .btn-link {
                text-decoration: none;
            }
            .btn {
                padding: 6px 20px;
            }
        }
    }

///*
// * Tabs component theme overrides
// *------------------------------------------------------------------------------------------
// */

@media (min-width: 520px) and (max-width: @screen-xs-max) {
    .nav-tabs {
        display: block;
        width: 107%;
        margin-left: -15px;
        margin-right: -15px;
        > li {
            background: @white;
            width: 105%;
            border: 1px solid @nav-tabs-border-color;
            margin-bottom: -1px;
            margin-left: -1px;
            height: auto;
            padding-right: 4%;

            &:first-child {
                margin-left: -1px;
                border-top: 1px solid @nav-tabs-border-color;
            }
            &:last-child {
                margin-left: -1px;
                border-bottom: 1px solid @nav-tabs-border-color;
            }
            &:hover {
                background: @dell-highlight-blue;
                color: @dell-blue;
            }
            &.active {
                background: @white;
                border-bottom-color: transparent;
                overflow: hidden;
                > a,
                > a:hover,
                > a:focus {
                    border-color: transparent;
                    width: 100%;
                    margin-left: -1px;
                    margin-bottom: -1px !important;
                    border-top: none;
                    padding: 10px 15px;
                    color: @dell-blue;

                }
                a:hover {
                    background: @dell-highlight-blue;
                }
                &:last-child {
                    margin-left: -1px;
                    margin-bottom: 0;
                }
            }
            > a {
                text-align: left !important;
                border: none;
                background: none;
                &:hover,
                &:focus {
                    border-color: transparent;
                    background: none;
                    color: @dell-blue;
                }
            }

            //&.active > a:after,
            //a:after {
            //    font-family:    'icon-ui';
            //    content: "\e601";
            //    right: 2%;
            //    position: absolute;
            //}
        }

        &.nav-justified {
            width: 107%;
            margin-left: -15px;
            margin-right: -15px;
            > li {
                a {
                    border: none;
                    width: 100%;
                    margin-left: -1px;
                }
                a,
                a:hover {
                    margin-bottom: -1px;
                    border-top: none !important;
                    margin-left: -1px;
                }

                &.active > a {
                    border: none;
                    margin-left: -1px;
                    padding: 10px 15px;
                    width: 100%;

                    &:hover,
                    &:focus {
                        border: none;
                        width: 100%;
                        margin-left: -1px;
                        padding: 10px 15px;
                    }
                }

                &:first-child {
                    margin-left: -1px;
                    border-top: 1px solid @nav-tabs-border-color;
                }
                &:last-child {
                    margin-left: -1px;
                    border-bottom: 1px solid @nav-tabs-border-color;
                }

                //&.active > a:after,
                //a:after {
                //    font-family:    'icon-ui';
                //    content: "\e601";
                //    right: 2%;
                //    position: absolute;
                //}
            }
        }

        &.nav-centered {
            width: 107%;
            margin-left: -15px;
            margin-right: -15px;
            > li {
                a {
                    border: none;
                    width: 100%;
                    margin-left: -1px;
                }
                a,
                a:hover {
                    margin-bottom: -1px;
                    border-top: none !important;
                    margin-left: -1px;
                }

                &.active > a {
                    border: none;
                    margin-left: -1px;
                    padding: 10px 15px;
                    width: 100%;

                    &:hover,
                    &:focus {
                        border: none;
                        width: 100%;
                        margin-left: -1px;
                        padding: 10px 15px;
                    }
                }

                &:first-child {
                    margin-left: -1px;
                    border-top: 1px solid @nav-tabs-border-color;
                }
                &:last-child {
                    margin-left: -1px;
                    border-bottom: 1px solid @nav-tabs-border-color;
                }

                //&.active > a:after,
                //a:after {
                //    font-family:    'icon-ui';
                //    content: "\e601";
                //    right: 2%;
                //    position: absolute;
                //}
            }
        }
    }
}

@media (min-width: 100px) and (max-width: 520px) {
    .nav-tabs {
        display: block;
        width: 112%;
        margin-left: -15px;
        margin-right: -15px;

        > li {
            background: @white;
            width: 103%;
            border: 1px solid @nav-tabs-border-color;
            margin-bottom: -1px;
            margin-left: -1px;
            height: auto;
            padding-right: 5%;
            &:first-child {
                margin-left: -1px;
                border-top: 1px solid @nav-tabs-border-color;
            }
            &:last-child {
                margin-left: -1px;
                border-bottom: 1px solid @nav-tabs-border-color;
            }
            &:hover {
                background: @dell-highlight-blue;
                color: @dell-blue;
            }
            &.active {
                background: @white;
                border-bottom-color: transparent;
                overflow: hidden;
                > a,
                > a:hover,
                > a:focus {
                    border-color: transparent;
                    width: 100%;
                    margin-left: -1px;
                    margin-bottom: -1px !important;
                    border-top: none;
                    padding: 10px 15px;
                    color: @dell-blue;
                }
                a:hover {
                    background: @dell-highlight-blue;
                }
                &:last-child {
                    margin-left: -1px;
                    margin-bottom: 0;
                }
            }
            > a {
                text-align: left !important;
                border: none;
                background: none;
                &:hover,
                &:focus {
                    border-color: transparent;
                    background: none;
                    color: @dell-blue;
                }
            }

            //&.active > a:after,
            //a:after {
            //    font-family:    'icon-ui';
            //    content: "\e601";
            //    right: 2%;
            //    position: absolute;
            //}
        }

        &.nav-justified {
            width: 112%;
            margin-left: -15px;
            margin-right: -15px;
            > li {
                a {
                    border: none;
                    width: 100%;
                    margin-left: -1px;
                }
                a,
                a:hover {
                    margin-bottom: -1px;
                    border-top: none !important;
                    margin-left: -1px;
                }

                &.active > a {
                    border: none;
                    margin-left: -1px;
                    padding: 10px 15px;
                    width: 100%;

                    &:hover,
                    &:focus {
                        border: none;
                        width: 100%;
                        margin-left: -1px;
                        padding: 10px 15px;
                    }
                }
                &:first-child {
                    margin-left: -1px;
                    border-top: 1px solid @nav-tabs-border-color;
                }
                &:last-child {
                    margin-left: -1px;
                    border-bottom: 1px solid @nav-tabs-border-color;
                }

                //&.active > a:after,
                //a:after {
                //    font-family:    'icon-ui';
                //    content: "\e601";
                //    right: 2%;
                //    position: absolute;
                //}
            }
        }

        &.nav-centered {
            width: 112%;
            margin-left: -15px;
            margin-right: -15px;
            > li {
                a {
                    border: none;
                    width: 100%;
                    margin-left: -1px;
                }
                a,
                a:hover {
                    margin-bottom: -1px;
                    border-top: none !important;
                    margin-left: -1px;
                }

                &.active > a {
                    border: none;
                    margin-left: -1px;
                    padding: 10px 15px;
                    width: 100%;

                    &:hover,
                    &:focus {
                        border: none;
                        width: 100%;
                        margin-left: -1px;
                        padding: 10px 15px;
                    }
                }
                &:first-child {
                    margin-left: -1px;
                    border-top: 1px solid @nav-tabs-border-color;
                }
                &:last-child {
                    margin-left: -1px;
                    border-bottom: 1px solid @nav-tabs-border-color;
                }

                //&.active > a:after,
                //a:after {
                //    font-family:    'icon-ui';
                //    content: "\e601";
                //    right: 2%;
                //    position: absolute;
                //}
            }
        }
    }
}

.nav-tabs h4 {
    margin-top: 10px !important;
    margin-bottom: 0 !important;
}

.nav-center-rule {
    border-bottom: 1px solid #ccc;
    top: -11px;
    position: relative;
    z-index: -1;
}
.nav-center-container {
    width:80%;
    margin-left:auto;
    margin-right:auto;
}

.tab-image {
    width: 100px;
    margin-top: 15px;
}

@media (max-width: @screen-md-max) {
    .tab-image {
        width: 80px;
        margin-top: 15px;
    }
}

@media (max-width: @screen-xs-max) {
    .nav-center-rule {
        border-bottom: none;
        bottom:0;
        position: relative;
    }
    .nav-center-container {
        width:100%;
        margin-left:auto;
        margin-right:auto;
    }

    .nav-tabs h4 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .vertical-align {
        position: relative
    }

    .vertical-align-element {
        position: absolute;
        top: 50%;
        transform: translate(0, -50%);
    }
    .vertical-align-element-carat {
        position: absolute;
        top: 50%;
        transform: translate(0, -50%);
        right: 2%;
    }

    .tab-image {
        width: 90px;
        margin-right: 20px;
        margin-top: 0;
        float: left !important;
    }

    .block-of-text {
        min-height: 120px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

}

    /*
     * Tab Off Canvas
     * --------------------------------------------------
     */
    @media screen and (max-width: 767px) {
        .row-offcanvas {
            position: relative;
            -webkit-transition: all .25s ease-out;
            -o-transition: all .25s ease-out;
            transition: all .25s ease-out;
        }

        .row-offcanvas-right {
            right: 0;
        }

        .row-offcanvas-left {
            left: 0;
        }

        .row-offcanvas-right
        .sidebar-offcanvas {
            //        right: -50%; /* 6 columns */
            right: 108%;
            position: fixed;
            top: 0;
            width: 102%;
            left: -100%;
            -webkit-transition: all .25s ease-out;
            -o-transition: all .25s ease-out;
            transition: all .25s ease-out;
        }

        .row-offcanvas-left
        .sidebar-offcanvas {
            left: -50%; /* 6 columns */
        }

        .row-offcanvas-right .tab-content {
            position: fixed;
            top: 0;
            left: 100%;
            width: 102%;
            background: @body-bg;
            height: 3000px;
            // animation goes here
            -webkit-transition: all .25s ease-out;
            -o-transition: all .25s ease-out;
            transition: all .25s ease-out;
            &.active {
                left: 0;
            }
        }

        .row-offcanvas-right .tab-content {
            position: fixed;
            top: 0;
            right: 100%;
            width: 102%;
            background: @body-bg;
            height: 3000px;
            // animation goes here
            -webkit-transition: all .25s ease-out;
            -o-transition: all .25s ease-out;
            transition: all .25s ease-out;
            &.active {
                right: 0;
            }
        }

        .row-offcanvas-left.active {
            left: 50%; /* 6 columns */
        }
        .tab-content .row {
            margin-left: 15px;
            margin-right: 15px;
        }
        .offcanvas-back-btn {
            &.well {
                height: 45px;
                padding: 5px 20px 10px 30px;
            }
            &:before, {
                color: @dell-blue;
                font-family:    'icon-ui';
                content: "\e600";
                position: absolute;
                left: 30px;
                padding-top: 7px;
            }
            > .btn-link {
                text-decoration: none;
            }
            .btn {
                padding: 6px 20px;
            }
        }
    }


Remove reference to missing icon

Remove reference to missing icon

.tinymce-mobile-icon-arrow-back:before {
  content: "\e5cd";
}
.tinymce-mobile-icon-image:before {
  content: "\e412";
}
.tinymce-mobile-icon-cancel-circle:before {
  content: "\e5c9";
}
.tinymce-mobile-icon-full-dot:before {
  content: "\e061";
}
.tinymce-mobile-icon-align-center:before {
  content: "\e234";
}
.tinymce-mobile-icon-align-left:before {
  content: "\e236";
}
.tinymce-mobile-icon-align-right:before {
  content: "\e237";
}
.tinymce-mobile-icon-bold:before {
  content: "\e238";
}
.tinymce-mobile-icon-italic:before {
  content: "\e23f";
}
.tinymce-mobile-icon-unordered-list:before {
  content: "\e241";
}
.tinymce-mobile-icon-ordered-list:before {
  content: "\e242";
}
.tinymce-mobile-icon-font-size:before {
  content: "\e245";
}
.tinymce-mobile-icon-underline:before {
  content: "\e249";
}
.tinymce-mobile-icon-link:before {
  content: "\e157";
}
.tinymce-mobile-icon-unlink:before {
  content: "\eca2";
}
.tinymce-mobile-icon-color:before {
  content: "\e891";
}
.tinymce-mobile-icon-previous:before {
  content: "\e314";
}
.tinymce-mobile-icon-next:before {
  content: "\e315";
}
.tinymce-mobile-icon-large-font:before, .tinymce-mobile-icon-style-formats:before {
  content: "\e264";
}
.tinymce-mobile-icon-undo:before {
  content: "\e166";
}

.tinymce-mobile-icon-redo:before {
  content: "\e15a";
}

.tinymce-mobile-icon-removeformat:before {
  content: "\e239";
}

.tinymce-mobile-icon-small-font:before {
  content: "\e906";
}

.tinymce-mobile-icon-readonly-back:before, .tinymce-mobile-format-matches:after {
  content: "\e5ca";
}

.tinymce-mobile-icon-small-heading:before {
  content: "small";
}

.tinymce-mobile-icon-large-heading:before {
  content: "large";
}

.tinymce-mobile-icon-small-heading:before, .tinymce-mobile-icon-large-heading:before {
  font-family: sans-serif;
  font-size: 80%;
}

.tinymce-mobile-mask-edit-icon:before {
  content: "\e254";
}
.tinymce-mobile-icon-back:before {
  content: "\e5c4";
}

.tinymce-mobile-icon-heading:before {
  /* TODO: Translate */
  content: "Headings";
  font-family: sans-serif;
  font-weight: bold;
  font-size: 80%;
}

.tinymce-mobile-icon-h1:before {
  content: "H1";
  font-weight: bold;
}

.tinymce-mobile-icon-h2:before {
  content: "H2";
  font-weight: bold;
}

.tinymce-mobile-icon-h3:before {
  content: "H3";
  font-weight: bold;
}

.tinymce-mobile-icon-edit:before {
  content: url(../icons/tinymce-logo2.svg);
  width: 2em;
}


updating white-space rules for tables

updating white-space rules for tables

fatal: unable to access 'https://github.com/pradeepmurugesan/incubator-freemarker-docgen.git/': The requested URL returned error: 403


Add typeahead.less

Add typeahead.less

error: pathspec 'src/sentry/static/sentry/less/typeahead.less' did not match any file(s) known to git


Knock the chevron icon size down a bit.

Knock the chevron icon size down a bit.

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


modify the defined color

modify the defined color

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


Needed to include the bootstrap.less in the usgs_header_footer.less. I think at some point I should revisit how this is working.

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/ayan-usgs/PubsWarehouse_UI.git/'


style(v4skin): increased dimensions of installer log box

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


Fix dropdown box shadow on mobile

Fix dropdown box shadow on mobile


removed @border-radius-

removed @border-radius-

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


fixed a but on the margin of the most right pills, when pills are pulled right


remove unused params

remove unused params

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


style: Fix stream filters styles (#7765)

Better padding
Fix stream filters button for other languages with longer text than english
Fixes ellipsis for overflowing text which wasn't previously working

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/beeftornado/sentry.git/'


Create bordered-pulled.less

Create bordered-pulled.less

// Bordered & Pulled
// -------------------------

.@{fa-css-prefix}-border {
  padding: .2em .25em .15em;
  border: solid .08em @fa-border-color;
  border-radius: .1em;
}

.pull-right { float: right; }
.pull-left { float: left; }

.@{fa-css-prefix} {
  &.pull-left { margin-right: .3em; }
  &.pull-right { margin-left: .3em; }
}

error: pathspec 'less/fonts/font-awesome/bordered-pulled.less' did not match any file(s) known to git


Update navMenu.aside.less

Update navMenu.aside.less

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/f4bien/generator-jahia.git/'


Get rid of landing page specific function and var file depencies

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


Fix CSS error causing bad nav bar on IE

Fix CSS error causing bad nav bar on IE

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/cgvt/website.git/'


fix line length per review.

fix line length per review.

/* Processed with LESS from lib/views/stylesheet.less */
@font-family: 'Ubuntu', 'Helvetica Neue', Helvetica, Arial, sans-serif;

/* Define common colors. */
@label-color: #292929;
@text-entry-color: #6d6e70;
@charm-panel-configure-title-color: #eee7d5;
@charm-panel-configure-name-color: #8f8f88;
@charm-panel-deploy-button-color: #e45718;
@charm-panel-cancel-button-color: #979694;
@charm-panel-separator-color: #aeaeae;

body {
    margin-top: 87px;
    background-color: #302b28;
    font-family: @font-family;
}

#viewport-wrapper {
    position: relative;
    width: 85%;
    margin: 0 auto;
    padding: 0 12px;
    min-width: 960px;
}

#vp-left-border {
    position: absolute;
    top: 0;
    left: 0;
    background: url(/juju-ui/assets/images/left_shadow.png) repeat-y;
    margin-left: -12px;
    width: 12px;
}

#vp-right-border {
    position: absolute;
    top: 0;
    right: 0;
    background: url(/juju-ui/assets/images/right_shadow.png) repeat-y;
    margin-right: -12px;
    width: 12px;
}

.view-container {
  overflow: auto;
  padding: 10px;
}

.navbar {
    margin-top: -87px;
    margin-bottom: 0;
    height: 87px;
    min-width: 800px;
    background: url(/juju-ui/assets/images/top_bar.png) repeat-x;
    padding: 0;
    position: relative;
    color: #2d2d2d!important;
    .brand {
        margin: 12px 26px 6px 10px;
        padding: 0;
    }
    > div {
        padding: 0;
        .nav-container {
            display: inline-block;
            height: 44px;
            margin: 2px 0 0 0;
            padding: 20px 0 4px;
            &#charm-search-trigger-container {
                width: 292px;
                white-space: nowrap;
            }
            .nav-section {
                border-left: 1px solid lightgray;
                display: inline-block;
                padding: 4px 10px;
                #charm-search-trigger {
                    cursor: pointer;
                }
                .btn {
                    margin: 0 5px;
                }
                input {
                    width: 128px;
                    background: url(/juju-ui/assets/images/searchbox_icon.png)
                                no-repeat 2px 1px whiteSmoke;
                    margin: 0 10px;
                    padding: 3px 3px 3px 26px;
                    font-style: italic;
                    font-family: @font-family;
                    font-size: 0.9em;
                    &:valid {
                        background: white;
                        padding: 3px;
                        width: 151px;
                        font-style: normal;
                        font-size: 1em;
                    }
                    &:focus {
                        border-color: rgba(82, 168, 236, 0.8);
                        outline: 0;
                        outline: thin dotted 9;
                        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
                                    0 0 8px rgba(82, 168, 236, 0.6);
                    }
                }

            }
        }
        span:first-child .nav-section {
            border-left: none;
            padding: 0 6px;
        }
        &#nav-alerts-charms {
            float: right;
            .nav-container:first-child .nav-section {
                position: relative;
            }
        }
        &#nav-brand-env .nav-container {
            float: left;
            .provider-type {
                font-size: 0.7em;
            }
        }
    }
}

#content {
    position: relative;
    background-color: #fff;
    width: 100%;
}

#main {

}

#overview {

}

.divider {
    padding: 5px;
}

svg {
    stroke-width: 0;
}

.crosshatch-background {
    background: url(/juju-ui/assets/images/pattern_tile.png) repeat;
}

#canvas {
    position: relative;
}

.environment-menu {
    @border_radius: 20px;
    @background_color: #282421;

    display: none;
    background-color: @background_color;
    color: #fdf6e3;

    border-radius: @border_radius;
    -moz-border-radius: @border_radius;
    -webkit-border-radius: @border_radius;

    box-shadow: -2px 4px 4px 0 rgba(0, 0, 0, 0.5);
    -moz-box-shadow: -2px 4px 4px 0 rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: -2px 4px 4px 0 rgba(0, 0, 0, 0.5);

    top: 0;
    left: 0;
    position: absolute;

    &.active {
        display: block;
    }

    .triangle {
        position: absolute;
        top: 62px;
        width: 12px;
        line-height: 21px;
        background-repeat: no-repeat;
    }
    &.left .triangle {
        right: -12px;
        background-image: url(/juju-ui/assets/images/icons/icon_shadow_triangle_right.png);
    }
    &.right .triangle {
        left: -12px;
        background-image: url(/juju-ui/assets/images/icons/icon_shadow_triangle.png);
    }

    .menu-title {
        margin: 10px;
    }

    .cancel {
        margin: 10px;
        float: right;
    }

    ul {
        margin: 10px;
        list-style-type: none;
        li {
            background-position: 5px center;
            background-repeat: no-repeat;
            border-bottom: 1px #5f594f solid;
            cursor: pointer;
            line-height: 32px;
            padding: 5px 5px 5px 5px;
            border-radius: @border_radius;
            -moz-border-radius: @border_radius;
            -webkit-border-radius: @border_radius;

            &.view-service {
                background-image: url(/juju-ui/assets/images/icons/icon_noshadow_view.png);
            }
            &.add-relation {
                background-image: url(/juju-ui/assets/images/icons/icon_noshadow_relation.png);
            }
            &.add-remove-units {
                background-image: url(/juju-ui/assets/images/icons/icon_noshadow_relation.png);
                color: gray;
                cursor: default;
                &:hover {
                    background-color: inherit;
                }
            }
            &.destroy-service {
                background-image: url(/juju-ui/assets/images/icons/icon_noshadow_destroy.png);
            }

            &:last-child {
                border-bottom: none;
            }
            &:hover {
                background-color: lighten(@background_color, 10%);
            }
        }

    }

    &#service-menu ul li {
        padding-left: 42px;
    }

}

charms.thumbnails.li { height:4em; }
.subordinate-rel-group {
    display: none;
    &.active {
        display: inline;
    }
}
.relation {
    stroke: #333333;
    stroke-width: 3px;
    &.error {
        stroke: #cc3333;
    }

    &.pending-relation {
        stroke: #faaf40;

        &.dragging {
            stroke: #fa6a40
        }
    }

    &.unused {
        visibility: hidden;
    }

    &.subordinate-relation {
        stroke: #3333cc;
    }
}
.rel-label {
    rect {
        stroke-width: 1px;
        stroke: #2c2c2c;
        fill: #eee;
    }

    tspan {
        text-anchor: middle;
        dominant-baseline: middle;
    }
}
.state-error { stroke: #FF0000; }
.state-started { stroke: #000000;}
.state-pending { stroke: #6597E8;}
div.state-error {
    @error-color: #c01c20;
    background-color: @error-color;
    color: #FFFFFF;
    &:hover {
        background-color: lighten(@error-color, 10%);
    }
}
div.state-started {
    @started-color: #d8d8d8;
    background-color: @started-color;
    &:hover {
        background-color: lighten(@started-color, 10%);
    }
}
div.state-pending {
    @pending-color: #fcd305;
    background-color: @pending-color;
    &:hover {
        background-color: lighten(@pending-color, 20%);
    }
}

.unit (@min_height: 20px, @border_radius:3px) {
    padding: 5px;
    -webkit-border-radius: @border_radius;
    -moz-border-radius: @border_radius;
    border-radius: @border_radius;
    margin-bottom: 0px;
    min-height: @min_height;
    cursor: pointer;
    .agent-state {
        display: none;
    }
}

ul#unit-large div.unit {
    .unit(40px);
}

ul#unit-medium div.unit {
    .unit;
}

ul#unit-small {
    margin-left: 0px;
    > li {
        margin-bottom: 5px;
        margin-left: 5px;
        > div.unit {
            .unit;
            width: 1.7em;
            text-align: center;
        }
    }
}

ul#unit-tiny {
    margin-left: 0px;
    > li {
        margin-bottom: 3px;
        margin-left: 3px;
        > div.unit {
            .unit(0px, 1px);
        }
    }
}

circle.mouse-down-indicator {
    stroke: #040404;
    stroke-width: 2px;
    fill: none;
}
g.service {
    fill: none;
    stroke: none;

    text {
        text-anchor: middle;
    }

    .charm-label {
        font-family: @font-family;
        font-style: italic;
        fill: #4c4c4c;
    }
    .name {
        font-family: @font-family;
        fill: #4c4c4c;
    }

   .unit-count {
        stroke-width: 0;
        text-anchor: middle;
        dominant-baseline: central;
        fill: rgba(0,0,0,0);
        font-family: @font-family;

        &.show-count {
            fill: rgba(0,0,0,1);}
        &.hide-count {
            fill: rgba(0,0,0,0);}
    }

    .sub-rel-count {
        text-anchor: middle;
        dominant_baseline: central;
        fill: #4f4f4f;
        font-family: @font-family;
        font-size: 1.2em;
    }

    .exposed-indicator {
        fill: #00F;

        &.off {
            visibility: hidden;
        }
        &.on {
            visibility: visible;
        }
    }

    .service-control-panel {
        visibility: hidden;

        &.active {
            visibility: visible;
        }

        image {
            cursor: pointer;
        }
    }
}
g.service-status {
    path {
        stroke-width: 0;
        fill: #fff;

        &.status-pending {
            fill: #fcd305;}
        &.status-good {
            fill: #b7b7b7;}
        &.status-error {
            fill: #c01c20;}
    }
}

g.unit {
    stroke-width: 0; font-weight: bold;
    font-family: @font-family; font-size: 1.2em; fill: #1626cf;

    .address {
    fill: #ffffff; font-size: 0.8em;}
    .unit-border {
    stroke-width: 2px; fill: #a0a0a0;}
}

/*
 * Notification system
 */
.notice {
    border-top: 1px solid #D0D0D0;
    padding: 1em 4px;
    margin: 1em 0 0 2px;
    cursor: pointer;

    .seen {
        background-color: rgba(222, 222, 222, 0.33);
    }

    &:first-child {
        border: none;
        padding-top: 0;
    }

    small {
        margin-left: 1em;
        font-size: 0.7em;
        color: #d0d0d0;
    }

    .header {
        background-color: #c0c0c0;
        font-size: 0.9em;
        margin: 0;
        padding: 0;
    }

    .error {
        background-color: rgba(255, 0, 0, 0.1);
    }
}

#service-footer {
    text-align: center;
    .footer-right {
        float: right;
    }
    .footer-left {
        float: left;
    }
    input {
        width: 3em;
        margin-bottom: 0;
    }
}

/*
 * Overview Module
 */
#overview {
    margin: 0;
    padding: 0;
    width: 100%;
}
#overview-tasks {
    background: url(/juju-ui/assets/images/bottom_bar.png) repeat-x;
    height: 50px;
    position: relative;
    color: #2d2d2d!important;

    .controls {
        position: absolute;
        top: 1px;
        left: 11px;
    }
    .destroy-control {
        position: absolute;
        top: 1px;
        right: 11px;
    }
}

.picker {
    position: relative;
    display: inline-block;
    margin: 0;
    padding: 0;
    height: 24px;
    &.graph-list-picker {
        width: 116px;
        .picker-body {
            width: 91px;
        }

        .picker-expanded {
            display: none;

            &.active {
                z-index: 100;
                display: block;
            }
            .picker-edge {
                display: block;
                top: auto;
                bottom: -10px;
                margin-left: -3px;
            }
            .picker-edge-right {
                left: auto;
                right: 0;
                margin-left: 0;
                margin-right: -3px;
            }
            .picker-list {
                position: absolute;
                bottom: -12px;
                left: 4px;
                height: 100%;
                background: url(/juju-ui/assets/images/view_1px.png) repeat-x;
                list-style-type: none;
                padding: 0;
                margin: 0;
                height: 54px;
                width: 108px;

                ul {
                    list-style-type: none;
                    padding: 0;
                    padding-top: 5px;
                    margin: 0;

                    li {
                        padding: 1px;

                        .activetick {
                            width: 12px;
                            height: 14px;
                            float: right;
                            background: url(/juju-ui/assets/images/selected_tick.png)
                                no-repeat
                                bottom left;
                        }
                    }
                }
            }
        }
    }
    &.zoom-picker {
        width: 56px;
        .picker-body {
            width: 36px;
        }
        /*#zoom-btn-up {
            position: absolute;
            top: 8px;
            right: 0px;
            opacity: 0;
            &.active {
                opacity: 1;
            }
        }
        #zoom-btn-down {
            position: absolute;
            bottom: -8px;
            right: 0px;
            opacity: 0;
            &.active {
                opacity: 1;
            }
        }*/
    }

    .picker-edge {
        position: absolute;
        top: 8px;
        left: 0;
    }
    .picker-body {
        position: absolute;
        top: 8px;
        left: 4px;
        background: url(/juju-ui/assets/images/picker_1px.png) repeat-x;
        height: 20px;
        padding: 3px 0 0 3px;
    }
    .picker-button {
        position: absolute;
        top: 8px;
        right: 0;
    }
    &.inactive {
        .picker-edge {
            display: none;
        }
        .picker-body {
            display: none;
        }
        .picker-button {
            display: none;
        }
    }
}

#unit-status {
    .running {
        color: green;
    }
    .pending {
        color: yellow;
    }
    .error {
        color: red;
    }
}

#relations {
    #unit-status;
    form {
        margin: 0;
    }
}

.yui3-panel {
    background: white;
    padding: 1.6em;
    border: solid black 2px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    outline: none;
    font-weight: normal;
    .yui3-widget-bd {
        margin-bottom: 1em;
    }
    .yui3-widget-buttons {
        float: right;
        .btn-danger {
            margin-right: 1em;
        }
    }
}

.yui3-widget-mask {
    background: black;
    opacity: 0.4;
}

.controls {
    .read-only {
        padding-top: 5px;
    }
}

.unit-button-palette {
    float: right;
}

.hidden {
    visibility: hidden;
}

#service-relations {
    .btn {
        float: right;
    }
}

#juju-search-charm-panel {
    display: block;
    padding-left: 0px;
    padding-right: 0px;
    z-index: 999;
    float: none;

    .charm-panel-configure .btn {
        float: right;
    }

    .button-colors(@color) {
        @gradient-start: lighten(@color, 5%);
	@gradient-end: darken(@color, 5%);
        background-image: -ms-linear-gradient(top, @gradient-start, @gradient-end);
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(@gradient-start), to(@gradient-end));
        background-image: -webkit-linear-gradient(top, @gradient-start, @gradient-end);
        background-image: -o-linear-gradient(top, @gradient-start, @gradient-end);
        background-image: -moz-linear-gradient(top, @gradient-start, @gradient-end);
        background-image: linear-gradient(top, @gradient-start, @gradient-end);
        background-repeat: repeat-x;
        border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    }
    .btn.deploy {
        margin-top: 5px;
        margin-left: 5px;
        vertical-align: middle;
        background-position: 0 0;     /* Needed to defeat bootstrap btn:hover 0 -15px*/
	.button-colors(@charm-panel-deploy-button-color);
        &, &:hover, &:active, &.active, &.disabled, &[disabled] {
          background-color: @charm-panel-deploy-button-color;
	}
    }
    .charm-description btn.deploy {
       float: right;
    }
    .btn.cancel {
        margin-top: 5px;
        background-repeat: no-repeat;
        background-color: transparent;
        vertical-align: middle;
        background-position: 0 0;     /* Needed to defeat bootstrap btn:hover 0 -15px*/
        background-image: url(/juju-ui/assets/images/cancel-button.png);
	.button-colors(@charm-panel-cancel-button-color);
        &, &:hover, &:active, &.active, &.disabled, &[disabled] {
          background-color: @charm-panel-cancel-button-color;
	}
    }
    .charm-panel-configure-buttons {
      border-bottom: 1px solid @charm-panel-separator-color;
      height: 52px;
      padding-left: 8px;
      .btn {
          margin-top: 12px;
      }
    }
    .search-charm-inner {
        width: 100%;
        height: 500px;
    }
    @popover-height: 607px;
    .popover-content {
        padding: 0px;
        height: @popover-height;
    }
    .charm-nav-back {
        background-color: black;
        text-transform: uppercase;
        color: white;
        font-weight: bold;
        cursor: pointer;
    }
    .charm-panel {
        h3 {
            text-transform: capitalize;
            color: blue;
            font-weight: bold;
            margin-top: 1ex;
            margin-bottom: 1ex;
        }
        h4 {
            text-transform: uppercase;
            border-bottom: 1px dotted black;
            cursor: pointer;
            margin-top: 1ex;
            margin-bottom: 1ex;
        }
        h5 {
            margin-top: 1ex;
            &:first-child {
                margin-top: 0;
            }
        }
        height: 432px;
        overflow-y: auto;
        overflow-x: hidden;
        .collapsible {
            overflow: hidden;
        }
        &.charm-description {
            padding: 1ex 1em;
            .charm-section {
                .commitmessage {
                    padding-top: 0.8ex;
                    padding-left: 1em;
                    font-style: italic;
                    white-space: pre-wrap;
                }
            }
        }
        &.config-variant {
            padding: 1ex 1em;

            .control-group {
                width: auto;
                margin-bottom: 0;
                margin-top: 1ex;
                padding-bottom: 0;
                clear: both;
            }
            .control-description {
                display: none;
            }
            .control-label {
                width: auto;
                margin-bottom: 1ex;
                float: left;
            }
            .control-label:after {
                content: ":";
            }
            .controls {
                margin-left: auto;
                margin-right: 0;
            }
            .controls.boolean {
                input {
                    margin-left: 1ex;
                    margin-top: 0.7ex;
                }
            }
            .btn {
                 margin-top: 5px;
            }
        }
    }
    .search-result-div {
        height: @popover-height;
        overflow-y:auto;
        overflow-x:hidden;
        .series-charms {
            border-top: 4px solid #D0D0D0;
            margin-top: 8px;
            margin-bottom: 4px;
            &:first-child {
                border: none;
                margin-top: 0;
            }
            h3 {
                font-weight: bold;
                text-transform: uppercase;
                font-size: 11px;
            }
            .charm-entry {
                border-top: 1px solid #D0D0D0;
                padding: 0.5em 4px;
                padding-bottom: 4px;
                margin: 0.2em 0 0 2px;
                &:first-child {
                    border: none;
                    padding-top: 0;
                }
                .charm-summary {
                    margin-bottom: 4px;
                }
                a.charm-detail {
                    font-weight: bold;
                }
                .btn {
                    float: right;
                    opacity: 0;
                }
            }
        }
    }
}

table tr.highlighted {
   background: pink;
}

#destroy-service {
    margin-top: 10px;
    margin-left: 10px;
    margin-right: 10px;
}

.service-view {
    .juju-service-info-container-bottom-menu {
        background: url(/juju-ui/assets/images/bottom_bar.png) repeat-x;
        height: 50px;
        position: relative;
        color: #2d2d2d!important;

        .destroy-control {
            position: absolute;
            top: 1px;
            left: 10px;

            a {
                color: #2D2D2D!important;
            }

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

    .filter-control {
        position: absolute;
        left: 120px;
        top: 10px;

        span:first-child {
            padding-right: 5px;
        }
    }

    .service-header-partial {
      .name {
          padding-top: 38px;
          padding-left: 46px;
          height: 73px;

          div:nth-child(1) {
              font-style: normal;
              height: 28px;
              font-size: 24px;
              color: #292929;
          }

          div:nth-child(2) {
              font-style: italic;
              font-size: 16px;
              color: #6a737b;
          }
        }

        .menu-items {
            height: 26px;
            padding-top: 2px;
            padding-left: 38px;
            background: url(/juju-ui/assets/images/tab_div.png) repeat;

            .item {
                a {
                     font-size: 12px;
                     padding-left: 10px;
                     padding-right: 10px;
                     color: #292929;
                }
                a:link, a:visited, a:active, a:hover {
                     text-decoration: none
                }

                .link-active {
                    color: #dd4814 !important;
                }
                .active {
                     margin-top: 3px;
                     height: 4px;
                     background: url(/juju-ui/assets/images/tab_marker.png)
                       repeat;
                }
            }
        }
    }

    .service-common-controls {
        position: absolute;
        right: 10px;
        top: 10px;

        .control-unit-count {
            position: absolute;
            right: 120px;
            top: 0px;
            width: 305px;

            img {
                padding-top: 0px;
            }

            div {
                padding-left: 5px;
            }

            div:first-child {
                padding-top: 4px;
            }
        }

        .control-expose {
            position: absolute;
            right: 0px;
            top: 4px;
            width: 120px;

            div {
                padding-left: 5px;
            }

            .on {
                font-size: 12px; fill: #ffffff;
                position: absolute;
                right: 20px;
                top: 3px;
            }

            .off {
                font-size: 12px; fill: #292929;
                position: absolute;
                right: 40px;
                top: 3px;
            }
          }
    }
}

div.inline {
  float: left;
}

#tooltip {
    text-align: left;
    background-color: white;
    border: solid 1px black;
    padding: 0.2em 0.5em 0.3em;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    min-width: 20px;
    max-width: 400px;
}

.charm-panel-configure {
  background-image: url(/juju-ui/assets/images/configure-cog.png);
  background-repeat: no-repeat;
  background-position: 230px 42px;
  border-top: 2px solid #dd4814;
  background-color: #2F2A27;
  height: 93px;
  padding-left: 8px;
  .title {
    font-weight: lighter;
    font-size: 22px;
    color: @charm-panel-configure-title-color;
    margin-top: 35px;
  }
  .name {
    font-size: 12px;
    color: @charm-panel-configure-name-color;
    margin-top: 5px;
  }
}