.color-picker-square.color- {
  border: 1px solid #ccdcf3; }

.color-picker-square.color-yellow {
  background-color: #fbda38; }

li.task-tag {
  background-color: #cccccc;
  color: #777a7d; }
  li.task-tag.color-yellow {
    border-style: none;
    color: #fbda38;
    background-color: #fef6ce; }

.board-task-list .task-board.color-yellow {
  border-top: 3px solid #fbda38; }
  .board-task-list .task-board.color-yellow:hover, .board-task-list .task-board.color-yellow:focus {
    border-top-color: #fad106; }

.task-board-category.color-yellow {
  border-style: none;
  background-color: #fef6ce; }
  .task-board-category.color-yellow a {
    color: #fbda38; }
  .task-board-category.color-yellow .tooltip .fa-info-circle {
    color: #fbda38;
    font-size: 0.8rem; }

.table-list .table-list-row.color-yellow {
  border-left: 5px solid #fbda38; }
  .table-list .table-list-row.color-yellow:hover, .table-list .table-list-row.color-yellow:focus {
    border-left-color: #fad106; }

.table-list-category {
  background-color: #e6e6e6;
  color: #777a7d; }
  .table-list-category.table-list-category.color-yellow {
    background-color: #fef6ce;
    border-style: none;
    color: #fbda38; }
    .table-list-category.table-list-category.color-yellow a {
      color: #fbda38; }

.task-summary-title.color-yellow img {
  background-color: #fbda38; }

.page > #main > .project-header.color-yellow {
  border-bottom: 3px solid #fbda38; }

.color-picker-square.color-blue {
  background-color: #4694ff; }

li.task-tag {
  background-color: #cccccc;
  color: #777a7d; }
  li.task-tag.color-blue {
    border-style: none;
    color: #4694ff;
    background-color: #dfecff; }

.board-task-list .task-board.color-blue {
  border-top: 3px solid #4694ff; }
  .board-task-list .task-board.color-blue:hover, .board-task-list .task-board.color-blue:focus {
    border-top-color: #1377ff; }

.task-board-category.color-blue {
  border-style: none;
  background-color: #dfecff; }
  .task-board-category.color-blue a {
    color: #4694ff; }
  .task-board-category.color-blue .tooltip .fa-info-circle {
    color: #4694ff;
    font-size: 0.8rem; }

.table-list .table-list-row.color-blue {
  border-left: 5px solid #4694ff; }
  .table-list .table-list-row.color-blue:hover, .table-list .table-list-row.color-blue:focus {
    border-left-color: #1377ff; }

.table-list-category {
  background-color: #e6e6e6;
  color: #777a7d; }
  .table-list-category.table-list-category.color-blue {
    background-color: #dfecff;
    border-style: none;
    color: #4694ff; }
    .table-list-category.table-list-category.color-blue a {
      color: #4694ff; }

.task-summary-title.color-blue img {
  background-color: #4694ff; }

.page > #main > .project-header.color-blue {
  border-bottom: 3px solid #4694ff; }

.color-picker-square.color-green {
  background-color: #4ba975; }

li.task-tag {
  background-color: #cccccc;
  color: #777a7d; }
  li.task-tag.color-green {
    border-style: none;
    color: #4ba975;
    background-color: #b1dcc4; }

.board-task-list .task-board.color-green {
  border-top: 3px solid #4ba975; }
  .board-task-list .task-board.color-green:hover, .board-task-list .task-board.color-green:focus {
    border-top-color: #3b865d; }

.task-board-category.color-green {
  border-style: none;
  background-color: #b1dcc4; }
  .task-board-category.color-green a {
    color: #4ba975; }
  .task-board-category.color-green .tooltip .fa-info-circle {
    color: #4ba975;
    font-size: 0.8rem; }

.table-list .table-list-row.color-green {
  border-left: 5px solid #4ba975; }
  .table-list .table-list-row.color-green:hover, .table-list .table-list-row.color-green:focus {
    border-left-color: #3b865d; }

.table-list-category {
  background-color: #e6e6e6;
  color: #777a7d; }
  .table-list-category.table-list-category.color-green {
    background-color: #b1dcc4;
    border-style: none;
    color: #4ba975; }
    .table-list-category.table-list-category.color-green a {
      color: #4ba975; }

.task-summary-title.color-green img {
  background-color: #4ba975; }

.page > #main > .project-header.color-green {
  border-bottom: 3px solid #4ba975; }

.color-picker-square.color-purple {
  background-color: #856be2; }

li.task-tag {
  background-color: #cccccc;
  color: #777a7d; }
  li.task-tag.color-purple {
    border-style: none;
    color: #856be2;
    background-color: #eeebfb; }

.board-task-list .task-board.color-purple {
  border-top: 3px solid #856be2; }
  .board-task-list .task-board.color-purple:hover, .board-task-list .task-board.color-purple:focus {
    border-top-color: #6240da; }

.task-board-category.color-purple {
  border-style: none;
  background-color: #eeebfb; }
  .task-board-category.color-purple a {
    color: #856be2; }
  .task-board-category.color-purple .tooltip .fa-info-circle {
    color: #856be2;
    font-size: 0.8rem; }

.table-list .table-list-row.color-purple {
  border-left: 5px solid #856be2; }
  .table-list .table-list-row.color-purple:hover, .table-list .table-list-row.color-purple:focus {
    border-left-color: #6240da; }

.table-list-category {
  background-color: #e6e6e6;
  color: #777a7d; }
  .table-list-category.table-list-category.color-purple {
    background-color: #eeebfb;
    border-style: none;
    color: #856be2; }
    .table-list-category.table-list-category.color-purple a {
      color: #856be2; }

.task-summary-title.color-purple img {
  background-color: #856be2; }

.page > #main > .project-header.color-purple {
  border-bottom: 3px solid #856be2; }

.color-picker-square.color-red {
  background-color: #ff2a2a; }

li.task-tag {
  background-color: #cccccc;
  color: #777a7d; }
  li.task-tag.color-red {
    border-style: none;
    color: #ff2a2a;
    background-color: #ffc3c3; }

.board-task-list .task-board.color-red {
  border-top: 3px solid #ff2a2a; }
  .board-task-list .task-board.color-red:hover, .board-task-list .task-board.color-red:focus {
    border-top-color: #f60000; }

.task-board-category.color-red {
  border-style: none;
  background-color: #ffc3c3; }
  .task-board-category.color-red a {
    color: #ff2a2a; }
  .task-board-category.color-red .tooltip .fa-info-circle {
    color: #ff2a2a;
    font-size: 0.8rem; }

.table-list .table-list-row.color-red {
  border-left: 5px solid #ff2a2a; }
  .table-list .table-list-row.color-red:hover, .table-list .table-list-row.color-red:focus {
    border-left-color: #f60000; }

.table-list-category {
  background-color: #e6e6e6;
  color: #777a7d; }
  .table-list-category.table-list-category.color-red {
    background-color: #ffc3c3;
    border-style: none;
    color: #ff2a2a; }
    .table-list-category.table-list-category.color-red a {
      color: #ff2a2a; }

.task-summary-title.color-red img {
  background-color: #ff2a2a; }

.page > #main > .project-header.color-red {
  border-bottom: 3px solid #ff2a2a; }

.color-picker-square.color-orange {
  background-color: #fb9531; }

li.task-tag {
  background-color: #cccccc;
  color: #777a7d; }
  li.task-tag.color-orange {
    border-style: none;
    color: #fb9531;
    background-color: #fee2c7; }

.board-task-list .task-board.color-orange {
  border-top: 3px solid #fb9531; }
  .board-task-list .task-board.color-orange:hover, .board-task-list .task-board.color-orange:focus {
    border-top-color: #f47b05; }

.task-board-category.color-orange {
  border-style: none;
  background-color: #fee2c7; }
  .task-board-category.color-orange a {
    color: #fb9531; }
  .task-board-category.color-orange .tooltip .fa-info-circle {
    color: #fb9531;
    font-size: 0.8rem; }

.table-list .table-list-row.color-orange {
  border-left: 5px solid #fb9531; }
  .table-list .table-list-row.color-orange:hover, .table-list .table-list-row.color-orange:focus {
    border-left-color: #f47b05; }

.table-list-category {
  background-color: #e6e6e6;
  color: #777a7d; }
  .table-list-category.table-list-category.color-orange {
    background-color: #fee2c7;
    border-style: none;
    color: #fb9531; }
    .table-list-category.table-list-category.color-orange a {
      color: #fb9531; }

.task-summary-title.color-orange img {
  background-color: #fb9531; }

.page > #main > .project-header.color-orange {
  border-bottom: 3px solid #fb9531; }

.color-picker-square.color-grey {
  background-color: #a09c9c; }

li.task-tag {
  background-color: #cccccc;
  color: #777a7d; }
  li.task-tag.color-grey {
    border-style: none;
    color: #a09c9c;
    background-color: #ebeaea; }

.board-task-list .task-board.color-grey {
  border-top: 3px solid #a09c9c; }
  .board-task-list .task-board.color-grey:hover, .board-task-list .task-board.color-grey:focus {
    border-top-color: #878282; }

.task-board-category.color-grey {
  border-style: none;
  background-color: #ebeaea; }
  .task-board-category.color-grey a {
    color: #a09c9c; }
  .task-board-category.color-grey .tooltip .fa-info-circle {
    color: #a09c9c;
    font-size: 0.8rem; }

.table-list .table-list-row.color-grey {
  border-left: 5px solid #a09c9c; }
  .table-list .table-list-row.color-grey:hover, .table-list .table-list-row.color-grey:focus {
    border-left-color: #878282; }

.table-list-category {
  background-color: #e6e6e6;
  color: #777a7d; }
  .table-list-category.table-list-category.color-grey {
    background-color: #ebeaea;
    border-style: none;
    color: #a09c9c; }
    .table-list-category.table-list-category.color-grey a {
      color: #a09c9c; }

.task-summary-title.color-grey img {
  background-color: #a09c9c; }

.page > #main > .project-header.color-grey {
  border-bottom: 3px solid #a09c9c; }

.color-picker-square.color-brown {
  background-color: #ab6333; }

li.task-tag {
  background-color: #cccccc;
  color: #777a7d; }
  li.task-tag.color-brown {
    border-style: none;
    color: #ab6333;
    background-color: #e0b497; }

.board-task-list .task-board.color-brown {
  border-top: 3px solid #ab6333; }
  .board-task-list .task-board.color-brown:hover, .board-task-list .task-board.color-brown:focus {
    border-top-color: #844c27; }

.task-board-category.color-brown {
  border-style: none;
  background-color: #e0b497; }
  .task-board-category.color-brown a {
    color: #ab6333; }
  .task-board-category.color-brown .tooltip .fa-info-circle {
    color: #ab6333;
    font-size: 0.8rem; }

.table-list .table-list-row.color-brown {
  border-left: 5px solid #ab6333; }
  .table-list .table-list-row.color-brown:hover, .table-list .table-list-row.color-brown:focus {
    border-left-color: #844c27; }

.table-list-category {
  background-color: #e6e6e6;
  color: #777a7d; }
  .table-list-category.table-list-category.color-brown {
    background-color: #e0b497;
    border-style: none;
    color: #ab6333; }
    .table-list-category.table-list-category.color-brown a {
      color: #ab6333; }

.task-summary-title.color-brown img {
  background-color: #ab6333; }

.page > #main > .project-header.color-brown {
  border-bottom: 3px solid #ab6333; }

.color-picker-square.color-deep_orange {
  background-color: #e66e0b; }

li.task-tag {
  background-color: #cccccc;
  color: #777a7d; }
  li.task-tag.color-deep_orange {
    border-style: none;
    color: #e66e0b;
    background-color: #fac090; }

.board-task-list .task-board.color-deep_orange {
  border-top: 3px solid #e66e0b; }
  .board-task-list .task-board.color-deep_orange:hover, .board-task-list .task-board.color-deep_orange:focus {
    border-top-color: #b55709; }

.task-board-category.color-deep_orange {
  border-style: none;
  background-color: #fac090; }
  .task-board-category.color-deep_orange a {
    color: #e66e0b; }
  .task-board-category.color-deep_orange .tooltip .fa-info-circle {
    color: #e66e0b;
    font-size: 0.8rem; }

.table-list .table-list-row.color-deep_orange {
  border-left: 5px solid #e66e0b; }
  .table-list .table-list-row.color-deep_orange:hover, .table-list .table-list-row.color-deep_orange:focus {
    border-left-color: #b55709; }

.table-list-category {
  background-color: #e6e6e6;
  color: #777a7d; }
  .table-list-category.table-list-category.color-deep_orange {
    background-color: #fac090;
    border-style: none;
    color: #e66e0b; }
    .table-list-category.table-list-category.color-deep_orange a {
      color: #e66e0b; }

.task-summary-title.color-deep_orange img {
  background-color: #e66e0b; }

.page > #main > .project-header.color-deep_orange {
  border-bottom: 3px solid #e66e0b; }

.color-picker-square.color-dark_grey {
  background-color: #737373; }

li.task-tag {
  background-color: #cccccc;
  color: #777a7d; }
  li.task-tag.color-dark_grey {
    border-style: none;
    color: #737373;
    background-color: silver; }

.board-task-list .task-board.color-dark_grey {
  border-top: 3px solid #737373; }
  .board-task-list .task-board.color-dark_grey:hover, .board-task-list .task-board.color-dark_grey:focus {
    border-top-color: #5a5a5a; }

.task-board-category.color-dark_grey {
  border-style: none;
  background-color: silver; }
  .task-board-category.color-dark_grey a {
    color: #737373; }
  .task-board-category.color-dark_grey .tooltip .fa-info-circle {
    color: #737373;
    font-size: 0.8rem; }

.table-list .table-list-row.color-dark_grey {
  border-left: 5px solid #737373; }
  .table-list .table-list-row.color-dark_grey:hover, .table-list .table-list-row.color-dark_grey:focus {
    border-left-color: #5a5a5a; }

.table-list-category {
  background-color: #e6e6e6;
  color: #777a7d; }
  .table-list-category.table-list-category.color-dark_grey {
    background-color: silver;
    border-style: none;
    color: #737373; }
    .table-list-category.table-list-category.color-dark_grey a {
      color: #737373; }

.task-summary-title.color-dark_grey img {
  background-color: #737373; }

.page > #main > .project-header.color-dark_grey {
  border-bottom: 3px solid #737373; }

.color-picker-square.color-pink {
  background-color: #f546d5; }

li.task-tag {
  background-color: #cccccc;
  color: #777a7d; }
  li.task-tag.color-pink {
    border-style: none;
    color: #f546d5;
    background-color: #fdd7f6; }

.board-task-list .task-board.color-pink {
  border-top: 3px solid #f546d5; }
  .board-task-list .task-board.color-pink:hover, .board-task-list .task-board.color-pink:focus {
    border-top-color: #f216ca; }

.task-board-category.color-pink {
  border-style: none;
  background-color: #fdd7f6; }
  .task-board-category.color-pink a {
    color: #f546d5; }
  .task-board-category.color-pink .tooltip .fa-info-circle {
    color: #f546d5;
    font-size: 0.8rem; }

.table-list .table-list-row.color-pink {
  border-left: 5px solid #f546d5; }
  .table-list .table-list-row.color-pink:hover, .table-list .table-list-row.color-pink:focus {
    border-left-color: #f216ca; }

.table-list-category {
  background-color: #e6e6e6;
  color: #777a7d; }
  .table-list-category.table-list-category.color-pink {
    background-color: #fdd7f6;
    border-style: none;
    color: #f546d5; }
    .table-list-category.table-list-category.color-pink a {
      color: #f546d5; }

.task-summary-title.color-pink img {
  background-color: #f546d5; }

.page > #main > .project-header.color-pink {
  border-bottom: 3px solid #f546d5; }

.color-picker-square.color-teal {
  background-color: #49b1c1; }

li.task-tag {
  background-color: #cccccc;
  color: #777a7d; }
  li.task-tag.color-teal {
    border-style: none;
    color: #49b1c1;
    background-color: #bbe2e8; }

.board-task-list .task-board.color-teal {
  border-top: 3px solid #49b1c1; }
  .board-task-list .task-board.color-teal:hover, .board-task-list .task-board.color-teal:focus {
    border-top-color: #3792a0; }

.task-board-category.color-teal {
  border-style: none;
  background-color: #bbe2e8; }
  .task-board-category.color-teal a {
    color: #49b1c1; }
  .task-board-category.color-teal .tooltip .fa-info-circle {
    color: #49b1c1;
    font-size: 0.8rem; }

.table-list .table-list-row.color-teal {
  border-left: 5px solid #49b1c1; }
  .table-list .table-list-row.color-teal:hover, .table-list .table-list-row.color-teal:focus {
    border-left-color: #3792a0; }

.table-list-category {
  background-color: #e6e6e6;
  color: #777a7d; }
  .table-list-category.table-list-category.color-teal {
    background-color: #bbe2e8;
    border-style: none;
    color: #49b1c1; }
    .table-list-category.table-list-category.color-teal a {
      color: #49b1c1; }

.task-summary-title.color-teal img {
  background-color: #49b1c1; }

.page > #main > .project-header.color-teal {
  border-bottom: 3px solid #49b1c1; }

.color-picker-square.color-cyan {
  background-color: #49cce0; }

li.task-tag {
  background-color: #cccccc;
  color: #777a7d; }
  li.task-tag.color-cyan {
    border-style: none;
    color: #49cce0;
    background-color: #ccf1f6; }

.board-task-list .task-board.color-cyan {
  border-top: 3px solid #49cce0; }
  .board-task-list .task-board.color-cyan:hover, .board-task-list .task-board.color-cyan:focus {
    border-top-color: #24bbd2; }

.task-board-category.color-cyan {
  border-style: none;
  background-color: #ccf1f6; }
  .task-board-category.color-cyan a {
    color: #49cce0; }
  .task-board-category.color-cyan .tooltip .fa-info-circle {
    color: #49cce0;
    font-size: 0.8rem; }

.table-list .table-list-row.color-cyan {
  border-left: 5px solid #49cce0; }
  .table-list .table-list-row.color-cyan:hover, .table-list .table-list-row.color-cyan:focus {
    border-left-color: #24bbd2; }

.table-list-category {
  background-color: #e6e6e6;
  color: #777a7d; }
  .table-list-category.table-list-category.color-cyan {
    background-color: #ccf1f6;
    border-style: none;
    color: #49cce0; }
    .table-list-category.table-list-category.color-cyan a {
      color: #49cce0; }

.task-summary-title.color-cyan img {
  background-color: #49cce0; }

.page > #main > .project-header.color-cyan {
  border-bottom: 3px solid #49cce0; }

.color-picker-square.color-lime {
  background-color: #5fc55f; }

li.task-tag {
  background-color: #cccccc;
  color: #777a7d; }
  li.task-tag.color-lime {
    border-style: none;
    color: #5fc55f;
    background-color: #cfeecf; }

.board-task-list .task-board.color-lime {
  border-top: 3px solid #5fc55f; }
  .board-task-list .task-board.color-lime:hover, .board-task-list .task-board.color-lime:focus {
    border-top-color: #40b140; }

.task-board-category.color-lime {
  border-style: none;
  background-color: #cfeecf; }
  .task-board-category.color-lime a {
    color: #5fc55f; }
  .task-board-category.color-lime .tooltip .fa-info-circle {
    color: #5fc55f;
    font-size: 0.8rem; }

.table-list .table-list-row.color-lime {
  border-left: 5px solid #5fc55f; }
  .table-list .table-list-row.color-lime:hover, .table-list .table-list-row.color-lime:focus {
    border-left-color: #40b140; }

.table-list-category {
  background-color: #e6e6e6;
  color: #777a7d; }
  .table-list-category.table-list-category.color-lime {
    background-color: #cfeecf;
    border-style: none;
    color: #5fc55f; }
    .table-list-category.table-list-category.color-lime a {
      color: #5fc55f; }

.task-summary-title.color-lime img {
  background-color: #5fc55f; }

.page > #main > .project-header.color-lime {
  border-bottom: 3px solid #5fc55f; }

.color-picker-square.color-light_green {
  background-color: #4af74a; }

li.task-tag {
  background-color: #cccccc;
  color: #777a7d; }
  li.task-tag.color-light_green {
    border-style: none;
    color: #4af74a;
    background-color: #ddfddd; }

.board-task-list .task-board.color-light_green {
  border-top: 3px solid #4af74a; }
  .board-task-list .task-board.color-light_green:hover, .board-task-list .task-board.color-light_green:focus {
    border-top-color: #19f519; }

.task-board-category.color-light_green {
  border-style: none;
  background-color: #ddfddd; }
  .task-board-category.color-light_green a {
    color: #4af74a; }
  .task-board-category.color-light_green .tooltip .fa-info-circle {
    color: #4af74a;
    font-size: 0.8rem; }

.table-list .table-list-row.color-light_green {
  border-left: 5px solid #4af74a; }
  .table-list .table-list-row.color-light_green:hover, .table-list .table-list-row.color-light_green:focus {
    border-left-color: #19f519; }

.table-list-category {
  background-color: #e6e6e6;
  color: #777a7d; }
  .table-list-category.table-list-category.color-light_green {
    background-color: #ddfddd;
    border-style: none;
    color: #4af74a; }
    .table-list-category.table-list-category.color-light_green a {
      color: #4af74a; }

.task-summary-title.color-light_green img {
  background-color: #4af74a; }

.page > #main > .project-header.color-light_green {
  border-bottom: 3px solid #4af74a; }

.color-picker-square.color-amber {
  background-color: #f1d042; }

li.task-tag {
  background-color: #cccccc;
  color: #777a7d; }
  li.task-tag.color-amber {
    border-style: none;
    color: #f1d042;
    background-color: #fcf3d0; }

.board-task-list .task-board.color-amber {
  border-top: 3px solid #f1d042; }
  .board-task-list .task-board.color-amber:hover, .board-task-list .task-board.color-amber:focus {
    border-top-color: #edc413; }

.task-board-category.color-amber {
  border-style: none;
  background-color: #fcf3d0; }
  .task-board-category.color-amber a {
    color: #f1d042; }
  .task-board-category.color-amber .tooltip .fa-info-circle {
    color: #f1d042;
    font-size: 0.8rem; }

.table-list .table-list-row.color-amber {
  border-left: 5px solid #f1d042; }
  .table-list .table-list-row.color-amber:hover, .table-list .table-list-row.color-amber:focus {
    border-left-color: #edc413; }

.table-list-category {
  background-color: #e6e6e6;
  color: #777a7d; }
  .table-list-category.table-list-category.color-amber {
    background-color: #fcf3d0;
    border-style: none;
    color: #f1d042; }
    .table-list-category.table-list-category.color-amber a {
      color: #f1d042; }

.task-summary-title.color-amber img {
  background-color: #f1d042; }

.page > #main > .project-header.color-amber {
  border-bottom: 3px solid #f1d042; }

.js-calendar.fc.fc-unthemed.fc-ltr-rendered {
  padding-top: 130px; }
  .js-calendar.fc.fc-unthemed.fc-ltr-rendered table {
    margin-bottom: 0; }

#modal-content .js-calendar.fc.fc-unthemed.fc-ltr-rendered {
  padding: 0; }
  #modal-content .js-calendar.fc.fc-unthemed.fc-ltr-rendered .fc-toolbar.fc-header-toolbar {
    position: sticky;
    top: 31px;
    z-index: 10;
    background-color: #fafcff;
    padding: 0 15px 15px 15px; }
  #modal-content .js-calendar.fc.fc-unthemed.fc-ltr-rendered .fc-view {
    padding: 0 15px 15px 15px; }
    #modal-content .js-calendar.fc.fc-unthemed.fc-ltr-rendered .fc-view table {
      margin-bottom: 0; }

.page #main .menu-inline {
  padding-top: 130px; }

.menu-inline ~ #gantt-chart {
  margin-top: 10px; }

#gantt-chart {
  margin-bottom: 10px;
  margin-top: 110px; }
  #gantt-chart .ganttview-vtheader-series-name:last-child {
    border-bottom: 1px solid #999; }
  #gantt-chart .ganttview-block-text {
    height: 100%; }

div.ganttview-hzheader-month,
div.ganttview-hzheader-day {
  box-sizing: content-box; }

.clearfix {
  padding-top: 140px; }
  .clearfix .sidebar.column.list {
    width: unset; }
  .clearfix .column.content a i {
    margin-right: 5px;
    margin-bottom: 10px; }

.table-list-row h1 {
  padding: 5px; }

li.wikipage {
  min-width: 150px; }

input:not(.select2-search__field):not([type="checkbox"]):not([name="notifications_filter"]):not([name="positionChoice"])[name="task2pdf_cjk"], input:not(.select2-search__field):not([type="checkbox"]):not([name="notifications_filter"]):not([name="positionChoice"])[name="enable_am_group_management"], input:not(.select2-search__field):not([type="checkbox"]):not([name="notifications_filter"]):not([name="positionChoice"])[name="unicode_shortcode"], input:not(.select2-search__field):not([type="checkbox"]):not([name="notifications_filter"]):not([name="positionChoice"])[name="calendar_project_tasks"], input:not(.select2-search__field):not([type="checkbox"]):not([name="notifications_filter"]):not([name="positionChoice"])[name="calendar_user_tasks"], input:not(.select2-search__field):not([type="checkbox"]):not([name="notifications_filter"]):not([name="positionChoice"])[name="gantt_task_sort"],
input[type="number"][name="task2pdf_cjk"],
input[type="number"][name="enable_am_group_management"],
input[type="number"][name="unicode_shortcode"],
input[type="number"][name="calendar_project_tasks"],
input[type="number"][name="calendar_user_tasks"],
input[type="number"][name="gantt_task_sort"],
input[type="date"][name="task2pdf_cjk"],
input[type="date"][name="enable_am_group_management"],
input[type="date"][name="unicode_shortcode"],
input[type="date"][name="calendar_project_tasks"],
input[type="date"][name="calendar_user_tasks"],
input[type="date"][name="gantt_task_sort"],
input[type="email"][name="task2pdf_cjk"],
input[type="email"][name="enable_am_group_management"],
input[type="email"][name="unicode_shortcode"],
input[type="email"][name="calendar_project_tasks"],
input[type="email"][name="calendar_user_tasks"],
input[type="email"][name="gantt_task_sort"],
input[type="password"][name="task2pdf_cjk"],
input[type="password"][name="enable_am_group_management"],
input[type="password"][name="unicode_shortcode"],
input[type="password"][name="calendar_project_tasks"],
input[type="password"][name="calendar_user_tasks"],
input[type="password"][name="gantt_task_sort"],
input[type="text"]:not(.input-addon-field)[name="task2pdf_cjk"],
input[type="text"]:not(.input-addon-field)[name="enable_am_group_management"],
input[type="text"]:not(.input-addon-field)[name="unicode_shortcode"],
input[type="text"]:not(.input-addon-field)[name="calendar_project_tasks"],
input[type="text"]:not(.input-addon-field)[name="calendar_user_tasks"],
input[type="text"]:not(.input-addon-field)[name="gantt_task_sort"],
textarea[name="task2pdf_cjk"],
textarea[name="enable_am_group_management"],
textarea[name="unicode_shortcode"],
textarea[name="calendar_project_tasks"],
textarea[name="calendar_user_tasks"],
textarea[name="gantt_task_sort"],
select[name="task2pdf_cjk"],
select[name="enable_am_group_management"],
select[name="unicode_shortcode"],
select[name="calendar_project_tasks"],
select[name="calendar_user_tasks"],
select[name="gantt_task_sort"] {
  width: auto;
  margin: 0 10px 0 0; }
  input:not(.select2-search__field):not([type="checkbox"]):not([name="notifications_filter"]):not([name="positionChoice"])[name="task2pdf_cjk"]:focus, input:not(.select2-search__field):not([type="checkbox"]):not([name="notifications_filter"]):not([name="positionChoice"])[name="task2pdf_cjk"]:active, input:not(.select2-search__field):not([type="checkbox"]):not([name="notifications_filter"]):not([name="positionChoice"])[name="enable_am_group_management"]:focus, input:not(.select2-search__field):not([type="checkbox"]):not([name="notifications_filter"]):not([name="positionChoice"])[name="enable_am_group_management"]:active, input:not(.select2-search__field):not([type="checkbox"]):not([name="notifications_filter"]):not([name="positionChoice"])[name="unicode_shortcode"]:focus, input:not(.select2-search__field):not([type="checkbox"]):not([name="notifications_filter"]):not([name="positionChoice"])[name="unicode_shortcode"]:active, input:not(.select2-search__field):not([type="checkbox"]):not([name="notifications_filter"]):not([name="positionChoice"])[name="calendar_project_tasks"]:focus, input:not(.select2-search__field):not([type="checkbox"]):not([name="notifications_filter"]):not([name="positionChoice"])[name="calendar_project_tasks"]:active, input:not(.select2-search__field):not([type="checkbox"]):not([name="notifications_filter"]):not([name="positionChoice"])[name="calendar_user_tasks"]:focus, input:not(.select2-search__field):not([type="checkbox"]):not([name="notifications_filter"]):not([name="positionChoice"])[name="calendar_user_tasks"]:active, input:not(.select2-search__field):not([type="checkbox"]):not([name="notifications_filter"]):not([name="positionChoice"])[name="gantt_task_sort"]:focus, input:not(.select2-search__field):not([type="checkbox"]):not([name="notifications_filter"]):not([name="positionChoice"])[name="gantt_task_sort"]:active,
  input[type="number"][name="task2pdf_cjk"]:focus,
  input[type="number"][name="task2pdf_cjk"]:active,
  input[type="number"][name="enable_am_group_management"]:focus,
  input[type="number"][name="enable_am_group_management"]:active,
  input[type="number"][name="unicode_shortcode"]:focus,
  input[type="number"][name="unicode_shortcode"]:active,
  input[type="number"][name="calendar_project_tasks"]:focus,
  input[type="number"][name="calendar_project_tasks"]:active,
  input[type="number"][name="calendar_user_tasks"]:focus,
  input[type="number"][name="calendar_user_tasks"]:active,
  input[type="number"][name="gantt_task_sort"]:focus,
  input[type="number"][name="gantt_task_sort"]:active,
  input[type="date"][name="task2pdf_cjk"]:focus,
  input[type="date"][name="task2pdf_cjk"]:active,
  input[type="date"][name="enable_am_group_management"]:focus,
  input[type="date"][name="enable_am_group_management"]:active,
  input[type="date"][name="unicode_shortcode"]:focus,
  input[type="date"][name="unicode_shortcode"]:active,
  input[type="date"][name="calendar_project_tasks"]:focus,
  input[type="date"][name="calendar_project_tasks"]:active,
  input[type="date"][name="calendar_user_tasks"]:focus,
  input[type="date"][name="calendar_user_tasks"]:active,
  input[type="date"][name="gantt_task_sort"]:focus,
  input[type="date"][name="gantt_task_sort"]:active,
  input[type="email"][name="task2pdf_cjk"]:focus,
  input[type="email"][name="task2pdf_cjk"]:active,
  input[type="email"][name="enable_am_group_management"]:focus,
  input[type="email"][name="enable_am_group_management"]:active,
  input[type="email"][name="unicode_shortcode"]:focus,
  input[type="email"][name="unicode_shortcode"]:active,
  input[type="email"][name="calendar_project_tasks"]:focus,
  input[type="email"][name="calendar_project_tasks"]:active,
  input[type="email"][name="calendar_user_tasks"]:focus,
  input[type="email"][name="calendar_user_tasks"]:active,
  input[type="email"][name="gantt_task_sort"]:focus,
  input[type="email"][name="gantt_task_sort"]:active,
  input[type="password"][name="task2pdf_cjk"]:focus,
  input[type="password"][name="task2pdf_cjk"]:active,
  input[type="password"][name="enable_am_group_management"]:focus,
  input[type="password"][name="enable_am_group_management"]:active,
  input[type="password"][name="unicode_shortcode"]:focus,
  input[type="password"][name="unicode_shortcode"]:active,
  input[type="password"][name="calendar_project_tasks"]:focus,
  input[type="password"][name="calendar_project_tasks"]:active,
  input[type="password"][name="calendar_user_tasks"]:focus,
  input[type="password"][name="calendar_user_tasks"]:active,
  input[type="password"][name="gantt_task_sort"]:focus,
  input[type="password"][name="gantt_task_sort"]:active,
  input[type="text"]:not(.input-addon-field)[name="task2pdf_cjk"]:focus,
  input[type="text"]:not(.input-addon-field)[name="task2pdf_cjk"]:active,
  input[type="text"]:not(.input-addon-field)[name="enable_am_group_management"]:focus,
  input[type="text"]:not(.input-addon-field)[name="enable_am_group_management"]:active,
  input[type="text"]:not(.input-addon-field)[name="unicode_shortcode"]:focus,
  input[type="text"]:not(.input-addon-field)[name="unicode_shortcode"]:active,
  input[type="text"]:not(.input-addon-field)[name="calendar_project_tasks"]:focus,
  input[type="text"]:not(.input-addon-field)[name="calendar_project_tasks"]:active,
  input[type="text"]:not(.input-addon-field)[name="calendar_user_tasks"]:focus,
  input[type="text"]:not(.input-addon-field)[name="calendar_user_tasks"]:active,
  input[type="text"]:not(.input-addon-field)[name="gantt_task_sort"]:focus,
  input[type="text"]:not(.input-addon-field)[name="gantt_task_sort"]:active,
  textarea[name="task2pdf_cjk"]:focus,
  textarea[name="task2pdf_cjk"]:active,
  textarea[name="enable_am_group_management"]:focus,
  textarea[name="enable_am_group_management"]:active,
  textarea[name="unicode_shortcode"]:focus,
  textarea[name="unicode_shortcode"]:active,
  textarea[name="calendar_project_tasks"]:focus,
  textarea[name="calendar_project_tasks"]:active,
  textarea[name="calendar_user_tasks"]:focus,
  textarea[name="calendar_user_tasks"]:active,
  textarea[name="gantt_task_sort"]:focus,
  textarea[name="gantt_task_sort"]:active,
  select[name="task2pdf_cjk"]:focus,
  select[name="task2pdf_cjk"]:active,
  select[name="enable_am_group_management"]:focus,
  select[name="enable_am_group_management"]:active,
  select[name="unicode_shortcode"]:focus,
  select[name="unicode_shortcode"]:active,
  select[name="calendar_project_tasks"]:focus,
  select[name="calendar_project_tasks"]:active,
  select[name="calendar_user_tasks"]:focus,
  select[name="calendar_user_tasks"]:active,
  select[name="gantt_task_sort"]:focus,
  select[name="gantt_task_sort"]:active {
    box-shadow: none; }

.task-board-header .task-board-assignee,
.task-board-header .task-board-avatars {
  display: none; }

input[name=DueDate_Board_Sort_Method],
input[name=DueDate_Board_Dividers] {
  width: auto !important;
  margin-bottom: 0 !important; }
  input[name=DueDate_Board_Sort_Method]:focus,
  input[name=DueDate_Board_Dividers]:focus {
    box-shadow: none !important; }

.task-date-overdue {
  color: #b94a48 !important; }

#bigboard {
  margin: 0 20px; }
  #bigboard #main #board-container {
    padding-top: 15px; }
    #bigboard #main #board-container #board .board-column-header {
      top: 75px;
      z-index: 9; }
      #bigboard #main #board-container #board .board-column-header::before {
        top: 59px; }
  #bigboard #main:not(:first-child) .header h1 {
    margin-top: 40px; }

body {
  font-family: "Montserrat", sans-serif;
  background-color: #fafcff;
  color: #304b6f; }

.page {
  margin-left: 0;
  margin-right: 0;
  padding: 15px; }

a {
  color: #36c;
  text-decoration: none; }
  a:focus, a:hover {
    color: black; }
  a.user-mention-link {
    color: #ff006c;
    font-weight: 600;
    transition: color 0.3s; }
    a.user-mention-link:hover, a.user-mention-link:focus {
      color: #cc0056; }

hr {
  border-color: #ccdcf3;
  border-bottom: 0 none; }

* {
  box-sizing: border-box;
  outline: none; }

strong {
  font-weight: 500; }

#main.user-profile-container {
  padding-top: 60px; }

#board-container,
.page .project-header ~ .table-list,
#main .project-header ~ .sidebar-container,
.page #main .project-overview-columns {
  padding-top: 130px; }
  @media (max-width: 767px) {
    #board-container,
    .page .project-header ~ .table-list,
    #main .project-header ~ .sidebar-container,
    .page #main .project-overview-columns {
      padding-top: 0; } }

#main > section.sidebar-container,
.page .page-header ~ .margin-bottom {
  padding-top: 110px; }
  @media (max-width: 767px) {
    #main > section.sidebar-container,
    .page .page-header ~ .margin-bottom {
      padding-top: 0; } }
  #main > section.sidebar-container[id="config-section"],
  .page .page-header ~ .margin-bottom[id="config-section"] {
    padding-top: 60px; }
    @media (max-width: 767px) {
      #main > section.sidebar-container[id="config-section"],
      .page .page-header ~ .margin-bottom[id="config-section"] {
        padding-top: 0; } }
  #main > section.sidebar-container[id="task-view"],
  .page .page-header ~ .margin-bottom[id="task-view"] {
    padding-top: 130px; }
    @media (max-width: 767px) {
      #main > section.sidebar-container[id="task-view"],
      .page .page-header ~ .margin-bottom[id="task-view"] {
        padding-top: 0; } }

/* montserrat-100 - latin */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 100;
  src: local("Montserrat Thin"), local("Montserrat-Thin"), url("/plugins/Greenwing/src/fonts/montserrat-v14-latin-100.woff2") format("woff2"), url("/plugins/Greenwing/src/fonts/montserrat-v14-latin-100.woff") format("woff"); }
/* montserrat-100italic - latin */
@font-face {
  font-family: "Montserrat";
  font-style: italic;
  font-weight: 100;
  src: local("Montserrat Thin Italic"), local("Montserrat-ThinItalic"), url("/plugins/Greenwing/src/fonts/montserrat-v14-latin-100italic.woff2") format("woff2"), url("/plugins/Greenwing/src/fonts/montserrat-v14-latin-100italic.woff") format("woff"); }
/* montserrat-200 - latin */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 200;
  src: local("Montserrat ExtraLight"), local("Montserrat-ExtraLight"), url("/plugins/Greenwing/src/fonts/montserrat-v14-latin-200.woff2") format("woff2"), url("/plugins/Greenwing/src/fonts/montserrat-v14-latin-200.woff") format("woff"); }
/* montserrat-200italic - latin */
@font-face {
  font-family: "Montserrat";
  font-style: italic;
  font-weight: 200;
  src: local("Montserrat ExtraLight Italic"), local("Montserrat-ExtraLightItalic"), url("/plugins/Greenwing/src/fonts/montserrat-v14-latin-200italic.woff2") format("woff2"), url("/plugins/Greenwing/src/fonts/montserrat-v14-latin-200italic.woff") format("woff"); }
/* montserrat-300 - latin */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 300;
  src: local("Montserrat Light"), local("Montserrat-Light"), url("/plugins/Greenwing/src/fonts/montserrat-v14-latin-300.woff2") format("woff2"), url("/plugins/Greenwing/src/fonts/montserrat-v14-latin-300.woff") format("woff"); }
/* montserrat-300italic - latin */
@font-face {
  font-family: "Montserrat";
  font-style: italic;
  font-weight: 300;
  src: local("Montserrat Light Italic"), local("Montserrat-LightItalic"), url("/plugins/Greenwing/src/fonts/montserrat-v14-latin-300italic.woff2") format("woff2"), url("/plugins/Greenwing/src/fonts/montserrat-v14-latin-300italic.woff") format("woff"); }
/* montserrat-regular - latin */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  src: local("Montserrat Regular"), local("Montserrat-Regular"), url("/plugins/Greenwing/src/fonts/montserrat-v14-latin-regular.woff2") format("woff2"), url("/plugins/Greenwing/src/fonts/montserrat-v14-latin-regular.woff") format("woff"); }
/* montserrat-italic - latin */
@font-face {
  font-family: "Montserrat";
  font-style: italic;
  font-weight: 400;
  src: local("Montserrat Italic"), local("Montserrat-Italic"), url("/plugins/Greenwing/src/fonts/montserrat-v14-latin-italic.woff2") format("woff2"), url("/plugins/Greenwing/src/fonts/montserrat-v14-latin-italic.woff") format("woff"); }
/* montserrat-500 - latin */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  src: local("Montserrat Medium"), local("Montserrat-Medium"), url("/plugins/Greenwing/src/fonts/montserrat-v14-latin-500.woff2") format("woff2"), url("/plugins/Greenwing/src/fonts/montserrat-v14-latin-500.woff") format("woff"); }
/* montserrat-500italic - latin */
@font-face {
  font-family: "Montserrat";
  font-style: italic;
  font-weight: 500;
  src: local("Montserrat Medium Italic"), local("Montserrat-MediumItalic"), url("/plugins/Greenwing/src/fonts/montserrat-v14-latin-500italic.woff2") format("woff2"), url("/plugins/Greenwing/src/fonts/montserrat-v14-latin-500italic.woff") format("woff"); }
/* montserrat-600 - latin */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  src: local("Montserrat SemiBold"), local("Montserrat-SemiBold"), url("/plugins/Greenwing/src/fonts/montserrat-v14-latin-600.woff2") format("woff2"), url("/plugins/Greenwing/src/fonts/montserrat-v14-latin-600.woff") format("woff"); }
/* montserrat-600italic - latin */
@font-face {
  font-family: "Montserrat";
  font-style: italic;
  font-weight: 600;
  src: local("Montserrat SemiBold Italic"), local("Montserrat-SemiBoldItalic"), url("/plugins/Greenwing/src/fonts/montserrat-v14-latin-600italic.woff2") format("woff2"), url("/plugins/Greenwing/src/fonts/montserrat-v14-latin-600italic.woff") format("woff"); }
/* montserrat-700 - latin */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  src: local("Montserrat Bold"), local("Montserrat-Bold"), url("/plugins/Greenwing/src/fonts/montserrat-v14-latin-700.woff2") format("woff2"), url("/plugins/Greenwing/src/fonts/montserrat-v14-latin-700.woff") format("woff"); }
/* montserrat-700italic - latin */
@font-face {
  font-family: "Montserrat";
  font-style: italic;
  font-weight: 700;
  src: local("Montserrat Bold Italic"), local("Montserrat-BoldItalic"), url("/plugins/Greenwing/src/fonts/montserrat-v14-latin-700italic.woff2") format("woff2"), url("/plugins/Greenwing/src/fonts/montserrat-v14-latin-700italic.woff") format("woff"); }
/* montserrat-800 - latin */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 800;
  src: local("Montserrat ExtraBold"), local("Montserrat-ExtraBold"), url("/plugins/Greenwing/src/fonts/montserrat-v14-latin-800.woff2") format("woff2"), url("/plugins/Greenwing/src/fonts/montserrat-v14-latin-800.woff") format("woff"); }
/* montserrat-800italic - latin */
@font-face {
  font-family: "Montserrat";
  font-style: italic;
  font-weight: 800;
  src: local("Montserrat ExtraBold Italic"), local("Montserrat-ExtraBoldItalic"), url("/plugins/Greenwing/src/fonts/montserrat-v14-latin-800italic.woff2") format("woff2"), url("/plugins/Greenwing/src/fonts/montserrat-v14-latin-800italic.woff") format("woff"); }
/* montserrat-900 - latin */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 900;
  src: local("Montserrat Black"), local("Montserrat-Black"), url("/plugins/Greenwing/src/fonts/montserrat-v14-latin-900.woff2") format("woff2"), url("/plugins/Greenwing/src/fonts/montserrat-v14-latin-900.woff") format("woff"); }
/* montserrat-900italic - latin */
@font-face {
  font-family: "Montserrat";
  font-style: italic;
  font-weight: 900;
  src: local("Montserrat Black Italic"), local("Montserrat-BlackItalic"), url("/plugins/Greenwing/src/fonts/montserrat-v14-latin-900italic.woff2") format("woff2"), url("/plugins/Greenwing/src/fonts/montserrat-v14-latin-900italic.woff") format("woff"); }
.btn,
.form-actions > a {
  border-radius: 5px;
  padding: 0.375rem 0.75rem;
  border: 0.0625rem solid;
  display: inline-block;
  transition: color 0.6s, background-color 0.6s;
  cursor: pointer;
  font-weight: 300;
  line-height: 1.5;
  font-size: 1rem;
  width: auto;
  text-decoration: none;
  font-family: "montserrat", sans-serif;
  transition: all 0.3s;
  background-color: rgba(83, 155, 255, 0.1);
  color: #539bff;
  border-color: rgba(83, 155, 255, 0.1); }
  .btn i, .btn:before,
  .form-actions > a i,
  .form-actions > a:before {
    transition: color 0.3s; }
  .btn:focus,
  .form-actions > a:focus {
    box-shadow: 0 0 0 0.2rem rgba(83, 155, 255, 0.5); }
  .btn:hover, .btn:focus,
  .form-actions > a:hover,
  .form-actions > a:focus {
    background-color: rgba(83, 155, 255, 0.2);
    color: #539bff;
    border-color: rgba(83, 155, 255, 0.2); }
    .btn:hover i, .btn:hover:before, .btn:focus i, .btn:focus:before,
    .form-actions > a:hover i,
    .form-actions > a:hover:before,
    .form-actions > a:focus i,
    .form-actions > a:focus:before {
      color: #539bff; }
  .btn.btn-blue,
  .form-actions > a.btn-blue {
    background-color: #539bff;
    color: white;
    border-color: #539bff; }
    .btn.btn-blue i, .btn.btn-blue:before,
    .form-actions > a.btn-blue i,
    .form-actions > a.btn-blue:before {
      transition: color 0.3s; }
    .btn.btn-blue:focus,
    .form-actions > a.btn-blue:focus {
      box-shadow: 0 0 0 0.2rem rgba(83, 155, 255, 0.5); }
    .btn.btn-blue:hover, .btn.btn-blue:focus,
    .form-actions > a.btn-blue:hover,
    .form-actions > a.btn-blue:focus {
      background-color: #207dff;
      color: white;
      border-color: #207dff; }
      .btn.btn-blue:hover i, .btn.btn-blue:hover:before, .btn.btn-blue:focus i, .btn.btn-blue:focus:before,
      .form-actions > a.btn-blue:hover i,
      .form-actions > a.btn-blue:hover:before,
      .form-actions > a.btn-blue:focus i,
      .form-actions > a.btn-blue:focus:before {
        color: white; }
  .btn.btn-red,
  .form-actions > a.btn-red {
    background-color: #f24262;
    color: white;
    border-color: #f24262; }
    .btn.btn-red i, .btn.btn-red:before,
    .form-actions > a.btn-red i,
    .form-actions > a.btn-red:before {
      transition: color 0.3s; }
    .btn.btn-red:focus,
    .form-actions > a.btn-red:focus {
      box-shadow: 0 0 0 0.2rem rgba(242, 66, 98, 0.5); }
    .btn.btn-red:hover, .btn.btn-red:focus,
    .form-actions > a.btn-red:hover,
    .form-actions > a.btn-red:focus {
      background-color: #ef123a;
      color: white;
      border-color: #ef123a; }
      .btn.btn-red:hover i, .btn.btn-red:hover:before, .btn.btn-red:focus i, .btn.btn-red:focus:before,
      .form-actions > a.btn-red:hover i,
      .form-actions > a.btn-red:hover:before,
      .form-actions > a.btn-red:focus i,
      .form-actions > a.btn-red:focus:before {
        color: white; }

.btn-circle {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  width: 38px;
  height: 38px;
  line-height: 38px; }
  .btn-circle a:hover,
  .btn-circle a:focus {
    text-decoration: none;
    color: inherit; }
  .btn-circle.btn-sm {
    width: 26px;
    height: 26px;
    line-height: 26px; }

#dropdown .dropdown-submenu-open {
  border-color: #ccdcf3; }
  #dropdown .dropdown-submenu-open .color-picker-square {
    padding-right: 10px;
    border-radius: 50%; }
  #dropdown .dropdown-submenu-open .fa {
    display: none; }
  #dropdown .dropdown-submenu-open a,
  #dropdown .dropdown-submenu-open i {
    color: #304b6f; }
  #dropdown .dropdown-submenu-open li {
    display: flex;
    align-items: center;
    border-color: #fafcff; }
    #dropdown .dropdown-submenu-open li strong {
      justify-content: center; }
    #dropdown .dropdown-submenu-open li:not(.no-hover):hover, #dropdown .dropdown-submenu-open li:not(.no-hover):focus {
      color: inherit;
      background-color: #f0f6ff; }

.dropdown-menu-link-text,
.dropdown-menu-link-icon {
  color: inherit; }

.table-list {
  margin-bottom: 1rem;
  background-color: white; }
  .table-list .table-list-header {
    padding: 15px;
    line-height: initial;
    display: flex;
    border-radius: 0;
    background-color: #f0f6ff;
    border-color: #ccdcf3;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px; }
    .table-list .table-list-header .table-list-header-count {
      color: #628bc5; }
    .table-list .table-list-header .list-item-links a {
      color: #304b6f; }
      .table-list .table-list-header .list-item-links a:hover, .table-list .table-list-header .list-item-links a:focus {
        color: black; }
    .table-list .table-list-header .table-list-header-menu {
      margin-left: auto; }
      .table-list .table-list-header .table-list-header-menu a i {
        padding-right: 5px; }
      .table-list .table-list-header .table-list-header-menu a {
        color: #304b6f; }
        .table-list .table-list-header .table-list-header-menu a:hover, .table-list .table-list-header .table-list-header-menu a:focus {
          color: black; }
          .table-list .table-list-header .table-list-header-menu a:hover i, .table-list .table-list-header .table-list-header-menu a:focus i {
            color: black; }
      .table-list .table-list-header .table-list-header-menu .dropdown i {
        color: #afafaf; }
  .table-list .table-list-row {
    padding: 0;
    border-radius: 0;
    border-color: #ccdcf3; }
    .table-list .table-list-row:hover, .table-list .table-list-row:focus {
      background-color: #fafcff;
      border-color: #ccdcf3; }
    .table-list .table-list-row .table-list-wrapper {
      display: flex;
      align-items: center; }
      .table-list .table-list-row .table-list-wrapper .table-list-title {
        display: flex;
        align-items: center;
        padding: 0; }
        .table-list .table-list-row .table-list-wrapper .table-list-title .avatar {
          margin-right: 10px; }
    .table-list .table-list-row > div:first-child {
      padding: 15px 10px; }
      .table-list .table-list-row > div:first-child .table-list-title {
        display: inline;
        padding: 0; }
    .table-list .table-list-row.table-border-left {
      border-color: #ccdcf3; }
    .table-list .table-list-row .dropdown {
      margin-right: 5px; }
    .table-list .table-list-row .table-list-details-wrapper {
      display: flex;
      align-items: center;
      border-top: 1px solid #ccdcf3; }
      .table-list .table-list-row .table-list-details-wrapper .table-list-details {
        border-top: 0 none; }
      .table-list .table-list-row .table-list-details-wrapper .table-list-icons {
        border-top: 0 none;
        display: flex;
        margin-left: auto; }
    .table-list .table-list-row .table-list-details {
      color: #628bc5;
      padding: 5px 10px;
      border-top: 1px solid #ccdcf3; }
      .table-list .table-list-row .table-list-details strong {
        color: #628bc5; }
      .table-list .table-list-row .table-list-details.table-list-details-with-icons {
        float: none; }
      .table-list .table-list-row .table-list-details small:not(:last-child) {
        padding-right: 5px;
        margin-right: 5px;
        border-right: 1px solid #ccdcf3; }
      .table-list .table-list-row .table-list-details .table-list-category {
        margin-right: 5px;
        margin-left: 0;
        padding: 3px 6px;
        display: inline-block;
        border-style: none; }
    .table-list .table-list-row .table-list-details ~ .task-list-avatars {
      display: flex;
      border-top: 1px solid #ccdcf3;
      padding: 5px 10px;
      float: none; }
      .table-list .table-list-row .table-list-details ~ .task-list-avatars .task-avatar-assignee {
        color: #628bc5; }
      .table-list .table-list-row .table-list-details ~ .task-list-avatars .task-board-change-assignee {
        display: flex;
        align-items: center; }
        .table-list .table-list-row .table-list-details ~ .task-list-avatars .task-board-change-assignee .avatar {
          margin-right: 10px; }
          .table-list .table-list-row .table-list-details ~ .task-list-avatars .task-board-change-assignee .avatar img {
            width: 35px; }
    .table-list .table-list-row .task-list-icons a,
    .table-list .table-list-row .task-list-icons span,
    .table-list .table-list-row .task-list-icons i {
      color: #628bc5; }
    .table-list .table-list-row span.task-icon-age-total {
      border-color: #ccdcf3;
      padding: 2px 4px 2px 4px;
      margin-left: 0px; }
    .table-list .table-list-row span.task-icon-age-column {
      border-color: #ccdcf3;
      padding: 2px 4px 2px 4px;
      margin-left: -3px; }
    .table-list .table-list-row .table-list-icons,
    .table-list .table-list-row .task-list-icons {
      border-top: 1px solid #ccdcf3;
      line-height: initial;
      padding: 5px 10px;
      display: flex;
      align-items: center;
      flex-wrap: wrap; }
      .table-list .table-list-row .table-list-icons > *,
      .table-list .table-list-row .task-list-icons > * {
        margin: 5px 2px;
        padding: 0 2px;
        padding: 0; }
      @media (max-width: 767px) {
        .table-list .table-list-row .table-list-icons .task-icon-age,
        .table-list .table-list-row .task-list-icons .task-icon-age {
          display: flex; } }
      .table-list .table-list-row .table-list-icons > span,
      .table-list .table-list-row .table-list-icons a,
      .table-list .table-list-row .table-list-icons div,
      .table-list .table-list-row .task-list-icons > span,
      .table-list .table-list-row .task-list-icons a,
      .table-list .table-list-row .task-list-icons div {
        margin-left: 0;
        padding-left: 6px;
        padding-right: 6px; }
        .table-list .table-list-row .table-list-icons > span:not(:first-child),
        .table-list .table-list-row .table-list-icons a:not(:first-child),
        .table-list .table-list-row .table-list-icons div:not(:first-child),
        .table-list .table-list-row .task-list-icons > span:not(:first-child),
        .table-list .table-list-row .task-list-icons a:not(:first-child),
        .table-list .table-list-row .task-list-icons div:not(:first-child) {
          border-left: 1px solid #ccdcf3; }
    .table-list .table-list-row .task-list-subtasks .subtask-cell a {
      color: #304b6f; }
    .table-list .table-list-row .dropdown i {
      color: #afafaf; }
    .table-list .table-list-row .dropdown:hover .dropdown-menu strong,
    .table-list .table-list-row .dropdown:hover .dropdown-menu .fa.fa-caret-down, .table-list .table-list-row .dropdown:focus .dropdown-menu strong,
    .table-list .table-list-row .dropdown:focus .dropdown-menu .fa.fa-caret-down {
      color: black; }
    .table-list .table-list-row .table-list-title {
      padding-left: 1rem; }
      .table-list .table-list-row .table-list-title a {
        color: #304b6f; }
    .table-list .table-list-row .table-list-title {
      display: block;
      padding: 15px; }
      .table-list .table-list-row .table-list-title a:hover,
      .table-list .table-list-row .table-list-title a:focus {
        text-decoration: none; }
    .table-list .table-list-row .task-list-subtask .subtask-cell {
      border-top: 1px solid #ccdcf3;
      border-left: 1px solid #ccdcf3; }
    .table-list .table-list-row .task-list-subtask span {
      padding: 8px; }
      .table-list .table-list-row .task-list-subtask span a:hover, .table-list .table-list-row .task-list-subtask span a:focus {
        color: black; }
      .table-list .table-list-row .task-list-subtask span a i {
        padding-right: 8px; }
    .table-list .table-list-row:last-child {
      border-bottom-right-radius: 5px;
      border-bottom-left-radius: 5px; }

table {
  border-collapse: separate;
  border-spacing: 0; }
  table tr th,
  table tr td {
    border-top: 0 none;
    border-left: 1px solid #ccdcf3;
    border-bottom: 1px solid #ccdcf3;
    padding: 10px;
    border-right: 0 none; }
    table tr th:last-child,
    table tr td:last-child {
      border-right: 1px solid #ccdcf3; }
  table tr th:first-child,
  table tr td:first-child {
    border-left: 1px solid #ccdcf3; }
  table tr th {
    background-color: #f0f6ff;
    border-top: 1px solid #ccdcf3;
    text-align: left; }
  table tr:first-child th:first-child {
    border-top-left-radius: 5px; }
  table tr:first-child th:last-child {
    border-top-right-radius: 5px; }
  table tr:last-child td:first-child {
    border-bottom-left-radius: 5px; }
  table tr:last-child td:last-child {
    border-bottom-right-radius: 5px; }
  table.table-small th {
    padding: 0.8rem 0 0.8rem 0.2rem; }
  table.table-small tr td {
    padding: 0.8rem 0 0.8rem 0.2rem; }
    table.table-small tr td a {
      text-decoration: none; }
      table.table-small tr td a:hover, table.table-small tr td a:focus {
        color: black; }
      table.table-small tr td a i {
        padding-right: 5px; }
  table.table-scrolling th .dropdown-menu .fa.fa-cog {
    padding-right: 3px; }
  table.table-scrolling td {
    vertical-align: middle; }
    table.table-scrolling td select {
      margin-bottom: 0; }
    table.table-scrolling td span:not(:last-child) {
      padding-right: 5px;
      border-right: 1px solid #628bc5; }
  table th {
    padding: 0.8rem 0.5rem; }
    table th a {
      color: inherit; }
    table th a:hover, table th:focus {
      color: black;
      text-decoration: none; }
  table td {
    padding: 0.5rem; }
    table td .dropdown a i,
    table td i {
      padding-right: 3px; }
    table td a.dropdown-menu i {
      color: #304b6f; }
    table td .markdown p {
      margin-bottom: 0; }
  table.table-striped.table-scrolling a {
    text-decoration: none; }
    table.table-striped.table-scrolling a:hover, table.table-striped.table-scrolling a:focus {
      color: black; }
    table.table-striped.table-scrolling a:first-child {
      margin-right: 10px; }

.table-striped.table-scrolling td a i {
  padding-right: 3px; }

.subtasks-table.table-striped.table-scrolling a {
  color: #304b6f;
  text-decoration: none; }
  .subtasks-table.table-striped.table-scrolling a:hover, .subtasks-table.table-striped.table-scrolling a:focus {
    color: black; }

.task-list-avatars .task-board-change-assignee:hover, .task-list-avatars .task-board-change-assignee:focus {
  opacity: unset; }

.input-addon {
  margin-bottom: 1rem;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%; }
  .input-addon .input-addon-field {
    flex: 1 1 auto;
    width: 1% !important;
    margin-bottom: 0 !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important; }
  .input-addon .input-addon-item {
    padding: 0;
    display: flex;
    background-color: #f0f6ff; }
    .input-addon .input-addon-item:not(:first-child) {
      margin-left: -1px;
      border-left: 1px solid #ccdcf3;
      border-color: #ccdcf3; }
    .input-addon .input-addon-item .dropdown a.dropdown-menu,
    .input-addon .input-addon-item .dropdown a.active-dropdown-menu {
      color: #304b6f;
      display: flex;
      align-items: center;
      height: 100%;
      padding: 0 10px; }
      .input-addon .input-addon-item .dropdown a.dropdown-menu .fa.fa-caret-down,
      .input-addon .input-addon-item .dropdown a.active-dropdown-menu .fa.fa-caret-down {
        color: #304b6f; }
      .input-addon .input-addon-item .dropdown a.dropdown-menu:hover, .input-addon .input-addon-item .dropdown a.dropdown-menu:focus,
      .input-addon .input-addon-item .dropdown a.active-dropdown-menu:hover,
      .input-addon .input-addon-item .dropdown a.active-dropdown-menu:focus {
        color: black; }
        .input-addon .input-addon-item .dropdown a.dropdown-menu:hover .fa.fa-caret-down, .input-addon .input-addon-item .dropdown a.dropdown-menu:focus .fa.fa-caret-down,
        .input-addon .input-addon-item .dropdown a.active-dropdown-menu:hover .fa.fa-caret-down,
        .input-addon .input-addon-item .dropdown a.active-dropdown-menu:focus .fa.fa-caret-down {
          color: black; }
      .input-addon .input-addon-item .dropdown a.dropdown-menu i:first-child,
      .input-addon .input-addon-item .dropdown a.active-dropdown-menu i:first-child {
        padding-right: 5px; }

#modal-box .alert {
  margin: 15px;
  border-radius: 5px; }
#modal-box .js-confirm-buttons-rendered {
  padding: 15px;
  border-top: 1px solid #ccdcf3;
  display: flex; }
  #modal-box .js-confirm-buttons-rendered .form-actions {
    padding: 0;
    margin-left: auto; }
#modal-box #modal-close-button {
  background-color: #539bff;
  color: white;
  border-color: #539bff;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: flex;
  margin-left: auto;
  align-items: center;
  justify-content: center; }
  #modal-box #modal-close-button i, #modal-box #modal-close-button:before {
    transition: color 0.3s; }
  #modal-box #modal-close-button:focus {
    box-shadow: 0 0 0 0.2rem rgba(83, 155, 255, 0.5); }
  #modal-box #modal-close-button:hover, #modal-box #modal-close-button:focus {
    background-color: #207dff;
    color: white;
    border-color: #207dff; }
    #modal-box #modal-close-button:hover i, #modal-box #modal-close-button:hover:before, #modal-box #modal-close-button:focus i, #modal-box #modal-close-button:focus:before {
      color: white; }
@media (min-width: 1350px) {
  #modal-box {
    width: 1140px !important; } }
#modal-box #modal-header {
  position: sticky;
  z-index: 2;
  top: 15px;
  padding-right: 15px; }
#modal-box #modal-content {
  padding: 0; }
  #modal-box #modal-content .page-header ul {
    margin: 0 0 -15px -15px;
    width: 1140px;
    border-bottom: 0 none;
    border-top: 1px solid #ccdcf3; }
  #modal-box #modal-content form {
    padding: 15px; }
    #modal-box #modal-content form #form-title {
      width: 97%;
      margin-right: 10px;
      display: inline-block; }
      @media (max-width: 767px) {
        #modal-box #modal-content form #form-title {
          width: 94%; } }
    #modal-box #modal-content form .form-errors li {
      padding-bottom: 15px; }
    #modal-box #modal-content form .form-required {
      display: inline-block; }
      #modal-box #modal-content form .form-required:after {
        display: none; }
    #modal-box #modal-content form select[name="owner_id"] {
      margin-bottom: 0.4rem; }
    #modal-box #modal-content form select[id="form-owner_id"] {
      width: 80%;
      display: inline-block; }
    #modal-box #modal-content form select[id="form-user_id"] {
      width: 94%;
      display: inline-block;
      margin-right: 5px; }
      #modal-box #modal-content form select[id="form-user_id"] ~ small {
        display: contents; }
        #modal-box #modal-content form select[id="form-user_id"] ~ small a {
          text-decoration: none; }
          #modal-box #modal-content form select[id="form-user_id"] ~ small a:hover, #modal-box #modal-content form select[id="form-user_id"] ~ small a:focus {
            text-decoration: none; }
    #modal-box #modal-content form small {
      float: right;
      line-height: 35px;
      vertical-align: middle; }
    #modal-box #modal-content form .assign-me {
      display: inline-block;
      margin-bottom: 1rem; }
    #modal-box #modal-content form .form-numeric {
      display: inline;
      width: 40%;
      margin-right: 8px; }
    #modal-box #modal-content form input#form-name,
    #modal-box #modal-content form input#form-label,
    #modal-box #modal-content form input#form-username,
    #modal-box #modal-content form input#form-text,
    #modal-box #modal-content form input#form-filter,
    #modal-box #modal-content form input#form-role,
    #modal-box #modal-content form input#form-emails,
    #modal-box #modal-content form input#form-subject {
      width: 97%;
      display: inline;
      margin-right: 10px; }
      @media (max-width: 767px) {
        #modal-box #modal-content form input#form-name,
        #modal-box #modal-content form input#form-label,
        #modal-box #modal-content form input#form-username,
        #modal-box #modal-content form input#form-text,
        #modal-box #modal-content form input#form-filter,
        #modal-box #modal-content form input#form-role,
        #modal-box #modal-content form input#form-emails,
        #modal-box #modal-content form input#form-subject {
          width: 94%; } }
      #modal-box #modal-content form input#form-name ~ input#form-name,
      #modal-box #modal-content form input#form-label ~ input#form-name,
      #modal-box #modal-content form input#form-username ~ input#form-name,
      #modal-box #modal-content form input#form-text ~ input#form-name,
      #modal-box #modal-content form input#form-filter ~ input#form-name,
      #modal-box #modal-content form input#form-role ~ input#form-name,
      #modal-box #modal-content form input#form-emails ~ input#form-name,
      #modal-box #modal-content form input#form-subject ~ input#form-name {
        width: 100%;
        margin-right: 0; }
    #modal-box #modal-content form[id="project-creation-form"] #form-name, #modal-box #modal-content form[action="/?controller=GroupCreationController&action=save"] #form-name {
      width: 98%;
      display: inline;
      margin-right: 10px; }
      @media (max-width: 767px) {
        #modal-box #modal-content form[id="project-creation-form"] #form-name, #modal-box #modal-content form[action="/?controller=GroupCreationController&action=save"] #form-name {
          width: 94%; } }
    #modal-box #modal-content form[action^="/?controller=TaskDuplicationController&action=move"] .select-dropdown-input-container, #modal-box #modal-content form[action^="/?controller=TaskDuplicationController&action=copy"] .select-dropdown-input-container {
      border: 1px solid #ccdcf3;
      margin-bottom: 1rem; }
      #modal-box #modal-content form[action^="/?controller=TaskDuplicationController&action=move"] .select-dropdown-input-container input.select-dropdown-input::placeholder, #modal-box #modal-content form[action^="/?controller=TaskDuplicationController&action=copy"] .select-dropdown-input-container input.select-dropdown-input::placeholder {
        color: #304b6f; }
    #modal-box #modal-content form[action^="/?controller=TaskMailController&action=send"] input {
      width: 98%;
      display: inline;
      margin-right: 10px; }
      @media (max-width: 767px) {
        #modal-box #modal-content form[action^="/?controller=TaskMailController&action=send"] input {
          width: 94%; } }
    #modal-box #modal-content form .js-project-creation-options {
      margin-top: 0;
      padding-bottom: 0;
      margin-bottom: 10px;
      padding-top: 0;
      border-left: 0 none;
      padding-left: 0; }
      #modal-box #modal-content form .js-project-creation-options .alert {
        margin-bottom: 10px;
        margin-left: 0; }
    #modal-box #modal-content form[action^="/?controller=TaskDuplicationController&action="] select[id="form-owner_id"] {
      width: 100%; }
  #modal-box #modal-content .page-header {
    padding: 20px 15px;
    background-color: #fafcff;
    border-bottom: 1px solid #ccdcf3;
    position: sticky;
    top: 0;
    z-index: 1;
    margin: -30px 0 0; }
    #modal-box #modal-content .page-header h2 {
      border-bottom: 0;
      padding: 0;
      font-size: 20px; }
  #modal-box #modal-content .sidebar-container {
    margin-top: 20px; }
    #modal-box #modal-content .sidebar-container .sidebar {
      max-height: 350px;
      top: 120px; }
      @media (max-width: 767px) {
        #modal-box #modal-content .sidebar-container .sidebar {
          top: 0; } }
      #modal-box #modal-content .sidebar-container .sidebar li {
        margin-left: 15px; }
    @media (max-width: 767px) {
      #modal-box #modal-content .sidebar-container .sidebar-content table {
        padding: 15px; } }
#modal-box .js-file-upload-rendered ~ .js-submit-buttons-rendered {
  padding: 15px;
  margin: 0; }
  #modal-box .js-file-upload-rendered ~ .js-submit-buttons-rendered .form-actions {
    padding: 0;
    text-align: right; }
#modal-box .js-file-upload-rendered .alert ~ button {
  margin-left: 15px; }
#modal-box .js-submit-buttons-rendered {
  padding: 15px;
  margin: 0 -15px -15px -15px; }
  #modal-box .js-submit-buttons-rendered .form-actions {
    padding: 0;
    text-align: right;
    display: flex;
    flex-direction: row-reverse;
    align-items: center; }
    #modal-box .js-submit-buttons-rendered .form-actions .btn {
      margin-left: 10px; }
    #modal-box .js-submit-buttons-rendered .form-actions a {
      margin-right: 10px; }

.alert {
  color: white;
  border: 0 none;
  border-radius: 5px;
  background-color: #ea8356;
  margin-top: 0;
  margin-bottom: 1rem; }
  .alert.alert-success {
    background-color: #65ae5c; }
  .alert.alert-error {
    background-color: #f24262; }
  .alert.alert-info {
    background-color: #63bed7; }
  .alert.alert-fade-out {
    width: 100%;
    margin-bottom: 0;
    left: 0;
    border-radius: 0; }

.activity-event {
  display: flex;
  align-items: center;
  margin-bottom: 0;
  padding: 15px;
  border-bottom: 1px solid #ccdcf3; }
  .activity-event:last-child {
    border-bottom: 1px solid #ccdcf3; }
  .activity-event .avatar-left {
    margin-right: 15px; }
  .activity-event .activity-content {
    margin-left: 0;
    width: 100%; }
    .activity-event .activity-content .activity-title {
      color: #304b6f;
      border-bottom: 0 none;
      display: flex;
      font-weight: 500; }
      @media (max-width: 767px) {
        .activity-event .activity-content .activity-title {
          flex-direction: column; } }
      .activity-event .activity-content .activity-title a {
        margin: 0 5px;
        text-transform: uppercase; }
        @media (max-width: 767px) {
          .activity-event .activity-content .activity-title a {
            margin: 0; } }
      .activity-event .activity-content .activity-title .activity-date {
        color: #628bc5;
        margin-left: auto; }
        @media (max-width: 767px) {
          .activity-event .activity-content .activity-title .activity-date {
            margin-left: 0; } }
    .activity-event .activity-content .activity-description {
      color: #304b6f; }
      .activity-event .activity-content .activity-description ul {
        margin-top: 0;
        margin-left: 35px; }
  .activity-event:hover, .activity-event:focus {
    background-color: #f5f9ff; }
  .activity-event:nth-child(even) {
    background-color: #fafcff; }
    .activity-event:nth-child(even):hover, .activity-event:nth-child(even):focus {
      background-color: #f5f9ff; }

.accordion-section {
  margin-bottom: 15px; }
  .accordion-section .accordion-title {
    margin-top: 0; }
  @media (max-width: 767px) {
    .accordion-section {
      padding: 0;
      font-size: 14px; } }
  .accordion-section .buttons-header i {
    margin-right: 5px; }

.accordion-content.comments .comment-sorting,
.comments .comment-sorting {
  margin: 15px 0; }
  .accordion-content.comments .comment-sorting a,
  .comments .comment-sorting a {
    margin-left: 10px;
    color: #304b6f; }
    .accordion-content.comments .comment-sorting a:hover,
    .comments .comment-sorting a:hover {
      color: black; }
  .accordion-content.comments .comment-sorting i,
  .comments .comment-sorting i {
    margin-right: 5px; }
.accordion-content.comments .comment,
.comments .comment {
  padding: 15px;
  display: flex;
  margin-bottom: 15px;
  align-items: center; }
  .accordion-content.comments .comment .avatar-left,
  .comments .comment .avatar-left {
    float: none;
    margin-right: 15px; }
  .accordion-content.comments .comment .comment-description,
  .comments .comment .comment-description {
    width: 100%; }
    .accordion-content.comments .comment .comment-description .comment-title,
    .comments .comment .comment-description .comment-title {
      border-bottom: 0 none;
      margin-left: 0;
      display: flex;
      margin-bottom: 8px; }
      .accordion-content.comments .comment .comment-description .comment-title .comment-username,
      .accordion-content.comments .comment .comment-description .comment-title .comment-date,
      .comments .comment .comment-description .comment-title .comment-username,
      .comments .comment .comment-description .comment-title .comment-date {
        margin-right: 15px; }
      .accordion-content.comments .comment .comment-description .comment-title .comment-date,
      .comments .comment .comment-description .comment-title .comment-date {
        color: #628bc5; }
    .accordion-content.comments .comment .comment-description .dropdown,
    .comments .comment .comment-description .dropdown {
      margin-left: auto; }
      .accordion-content.comments .comment .comment-description .dropdown .fa.fa-cog,
      .comments .comment .comment-description .dropdown .fa.fa-cog {
        margin-right: 3px; }
    .accordion-content.comments .comment .comment-description .comment-content,
    .comments .comment .comment-description .comment-content {
      margin-left: 0; }
      .accordion-content.comments .comment .comment-description .comment-content .markdown p:last-child,
      .comments .comment .comment-description .comment-content .markdown p:last-child {
        margin-bottom: 0; }
  .accordion-content.comments .comment:nth-child(even):not(.comment-highlighted),
  .comments .comment:nth-child(even):not(.comment-highlighted) {
    background-color: unset; }
    .accordion-content.comments .comment:nth-child(even):not(.comment-highlighted):hover,
    .comments .comment:nth-child(even):not(.comment-highlighted):hover {
      background-color: #f5f9ff; }
  .accordion-content.comments .comment:hover,
  .comments .comment:hover {
    background-color: #f5f9ff; }
  .accordion-content.comments .comment.comment-highlighted,
  .comments .comment.comment-highlighted {
    background-color: #e1edff;
    border: 0 none; }

.panel {
  border-color: #ccdcf3;
  background-color: white;
  color: inherit;
  padding: 15px; }
  .panel .no-bullet li:not(:last-child) {
    margin-bottom: 3px; }
    .panel .no-bullet li:not(:last-child) strong {
      font-weight: 500; }
  .panel .no-bullet a i {
    margin-right: 8px; }
  .panel .form-inline label {
    display: inherit; }
  .panel .form-inline select {
    margin-bottom: 1rem; }
  .panel li a i {
    margin-right: 8px; }

form + .panel {
  margin: 15px; }
  form + .panel .margin-top {
    margin-left: 15px;
    margin-bottom: 10px; }

.select-dropdown-input-container {
  width: auto;
  border-color: #ccdcf3; }
  .select-dropdown-input-container input.select-dropdown-input {
    margin: 0 !important;
    padding: 0.375rem 2.2rem 0.375rem 0.75rem !important;
    border: 0 none !important; }
  .select-dropdown-input-container .select-dropdown-chevron,
  .select-dropdown-input-container .select-loading-icon {
    top: 10px;
    right: 10px; }

header .select-dropdown-input-container {
  background-color: transparent;
  border: 1px solid #0050c7; }
  header .select-dropdown-input-container .select-dropdown-chevron {
    color: #0050c7; }
  header .select-dropdown-input-container input.select-dropdown-input {
    border: 1px solid #0050c7;
    background-color: #031a38 !important;
    color: white !important; }

#select-dropdown-menu {
  overflow: auto; }
  #select-dropdown-menu .select-dropdown-menu-item {
    color: #304b6f; }
    #select-dropdown-menu .select-dropdown-menu-item.active {
      background-color: #f0f6ff; }

label {
  margin-top: 0;
  margin-bottom: .5rem;
  display: flex;
  align-items: center;
  border-radius: 5px; }

input:not(.select2-search__field):not([type="checkbox"]):not([name="notifications_filter"]):not([name="positionChoice"]),
input[type="number"],
input[type="date"],
input[type="email"],
input[type="password"],
input[type="text"]:not(.input-addon-field),
textarea,
select {
  margin-bottom: 1rem;
  display: block;
  width: 100%;
  height: calc(1.5em + .75rem + 2px);
  padding: .375rem .75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  background-color: white;
  background-clip: padding-box;
  border: 1px solid #ccdcf3;
  border-radius: 5px;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  max-width: 100%;
  font-family: 'Montserrat', sans-serif;
  color: inherit; }
  input:not(.select2-search__field):not([type="checkbox"]):not([name="notifications_filter"]):not([name="positionChoice"]):focus,
  input[type="number"]:focus,
  input[type="date"]:focus,
  input[type="email"]:focus,
  input[type="password"]:focus,
  input[type="text"]:not(.input-addon-field):focus,
  textarea:focus,
  select:focus {
    color: #495057;
    background-color: white;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }

input#form-avatar {
  border: 0 none;
  background-color: initial; }

textarea {
  min-height: 200px;
  border-radius: 5px; }

.form-inline label[for="form-owner_id"] {
  display: inherit; }

.form-required {
  padding-left: 0;
  margin-bottom: 1rem;
  font-size: .9rem;
  display: block;
  color: #de4545; }
  .form-required::after {
    content: 'Field required';
    margin-left: 8px; }

.js-submit-buttons-rendered {
  margin-bottom: 1rem; }

input#form-avatar {
  padding-left: 0; }

input[type="radio"] {
  margin-right: 5px; }

.form-errors {
  margin-bottom: 1rem; }

a .fa {
  color: inherit;
  padding-right: 0;
  width: auto; }

.fa.fa-cog,
.fa.fa-th {
  color: #304b6f; }
  .fa.fa-cog:hover, .fa.fa-cog:focus,
  .fa.fa-th:hover,
  .fa.fa-th:focus {
    color: black; }

.fa-fa-caret-down {
  color: #304b6f; }

.fa.fa-arrows-alt {
  color: #304b6f; }

.fa.fa-fw.fa-trash-o {
  margin-right: 3px; }

.tooltip .fa-info-circle {
  color: inherit; }

.text-editor {
  margin-top: 0; }
  .text-editor .text-editor-preview-area {
    padding: 0.375rem 0.75rem;
    border: 1px solid #ccdcf3;
    max-width: 100%;
    width: 100%;
    margin-bottom: 1rem; }
  .text-editor textarea {
    width: 100%;
    max-width: initial;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    color: inherit; }

.text-editor-toolbar {
  padding: 15px;
  border-top: 1px solid #ccdcf3;
  border-left: 1px solid #ccdcf3;
  border-right: 1px solid #ccdcf3;
  background-color: #fafcff;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px; }
  .text-editor-toolbar a {
    font-size: 0.8rem;
    transition: color 0.3s;
    padding: 5px;
    color: #304b6f; }
    .text-editor-toolbar a:hover, .text-editor-toolbar a:focus {
      color: black; }
    .text-editor-toolbar a:first-child, .text-editor-toolbar a:nth-child(4) {
      padding-right: 15px;
      border-right: 1px solid #ccdcf3;
      margin-right: 15px; }

span.select2-container {
  margin-top: 0; }

.select2-container {
  width: 100% !important;
  margin-bottom: 1rem; }
  .select2-container.select2-container--default .select2-results__option[aria-selected="true"] {
    background-color: #ebf3ff; }
  .select2-container.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #ebf3ff;
    color: inherit; }
  .select2-container.select2-container--default .select2-selection--multiple,
  .select2-container.select2-container--default .select2-selection--single {
    border: 1px solid #ccdcf3;
    min-height: calc(1.5em + 0.75rem + 2px);
    line-height: 1.5; }
    .select2-container.select2-container--default .select2-selection--multiple .select2-selection__choice,
    .select2-container.select2-container--default .select2-selection--single .select2-selection__choice {
      background-color: white;
      border-color: #ccdcf3;
      margin-top: 0;
      margin-bottom: 5px; }
  .select2-container.select2-container--default .select2-selection--multiple {
    padding: 12px 6px 1px 6px; }
  .select2-container.select2-container--default .select2-selection--single .select2-selection__rendered {
    height: 100%;
    display: flex;
    align-items: center; }
  .select2-container.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 5px; }
    .select2-container.select2-container--default .select2-selection--single .select2-selection__arrow b {
      border-color: #304b6f transparent transparent transparent; }
  .select2-container.select2-container--default.select2-container--focus .select2-selection--multiple,
  .select2-container.select2-container--default.select2-container--focus .select2-selection--single {
    border-color: #80bdff;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }
  .select2-container .select2-search--inline .select2-search__field {
    margin-top: 0; }

.color-picker-square {
  border: 0 none;
  border-radius: 50%; }

.color-picker-option {
  height: auto;
  display: flex;
  align-items: center; }

.color-picker-label {
  padding-bottom: 0; }

.select2-dropdown {
  border-color: #ccdcf3; }

fieldset {
  border-radius: 5px;
  padding: 15px;
  margin-bottom: 1rem;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  border-color: #ccdcf3; }

.views-switcher-component .views {
  margin-right: 0;
  margin-top: 0; }
  .views-switcher-component .views a {
    color: #304b6f; }
  .views-switcher-component .views li {
    padding: 0;
    display: inline-block;
    border: 0 none; }
    .views-switcher-component .views li:not(:first-child) {
      margin-left: -5px; }
    .views-switcher-component .views li.active a {
      background-color: #539bff;
      border-color: #539bff;
      color: white; }
      .views-switcher-component .views li.active a .fa {
        color: white; }
    .views-switcher-component .views li a {
      padding: 0.375rem 0.75rem;
      line-height: 1.5;
      display: inline-flex;
      align-items: center;
      border: 1px solid #ccdcf3; }
      .views-switcher-component .views li a:hover, .views-switcher-component .views li a:focus {
        text-decoration: none; }
      .views-switcher-component .views li a .fa {
        margin-right: 5px;
        color: #304b6f; }
    .views-switcher-component .views li:first-child a {
      border-top-left-radius: 5px;
      border-bottom-left-radius: 5px; }
    .views-switcher-component .views li:last-child a {
      border-top-right-radius: 5px;
      border-bottom-right-radius: 5px; }

.board-task-list .task-board {
  margin-bottom: 10px;
  border-style: none;
  background-color: white;
  transition: box-shadow 0.3s;
  padding: 0;
  overflow: hidden; }
  .board-task-list .task-board .task-board-header {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    padding: 5px 10px 2px; }
    .board-task-list .task-board .task-board-header .dropdown .dropdown-menu strong {
      color: #304b6f; }
      .board-task-list .task-board .task-board-header .dropdown .dropdown-menu strong i {
        color: #afafaf; }
    .board-task-list .task-board .task-board-header .dropdown:hover .fa.fa-caret-down, .board-task-list .task-board .task-board-header .dropdown:hover .dropdown-menu strong {
      color: black; }
    .board-task-list .task-board .task-board-header a.js-modal-large {
      margin-left: auto;
      background-color: #fafcff;
      text-align: center;
      width: 30px;
      height: 30px;
      font-size: 18px;
      color: #304b6f;
      border-radius: 50%;
      transition: color 0.3s, background-color 0.3s; }
      .board-task-list .task-board .task-board-header a.js-modal-large i {
        font-size: 14px;
        padding-top: 8px;
        padding-left: 2px; }
      .board-task-list .task-board .task-board-header a.js-modal-large:hover, .board-task-list .task-board .task-board-header a.js-modal-large:focus {
        color: black;
        background-color: #e3e8ee; }
  .board-task-list .task-board .task-board-title {
    margin-top: 0;
    margin-bottom: 10px;
    padding: 2px 10px 5px; }
  .board-task-list .task-board .task-board-category-container h4,
  .board-task-list .task-board .task-tags h4 {
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 0.8em;
    font-weight: 500; }
  .board-task-list .task-board .task-board-category-container {
    text-align: initial;
    margin: 0;
    padding: 10px;
    border-top: 1px solid #e1e8f5;
    background-color: #fbfbfb; }
    .board-task-list .task-board .task-board-category-container .task-board-category {
      border-style: none;
      padding: 2px 4px;
      font-weight: 400;
      font-size: 1em;
      color: initial; }
  .board-task-list .task-board .task-tags {
    padding: 10px;
    border-top: 1px solid #e1e8f5;
    background-color: #fbfbfb; }
    .board-task-list .task-board .task-tags li.task-tag {
      border: 0 none;
      padding: 2px 4px;
      margin: 0 2px 2px 0; }
  .board-task-list .task-board .task-board-icons {
    margin-top: 0;
    text-align: left;
    border-top: 1px solid #e1e8f5;
    padding: 10px;
    display: flex;
    align-items: center;
    background-color: #fbfbfb; }
    .board-task-list .task-board .task-board-icons .task-board-icons-row {
      margin-bottom: 5px; }
      .board-task-list .task-board .task-board-icons .task-board-icons-row > span,
      .board-task-list .task-board .task-board-icons .task-board-icons-row div,
      .board-task-list .task-board .task-board-icons .task-board-icons-row a {
        margin: 0 5px 0 0;
        padding: 0 5px 0 0;
        color: #304b6f; }
        .board-task-list .task-board .task-board-icons .task-board-icons-row > span .fa.fa-comments-o,
        .board-task-list .task-board .task-board-icons .task-board-icons-row div .fa.fa-comments-o,
        .board-task-list .task-board .task-board-icons .task-board-icons-row a .fa.fa-comments-o {
          margin-right: 3px; }
        .board-task-list .task-board .task-board-icons .task-board-icons-row > span:not(:last-child),
        .board-task-list .task-board .task-board-icons .task-board-icons-row div:not(:last-child),
        .board-task-list .task-board .task-board-icons .task-board-icons-row a:not(:last-child) {
          border-right: 1px solid #c7ddff; }
        .board-task-list .task-board .task-board-icons .task-board-icons-row > span:first-child,
        .board-task-list .task-board .task-board-icons .task-board-icons-row div:first-child,
        .board-task-list .task-board .task-board-icons .task-board-icons-row a:first-child {
          padding-left: 0; }
      .board-task-list .task-board .task-board-icons .task-board-icons-row .task-icon-age span:first-child {
        margin-left: 0; }
  .board-task-list .task-board:hover, .board-task-list .task-board:focus {
    box-shadow: 0 3px 20px rgba(83, 155, 255, 0.2); }
  .board-task-list .task-board a:hover, .board-task-list .task-board:focus {
    text-decoration: none; }
    .board-task-list .task-board a:hover.js-modal-large, .board-task-list .task-board:focus.js-modal-large {
      color: #4d4d4d; }
  .board-task-list .task-board .task-board-avatars {
    margin-left: auto; }
    .board-task-list .task-board .task-board-avatars span {
      opacity: 0.8;
      display: block; }
  .board-task-list .task-board .task-board-sort-handle {
    margin: 10px 0 0 10px;
    padding-right: 0; }
.board-task-list .draggable-placeholder {
  background-color: #e1edff;
  border-color: #7bb0ff; }

#task-summary .task-summary-title {
  display: flex; }
  #task-summary .task-summary-title img {
    width: 40px;
    height: 40px;
    padding: 5px; }
  #task-summary .task-summary-title h2 {
    color: #304b6f;
    margin-bottom: 15px; }
#task-summary .task-summary-container {
  border: 1px solid #ccdcf3;
  background-color: white;
  padding: 15px; }
  #task-summary .task-summary-container .task-summary-columns {
    margin: 0 -15px; }
    #task-summary .task-summary-container .task-summary-columns .task-summary-column {
      color: inherit;
      padding: 0 15px; }
    #task-summary .task-summary-container .task-summary-columns li {
      padding-bottom: 5px; }
    #task-summary .task-summary-container .task-summary-columns span {
      color: #304b6f; }
  #task-summary .task-summary-container .task-tags {
    margin-top: 0; }
    #task-summary .task-summary-container .task-tags li {
      border-style: none;
      margin: 0 6px 6px 0;
      padding: 3px 6px; }

.dots-menu {
  margin-left: auto;
  margin-right: auto; }

.project-overview-columns {
  margin: 0 -10px;
  align-items: initial;
  justify-content: initial; }
  .project-overview-columns .project-overview-column {
    text-align: center;
    margin: 0 10px 15px;
    padding: 0;
    display: flex;
    background-color: white;
    padding: 25px 15px;
    border-radius: 5px;
    border: 1px solid #ccdcf3;
    display: flex;
    flex-direction: column;
    flex: 1;
    justify-content: center;
    transition: background-color 0.3s, border-color 0.3s; }
    .project-overview-columns .project-overview-column:hover {
      background-color: #539bff;
      border-color: #539bff; }
      .project-overview-columns .project-overview-column:hover small,
      .project-overview-columns .project-overview-column:hover strong {
        color: white; }
    @media (max-width: 767px) {
      .project-overview-columns .project-overview-column {
        width: 50%; } }
    .project-overview-columns .project-overview-column small {
      color: rgba(83, 155, 255, 0.6);
      margin-bottom: 5px;
      font-size: 16px;
      transition: color 0.3s; }
    .project-overview-columns .project-overview-column strong {
      color: #539bff;
      font-size: 40px;
      font-weight: 600;
      transition: color 0.3s; }

#file-dropzone,
#screenshot-zone {
  margin: 15px 15px 0 15px;
  width: auto;
  border-color: #ccdcf3; }
  #file-dropzone #file-dropzone-inner, #file-dropzone #screenshot-inner,
  #screenshot-zone #file-dropzone-inner,
  #screenshot-zone #screenshot-inner {
    color: #a1badd; }
    #file-dropzone #file-dropzone-inner a, #file-dropzone #screenshot-inner a,
    #screenshot-zone #file-dropzone-inner a,
    #screenshot-zone #screenshot-inner a {
      text-decoration: none; }
      #file-dropzone #file-dropzone-inner a:hover, #file-dropzone #file-dropzone-inner a:focus, #file-dropzone #screenshot-inner a:hover, #file-dropzone #screenshot-inner a:focus,
      #screenshot-zone #file-dropzone-inner a:hover,
      #screenshot-zone #file-dropzone-inner a:focus,
      #screenshot-zone #screenshot-inner a:hover,
      #screenshot-zone #screenshot-inner a:focus {
        color: black; }
    #file-dropzone #file-dropzone-inner #file-list li, #file-dropzone #screenshot-inner #file-list li,
    #screenshot-zone #file-dropzone-inner #file-list li,
    #screenshot-zone #screenshot-inner #file-list li {
      padding-top: .8rem;
      padding-bottom: .8rem;
      border-bottom: 1px solid #ccdcf3; }
      #file-dropzone #file-dropzone-inner #file-list li i, #file-dropzone #file-dropzone-inner #file-list li progress, #file-dropzone #screenshot-inner #file-list li i, #file-dropzone #screenshot-inner #file-list li progress,
      #screenshot-zone #file-dropzone-inner #file-list li i,
      #screenshot-zone #file-dropzone-inner #file-list li progress,
      #screenshot-zone #screenshot-inner #file-list li i,
      #screenshot-zone #screenshot-inner #file-list li progress {
        margin-right: 8px; }
      #file-dropzone #file-dropzone-inner #file-list li .file-error, #file-dropzone #screenshot-inner #file-list li .file-error,
      #screenshot-zone #file-dropzone-inner #file-list li .file-error,
      #screenshot-zone #screenshot-inner #file-list li .file-error {
        margin-top: 5px; }
      #file-dropzone #file-dropzone-inner #file-list li:first-child, #file-dropzone #screenshot-inner #file-list li:first-child,
      #screenshot-zone #file-dropzone-inner #file-list li:first-child,
      #screenshot-zone #screenshot-inner #file-list li:first-child {
        padding-top: 0; }

.file-thumbnail .js-image-slideshow-rendered {
  margin-bottom: 5px; }
.file-thumbnail .file-thumbnail-content .file-thumbnail-title .dropdown a {
  color: #304b6f; }
  .file-thumbnail .file-thumbnail-content .file-thumbnail-title .dropdown a i {
    color: #afafaf; }
  .file-thumbnail .file-thumbnail-content .file-thumbnail-title .dropdown a:hover {
    text-decoration: none;
    color: black; }
    .file-thumbnail .file-thumbnail-content .file-thumbnail-title .dropdown a:hover i {
      color: black; }
.file-thumbnail .file-thumbnail-content .file-thumbnail-description {
  color: #304b6f; }

blockquote {
  border-left-color: #ccdcf3 !important; }

.task-board span.task-icon-age-total,
.task-board span.task-icon-age-column {
  border-color: #304b6f; }

span.task-icon-age-total, span.task-icon-age-column {
  padding: 2px 5px;
  border-color: #304b6f; }
span.task-icon-age-column {
  margin-left: -3px; }

#tooltip-container {
  z-index: 10;
  box-shadow: 0 3px 20px rgba(83, 155, 255, 0.2);
  border: 1px solid #ccdcf3;
  padding: 6px 10px;
  font-size: 14px; }
  #tooltip-container:before {
    content: "";
    height: 17px;
    width: 100%;
    position: absolute;
    top: -17px;
    left: 0; }
  #tooltip-container table {
    margin-bottom: 0; }

.sidebar-container {
  padding: 0;
  margin: 0 -15px; }
  .sidebar-container[id="dashboard"] .sidebar, .sidebar-container[id="user-section"] .sidebar {
    top: 125px;
    max-height: calc(100vh - 150px); }
    @media (max-width: 767px) {
      .sidebar-container[id="dashboard"] .sidebar, .sidebar-container[id="user-section"] .sidebar {
        top: 0;
        max-height: initial; } }
  .sidebar-container[id="config-section"] .sidebar {
    top: 75px;
    max-height: calc(100vh - 100px); }
    @media (max-width: 767px) {
      .sidebar-container[id="config-section"] .sidebar {
        top: 0;
        max-height: initial; } }
  .sidebar-container[id="task-view"] .sidebar {
    top: 145px;
    max-height: calc(100vh - 170px); }
    @media (max-width: 767px) {
      .sidebar-container[id="task-view"] .sidebar {
        top: 0;
        max-height: initial; } }

.sidebar {
  padding: 0 15px;
  position: -webkit-sticky;
  position: sticky;
  overflow-y: auto;
  top: 0; }
  @media (max-width: 767px) {
    .sidebar {
      position: relative;
      order: 1;
      max-width: 100%; } }
  .sidebar ul li {
    padding-left: 0;
    border-left: 3px solid #e2eefe;
    border-bottom-color: #ccdcf3;
    border-bottom: 0 none;
    line-height: initial; }
    .sidebar ul li a {
      color: inherit;
      display: block;
      padding: 8px 10px;
      border-top-right-radius: 5px;
      border-bottom-right-radius: 5px; }
      .sidebar ul li a i {
        display: none; }
    .sidebar ul li.active, .sidebar ul li:hover, .sidebar ul li:focus {
      padding-left: 0;
      border-left-color: #304b6f;
      border-left: 3px solid; }
      .sidebar ul li.active a,
      .sidebar ul li.active a:hover,
      .sidebar ul li.active a:focus, .sidebar ul li:hover a,
      .sidebar ul li:hover a:hover,
      .sidebar ul li:hover a:focus, .sidebar ul li:focus a,
      .sidebar ul li:focus a:hover,
      .sidebar ul li:focus a:focus {
        color: inherit;
        background-color: #f1f5f9; }
    .sidebar ul li.active a {
      background-color: #e0e7f1;
      font-weight: 500; }
      .sidebar ul li.active a:hover {
        background-color: #e0e7f1; }

.sidebar-content {
  padding: 0 15px;
  max-width: 100%; }

h1,
h2,
h3,
h4,
h5,
h6 {
  color: inherit; }

header {
  background-color: #001d48;
  padding: 0 15px;
  border-bottom: 0;
  margin-bottom: 0;
  color: white;
  height: 60px;
  align-items: center;
  position: fixed;
  width: 100%;
  z-index: 10;
  flex-wrap: nowrap; }
  @media (max-width: 767px) {
    header {
      height: auto;
      position: relative;
      padding: 15px;
      display: block; } }
  header .title-container {
    margin-right: 15px;
    min-width: unset;
    flex: 0 1 auto;
    overflow: hidden;
    white-space: nowrap; }
    @media (max-width: 767px) {
      header .title-container {
        font-size: 16px;
        margin-bottom: 10px; } }
    header .title-container h1 {
      display: flex;
      align-items: center;
      font-size: 1.3em; }
      @media (max-width: 767px) {
        header .title-container h1 {
          font-size: 16px; } }
  header .title {
    margin: 0 10px;
    padding-left: 10px;
    border-left: 1px solid #fff;
    text-overflow: ellipsis;
    overflow: hidden; }
  header .logo {
    display: inline-block;
    vertical-align: middle; }
    @media (max-width: 767px) {
      header .logo {
        display: flex;
        align-items: center; } }
    header .logo a {
      color: white;
      transition: color 0.3s;
      opacity: 1; }
      header .logo a img {
        height: 38px;
        vertical-align: middle; }
      header .logo a:hover, header .logo a:focus {
        color: white; }
        header .logo a:hover span, header .logo a:focus span {
          color: white; }
      header .logo a span {
        color: white; }
  header a {
    text-decoration: none; }
    header a .fa {
      color: white; }
  header .board-selector-container {
    margin: 0 15px 0 auto;
    min-width: unset;
    flex-basis: 300px; }
    @media (max-width: 767px) {
      header .board-selector-container {
        margin-right: 0;
        width: 100%;
        margin-bottom: 10px; } }
    header .board-selector-container .js-select-dropdown-autocomplete-rendered {
      width: 100%; }
  header .menus-container {
    height: 100%;
    min-width: unset; }
    @media (max-width: 767px) {
      header .menus-container {
        display: flex;
        width: 100%; } }
    header .menus-container .header-creation-menu a .fa.fa-plus {
      margin-right: 8px; }
    header .menus-container .notification,
    header .menus-container .dropdown {
      height: 100%;
      margin-left: -4.19px; }
      header .menus-container .notification a,
      header .menus-container .dropdown a {
        padding: 0 10px;
        height: 100%;
        display: flex;
        align-items: center;
        transition: background-color 0.3s; }
        header .menus-container .notification a:hover, header .menus-container .notification a:focus,
        header .menus-container .dropdown a:hover,
        header .menus-container .dropdown a:focus {
          background-color: #001d48; }
    header .menus-container .dropdown .fa-caret-down {
      color: #0050c7; }
    header .menus-container .dropdown-menu-link-icon {
      display: flex;
      align-items: center; }
      header .menus-container .dropdown-menu-link-icon .avatar {
        margin-right: 5px;
        border-radius: 50%; }

.project-header,
.page-header {
  padding: 0; }

.page > #main > .project-header,
.page > #main > .page-header,
.page > .project-header,
.page > .page-header {
  position: fixed;
  z-index: 10;
  width: 100%;
  top: 0; }
  @media (max-width: 767px) {
    .page > #main > .project-header,
    .page > #main > .page-header,
    .page > .project-header,
    .page > .page-header {
      position: relative; } }

.page > #main > .project-header,
.page > #main > .page-header,
.page > .project-header,
.page > .page-header {
  margin: 60px -15px 15px -15px; }
  @media (max-width: 767px) {
    .page > #main > .project-header,
    .page > #main > .page-header,
    .page > .project-header,
    .page > .page-header {
      margin: -15px -15px 15px;
      width: auto; } }

.page > .page-header,
.page > .project-header,
.page > #main > .page-header,
.page > #main > .project-header {
  background-color: #f5f9ff;
  border-bottom: 1px solid #e1edff; }

.page-header h2 {
  border-bottom: 0;
  font-weight: 300;
  padding: 1rem 0;
  color: #304b6f; }
  .page-header h2 ~ ul {
    margin: 0;
    background-color: #f5f9ff;
    border-bottom: 1px solid #e1edff; }
  .page-header h2 a {
    color: #304b6f; }
    .page-header h2 a:hover, .page-header h2 a:focus {
      color: black;
      text-decoration: none; }
.page-header ul {
  margin-top: 0;
  text-align: initial;
  width: 100%; }
  .page-header ul li {
    padding-right: 0; }
    @media (max-width: 767px) {
      .page-header ul li {
        display: block; } }
    .page-header ul li a {
      color: initial;
      text-decoration: none;
      font-size: 0.9rem;
      line-height: 45px;
      display: inline-block;
      padding: 0 15px;
      transition: background-color 0.3s; }
      @media (max-width: 767px) {
        .page-header ul li a {
          display: block; } }
      .page-header ul li a:hover, .page-header ul li a:focus {
        background-color: #e6f0ff; }
      .page-header ul li a i.fa {
        margin-right: 8px;
        color: #aeceff; }
    .page-header ul li.active a:hover,
    .page-header ul li.active a:focus {
      text-decoration: none; }

.project-header {
  padding: 15px;
  display: flex;
  align-items: center; }
  @media (max-width: 767px) {
    .project-header {
      display: block; } }
  .project-header .dropdown-component {
    margin: 0 15px 0 0; }
    @media (max-width: 767px) {
      .project-header .dropdown-component {
        display: inline-block; } }
    .project-header .dropdown-component i:first-child {
      padding-right: 3px; }
    .project-header .dropdown-component i {
      color: #304b6f; }
    .project-header .dropdown-component:hover i {
      color: black; }
  .project-header .input-addon,
  .project-header .filter-box {
    margin-bottom: 0; }
  .project-header .views-switcher-component {
    margin-top: 0;
    float: none; }
    @media (max-width: 767px) {
      .project-header .views-switcher-component {
        display: inline-block; } }
    @media (max-width: 767px) {
      .project-header .views-switcher-component .views li a i {
        margin-right: 0;
        font-size: 1rem; } }
    @media (max-width: 767px) {
      .project-header .views-switcher-component .views li a span {
        display: none; } }
    @media (max-width: 767px) {
      .project-header .views-switcher-component .views li a {
        font-size: 0; } }
  .project-header .filter-box-component {
    margin-left: auto; }
    .project-header .filter-box-component .input-addon {
      min-width: 400px; }
      @media (max-width: 767px) {
        .project-header .filter-box-component .input-addon {
          min-width: 280px; } }

.avatar.avatar-inline {
  margin-right: 0; }
.avatar.avatar-20 .avatar-letter {
  line-height: 20px;
  width: 20px;
  max-width: 20px;
  font-size: 0.6em; }
.avatar.avatar-38 .avatar-letter {
  line-height: 38px;
  width: 38px;
  max-width: 38px;
  font-size: 0.9em; }
.avatar.avatar-48 .avatar-letter {
  line-height: 48px;
  width: 48px;
  max-width: 48px;
  font-size: 1.2em; }
.avatar img,
.avatar div {
  border-radius: 50%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

#user-section
.avatar.avatar-48
img[src^="/?controller=AvatarFileController&action=image"] {
  margin-left: 5rem; }

.task-form-container {
  margin: 0 -15px; }

.task-form-main-column,
.task-form-secondary-column,
.task-form-bottom {
  padding: 0 15px; }

.task-form-secondary-column {
  max-width: initial; }

.filter-box {
  margin: 0 0 1rem 0;
  max-width: 100%; }

#board-container {
  margin: 0 -15px -25px -15px;
  overflow-x: inherit; }
  @media (max-width: 767px) {
    #board-container {
      display: block;
      width: 100%;
      overflow-x: auto;
      margin: 0; } }
  #board-container table {
    border-collapse: separate;
    border-spacing: 10px 0; }
    @media (max-width: 767px) {
      #board-container table {
        border-spacing: 1px 0; } }
    #board-container table .board-column-header::before {
      content: "";
      height: 16px;
      background-color: #fafcff;
      position: fixed;
      left: 0;
      right: 0;
      top: 129px;
      z-index: 10; }
      @media (max-width: 767px) {
        #board-container table .board-column-header::before {
          content: none; } }
    #board-container table .board-column-header .board-add-icon {
      margin: 0 5px;
      float: none;
      padding: 0; }
      #board-container table .board-column-header .board-add-icon i:before {
        content: "+";
        display: block;
        font-weight: 300;
        font-size: 1.4rem; }
      #board-container table .board-column-header .board-add-icon i:hover, #board-container table .board-column-header .board-add-icon i:focus {
        color: white; }
    #board-container table .board-column-header .action-container {
      display: flex;
      align-items: center;
      margin-left: auto; }
      #board-container table .board-column-header .action-container > .btn {
        padding: 0;
        width: auto;
        height: auto; }
        #board-container table .board-column-header .action-container > .btn a {
          width: 26px;
          height: 26px;
          line-height: 26px;
          text-align: center; }
          #board-container table .board-column-header .action-container > .btn a .dots-menu__icon {
            margin-top: 5px; }
    #board-container table .board-column-header .board-column-title {
      font-weight: 500;
      font-size: 0.9rem; }
    #board-container table .board-column-header .task-count {
      background-color: #e3e8ee;
      padding: 3px 5px;
      font-weight: 500;
      margin: 0 10px;
      border-radius: 3px;
      font-size: 0.8rem; }
      #board-container table .board-column-header .task-count.task-count-limit {
        background-color: #f24262;
        color: white; }
    #board-container table .board-column-header .board-column-expanded {
      display: flex;
      align-items: center; }
    #board-container table th.board-column-header.board-column-header-collapsed,
    #board-container table td.board-column-task-collapsed {
      padding: 0px;
      width: 40px;
      min-width: 40px; }
      #board-container table th.board-column-header.board-column-header-collapsed .board-add-icon,
      #board-container table td.board-column-task-collapsed .board-add-icon {
        display: none; }
    #board-container table tr {
      border-radius: 5px; }
      #board-container table tr[id^="swimlane-"] th.board-swimlane-header {
        top: 145px;
        position: sticky;
        z-index: 10; }
        @media (max-width: 767px) {
          #board-container table tr[id^="swimlane-"] th.board-swimlane-header {
            top: 0;
            position: relative; } }
      #board-container table tr[id^="swimlane-"] ~ tr[class^="board-swimlane-columns-"] th.board-column-header {
        top: 194px; }
        @media (max-width: 767px) {
          #board-container table tr[id^="swimlane-"] ~ tr[class^="board-swimlane-columns-"] th.board-column-header {
            top: 0; } }
      #board-container table tr th {
        border-top-right-radius: 5px;
        border-top-left-radius: 5px;
        padding: 10px;
        border: 0 none; }
        #board-container table tr th.board-column-header {
          position: sticky;
          top: 145px;
          z-index: 10; }
          @media (max-width: 767px) {
            #board-container table tr th.board-column-header {
              top: 0;
              position: relative; } }
      #board-container table tr td {
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px;
        padding: 0 10px 10px; }
      #board-container table tr td {
        background-color: #f0f6ff;
        border-style: none; }
      #board-container table tr th:not(.board-swimlane-header) {
        background-color: #ebf3ff;
        border-style: none;
        border-bottom: 1px solid white; }
      #board-container table tr .board-swimlane-header {
        background-color: #fafcff; }
        #board-container table tr .board-swimlane-header a {
          padding-right: 10px; }
    #board-container table.first-swimlane-table {
      z-index: 10;
      margin-bottom: 0;
      position: sticky;
      top: 145px; }
      @media (max-width: 767px) {
        #board-container table.first-swimlane-table {
          position: relative;
          top: 0; } }
      #board-container table.first-swimlane-table::before {
        content: "";
        height: 49px;
        background-color: #fafcff;
        position: fixed;
        left: 0;
        right: 0;
        top: 145px;
        z-index: -10; }
        @media (max-width: 767px) {
          #board-container table.first-swimlane-table::before {
            content: none; } }
      #board-container table.first-swimlane-table ~ table .board-column-header {
        top: 194px; }
        @media (max-width: 767px) {
          #board-container table.first-swimlane-table ~ table .board-column-header {
            top: 0; } }
    #board-container table .board-task-list {
      margin-top: 10px; }
    #board-container table .board-column-header-task-count {
      display: flex;
      justify-content: center;
      align-items: center;
      background-color: #e3e8ee;
      padding: 3px;
      font-weight: 500;
      margin: 0 5px;
      border-radius: 3px;
      font-size: 0.8rem; }
      #board-container table .board-column-header-task-count[class^="board-column-header-task-count swimlane-task-count-"] {
        display: inline-block;
        padding: 5px 8px; }
    #board-container table .board-column-collapsed .btn-circle {
      margin-left: auto;
      margin-right: auto; }
    #board-container table .board-rotation-wrapper {
      display: flex;
      padding: 0;
      left: 50%;
      overflow: unset;
      min-height: 450px; }
      #board-container table .board-rotation-wrapper .board-column-title.board-rotation {
        transform-origin: 0 50%;
        transform: rotate(90deg);
        height: 100%; }

.js-chart-task-time-column-rendered {
  margin-bottom: 1rem; }

header .title {
  margin-left: 0;
  padding-left: 0;
  border-left: none; }
header .logo {
  background-image: url("https://www.cloud-temple.com/wp-content/themes/cloudtemple/src/assets/images/logo-CT.svg");
  background-size: 29px;
  background-position: left center;
  background-repeat: no-repeat;
  margin-right: 10px;
  padding-right: 10px;
  border-right: 1px solid rgba(255, 255, 255, 0.5);
  width: 39px;
  height: 29px;
  display: inline-block;
  vertical-align: middle; }
  header .logo a {
    opacity: 0.75;
    padding-right: 10px;
    margin-right: 10px; }
    header .logo a:hover {
      opacity: 1; }

.form-login {
  margin: 10% auto 0; }
  .form-login h2 {
    text-align: center;
    font-weight: 500; }
  .form-login form {
    padding: 2rem;
    background-color: white;
    border-radius: 5px;
    box-shadow: 0px 15px 15px 5px rgba(187, 218, 247, 0.25); }
    .form-login form a {
      color: inherit;
      text-decoration: none; }
      .form-login form a:hover, .form-login form a:focus {
        text-decoration: underline; }
    .form-login form img {
      margin-bottom: 10px; }
    .form-login form .form-actions button {
      width: 100%; }
    .form-login form .reset-password {
      text-align: center;
      margin-top: 10px;
      font-size: 0.8rem; }
    .form-login form label[for="form-username"]::after,
    .form-login form label[for="form-password"]::after {
      margin-left: 3px;
      content: "*"; }
  .form-login li {
    line-height: 14px;
    font-size: 14px;
    line-height: initial; }

.page.two-factor .page-header {
  margin: 0 0 0 -15px;
  padding-left: 15px; }
.page.two-factor form {
  margin-top: 60px; }

.public-board #board-container {
  padding-top: 0;
  margin-left: 0;
  margin-right: 0; }
  .public-board #board-container table tr th.board-column-header {
    position: sticky;
    top: 0; }
    .public-board #board-container table tr th.board-column-header::before {
      height: 5px;
      top: 0; }
  .public-board #board-container tr[id^="swimlane-"] th.board-swimlane-header {
    top: 5px; }
  .public-board #board-container table.first-swimlane-table {
    top: 5px; }
    .public-board #board-container table.first-swimlane-table::before {
      top: 5px; }

/*# sourceMappingURL=main.css.map */