BB-3779: Buttons positions are incorrect  - decrease input with to fit buttons one line

@import "oroui/css/less/mixins";
@import "./header";
@import "./email-notification-menu";
@import "./short-emails-list";
@import "./sidebar-widget";

.auto-response-rules {
  .select-all-header-cell__dropdown-menu .all-visible {
    display: none;
  }
}

.auto-response-rule-header {
  height: 28px;
  line-height: 28px;

  h5 {
    display: inline-block;
    margin: 0;
  }
}

.ui-dialog [data-ftid=oro_email_autoresponserule] .form-horizontal .control-group .controls {
  input[type=text] {
    width: 456px;
  }

  select {
    width: 458px;
    max-width: 458px;
  }

  .select2-container {
    width: 468px;
    max-width: 468px;
  }

  .create-select-entity-choice-container {
    margin-left: -142px;

    [data-ftid=oro_email_autoresponserule_template_new_entity] > .control-group:nth-child(2) {
      margin-left: 50px;
      .control-label.wrap {
        width: 130px;
        label {
          display: block;
        }
      }
    }

    [data-ftid=oro_email_autoresponserule_template_new_entity] > .control-group:nth-child(3) > .control-label.wrap {
      width: 130px;
    }

    [data-ftid=oro_email_autoresponserule_template_new_entity] > .control-group:last-of-type {
      text-align: right;

      .control-label.wrap {
        float: none;
        display: inline-block;
      }

      input {
        margin-top: 0;
      }

      .controls {
        margin: 0;
        display: inline-block;
      }
    }
  }

  .emailtemplate-translatation {
    .control-label {
      width: 70px;
    }

    .controls {
      margin-left: 85px;
    }

    .tab-content {
      margin-left: -85px;
      border-top: 1px solid #ddd;
      margin-top: -1px;
    }

    .mce-tinymce {
      width: 468px;
    }
  }

  [data-ftid=oro_email_autoresponserule_conditions] {
    .selector {
      margin: 0 5px 0 0;
    }

    select {
      width: 85px;

      &.type {
        width: 105px;
      }
    }

    input {
      width: 185px;
    }
  }
}

.emailtemplate-translatation {
  .tab-content {
    padding: 20px 16px 10px 0;
    overflow-x: hidden;
    .mce-tinymce {
      width: 100%;
      max-width: 542px;
    }
    .tab-pane {
      input,
      textarea {
        width: 100%;
        box-sizing: border-box;
      }
      input {
        height: 32px;
      }
    }
  }
}

.choice-template-type .oro-clearfix {
  display: inline-block;
  margin-right: 10px;
  width: auto;
  input[type="radio"] {
    margin: -2px 6px 0 0;
  }
}

.emailtemplate-variables {
  .tab-content {
    padding-top: 12px;
    padding-bottom: 10px;
  }
  .breadcrumb {
    float: none;
    padding-left: 15px;
    padding-bottom: 10px;
    & > li,
    & > li.active {
      text-transform: none;
      font-size: 13px;
    }
  }
  .variables {
    .groups {
      padding-left: 15px;
    }
    .group-label {
      font-weight: bold;
    }
    .nav {
      padding-left: 15px;
      padding-right: 15px;
      & > li > a {
        display: inline-block;
        padding: 3px 0;
      }
    }
  }
  ul.caption {
    float: none;
    list-style: none;
    display: inline;
    padding: 0;
    margin: 0;
    & > li {
      display: inline-block;
    }
  }
}

.modal-body {
  .loading-content {
    background: #fff url('../../img/loader.gif') no-repeat center left;
    padding-left: 30px;
  }
}

.ui-dialog {
  .email-form {
    padding-bottom: 14px;
    .select2-container-disabled .select2-arrow {
      display: none;
    }
    .mce-tinymce {
      width: calc(~"97% + 12px");
    }
    .form-horizontal {
      .control-group {
        max-width: none;
        .controls {
          .validation-failed {
            margin-left: 14px;
          }
        }
      }
    }
    input[type=radio] {
      width: auto;
    }
    input,
    textarea,
    .uneditable-input {
      width: 97%;
    }
  }
  pre.email-body,
  iframe.email-body,
  .email-form textarea {
    height: 200px;
  }
}

.select2-container.select2-container-multi.taggable-email {
  width: calc(~"97% + 12px");
  max-width: none;
  position: relative;
  ul.select2-choices {
    padding-right: 60px;
  }
}

.cc-bcc-holder {
  position: absolute;
  top: 5px;
  right: 0;
  .showCc, .showBcc {
    cursor: pointer;
    padding: 0 5px;
    &:hover {
      text-decoration: underline;
    }
  }
}

.activity-list-widget {
  .email-info, .email-load-more {
    margin: 0 20px 0 0;
  }
  .accordion-body > .message .email-content .comment {
    padding-right: 0;
  }
}

.icon-email-thread {
  background: url('../../img/icon-email-thread.png');
  width: 21px;
  height: 18px;
  display: inline-block;
}

span.icon.grid {
  color: #999;
}

span.icon.grid .icon-paperclip {
  font-size: 21px;
}

.thread-view {
  padding-left: @horizontalPadding;
  .email-load-more {
    border-bottom: 1px solid #e5e5e5;
    .load-more-items(#e5e5e5, #f5f5f5, #888);
    &.process {
      .load-more-label {
        .process('../../../oroui/img/loader-16.gif');
        &:after {
          background-color: #f5f5f5;
          background-position: center center;
          padding-left: 10px;
        }
      }
    }
  }
}

.email-thread-action-panel {
  .email-view-toggle-all {
    color: #888;
    text-decoration: underline;
    &:hover {
      color: #777;
    }
  }
}

.email-info {
  border-bottom: 1px solid #e5e5e5;
  &:last-child {
    border-bottom: none;
  }
  .email-recipient {
    white-space: nowrap;
  }
  .email-participants {
    margin-right: 150px;
  }
  .email-sent-date {
    text-align: right;
    height: 28px;
    float: right;
    display: inline-block;
    padding: 5px 18px;
  }
  .comment-count {
    margin-right: 5px;
  }
  .email-has-attachment {
    font-size: 1.3em;
    margin-right: .5em;
  }
  .email-content {
    padding: 0 15px 10px;
    margin: 0;
  }
  .email-view-toggle {
    cursor: pointer;
    display: inline-block;
    padding: 10px 15px;
    width: 100%;
    box-sizing: border-box;
  }
  &:only-child {
    .email-view-toggle {
      padding: 0 0 10px;
    }
    .email-content {
      padding: 0 0 10px;
    }
  }
  .email-recipients {
    color: #888;
  }
  .email-short {
    background-color: #f5f5f5;
    .email-recipients {
      font-style: italic;
    }
    .email-body {
      color: #888;
      margin: 2px 150px 0 0;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
      &:after {
        content: '\2026';
      }
    }
    .email-sent-date {
      padding: 11px 0;
      color: #888;
      font-style: normal;
    }
  }
  .email-full {
    display: none;
    .email-author {
      font-weight: bold;
    }
    .email-view-toggle {
      padding-bottom: 9px;
    }
    .email-body {
      & > iframe {
        border: 0;
        width: 100%;
        height: 0;
        overflow: auto;
      }
    }
  }
  &.in {
    .email-short {
      display: none;
    }
    .email-full {
      display: block;
    }
  }
  &:last-child {
    .email-view-toggle {
      cursor: auto;
    }
  }
  .btn.dropdown-toggle {
    .caret {
      margin-left: 0;
    }
    & + .dropdown-menu {
      min-width: 100%;
    }
  }
  .email-attachments-list-cont {
    h6 {
      margin:0 10px 0 0;
      font-size: 13px;
    }
    .email-attachments-list {
      padding-top: 10px;
      clear: both;
      list-style: none;
      margin: 0;
      max-width: 700px;
      .email-attachments-list-item {
        display: inline-block;
        white-space: nowrap;
        margin: 0 13px 10px 0;
        @media only screen and (max-width: 500px) {
          margin-right: 10px;
          .email-attachments-file {
            display: none; //hide thumbnails on mobile
          }
        }
        .thumbnail {
          width: 110px;
          height: 80px;
          padding:0;
          text-align: center;
          background: #eeeeee;
          border-radius: 6px;
          border:none;
          .fa {
            padding-top: 20px;
            color: #fff;
          }
        }
        .link-to-record {
          padding-top: 10px;
          .dropdown-toggle {
            display: inline-block;
            width: 110px;
            overflow: hidden;
            @media only screen and (max-width: 500px) {
              font-size: 13px;
            }
            &:focus {
              font-weight: normal;
            }
          }
          .dropdown-menu {
            padding: 5px 15px;
            a {
              display: block;
              text-align: left;
              span {
                margin-left: 7px;
                color: #777;
              }
              &:hover {
                span {
                  color: #777;
                }
              }
            }
            .view-image {
              display: none;
            }
            @media only screen and (max-width: 500px) {
              .view-image {
                display: block;
              }
            }
          }
          .fa {
            color: #444;
            font-size: 15px;
            margin-right: 1px;
            margin-left: 0;
          }
        }
      }
    }
    .email-attachments-list.name-only {
      .email-attachments-list-item {
        margin-bottom: 0;
        .email-attachments-file {
          display: none;
        }
        .link-to-record {
          padding-top: 0;
          .dropdown-menu {
            .view-image {
              display: block;
            }
          }
        }
      }
    }
  }
  .email-prev-body {
    margin-left: 10px;
    padding-left: 10px;
    border-left: 1px solid #000000;
  }
}

.responsive-section {
  .email-content {
    .responsive-cell {
      padding-left: 0;
      padding-right: 15px;
      margin-bottom: 0 !important; /* overrides activity list widget styles */
    }
    .responsive-cell:only-child,
    .responsive-cell:last-child {
      padding-right: 0;
    }
  }
  &.responsive-small {
    .responsive-cell {
      padding-right: 0;
    }
  }
  &.responsive-small {
    .email-content {
      .responsive-cell:not(:last-child) {
        margin-bottom: 20px !important; /* overrides activity list widget styles */
      }
    }
  }
}
.accordion-body .email-info {
  &:last-child .email-content {
    padding-bottom: 0;
  }
}

.email-detailed-info-table {
  display: inline-block;
  .dropdown-toggle {
    cursor: pointer;
    font-size: 14px;
    color: #b3b3b3;
    padding: 0px 3px;
    &:hover {
      color: #888;
    }
  }
  .dropdown-menu {
    padding: 8px 10px 2px 0px;
    margin-left: -16px;
    margin-top: 3px;
    &:before {
      content: '';
      display: inline-block;
      border-left: 7px solid transparent;
      border-right: 7px solid transparent;
      border-bottom: 7px solid #ccc;
      border-bottom-color: rgba(0, 0, 0, 0.2);
      position: absolute;
      top: -7px;
      left: 19px;
    }
    &:after {
      content: '';
      display: inline-block;
      border-left: 6px solid transparent;
      border-right: 6px solid transparent;
      border-bottom: 6px solid #fff;
      position: absolute;
      top: -6px;
      left: 20px;
    }
    &.fixed-width .controls {
      white-space: normal;
    }
    ul {
      margin: 0;
      list-style: none;
    }
  }
  .control-group {
    label.control-label,
    .controls {
      color: #777;
      margin-bottom: 5px;
      padding-top: .3px;
      line-height: 1.4em;
      white-space: nowrap;
      b {
        color: #444;
      }
    }
    label.control-label {
      width: 70px;
    }
    .controls {
      margin-left: 80px;
    }
  }
}

.forged-required label em {
  color: #c30b25;
  font-size: 15px;
  line-height: 1px;
}

.attachment-item {
  display: inline-block;
  float: left;
  position: relative;
  margin-right: 8px;
  span.filename-label {
    color: #006acc;
  }
  i.icon-remove {
    cursor: pointer;
    opacity: 0.2;
  }
  input {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 0 !important;
    height: 0 !important;
    border: none;
    z-index: -1;
  }
}

a.attachment .icon .icon-link {
  color: #999;
}

.control-group .email-body-action {
  margin-right: 15px;
}

.dropdown.link-to-record {
  display: inline-block;
  padding-right: 4px;
  .dropdown-menu {
    margin-top: 5px;
    line-height: 24px;
    text-align: center;
    a {
      padding-right: 7px;
    }
  }
  .dropdown-menu.one {
    min-width: 100px;
  }
  .dropdown-menu:after {
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    content: "";
    display: inline-block;
    left: 10px;
    position: absolute;
    top: -6px;
  }
  .dropdown-menu:before {
    content: '';
    display: inline-block;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    position: absolute;
    top: -7px;
    left: 9px;
  }
}

.attachment-list-popup {
  width: 350px;
}

.attachment-list {
  height: 200px;
  overflow: auto;
}

.email-body-actions .attach-file {
  font-weight: normal !important;
}

.attachment-list-popup .attachment-list-content {
  padding: 10px 10px 0 10px;
}

.attachment-list-popup .attachment-actions {
  overflow: hidden;
  margin-top: 6px;
  margin-bottom: -5px;
  padding: 10px;
  background-color: rgb(250, 250, 250);
  border-top: 1px solid rgb(229, 229, 229);
}

.attachment-list-popup .attachment-actions .pull-left {
  margin-top: 4px;
}

.attachment-list-popup input.filter {
  width: 96%;
}

.attachment-list-popup .group-block {
  margin-bottom: 10px;
}

.attachment-list-popup .filter-block {
  margin-bottom: 15px;
}

.attachment-list-popup .attachment-list-row {
  line-height: 26px;
  font-size: 13px;
  .popover-content {
    padding: 10px;
    min-width: 110px;
  }
}

.attachment-list-popup .attachment-list-row input.checkbox {
  display: inline-block;
  width: 14px;
  margin: -1px 0 0 0;
}

.attachment-list-popup .attachment-list-row span {
  padding-top: 1px;
}

.email-row-is-readed {
  background-color: #f5f5f5;
}

.email-mail-count-circle {
  display: inline;
  background-color: orange;
  color: white;
  border-radius: 4px;
  padding: 2px 3px;
  font-size: 12px;
}
.oro-email-user-emails .email-count {
  margin-left: 4px;
  color: orange;
}
.has-new-emails .icon-user {
  color: orange;
}

a.sync-btn span.dots {
  width: 10px;
  display: inline-block;
  text-align: left;
}

.ui-multiselect-menu.select-filter-widget.multiselect-origin-folder {
  .ui-multiselect-checkboxes {
    li.ui-multiselect-optgroup-label {
      border-bottom: none;
      text-align: left;
      padding-left: 5px;
      a {
        color: rgb(68, 68, 68);
        font-size: 13px;
      }
    }
  }
}

.folder-tree {
  .folder-tree-widget {
    margin-top: 5px;
  }

  .folder-label {
    margin-left: 5px;
  }

  .folder-sub-folders {
    margin-left: 20px;
  }

  .folder-tree-widget {
    .folder-list {
      margin-left: 20px;
    }

    input[type="checkbox"] {
      margin: 0;
    }
  }
}
.check-connection-messages .alert {
  margin-top: 10px;
}

#oro_email_mailbox_origin_check_connection,
.check-connection-messages {
  width: 294px;
}

.container-fluid {
  .email-activity-widget {
    margin-bottom: 20px;
  }
}
.grid-body-cell-subject {
  .email-body {
    display: inline;
    &:before {
      content: '-';
      display: inline;
      margin-right: 4px;
    }
  }
}

@import "oroui/css/less/mixins";
@import "./header";
@import "./email-notification-menu";
@import "./short-emails-list";
@import "./sidebar-widget";

.auto-response-rules {
  .select-all-header-cell__dropdown-menu .all-visible {
    display: none;
  }
}

.auto-response-rule-header {
  height: 28px;
  line-height: 28px;

  h5 {
    display: inline-block;
    margin: 0;
  }
}

.ui-dialog [data-ftid=oro_email_autoresponserule] .form-horizontal .control-group .controls {
  input[type=text] {
    width: 456px;
  }

  select {
    width: 458px;
    max-width: 458px;
  }

  .select2-container {
    width: 468px;
    max-width: 468px;
  }

  .create-select-entity-choice-container {
    margin-left: -142px;

    [data-ftid=oro_email_autoresponserule_template_new_entity] > .control-group:nth-child(2) {
      margin-left: 50px;
      .control-label.wrap {
        width: 130px;
        label {
          display: block;
        }
      }
    }

    [data-ftid=oro_email_autoresponserule_template_new_entity] > .control-group:nth-child(3) > .control-label.wrap {
      width: 130px;
    }

    [data-ftid=oro_email_autoresponserule_template_new_entity] > .control-group:last-of-type {
      text-align: right;

      .control-label.wrap {
        float: none;
        display: inline-block;
      }

      input {
        margin-top: 0;
      }

      .controls {
        margin: 0;
        display: inline-block;
      }
    }
  }

  .emailtemplate-translatation {
    .control-label {
      width: 70px;
    }

    .controls {
      margin-left: 85px;
    }

    .tab-content {
      margin-left: -85px;
      border-top: 1px solid #ddd;
      margin-top: -1px;
    }

    .mce-tinymce {
      width: 468px;
    }
  }

  [data-ftid=oro_email_autoresponserule_conditions] {
    .selector {
      margin: 0 5px 0 0;
    }

    select {
      width: 85px;

      &.type {
        width: 105px;
      }
    }

    input {
      width: 190px;
    }
  }
}

.emailtemplate-translatation {
  .tab-content {
    padding: 20px 16px 10px 0;
    overflow-x: hidden;
    .mce-tinymce {
      width: 100%;
      max-width: 542px;
    }
    .tab-pane {
      input,
      textarea {
        width: 100%;
        box-sizing: border-box;
      }
      input {
        height: 32px;
      }
    }
  }
}

.choice-template-type .oro-clearfix {
  display: inline-block;
  margin-right: 10px;
  width: auto;
  input[type="radio"] {
    margin: -2px 6px 0 0;
  }
}

.emailtemplate-variables {
  .tab-content {
    padding-top: 12px;
    padding-bottom: 10px;
  }
  .breadcrumb {
    float: none;
    padding-left: 15px;
    padding-bottom: 10px;
    & > li,
    & > li.active {
      text-transform: none;
      font-size: 13px;
    }
  }
  .variables {
    .groups {
      padding-left: 15px;
    }
    .group-label {
      font-weight: bold;
    }
    .nav {
      padding-left: 15px;
      padding-right: 15px;
      & > li > a {
        display: inline-block;
        padding: 3px 0;
      }
    }
  }
  ul.caption {
    float: none;
    list-style: none;
    display: inline;
    padding: 0;
    margin: 0;
    & > li {
      display: inline-block;
    }
  }
}

.modal-body {
  .loading-content {
    background: #fff url('../../img/loader.gif') no-repeat center left;
    padding-left: 30px;
  }
}

.ui-dialog {
  .email-form {
    padding-bottom: 14px;
    .select2-container-disabled .select2-arrow {
      display: none;
    }
    .mce-tinymce {
      width: calc(~"97% + 12px");
    }
    .form-horizontal {
      .control-group {
        max-width: none;
        .controls {
          .validation-failed {
            margin-left: 14px;
          }
        }
      }
    }
    input[type=radio] {
      width: auto;
    }
    input,
    textarea,
    .uneditable-input {
      width: 97%;
    }
  }
  pre.email-body,
  iframe.email-body,
  .email-form textarea {
    height: 200px;
  }
}

.select2-container.select2-container-multi.taggable-email {
  width: calc(~"97% + 12px");
  max-width: none;
  position: relative;
  ul.select2-choices {
    padding-right: 60px;
  }
}

.cc-bcc-holder {
  position: absolute;
  top: 5px;
  right: 0;
  .showCc, .showBcc {
    cursor: pointer;
    padding: 0 5px;
    &:hover {
      text-decoration: underline;
    }
  }
}

.activity-list-widget {
  .email-info, .email-load-more {
    margin: 0 20px 0 0;
  }
  .accordion-body > .message .email-content .comment {
    padding-right: 0;
  }
}

.icon-email-thread {
  background: url('../../img/icon-email-thread.png');
  width: 21px;
  height: 18px;
  display: inline-block;
}

span.icon.grid {
  color: #999;
}

span.icon.grid .icon-paperclip {
  font-size: 21px;
}

.thread-view {
  padding-left: @horizontalPadding;
  .email-load-more {
    border-bottom: 1px solid #e5e5e5;
    .load-more-items(#e5e5e5, #f5f5f5, #888);
    &.process {
      .load-more-label {
        .process('../../../oroui/img/loader-16.gif');
        &:after {
          background-color: #f5f5f5;
          background-position: center center;
          padding-left: 10px;
        }
      }
    }
  }
}

.email-thread-action-panel {
  .email-view-toggle-all {
    color: #888;
    text-decoration: underline;
    &:hover {
      color: #777;
    }
  }
}

.email-info {
  border-bottom: 1px solid #e5e5e5;
  &:last-child {
    border-bottom: none;
  }
  .email-recipient {
    white-space: nowrap;
  }
  .email-participants {
    margin-right: 150px;
  }
  .email-sent-date {
    text-align: right;
    height: 28px;
    float: right;
    display: inline-block;
    padding: 5px 18px;
  }
  .comment-count {
    margin-right: 5px;
  }
  .email-has-attachment {
    font-size: 1.3em;
    margin-right: .5em;
  }
  .email-content {
    padding: 0 15px 10px;
    margin: 0;
  }
  .email-view-toggle {
    cursor: pointer;
    display: inline-block;
    padding: 10px 15px;
    width: 100%;
    box-sizing: border-box;
  }
  &:only-child {
    .email-view-toggle {
      padding: 0 0 10px;
    }
    .email-content {
      padding: 0 0 10px;
    }
  }
  .email-recipients {
    color: #888;
  }
  .email-short {
    background-color: #f5f5f5;
    .email-recipients {
      font-style: italic;
    }
    .email-body {
      color: #888;
      margin: 2px 150px 0 0;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
      &:after {
        content: '\2026';
      }
    }
    .email-sent-date {
      padding: 11px 0;
      color: #888;
      font-style: normal;
    }
  }
  .email-full {
    display: none;
    .email-author {
      font-weight: bold;
    }
    .email-view-toggle {
      padding-bottom: 9px;
    }
    .email-body {
      & > iframe {
        border: 0;
        width: 100%;
        height: 0;
        overflow: auto;
      }
    }
  }
  &.in {
    .email-short {
      display: none;
    }
    .email-full {
      display: block;
    }
  }
  &:last-child {
    .email-view-toggle {
      cursor: auto;
    }
  }
  .btn.dropdown-toggle {
    .caret {
      margin-left: 0;
    }
    & + .dropdown-menu {
      min-width: 100%;
    }
  }
  .email-attachments-list-cont {
    h6 {
      margin:0 10px 0 0;
      font-size: 13px;
    }
    .email-attachments-list {
      padding-top: 10px;
      clear: both;
      list-style: none;
      margin: 0;
      max-width: 700px;
      .email-attachments-list-item {
        display: inline-block;
        white-space: nowrap;
        margin: 0 13px 10px 0;
        @media only screen and (max-width: 500px) {
          margin-right: 10px;
          .email-attachments-file {
            display: none; //hide thumbnails on mobile
          }
        }
        .thumbnail {
          width: 110px;
          height: 80px;
          padding:0;
          text-align: center;
          background: #eeeeee;
          border-radius: 6px;
          border:none;
          .fa {
            padding-top: 20px;
            color: #fff;
          }
        }
        .link-to-record {
          padding-top: 10px;
          .dropdown-toggle {
            display: inline-block;
            width: 110px;
            overflow: hidden;
            @media only screen and (max-width: 500px) {
              font-size: 13px;
            }
            &:focus {
              font-weight: normal;
            }
          }
          .dropdown-menu {
            padding: 5px 15px;
            a {
              display: block;
              text-align: left;
              span {
                margin-left: 7px;
                color: #777;
              }
              &:hover {
                span {
                  color: #777;
                }
              }
            }
            .view-image {
              display: none;
            }
            @media only screen and (max-width: 500px) {
              .view-image {
                display: block;
              }
            }
          }
          .fa {
            color: #444;
            font-size: 15px;
            margin-right: 1px;
            margin-left: 0;
          }
        }
      }
    }
    .email-attachments-list.name-only {
      .email-attachments-list-item {
        margin-bottom: 0;
        .email-attachments-file {
          display: none;
        }
        .link-to-record {
          padding-top: 0;
          .dropdown-menu {
            .view-image {
              display: block;
            }
          }
        }
      }
    }
  }
  .email-prev-body {
    margin-left: 10px;
    padding-left: 10px;
    border-left: 1px solid #000000;
  }
}

.responsive-section {
  .email-content {
    .responsive-cell {
      padding-left: 0;
      padding-right: 15px;
      margin-bottom: 0 !important; /* overrides activity list widget styles */
    }
    .responsive-cell:only-child,
    .responsive-cell:last-child {
      padding-right: 0;
    }
  }
  &.responsive-small {
    .responsive-cell {
      padding-right: 0;
    }
  }
  &.responsive-small {
    .email-content {
      .responsive-cell:not(:last-child) {
        margin-bottom: 20px !important; /* overrides activity list widget styles */
      }
    }
  }
}
.accordion-body .email-info {
  &:last-child .email-content {
    padding-bottom: 0;
  }
}

.email-detailed-info-table {
  display: inline-block;
  .dropdown-toggle {
    cursor: pointer;
    font-size: 14px;
    color: #b3b3b3;
    padding: 0px 3px;
    &:hover {
      color: #888;
    }
  }
  .dropdown-menu {
    padding: 8px 10px 2px 0px;
    margin-left: -16px;
    margin-top: 3px;
    &:before {
      content: '';
      display: inline-block;
      border-left: 7px solid transparent;
      border-right: 7px solid transparent;
      border-bottom: 7px solid #ccc;
      border-bottom-color: rgba(0, 0, 0, 0.2);
      position: absolute;
      top: -7px;
      left: 19px;
    }
    &:after {
      content: '';
      display: inline-block;
      border-left: 6px solid transparent;
      border-right: 6px solid transparent;
      border-bottom: 6px solid #fff;
      position: absolute;
      top: -6px;
      left: 20px;
    }
    &.fixed-width .controls {
      white-space: normal;
    }
    ul {
      margin: 0;
      list-style: none;
    }
  }
  .control-group {
    label.control-label,
    .controls {
      color: #777;
      margin-bottom: 5px;
      padding-top: .3px;
      line-height: 1.4em;
      white-space: nowrap;
      b {
        color: #444;
      }
    }
    label.control-label {
      width: 70px;
    }
    .controls {
      margin-left: 80px;
    }
  }
}

.forged-required label em {
  color: #c30b25;
  font-size: 15px;
  line-height: 1px;
}

.attachment-item {
  display: inline-block;
  float: left;
  position: relative;
  margin-right: 8px;
  span.filename-label {
    color: #006acc;
  }
  i.icon-remove {
    cursor: pointer;
    opacity: 0.2;
  }
  input {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 0 !important;
    height: 0 !important;
    border: none;
    z-index: -1;
  }
}

a.attachment .icon .icon-link {
  color: #999;
}

.control-group .email-body-action {
  margin-right: 15px;
}

.dropdown.link-to-record {
  display: inline-block;
  padding-right: 4px;
  .dropdown-menu {
    margin-top: 5px;
    line-height: 24px;
    text-align: center;
    a {
      padding-right: 7px;
    }
  }
  .dropdown-menu.one {
    min-width: 100px;
  }
  .dropdown-menu:after {
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    content: "";
    display: inline-block;
    left: 10px;
    position: absolute;
    top: -6px;
  }
  .dropdown-menu:before {
    content: '';
    display: inline-block;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    position: absolute;
    top: -7px;
    left: 9px;
  }
}

.attachment-list-popup {
  width: 350px;
}

.attachment-list {
  height: 200px;
  overflow: auto;
}

.email-body-actions .attach-file {
  font-weight: normal !important;
}

.attachment-list-popup .attachment-list-content {
  padding: 10px 10px 0 10px;
}

.attachment-list-popup .attachment-actions {
  overflow: hidden;
  margin-top: 6px;
  margin-bottom: -5px;
  padding: 10px;
  background-color: rgb(250, 250, 250);
  border-top: 1px solid rgb(229, 229, 229);
}

.attachment-list-popup .attachment-actions .pull-left {
  margin-top: 4px;
}

.attachment-list-popup input.filter {
  width: 96%;
}

.attachment-list-popup .group-block {
  margin-bottom: 10px;
}

.attachment-list-popup .filter-block {
  margin-bottom: 15px;
}

.attachment-list-popup .attachment-list-row {
  line-height: 26px;
  font-size: 13px;
  .popover-content {
    padding: 10px;
    min-width: 110px;
  }
}

.attachment-list-popup .attachment-list-row input.checkbox {
  display: inline-block;
  width: 14px;
  margin: -1px 0 0 0;
}

.attachment-list-popup .attachment-list-row span {
  padding-top: 1px;
}

.email-row-is-readed {
  background-color: #f5f5f5;
}

.email-mail-count-circle {
  display: inline;
  background-color: orange;
  color: white;
  border-radius: 4px;
  padding: 2px 3px;
  font-size: 12px;
}
.oro-email-user-emails .email-count {
  margin-left: 4px;
  color: orange;
}
.has-new-emails .icon-user {
  color: orange;
}

a.sync-btn span.dots {
  width: 10px;
  display: inline-block;
  text-align: left;
}

.ui-multiselect-menu.select-filter-widget.multiselect-origin-folder {
  .ui-multiselect-checkboxes {
    li.ui-multiselect-optgroup-label {
      border-bottom: none;
      text-align: left;
      padding-left: 5px;
      a {
        color: rgb(68, 68, 68);
        font-size: 13px;
      }
    }
  }
}

.folder-tree {
  .folder-tree-widget {
    margin-top: 5px;
  }

  .folder-label {
    margin-left: 5px;
  }

  .folder-sub-folders {
    margin-left: 20px;
  }

  .folder-tree-widget {
    .folder-list {
      margin-left: 20px;
    }

    input[type="checkbox"] {
      margin: 0;
    }
  }
}
.check-connection-messages .alert {
  margin-top: 10px;
}

#oro_email_mailbox_origin_check_connection,
.check-connection-messages {
  width: 294px;
}

.container-fluid {
  .email-activity-widget {
    margin-bottom: 20px;
  }
}
.grid-body-cell-subject {
  .email-body {
    display: inline;
    &:before {
      content: '-';
      display: inline;
      margin-right: 4px;
    }
  }
}


[Interface] Added background style for custom selects

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


Remove unecessary definition of teal colour from header

Definition already exists in colors.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/rohanorton/wharfchambers.git/'


Fix color of code snippet plugin

Fix color of code snippet plugin

/** ----------------------------------------------------------------------------
 * Default colours (for reference, inherited settings may differ)
 */
// @transparent-darkest: rgba(0,0,0,.20);
// @transparent-darker: rgba(0,0,0,.1);
// @transparent-dark: rgba(0,0,0,.02);
// @transparent-light: rgba(255,255,255,0.6);
// @transparent-lighter: rgba(255,255,255,0.26);
// @transparent-lightest: rgba(255,255,255,0.08);
// @content-background-color: #FFFFFF;
// @primary-background-color: #04436A;
// @primary-font-color: #444444;
// @primary-action-color: #13679A;
// @secondary-background-color: #F4F4F4;
// @secondary-font-color: #A0A0A0;
// @secondary-action-color: #E5E5E5;
// @component-color: #EAEAEA;
// @success-color: #1DCE73;
// @pending-color: #FCB316;
// @error-color: #BC2031;
// @selection-color: #FF5678;
// @tertiary-font-color: @transparent-light;
// @link-font-color: @primary-action-color;
// @info-font-color: @secondary-font-color;
// @custom-scrollbar-color: @transparent-dark;
// @status-online: @success-color;
// @status-away: @pending-color;
// @status-busy: @error-color;
// @status-offline: @transparent-darkest;
/** ----------------------------------------------------------------------------
 * Derivative colours (fixed variants of inherited variables)
 */
@primary-background-contrast: contrast(@primary-background-color, #444);
@primary-action-contrast: contrast(@primary-action-color, #444);
@secondary-action-contrast: contrast(@secondary-action-color, #444);
@selection-background: lighten(@selection-color, 30%);
@success-background: lighten(@success-color, 40%);
@success-border: lighten(@success-color, 30%);
@error-background: lighten(@error-color, 40%);
@error-border: lighten(@error-color, 30%);
@error-contrast: contrast(@error-color);
@pending-background: lighten(@pending-color, 40%);
@pending-border: lighten(@pending-color, 30%);
@window-border-color: @component-color;
/** ----------------------------------------------------------------------------
 * Document components
 */
html {
	.custom-scroll(transparent, @custom-scrollbar-color, 0);
}
.flex-nav,
.flex-tab .content,
.messages-container .wrapper,
.list-view,
.page-container .content,
.rocket-modal.fluid .modal main,
.rooms-list,
.scrollable,
.user-view {
	.custom-scroll(transparent, @custom-scrollbar-color);
}
body {
	color: @primary-font-color;
	background-color: @content-background-color;
	* {
		border-color: @component-color;
	}
}
code {
	background-color: @transparent-dark;
	border-color: @component-color;
	color: @secondary-font-color;
}
blockquote:before {
	background-color: @transparent-dark;
}
.main-content,
.cms-page,
.page-container {
	background-color: @content-background-color;
	header {
		background-color: @content-background-color;
		border-color: @component-color;
	}
}
.page-container table {
	overflow: hidden;
	background-color: @secondary-background-color;
	th,
	td {
		border-color: @component-color;
	}
	th {
		background-color: @content-background-color;
	}
	tr {
		background-color: @transparent-light;
		&:nth-of-type(even) {
			background-color: @transparent-lighter;
		}
	}
	tr:hover td {
		background-color: @content-background-color;
	}
}
.burger i {
	background-color: @primary-font-color;
}
/** ----------------------------------------------------------------------------
 * Admin and settings styles
 */
.page-settings {
	.content {
		background-color: @transparent-dark;
	}
	.section {
		background-color: @content-background-color;
	}
	.terminal {
		background-color: #444;
		color: white;
		.time {
			color: @secondary-font-color;
		}
	}
}
.page-list,
.page-settings {
	a {
		color: @primary-font-color;
		&:hover {
			color: @primary-action-color;
		}
	}
}
.settings-file-preview .preview.no-file {
	background-color: @transparent-light;
	color: @secondary-font-color;
}
.new-logs {
	background: @primary-action-contrast;
	color: @primary-action-color;
}
.code-error-box {
	.title {
		background-color: @error-color;
		color: white;
	}
	pre {
		color: @error-color;
		border-color: @error-border;
		background-color: @transparent-lightest;
	}
}
.code-mirror-box {
	.buttons {
		background-color: #f7f7f7; // matches plugin styles
	}
	&.code-mirror-box-fullscreen {
		background-color: @content-background-color;
	}
}
.avatar-suggestion-item {
	background-color: @tertiary-background-color;
	.avatar {
		background-size: cover;
		background-color: @tertiary-background-color;
	}
	.question-mark::before {
		color: @secondary-font-color;
	}
}
/** ----------------------------------------------------------------------------
 * Asides (external to main application views)
 */
.spotlight {
	background-color: @transparent-dark;
	i {
		color: @secondary-font-color;
	}
}
.mobile-message-menu {
	background-color: @transparent-dark;
}
.full-page,
.page-loading {
	.gradient(shade(@primary-background-color), @primary-background-color);
	color: @tertiary-font-color;
	a {
		color: @tertiary-font-color;
	}
	a:hover {
		color: @primary-background-contrast;
	}
	.spinner > div {
		background-color: @primary-background-contrast;
	}
}
#login-card {
	color: @primary-font-color;
	background-color: @content-background-color;
	.input-shade(@primary-font-color, @content-background-color);
}
.dropzone.over .dropzone-overlay {
	background-color: @transparent-darkest;
	color: @content-background-color;
	> div {
		background-color: @transparent-darkest;
	}
}
.rocket-modal {
	background-color: @transparent-darkest;
	legend {
		color: @secondary-font-color;
		&:before {
			background-color: @tertiary-background-color;
		}
	}
	.modal {
		background-color: @content-background-color;
		header {
			background-color: @secondary-background-color;
			.close {
				i {
					color: @secondary-font-color;
				}
				&:hover i {
					color: @primary-font-color;
				}
			}
		}
		main {
			background-color: @content-background-color;
		}
		footer {
			background-color: @component-color;
		}
	}
}
/** ----------------------------------------------------------------------------
 * Room components
 */
.new-message {
	color: @primary-action-contrast;
	background-color: @primary-action-color;
}
.ticks-bar {
	.tick {
		background-color: @primary-action-color;
	}
	.tick-all {
		background-color: @selection-color;
	}
}
.room-not-found {
	color: @error-color;
}
.favorite-room {
	color: @pending-color;
}
.toggle-favorite {
	color: @component-color;
}
.container-bars {
	.upload-progress {
		background-color: @success-background;
		color: @success-color;
		&.upload-error {
			background-color: @error-background;
			border-color: @error-border;
		}
		.upload-progress-progress {
			background-color: @success-background;
		}
	}
	.unread-bar {
		background-color: @component-color;
		color: @primary-action-color;
	}
}
.messages-container {
	.footer {
		background: @content-background-color;
	}
	.message-form {
		color: @secondary-font-color;
		.input-message-container {
			background-color: @content-background-color;
		}
		.message-buttons {
			.buttonColors(@primary-font-color, @transparent-dark);
		}
	}
	.new-message,
	.popup-item.selected {
		color: @primary-action-contrast;
		background-color: @primary-action-color;
	}
	.message-popup {
		background: @content-background-color;
	}
	.message-popup-title {
		background-color: @secondary-background-color;
	}
	.messages-box {
		.jump-recent {
			background-color: @component-color;
		}
		&.selectable .selected {
			background-color: @selection-background;
		}
		.load-more span {
			background-color: @secondary-background-color;
		}
	}
}
.messages-box {
	.start {
		color: @info-font-color;
	}
	.editing .body,
	textarea.editing {
		background-color: @selection-background;
	}
}

/** ----------------------------------------------------------------------------
 * Message content
 */
.message {
	.body {
		color: @primary-font-color;
	}
	&.system body {
		color: @info-font-color;
	}
	&:hover {
		background-color: @transparent-dark;
	}
	.toggle-options {
		color: @secondary-font-color;
	}
	.message-dropdown,
	.options-menu {
		color: @info-font-color;
		background-color: @content-background-color;
		ul li {
			&:first-child {
				background-color: @component-color;
			}
			&:hover {
				background-color: @content-background-color;
			}
		}
	}
	&.new-day::before {
		background-color: @content-background-color;
	}
	&.new-day::after,
	.info,
	.user-view,
	.message-alias {
		color: @info-font-color;
		border-color: @component-color;
	}
	.user {
		color: @primary-font-color;
	}
	.is-bot,
	.role-tag {
		background-color: @info-font-color;
		color: contrast(@info-font-color);
	}
	a {
		.linkColors(@link-font-color, darken(@link-font-color, 10%));
	}
	a.mention-link {
		background-color: @secondary-action-color;
		color: @secondary-action-contrast;
		&.mention-link-all,
		&.mention-link-me {
			color: @primary-action-contrast;
			background-color: @primary-action-color;
		}
		&.mention-link-all {
			color: contrast(@selection-color);
			background-color: @selection-color;
		}
	}
	.highlight-text {
		background-color: @selection-background;
	}
	.attachment {
		.attachment-block-border {
			background-color: @info-font-color;
		}
	}
}
/** ----------------------------------------------------------------------------
 * Misc typography variants
 */
a {
	color: @primary-font-color;
}
a:active,
a:hover {
	color: @primary-action-color;
}
.message,
.flex-tab {
	a i,
	a[class^="icon-"] {
		color: @primary-font-color;
		&:hover {
			color: darken(@primary-font-color, 10%);
		}
	}
}
.load-more .load-more-loading,
.secondary-text {
	color: @secondary-font-color;
}
.alert-icon {
	color: @success-color;
}
.error {
	background-color: @error-background;
	border-color: @error-color;
	color: @error-color;
}
/** ----------------------------------------------------------------------------
 * Side nav
 */
.side-nav {
	color: @tertiary-font-color;
	background-color: @primary-background-color;
	* {
		border-color: @transparent-darker;
	}
	a,
	.info {
		.linkColors(@tertiary-font-color, @tertiary-font-color);
	}
	.arrow:before,
	.arrow:after {
		background-color: @tertiary-font-color;
	}
	.info,
	.options,
	.content,
	footer,
	header {
		background-color: @primary-background-color;
	}
	.rooms-list {
		background-color: lighten(@primary-background-color, 2.5%);
	}
	.more:hover,
	h3:hover,
	.selected-users li {
		background-color: @transparent-darker;
	}
	li.active .opt {
		color: @tertiary-font-color;
	}
	.active a {
		color: @primary-background-contrast;
		background-color: @transparent-lightest;
	}
	.has-alert a {
		color: @primary-background-contrast;
	}
	.unread {
		background-color: @success-color;
	}
	.unread-rooms {
		background-color: @primary-action-color;
		color: @primary-action-contrast;
	}
}
/** ----------------------------------------------------------------------------
 * Flex tabs / admin fly-out panels
 */
.flex-tab {
	background-color: @secondary-background-color;
	.message {
		background-color: @transparent-lighter;
		&.new-day::before {
			background-color: @secondary-background-color;
		}
	}
}
.flex-tab-bar {
	background-color: @content-background-color;
	border-color: @component-color;
	.tab-button {
		&:hover {
			background-color: @secondary-background-color;
		}
		&.active {
			background-color: @secondary-background-color;
			border-right-color: @selection-color;
		}
		&.attention {
			.blink(@selection-color);
		}
	}
	.counter {
		background: @secondary-font-color;
		color: white;
	}
}
.webrtc-video {
	&.webrtc-video-overlay,
	.main-video,
	.state-overlay::before,
	.videos .video-item {
		background-color: @transparent-darkest;
		color: white;
	}
	.main-video > div,
	.video-muted-overlay,
	.videos .video-item > div {
		background-color: @transparent-darker;
	}
	video {
		background-color: black;
	}
}
/** ----------------------------------------------------------------------------
 * User status / user meta
 */
 i.status-online {
 	color: @status-online;
 }
.account-box .status-online .thumb:after,
.account-box .status.online:after,
.options .status .online:after,
.popup-user-status-online,
.status-online:after,
.user-image.status-online .avatar:after {
	background-color: @status-online;
	border-color: darken(@status-online,10%);
}
i.status-away {
	color: @status-away;
}
.account-box .status-away .thumb:after,
.account-box .status.away:after,
.options .status .online:after,
.popup-user-status-away,
.status-pending:after,
.user-image.status-away .avatar:after {
	background-color: @status-away;
	border-color: darken(@status-away,10%);
}
i.status-busy {
	color: @status-busy;
}
.account-box .status-busy .thumb:after,
.account-box .status.busy:after,
.options .status .online:after,
.popup-user-status-busy,
.status-busy:after,
.user-image.status-busy .avatar:after {
	background-color: @status-busy;
	border-color: darken(@status-busy,10%);
}
i.status-offline {
	color: @status-offline;
}
.account-box .status-offline .thumb:after,
.account-box .status.offline:after,
.options .status .online:after,
.popup-user-status-offline,
.status-offline:after,
.user-image.status-offline .avatar:after {
	background-color: @status-offline;
	border-color: darken(@status-offline,10%);
}
.popup-user-status {
	border-color: @transparent-dark;
}
.popup-user-status-system {
	border-color: transparent;
}
.user-view {
	p {
		color: @secondary-font-color;
	}
	.box:after,
	.stats li,
	.tags li {
		background-color: @component-color;
	}
}
/** ----------------------------------------------------------------------------
 * Buttons!
 */
.actionLinks li {
	.buttonColors(@secondary-action-contrast,@secondary-action-color);
}
.button {
	.buttonColors(@secondary-action-contrast,@secondary-action-color);
	&.button-primary,
	&.primary,
	&.save,
	&.send,
	&.start {
		.buttonColors(@primary-action-contrast,@primary-action-color);
	}
	// TODO: Secondary button usage needs refactor and guidelines to be consistent
	// &.back,
	// &.cancel,
	// &.secondary {
	// 	.buttonColors(@secondary-action-contrast,@secondary-action-color);
	// }
	&.delete,
	&.delete-role,
	&.end,
	&.logout,
	&.mute-user,
	&.remove,
	&.remove-user,
	&.stop-call {
		.buttonColors(@error-contrast,@error-color);
	}
	&.facebook {
		background-color: #325c99;
	}
	&.twitter {
		background-color: #02acec;
	}
	&.google {
		background-color: #dd4b39;
	}
	&.github {
		background-color: #4c4c4c;
	}
	&.gitlab {
		background-color: #373d47;
	}
	&.trello {
		background-color: #026aa7;
	}
	&.meteor-developer {
		background-color: #de4f4f;
	}
	&.wordpress {
		background-color: #1e8cbe;
	}
}
.side-nav {
	.button {
		.buttonColors(@tertiary-font-color, mix(@primary-action-color,@primary-background-color));
	}
	.options button {
		.buttonColors(@tertiary-font-color, @primary-background-color);
	}
}
/** ----------------------------------------------------------------------------
 * Feedback and overlay content
 */
.icon-ok,
.feedback-success {
	color: @success-color;
}
.feedback-warning {
	color: @pending-color;
}
.feedback-error {
	color: @error-color;
}
.livechat-form .error,
.offline .error {
	background-color: @error-background;
}
.alert-warning {
	color: @pending-color;
	background-color: @pending-background;
	border-color: @pending-border;
}
.alert-danger {
	color: @error-color;
	background-color: @error-background;
	border-color: @error-border;
}
.side-nav .input-error,
label.required:after {
	color: @error-color;
}
.burger .unread-burger-alert {
	background-color: @error-color;
	color: @error-contrast;
}
/** ----------------------------------------------------------------------------
 * Forms
 */
.input-shade(@primary-font-color, @content-background-color);
.flex-nav {
	.input-shade(@primary-background-contrast, @primary-background-color);
	label,
	legend {
		color: @tertiary-font-color;
	}
}
.flex-tab {
	input,
	select,
	textarea {
		background-color: @content-background-color;
	}
}
.input-line {
	&.setting-changed > label {
		color: @selection-color;
	}
	i,
	.settings-description {
		color: @secondary-font-color;
	}
	.settings-alert {
		background-color: @pending-background;
		border-color: @pending-border;
		color: @pending-color;
	}
}
input:-webkit-autofill {
	color: @primary-font-color !important;
}
input:-webkit-autofill {
	background-color: transparent !important;
}

/** ----------------------------------------------------------------------------
 * Default colours (for reference, inherited settings may differ)
 */
// @transparent-darkest: rgba(0,0,0,.20);
// @transparent-darker: rgba(0,0,0,.1);
// @transparent-dark: rgba(0,0,0,.02);
// @transparent-light: rgba(255,255,255,0.6);
// @transparent-lighter: rgba(255,255,255,0.26);
// @transparent-lightest: rgba(255,255,255,0.08);
// @content-background-color: #FFFFFF;
// @primary-background-color: #04436A;
// @primary-font-color: #444444;
// @primary-action-color: #13679A;
// @secondary-background-color: #F4F4F4;
// @secondary-font-color: #A0A0A0;
// @secondary-action-color: #E5E5E5;
// @component-color: #EAEAEA;
// @success-color: #1DCE73;
// @pending-color: #FCB316;
// @error-color: #BC2031;
// @selection-color: #FF5678;
// @tertiary-font-color: @transparent-light;
// @link-font-color: @primary-action-color;
// @info-font-color: @secondary-font-color;
// @custom-scrollbar-color: @transparent-dark;
// @status-online: @success-color;
// @status-away: @pending-color;
// @status-busy: @error-color;
// @status-offline: @transparent-darkest;
/** ----------------------------------------------------------------------------
 * Derivative colours (fixed variants of inherited variables)
 */
@primary-background-contrast: contrast(@primary-background-color, #444);
@primary-action-contrast: contrast(@primary-action-color, #444);
@secondary-action-contrast: contrast(@secondary-action-color, #444);
@selection-background: lighten(@selection-color, 30%);
@success-background: lighten(@success-color, 40%);
@success-border: lighten(@success-color, 30%);
@error-background: lighten(@error-color, 40%);
@error-border: lighten(@error-color, 30%);
@error-contrast: contrast(@error-color);
@pending-background: lighten(@pending-color, 40%);
@pending-border: lighten(@pending-color, 30%);
@window-border-color: @component-color;
/** ----------------------------------------------------------------------------
 * Document components
 */
html {
	.custom-scroll(transparent, @custom-scrollbar-color, 0);
}
.flex-nav,
.flex-tab .content,
.messages-container .wrapper,
.list-view,
.page-container .content,
.rocket-modal.fluid .modal main,
.rooms-list,
.scrollable,
.user-view {
	.custom-scroll(transparent, @custom-scrollbar-color);
}
body {
	color: @primary-font-color;
	background-color: @content-background-color;
	* {
		border-color: @component-color;
	}
}
code {
	background-color: @transparent-dark;
	border-color: @component-color;
	color: @secondary-font-color;
}
blockquote:before {
	background-color: @transparent-dark;
}
.main-content,
.cms-page,
.page-container {
	background-color: @content-background-color;
	header {
		background-color: @content-background-color;
		border-color: @component-color;
	}
}
.page-container table {
	overflow: hidden;
	background-color: @secondary-background-color;
	th,
	td {
		border-color: @component-color;
	}
	th {
		background-color: @content-background-color;
	}
	tr {
		background-color: @transparent-light;
		&:nth-of-type(even) {
			background-color: @transparent-lighter;
		}
	}
	tr:hover td {
		background-color: @content-background-color;
	}
}
.burger i {
	background-color: @primary-font-color;
}
/** ----------------------------------------------------------------------------
 * Admin and settings styles
 */
.page-settings {
	.content {
		background-color: @transparent-dark;
	}
	.section {
		background-color: @content-background-color;
	}
	.terminal {
		background-color: #444;
		color: white;
		.time {
			color: @secondary-font-color;
		}
	}
}
.page-list,
.page-settings {
	a {
		color: @primary-font-color;
		&:hover {
			color: @primary-action-color;
		}
	}
}
.settings-file-preview .preview.no-file {
	background-color: @transparent-light;
	color: @secondary-font-color;
}
.new-logs {
	background: @primary-action-contrast;
	color: @primary-action-color;
}
.code-error-box {
	.title {
		background-color: @error-color;
		color: white;
	}
	pre {
		color: @error-color;
		border-color: @error-border;
		background-color: @transparent-lightest;
	}
}
.code-mirror-box {
	.buttons {
		background-color: @secondary-action-color;
	}
	&.code-mirror-box-fullscreen {
		background-color: @content-background-color;
	}
}
.avatar-suggestion-item {
	background-color: @tertiary-background-color;
	.avatar {
		background-size: cover;
		background-color: @tertiary-background-color;
	}
	.question-mark::before {
		color: @secondary-font-color;
	}
}
/** ----------------------------------------------------------------------------
 * Asides (external to main application views)
 */
.spotlight {
	background-color: @transparent-dark;
	i {
		color: @secondary-font-color;
	}
}
.mobile-message-menu {
	background-color: @transparent-dark;
}
.full-page,
.page-loading {
	.gradient(shade(@primary-background-color), @primary-background-color);
	color: @tertiary-font-color;
	a {
		color: @tertiary-font-color;
	}
	a:hover {
		color: @primary-background-contrast;
	}
	.spinner > div {
		background-color: @primary-background-contrast;
	}
}
#login-card {
	color: @primary-font-color;
	background-color: @content-background-color;
	.input-shade(@primary-font-color, @content-background-color);
}
.dropzone.over .dropzone-overlay {
	background-color: @transparent-darkest;
	color: @content-background-color;
	> div {
		background-color: @transparent-darkest;
	}
}
.rocket-modal {
	background-color: @transparent-darkest;
	legend {
		color: @secondary-font-color;
		&:before {
			background-color: @tertiary-background-color;
		}
	}
	.modal {
		background-color: @content-background-color;
		header {
			background-color: @secondary-background-color;
			.close {
				i {
					color: @secondary-font-color;
				}
				&:hover i {
					color: @primary-font-color;
				}
			}
		}
		main {
			background-color: @content-background-color;
		}
		footer {
			background-color: @component-color;
		}
	}
}
/** ----------------------------------------------------------------------------
 * Room components
 */
.new-message {
	color: @primary-action-contrast;
	background-color: @primary-action-color;
}
.ticks-bar {
	.tick {
		background-color: @primary-action-color;
	}
	.tick-all {
		background-color: @selection-color;
	}
}
.room-not-found {
	color: @error-color;
}
.favorite-room {
	color: @pending-color;
}
.toggle-favorite {
	color: @component-color;
}
.container-bars {
	.upload-progress {
		background-color: @success-background;
		color: @success-color;
		&.upload-error {
			background-color: @error-background;
			border-color: @error-border;
		}
		.upload-progress-progress {
			background-color: @success-background;
		}
	}
	.unread-bar {
		background-color: @component-color;
		color: @primary-action-color;
	}
}
.messages-container {
	.footer {
		background: @content-background-color;
	}
	.message-form {
		color: @secondary-font-color;
		.input-message-container {
			background-color: @content-background-color;
		}
		.message-buttons {
			.buttonColors(@primary-font-color, @transparent-dark);
		}
	}
	.new-message,
	.popup-item.selected {
		color: @primary-action-contrast;
		background-color: @primary-action-color;
	}
	.message-popup {
		background: @content-background-color;
	}
	.message-popup-title {
		background-color: @secondary-background-color;
	}
	.messages-box {
		.jump-recent {
			background-color: @component-color;
		}
		&.selectable .selected {
			background-color: @selection-background;
		}
		.load-more span {
			background-color: @secondary-background-color;
		}
	}
}
.messages-box {
	.start {
		color: @info-font-color;
	}
	.editing .body,
	textarea.editing {
		background-color: @selection-background;
	}
}

/** ----------------------------------------------------------------------------
 * Message content
 */
.message {
	.body {
		color: @primary-font-color;
	}
	&.system body {
		color: @info-font-color;
	}
	&:hover {
		background-color: @transparent-dark;
	}
	.toggle-options {
		color: @secondary-font-color;
	}
	.message-dropdown,
	.options-menu {
		color: @info-font-color;
		background-color: @content-background-color;
		ul li {
			&:first-child {
				background-color: @component-color;
			}
			&:hover {
				background-color: @content-background-color;
			}
		}
	}
	&.new-day::before {
		background-color: @content-background-color;
	}
	&.new-day::after,
	.info,
	.user-view,
	.message-alias {
		color: @info-font-color;
		border-color: @component-color;
	}
	.user {
		color: @primary-font-color;
	}
	.is-bot,
	.role-tag {
		background-color: @info-font-color;
		color: contrast(@info-font-color);
	}
	a {
		.linkColors(@link-font-color, darken(@link-font-color, 10%));
	}
	a.mention-link {
		background-color: @secondary-action-color;
		color: @secondary-action-contrast;
		&.mention-link-all,
		&.mention-link-me {
			color: @primary-action-contrast;
			background-color: @primary-action-color;
		}
		&.mention-link-all {
			color: contrast(@selection-color);
			background-color: @selection-color;
		}
	}
	.highlight-text {
		background-color: @selection-background;
	}
	.attachment {
		.attachment-block-border {
			background-color: @info-font-color;
		}
	}
}
/** ----------------------------------------------------------------------------
 * Misc typography variants
 */
a {
	color: @primary-font-color;
}
a:active,
a:hover {
	color: @primary-action-color;
}
.message,
.flex-tab {
	a i,
	a[class^="icon-"] {
		color: @primary-font-color;
		&:hover {
			color: darken(@primary-font-color, 10%);
		}
	}
}
.load-more .load-more-loading,
.secondary-text {
	color: @secondary-font-color;
}
.alert-icon {
	color: @success-color;
}
.error {
	background-color: @error-background;
	border-color: @error-color;
	color: @error-color;
}
/** ----------------------------------------------------------------------------
 * Side nav
 */
.side-nav {
	color: @tertiary-font-color;
	background-color: @primary-background-color;
	* {
		border-color: @transparent-darker;
	}
	a,
	.info {
		.linkColors(@tertiary-font-color, @tertiary-font-color);
	}
	.arrow:before,
	.arrow:after {
		background-color: @tertiary-font-color;
	}
	.info,
	.options,
	.content,
	footer,
	header {
		background-color: @primary-background-color;
	}
	.rooms-list {
		background-color: lighten(@primary-background-color, 2.5%);
	}
	.more:hover,
	h3:hover,
	.selected-users li {
		background-color: @transparent-darker;
	}
	li.active .opt {
		color: @tertiary-font-color;
	}
	.active a {
		color: @primary-background-contrast;
		background-color: @transparent-lightest;
	}
	.has-alert a {
		color: @primary-background-contrast;
	}
	.unread {
		background-color: @success-color;
	}
	.unread-rooms {
		background-color: @primary-action-color;
		color: @primary-action-contrast;
	}
}
/** ----------------------------------------------------------------------------
 * Flex tabs / admin fly-out panels
 */
.flex-tab {
	background-color: @secondary-background-color;
	.message {
		background-color: @transparent-lighter;
		&.new-day::before {
			background-color: @secondary-background-color;
		}
	}
}
.flex-tab-bar {
	background-color: @content-background-color;
	border-color: @component-color;
	.tab-button {
		&:hover {
			background-color: @secondary-background-color;
		}
		&.active {
			background-color: @secondary-background-color;
			border-right-color: @selection-color;
		}
		&.attention {
			.blink(@selection-color);
		}
	}
	.counter {
		background: @secondary-font-color;
		color: white;
	}
}
.webrtc-video {
	&.webrtc-video-overlay,
	.main-video,
	.state-overlay::before,
	.videos .video-item {
		background-color: @transparent-darkest;
		color: white;
	}
	.main-video > div,
	.video-muted-overlay,
	.videos .video-item > div {
		background-color: @transparent-darker;
	}
	video {
		background-color: black;
	}
}
/** ----------------------------------------------------------------------------
 * User status / user meta
 */
 i.status-online {
 	color: @status-online;
 }
.account-box .status-online .thumb:after,
.account-box .status.online:after,
.options .status .online:after,
.popup-user-status-online,
.status-online:after,
.user-image.status-online .avatar:after {
	background-color: @status-online;
	border-color: darken(@status-online,10%);
}
i.status-away {
	color: @status-away;
}
.account-box .status-away .thumb:after,
.account-box .status.away:after,
.options .status .online:after,
.popup-user-status-away,
.status-pending:after,
.user-image.status-away .avatar:after {
	background-color: @status-away;
	border-color: darken(@status-away,10%);
}
i.status-busy {
	color: @status-busy;
}
.account-box .status-busy .thumb:after,
.account-box .status.busy:after,
.options .status .online:after,
.popup-user-status-busy,
.status-busy:after,
.user-image.status-busy .avatar:after {
	background-color: @status-busy;
	border-color: darken(@status-busy,10%);
}
i.status-offline {
	color: @status-offline;
}
.account-box .status-offline .thumb:after,
.account-box .status.offline:after,
.options .status .online:after,
.popup-user-status-offline,
.status-offline:after,
.user-image.status-offline .avatar:after {
	background-color: @status-offline;
	border-color: darken(@status-offline,10%);
}
.popup-user-status {
	border-color: @transparent-dark;
}
.popup-user-status-system {
	border-color: transparent;
}
.user-view {
	p {
		color: @secondary-font-color;
	}
	.box:after,
	.stats li,
	.tags li {
		background-color: @component-color;
	}
}
/** ----------------------------------------------------------------------------
 * Buttons!
 */
.actionLinks li {
	.buttonColors(@secondary-action-contrast,@secondary-action-color);
}
.button {
	.buttonColors(@secondary-action-contrast,@secondary-action-color);
	&.button-primary,
	&.primary,
	&.save,
	&.send,
	&.start {
		.buttonColors(@primary-action-contrast,@primary-action-color);
	}
	// TODO: Secondary button usage needs refactor and guidelines to be consistent
	// &.back,
	// &.cancel,
	// &.secondary {
	// 	.buttonColors(@secondary-action-contrast,@secondary-action-color);
	// }
	&.delete,
	&.delete-role,
	&.end,
	&.logout,
	&.mute-user,
	&.remove,
	&.remove-user,
	&.stop-call {
		.buttonColors(@error-contrast,@error-color);
	}
	&.facebook {
		background-color: #325c99;
	}
	&.twitter {
		background-color: #02acec;
	}
	&.google {
		background-color: #dd4b39;
	}
	&.github {
		background-color: #4c4c4c;
	}
	&.gitlab {
		background-color: #373d47;
	}
	&.trello {
		background-color: #026aa7;
	}
	&.meteor-developer {
		background-color: #de4f4f;
	}
	&.wordpress {
		background-color: #1e8cbe;
	}
}
.side-nav {
	.button {
		.buttonColors(@tertiary-font-color, mix(@primary-action-color,@primary-background-color));
	}
	.options button {
		.buttonColors(@tertiary-font-color, @primary-background-color);
	}
}
/** ----------------------------------------------------------------------------
 * Feedback and overlay content
 */
.icon-ok,
.feedback-success {
	color: @success-color;
}
.feedback-warning {
	color: @pending-color;
}
.feedback-error {
	color: @error-color;
}
.livechat-form .error,
.offline .error {
	background-color: @error-background;
}
.alert-warning {
	color: @pending-color;
	background-color: @pending-background;
	border-color: @pending-border;
}
.alert-danger {
	color: @error-color;
	background-color: @error-background;
	border-color: @error-border;
}
.side-nav .input-error,
label.required:after {
	color: @error-color;
}
.burger .unread-burger-alert {
	background-color: @error-color;
	color: @error-contrast;
}
/** ----------------------------------------------------------------------------
 * Forms
 */
.input-shade(@primary-font-color, @content-background-color);
.flex-nav {
	.input-shade(@primary-background-contrast, @primary-background-color);
	label,
	legend {
		color: @tertiary-font-color;
	}
}
.flex-tab {
	input,
	select,
	textarea {
		background-color: @content-background-color;
	}
}
.input-line {
	&.setting-changed > label {
		color: @selection-color;
	}
	i,
	.settings-description {
		color: @secondary-font-color;
	}
	.settings-alert {
		background-color: @pending-background;
		border-color: @pending-border;
		color: @pending-color;
	}
}
input:-webkit-autofill {
	color: @primary-font-color !important;
}
input:-webkit-autofill {
	background-color: transparent !important;
}


Active line number should stand out.

Active line number should stand out.

// Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
//
// Permission is hereby granted, free of charge, to any person obtaining a
// copy of this software and associated documentation files (the "Software"),
// to deal in the Software without restriction, including without limitation
// the rights to use, copy, modify, merge, publish, distribute, sublicense,
// and/or sell copies of the Software, and to permit persons to whom the
// Software is furnished to do so, subject to the following conditions:
//
// The above copyright notice and this permission notice shall be included in
// all copies or substantial portions of the Software.
//
// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
// FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER
// DEALINGS IN THE SOFTWARE.

// Style definitions are from
// https://github.com/chriskempson/tomorrow-theme/tree/master/Brackets

// Brackets-specific default font and color definitions
//@import url("brackets_colors.less");

// Default theme -- all UI styling comes from variables in a theme
// Themes can rely on variables defined above
//@import url("brackets_theme_default.less");

// Include Codemirror styling overrides so that we can overrides proper values
// for the theme.  If you need to customize the tree, you also include jsTree.less
// and even brackets_scrollbars.less
//@import url("brackets_codemirror_override.less");

/*
 * Brackets Default Theme
 *
 * Defines all the variables that one can configure in a theme. This should
 * contain all variables / mixins for UI styling that we want to be able to
 * change in a theme.
 *
 * Throughout the rest of the LESS files we should _only_ use color
 * variable names that are on the LHS of the list below. So, if we
 * need a new color for some UI element, we should add a variable
 * in this file.
 */

/* Define some variables used in multiple places */
@background: #1d1f21;
@foreground: #c5c8c6;
@bc-color-step-size: 10%;

/* Code Styling */

.CodeMirror, .CodeMirror-scroll {
    background-color: @background;
    color: @foreground;
}

.CodeMirror-focused .CodeMirror-activeline-background {
    background: #2f2f2f;
}
&.show-line-padding .CodeMirror-focused .CodeMirror-activeline-background {
    box-shadow: inset 15px 0 0 0 #000;
}

.CodeMirror-focused .CodeMirror-activeline {
    .CodeMirror-gutter-elt {
        background: #000;
        color: #fff;
    }
    .inline-widget .CodeMirror-gutter-elt {
        color: #767676;
    }
}

.cm-atom, .cm-string, .cm-string-2, .cm-hr {color: #d89333;}
.cm-number, .cm-attribute, .cm-plus {color: #85a300;}
.cm-def, .cm-property {color: #b77fdb;}
.cm-variable, .cm-variable-2, .cm-variable-3, .cm-operator, .cm-meta, .cm-bracket {color: @foreground;}
.cm-comment {color: #767676;}
.cm-error, .cm-minus {color: #dc322f;}
.cm-header {color: #d85896;}
.cm-link {color: #b77fdb; text-decoration: none;}
.cm-rangeinfo {color: #6c71c4;}
.cm-keyword, .cm-qualifier, .cm-builtin, .cm-tag, .cm-quote {color: #6c9ef8;}

/* Extra CSS */

.CodeMirror.find-highlighting div.CodeMirror-selected,
.CodeMirror .CodeMirror.find-highlighting div.CodeMirror-selected {
    background: red;
}

.CodeMirror-cursor {
    border-left: 1px solid #c5c8c6 !important;
}

.CodeMirror-gutters {
    background-color: @background;
    border-right: none;
}

.CodeMirror-focused .CodeMirror-activeline .CodeMirror-gutter-elt {
    color: #fff;
}

.CodeMirror .CodeMirror-selected {
    background: #333f48;
}
.CodeMirror-focused .CodeMirror-selected {
    background: #0050a0;
}

.CodeMirror-matchingbracket, .CodeMirror-matchingtag {
    /* Ensure visibility against gray inline editor background */
    background-color: #2e5c00;
    color: @foreground !important;
}

.CodeMirror-overwrite .CodeMirror-cursor {
    border-left: none !important;
    border-bottom: 1px solid #fff;
}

/* Inline editor styling */

.related-container .selection:before {
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;
}

.inline-widget .CodeMirror, .inline-widget .CodeMirror-gutters {
    background: transparent;
}

// Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
//
// Permission is hereby granted, free of charge, to any person obtaining a
// copy of this software and associated documentation files (the "Software"),
// to deal in the Software without restriction, including without limitation
// the rights to use, copy, modify, merge, publish, distribute, sublicense,
// and/or sell copies of the Software, and to permit persons to whom the
// Software is furnished to do so, subject to the following conditions:
//
// The above copyright notice and this permission notice shall be included in
// all copies or substantial portions of the Software.
//
// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
// FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER
// DEALINGS IN THE SOFTWARE.

// Style definitions are from
// https://github.com/chriskempson/tomorrow-theme/tree/master/Brackets

// Brackets-specific default font and color definitions
//@import url("brackets_colors.less");

// Default theme -- all UI styling comes from variables in a theme
// Themes can rely on variables defined above
//@import url("brackets_theme_default.less");

// Include Codemirror styling overrides so that we can overrides proper values
// for the theme.  If you need to customize the tree, you also include jsTree.less
// and even brackets_scrollbars.less
//@import url("brackets_codemirror_override.less");

/*
 * Brackets Default Theme
 *
 * Defines all the variables that one can configure in a theme. This should
 * contain all variables / mixins for UI styling that we want to be able to
 * change in a theme.
 *
 * Throughout the rest of the LESS files we should _only_ use color
 * variable names that are on the LHS of the list below. So, if we
 * need a new color for some UI element, we should add a variable
 * in this file.
 */

/* Define some variables used in multiple places */
@background: #1d1f21;
@foreground: #c5c8c6;
@bc-color-step-size: 10%;

/* Code Styling */

.CodeMirror, .CodeMirror-scroll {
    background-color: @background;
    color: @foreground;
}

.CodeMirror-focused .CodeMirror-activeline-background {
    background: #2f2f2f;
}
&.show-line-padding .CodeMirror-focused .CodeMirror-activeline-background {
    box-shadow: inset 15px 0 0 0 #000;
}

.CodeMirror-focused .CodeMirror-activeline {
    .CodeMirror-gutter-elt {
        background: #000;
        color: #fff;
    }
    .inline-widget .CodeMirror-gutter-elt {
        color: #767676;
    }
}

.cm-atom, .cm-string, .cm-string-2, .cm-hr {color: #d89333;}
.cm-number, .cm-attribute, .cm-plus {color: #85a300;}
.cm-def, .cm-property {color: #b77fdb;}
.cm-variable, .cm-variable-2, .cm-variable-3, .cm-operator, .cm-meta, .cm-bracket {color: @foreground;}
.cm-comment {color: #767676;}
.cm-error, .cm-minus {color: #dc322f;}
.cm-header {color: #d85896;}
.cm-link {color: #b77fdb; text-decoration: none;}
.cm-rangeinfo {color: #6c71c4;}
.cm-keyword, .cm-qualifier, .cm-builtin, .cm-tag, .cm-quote {color: #6c9ef8;}

/* Extra CSS */

.CodeMirror.find-highlighting div.CodeMirror-selected,
.CodeMirror .CodeMirror.find-highlighting div.CodeMirror-selected {
    background: red;
}

.CodeMirror-cursor {
    border-left: 1px solid #c5c8c6 !important;
}

.CodeMirror-gutters {
    background-color: @background;
    border-right: none;
}

.CodeMirror-focused .CodeMirror-activeline .CodeMirror-gutter-elt, .CodeMirror-linenumber {
    color: #767676;
}

.CodeMirror .CodeMirror-selected {
    background: #333f48;
}
.CodeMirror-focused .CodeMirror-selected {
    background: #0050a0;
}

.CodeMirror-matchingbracket, .CodeMirror-matchingtag {
    /* Ensure visibility against gray inline editor background */
    background-color: #2e5c00;
    color: @foreground !important;
}

.CodeMirror-overwrite .CodeMirror-cursor {
    border-left: none !important;
    border-bottom: 1px solid #fff;
}

/* Inline editor styling */

.related-container .selection:before {
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;
}

.inline-widget .CodeMirror, .inline-widget .CodeMirror-gutters {
    background: transparent;
}


removed background

removed background

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 timers not displaying on phone and tablet sizes.

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/simonpfry/AuctionHouse.git/'