.edit-kanban textarea {
  resize: none; }

.edit-kanban .modal-body {
  min-height: 150px; }

.edit-kanban .kanban-list-creator {
  /*border-left: 1px solid rgba(0, 0, 0, .25);
        margin-top: 20px;
        margin-left: 15px;*/ }
  .edit-kanban .kanban-list-creator > div:nth-of-type(2) {
    min-height: 150px; }

.kanban-board {
  /*width: calc(100vw - 220px - 30px);

    @media(max-width: $screen-desktop) {
        width: calc(100vw - 30px);
    }*/
  width: 100%;
  overflow: auto;
  position: relative;
  display: flex;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  align-items: stretch;
  padding: 0 0.5%; }
  .kanban-board div .glyphicon {
    color: #777777; }
  .kanban-board .alert {
    max-width: 400px;
    opacity: 0.9;
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0; }
  .kanban-board .kanban-edit-swimlanes-btn {
    position: absolute;
    top: 7px;
    right: 0;
    height: 24px;
    background-color: #777777;
    border-radius: 50%; }
    .kanban-board .kanban-edit-swimlanes-btn:hover {
      background-color: #777777; }
    .kanban-board .kanban-edit-swimlanes-btn > .glyphicon {
      color: #fff;
      -moz-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      -o-transform: rotate(90deg);
      -webkit-transform: rotate(90deg);
      transform: rotate(90deg); }

[kanban-swimlane] {
  flex-shrink: 0;
  margin: 0 0.5%;
  width: 225px; }
  [kanban-swimlane] .kanban-add-card {
    color: currentColor;
    font-size: inherit;
    font-weight: 200;
    padding: 0 5px;
    margin-bottom: 5px; }

.panel[kanban-card], .kanban-placeholder {
  padding: 0 0 5px 5px;
  margin-bottom: 5px; }

[kanban-card].panel {
  background-color: #f2f4f7; }

[kanban-card] [ng-click] {
  cursor: pointer; }

.kanban-placeholder {
  border: 2px dashed #777777;
  border-radius: 4px; }

.kanban-card-header {
  display: table;
  width: 100%;
  margin-top: 2px; }
  .kanban-card-header > h5 {
    display: table-cell;
    vertical-align: middle; }
  .kanban-card-header > div {
    display: table-cell;
    text-align: right;
    width: 65px;
    height: 25px;
    padding-right: 4px; }
    .kanban-card-header > div img,
    .kanban-card-header > div svg {
      vertical-align: top; }
    .kanban-card-header > div svg {
      border: 1px solid #999; }
  .kanban-card-header .kanban-member > div[wizdom365-presence-picture] {
    display: inline-block; }
  .kanban-card-header .kanban-member .ms-peopleux-imgUserLink {
    display: inline-block;
    vertical-align: top; }

.kanban-card-footer {
  display: table;
  width: 100%;
  min-height: 5px;
  margin-top: 10px;
  font-size: smaller; }
  .kanban-card-footer > div:first-of-type {
    display: table-cell; }
    .kanban-card-footer > div:first-of-type > span {
      margin-right: 5px; }
  .kanban-card-footer > div:nth-of-type(2) {
    display: table-cell;
    width: 60px;
    padding-left: 5px; }

.kanban-member.media {
  margin-top: 0; }

.kanban-member img,
.kanban-member svg {
  height: 25px;
  width: 25px;
  border-radius: 50%; }

.kanban-member span {
  font-size: smaller; }
  .kanban-member span.glyphicon {
    font-size: inherit; }

.kanban-member button {
  visibility: hidden; }

.kanban-member:hover button {
  visibility: visible; }

.kanban-datepicker .dropdown-menu {
  top: 100% !important;
  right: 0 !important;
  left: auto !important;
  padding: 10px; }
  .kanban-datepicker .dropdown-menu .btn-group > .btn[ng-click="select(null)"] {
    border-radius: 3px; }
  .kanban-datepicker .dropdown-menu .btn-group > .btn[ng-click="select('today')"] {
    display: none; }

.kanban-edit-swimlanes div .glyphicon {
  color: #777777; }

.kanban-edit-swimlanes .list-group-item .btn {
  margin-left: 5px; }

.kanban-card-details textarea {
  resize: none; }

.kanban-card-details .dropdown-menu > li > a.kanban-selected-tag {
  background-color: #337ab7;
  color: #fff; }

.kanban-card-details div .glyphicon {
  color: #777777; }

.kanban-card-details .comment-picture {
  max-width: 100% !important; }

.kanban-card-details .selected-image img {
  max-width: 95% !important; }

.kanban-card-details .modal-body {
  padding-bottom: 0; }
  .kanban-card-details .modal-body > div > div:not(.kanban-inline) {
    margin-bottom: 20px; }

.kanban-card-details button[dropdown-toggle]:active,
.kanban-card-details button[bs-popover]:active,
.kanban-card-details button[ng-click]:active {
  background-color: #e6f2fa;
  box-shadow: none; }

.kanban-card-details .kanban-description {
  white-space: pre-wrap; }

.kanban-card-details .label {
  display: inline-block;
  padding: 4px 5px; }

.kanban-card-details .kanban-attachment {
  margin-bottom: 10px; }

.kanban-card-details [wizdom365-comments-panel] .wd-noticeboard-comments-panel {
  display: block !important; }

.kanban-card-details [wizdom365-comments-panel] .comments-header {
  display: none; }

.kanban-card-details [wizdom365-comments-panel] .commentItemContainer + .commentItemContainer {
  border-top: 1px solid rgba(0, 0, 0, 0.15);
  padding-top: 10px;
  margin-top: 10px; }

.kanban-card-details [wizdom365-comments-panel] .edit-comment-panel {
  margin-top: 10px; }

.kanban-card-details [wizdom365-comments-panel] .avatar-frame,
.kanban-card-details [wizdom365-comments-panel] .avatar-frame img {
  width: 35px;
  height: 35px;
  border-radius: 50%; }

.kanban-card-details [wizdom365-comments-panel] .socialPanel, .kanban-card-details [wizdom365-comments-panel] .commentItem-action {
  display: inline-block; }

.kanban-card-details [wizdom365-comments-panel] .commentItem-action > label {
  margin-left: 5px;
  font-size: smaller;
  margin-top: 2px; }

.kanban-card-details [wizdom365-comments-panel] .commentItem-action-mobile {
  display: none; }

.kanban-card-details [wizdom365-comments-panel] .col-sm-12 {
  padding-left: 0;
  padding-right: 0; }

.kanban-card-details [wizdom365-comments-panel] textarea {
  width: 100%; }

.kanban-card-details .kanban-member {
  width: 100%;
  margin-bottom: 5px; }

.kanban-card-details .kanban-datepicker {
  margin-bottom: 0; }

.kanban-card-details [dropdown] {
  position: relative; }

.kanban-card-details .popover {
  max-width: none;
  width: 100%;
  padding: 5px 0;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); }
  .kanban-card-details .popover .popover-content {
    padding: 6px 12px; }
  .kanban-card-details .popover .form-group {
    min-height: 0; }

.kanban-card-details button + .popover {
  margin-top: 3px; }

.kanban-card-details [wizdom365-principalpicker] [ng-show="loadingLocations"] {
  position: absolute;
  top: 21px;
  right: 19px; }

.kanban-card-details [wizdom365-principalpicker] button.close {
  position: absolute;
  top: 6px;
  right: 0; }

.kanban-card-details [ng-click],
.kanban-card-details .kanban-clickable-title,
.kanban-card-details .kanban-clickable-field {
  cursor: pointer; }

.kanban-card-details .kanban-clickable-title .glyphicon-pencil {
  visibility: hidden;
  color: #fff;
  margin-left: 5px; }

.kanban-card-details .kanban-clickable-title:hover .glyphicon-pencil {
  visibility: visible; }

.kanban-card-details .kanban-clickable-title + .popover {
  margin-top: 20px;
  margin-left: 20px;
  width: 66.67%; }

.kanban-card-details .kanban-clickable-field {
  padding: 6px;
  margin: -6px;
  border-radius: 4px; }
  .kanban-card-details .kanban-clickable-field:hover {
    background-color: #e6f2fa; }
  .kanban-card-details .kanban-clickable-field + .popover {
    margin-top: -4px; }

.kanban-card-details .kanban-inline > h5 {
  display: inline-block; }

.kanban-card-details .kanban-inline > div {
  margin-top: 1px;
  margin-right: -6px; }

.kanban-card-details .kanban-inline .pull-right > .dropdown-menu {
  right: -7px; }

.kanban-create-card div .glyphicon {
  color: #777777; }

.kanban-create-card textarea {
  resize: none; }

.kanban-create-card .dropdown-menu > li > a.kanban-selected-tag {
  background-color: #337ab7;
  color: #fff; }

.kanban-create-card .modal-body {
  padding-bottom: 0; }

.kanban-create-card select.form-control {
  padding-left: 8px; }

.kanban-create-card [wizdom365-principalpicker] [ng-show="loadingLocations"] {
  position: absolute;
  top: 10px;
  right: 24px; }

.kanban-create-card [wizdom365-principalpicker] button.close {
  position: absolute;
  top: 2px;
  right: 0; }
