diff --git a/Template/css/app.original.less b/Template/css/app.original.less
index e8b8ce96f98ebe7f271832fd109282d6cf65a416..ee08c6884e38d26b4a02687ab70256146c266190 100644
--- a/Template/css/app.original.less
+++ b/Template/css/app.original.less
@@ -1,2549 +1,2606 @@
-//nodemon --watch ./*.less --exec lessc app.original.less app.css
-
 /* HELLO LESS */
 
-@color-link: #315C7B;//#0ce3ac;
+@color-toolbar : #315C7B;
+@color-primary : #0ce3ac;
 
-@color-nolink : #0ce3ac;
-@color-title-bar: #315C7B;
+@color-secondary-text : #696969;
+@color-third-text : #2e2e2e;
+@color-light-text : #b6b6b6;
 
-@color-base: #222222;
-@color-base-odd: #3F3F3F;
-@color-upper: #EAEAEA;
-@color-rows-hover: #0ce3ac;
-@color-input-box:rgb(105, 105, 105);
+@color-odd : #3F3F3F;
+@color-odd-hover : rgb(73, 73, 73);
 
-@color-borders: #0ce3ac;
+@color-background : #222222;
 
-@color-main-text: #0ce3ac;
-@color-sub-text: #999;
-@color-logo: #0ce3ac;
+@color-yellow: #ffffd5;
 
-@input-field-fill:#3F3F3F;
 /* BYE BYE LESS */
 
 /* EX-INLINE */
-.dropdown-menu.dropdown-menu-link-icon > .fa.fa-caret-down{
- color: @color-link;
+.dropdown-menu.dropdown-menu-link-icon > .fa.fa-caret-down {
+  color: @color-toolbar;
 }
-.fa.fa-caret-down{
- color: @color-base;
+.fa.fa-caret-down {
+  color: @color-background;
 }
-.color-cyan{
- border-left: 5px solid @color-borders !important;
+.color-cyan {
+  border-left: 5px solid @color-primary !important;
 }
-::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
-    color: @color-title-bar !important;
-    opacity: 1; /* Firefox */
+::placeholder {
+  /* Chrome, Firefox, Opera, Safari 10.1+ */
+  color: @color-toolbar !important;
+  opacity: 1;
+  /* Firefox */
+}
+.task-summary-container.color-yellow{
+  background-color: @color-yellow;
+  border-color: @color-yellow;
 }
-
-// .dropdown-menu-link-te333t, .dropdown-menu-link-icon{
-//     color: @color-uppe333 !important;
-// }
-// .table-list-row .table333list-title a{
-//     color: @color-uppe333 !important;
-// }
-// .sidebar > ul li.activ333 a{
-//     color: @color-uppe333 !important;
-// }
-// .sidebar > ul li.activ333 :hover{
-//     color: @color-link !important;
-// }
-// .table-list-row.color-cyan{
-//     border-left: 5px solid @color-link !important;
-// }
-// .page-header h2{
-//     color: @color-link !important;
-// }
-// .page-header h2 a{
-//     color: @color-link !important;
-// }
-// a .fa{
-//     color: @color-upper !important;
-// }
-// a .fa :hover{
-//     color: @color-upper !important;
-// }
-// ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
-//     color: rgb(116, 116, 116) !important;
-//     opacity: 1; /* Firefox */
-// }
-// .title-container span{
-//     color: @color-upper !important;
-// }
 /* END */
-
-h1,li,ul,ol,table,tr,td,th,p,blockquote,body {
- margin:0;
- padding:0;
- font-size:100%
+h1,
+li,
+ul,
+ol,
+table,
+tr,
+td,
+th,
+p,
+blockquote,
+body {
+  margin: 0;
+  padding: 0;
+  font-size: 100%;
 }
 body {
- padding-bottom:10px;
- color:#E5E5E5;
- font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
- text-rendering:optimizeLegibility;
- background-color: @color-base;
+  padding-bottom: 10px;
+  color: @color-secondary-text;
+  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+  text-rendering: optimizeLegibility;
+  background-color: @color-background;
 }
 small {
- font-size:0.8em
+  font-size: 0.8em;
 }
 hr {
- border:0;
- height:0;
- border-top:1px solid rgba(0,0,0,0.1);
- border-bottom:1px solid rgba(255,255,255,0.3)
+  border: 0;
+  height: 0;
+  border-top: 1px solid rgba(0, 0, 0, 0.1);
+  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
 }
 .page {
- margin-left:10px;
- margin-right:10px
+  margin-left: 10px;
+  margin-right: 10px;
 }
 .margin-top {
- margin-top:20px
+  margin-top: 20px;
 }
 .margin-bottom {
- margin-bottom:20px
+  margin-bottom: 20px;
 }
 .pull-right {
- text-align:right
+  text-align: right;
 }
 ul.no-bullet li {
- list-style-type:none;
- margin-left:0
+  list-style-type: none;
+  margin-left: 0;
 }
 #app-loading-icon {
- position:fixed;
- right:3px;
- bottom:3px
+  position: fixed;
+  right: 3px;
+  bottom: 3px;
 }
 .assign-me {
- vertical-align:bottom
+  vertical-align: bottom;
 }
 a {
- color:@color-upper;
- border:none
+  color: @color-primary;
+  border: none;
 }
 a:focus {
- outline:0;
- color:@color-link !important;
- text-decoration:none
+  outline: 0;
+  color: @color-toolbar !important;
+  text-decoration: none;
 }
 a:hover {
- color:@color-link !important;
- text-decoration:none
+  color: @color-toolbar !important;
+  text-decoration: none;
 }
 a .fa {
- padding-right:3px;
- text-decoration:none;
- color: @color-main-text;
+  padding-right: 3px;
+  text-decoration: none;
+  color: @color-primary;
 }
-h1,h2,h3 {
- font-weight:normal;
- color:#333
+h1,
+h2,
+h3 {
+  font-weight: normal;
+  color:@color-third-text;
 }
 h1 {
- font-size:1.5em;
+  font-size: 1.5em;
 }
 h2 {
- font-size:1.4em;
- margin-bottom:10px
+  font-size: 1.4em;
+  margin-bottom: 10px;
 }
 h3 {
- margin-top:10px;
- font-size:1.2em
+  margin-top: 10px;
+  font-size: 1.2em;
 }
 table {
- width:100%;
- border-collapse:collapse;
- border-spacing:0;
- margin-bottom:20px
+  width: 100%;
+  border-collapse: collapse;
+  border-spacing: 0;
+  margin-bottom: 20px;
 }
 table.table-fixed {
- table-layout:fixed;
- white-space:nowrap
+  table-layout: fixed;
+  white-space: nowrap;
 }
 table.table-fixed th {
- overflow:hidden
+  overflow: hidden;
 }
 table.table-fixed td {
- white-space:nowrap;
- overflow:hidden;
- text-overflow:ellipsis
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
 }
 table.table-small {
- font-size:0.8em
+  font-size: 0.8em;
 }
 table.table-striped tr:nth-child(odd) {
- background:#fefefe
+  background: @color-odd;
 }
 @media (max-width: 768px) {
- table.table-scrolling {
-  overflow-x:auto;
-  display:inline-block;
-  vertical-align:top;
-  max-width:100%;
-  white-space:nowrap
- }
+  table.table-scrolling {
+    overflow-x: auto;
+    display: inline-block;
+    vertical-align: top;
+    max-width: 100%;
+    white-space: nowrap;
+  }
 }
 table th {
- text-align:left;
- padding:0.5em 3px;
- border:1px solid @color-borders;
- background:@color-borders;
+  text-align: left;
+  padding: 0.5em 3px;
+  border: 1px solid @color-primary;
+  background: @color-primary;
 }
 table th a {
- text-decoration:none;
- color:#333
+  text-decoration: none;
+  color:@color-third-text;
 }
-table th a:focus,table th a:hover {
- text-decoration:underline
+table th a:focus,
+table th a:hover {
+  text-decoration: underline;
 }
 table td {
- border:1px solid @color-borders;
- padding:0.5em 3px;
- vertical-align:top
+  border: 1px solid @color-primary;
+  padding: 0.5em 3px;
+  vertical-align: top;
 }
 table td li {
- margin-left:20px
+  margin-left: 20px;
 }
 .column-1 {
- width:1%
+  width: 1%;
 }
 .column-2 {
- width:2%
+  width: 2%;
 }
 .column-3 {
- width:3%
+  width: 3%;
 }
 .column-4 {
- width:4%
+  width: 4%;
 }
 .column-5 {
- width:5%
+  width: 5%;
 }
 .column-6 {
- width:6%
+  width: 6%;
 }
 .column-7 {
- width:7%
+  width: 7%;
 }
 .column-8 {
- width:8%
+  width: 8%;
 }
 .column-9 {
- width:9%
+  width: 9%;
 }
 .column-10 {
- width:10%
+  width: 10%;
 }
 .column-11 {
- width:11%
+  width: 11%;
 }
 .column-12 {
- width:12%
+  width: 12%;
 }
 .column-13 {
- width:13%
+  width: 13%;
 }
 .column-14 {
- width:14%
+  width: 14%;
 }
 .column-15 {
- width:15%
+  width: 15%;
 }
 .column-16 {
- width:16%
+  width: 16%;
 }
 .column-17 {
- width:17%
+  width: 17%;
 }
 .column-18 {
- width:18%
+  width: 18%;
 }
 .column-19 {
- width:19%
+  width: 19%;
 }
 .column-20 {
- width:20%
+  width: 20%;
 }
 .column-21 {
- width:21%
+  width: 21%;
 }
 .column-22 {
- width:22%
+  width: 22%;
 }
 .column-23 {
- width:23%
+  width: 23%;
 }
 .column-24 {
- width:24%
+  width: 24%;
 }
 .column-25 {
- width:25%
+  width: 25%;
 }
 .column-26 {
- width:26%
+  width: 26%;
 }
 .column-27 {
- width:27%
+  width: 27%;
 }
 .column-28 {
- width:28%
+  width: 28%;
 }
 .column-29 {
- width:29%
+  width: 29%;
 }
 .column-30 {
- width:30%
+  width: 30%;
 }
 .column-31 {
- width:31%
+  width: 31%;
 }
 .column-32 {
- width:32%
+  width: 32%;
 }
 .column-33 {
- width:33%
+  width: 33%;
 }
 .column-34 {
- width:34%
+  width: 34%;
 }
 .column-35 {
- width:35%
+  width: 35%;
 }
 .column-36 {
- width:36%
+  width: 36%;
 }
 .column-37 {
- width:37%
+  width: 37%;
 }
 .column-38 {
- width:38%
+  width: 38%;
 }
 .column-39 {
- width:39%
+  width: 39%;
 }
 .column-40 {
- width:40%
+  width: 40%;
 }
 .column-41 {
- width:41%
+  width: 41%;
 }
 .column-42 {
- width:42%
+  width: 42%;
 }
 .column-43 {
- width:43%
+  width: 43%;
 }
 .column-44 {
- width:44%
+  width: 44%;
 }
 .column-45 {
- width:45%
+  width: 45%;
 }
 .column-46 {
- width:46%
+  width: 46%;
 }
 .column-47 {
- width:47%
+  width: 47%;
 }
 .column-48 {
- width:48%
+  width: 48%;
 }
 .column-49 {
- width:49%
+  width: 49%;
 }
 .column-50 {
- width:50%
+  width: 50%;
 }
 .column-51 {
- width:51%
+  width: 51%;
 }
 .column-52 {
- width:52%
+  width: 52%;
 }
 .column-53 {
- width:53%
+  width: 53%;
 }
 .column-54 {
- width:54%
+  width: 54%;
 }
 .column-55 {
- width:55%
+  width: 55%;
 }
 .column-56 {
- width:56%
+  width: 56%;
 }
 .column-57 {
- width:57%
+  width: 57%;
 }
 .column-58 {
- width:58%
+  width: 58%;
 }
 .column-59 {
- width:59%
+  width: 59%;
 }
 .column-60 {
- width:60%
+  width: 60%;
 }
 .column-61 {
- width:61%
+  width: 61%;
 }
 .column-62 {
- width:62%
+  width: 62%;
 }
 .column-63 {
- width:63%
+  width: 63%;
 }
 .column-64 {
- width:64%
+  width: 64%;
 }
 .column-65 {
- width:65%
+  width: 65%;
 }
 .column-66 {
- width:66%
+  width: 66%;
 }
 .column-67 {
- width:67%
+  width: 67%;
 }
 .column-68 {
- width:68%
+  width: 68%;
 }
 .column-69 {
- width:69%
+  width: 69%;
 }
 .column-70 {
- width:70%
+  width: 70%;
 }
 .column-71 {
- width:71%
+  width: 71%;
 }
 .column-72 {
- width:72%
+  width: 72%;
 }
 .column-73 {
- width:73%
+  width: 73%;
 }
 .column-74 {
- width:74%
+  width: 74%;
 }
 .column-75 {
- width:75%
+  width: 75%;
 }
 .column-76 {
- width:76%
+  width: 76%;
 }
 .column-77 {
- width:77%
+  width: 77%;
 }
 .column-78 {
- width:78%
+  width: 78%;
 }
 .column-79 {
- width:79%
+  width: 79%;
 }
 .column-80 {
- width:80%
+  width: 80%;
 }
 .column-81 {
- width:81%
+  width: 81%;
 }
 .column-82 {
- width:82%
+  width: 82%;
 }
 .column-83 {
- width:83%
+  width: 83%;
 }
 .column-84 {
- width:84%
+  width: 84%;
 }
 .column-85 {
- width:85%
+  width: 85%;
 }
 .column-86 {
- width:86%
+  width: 86%;
 }
 .column-87 {
- width:87%
+  width: 87%;
 }
 .column-88 {
- width:88%
+  width: 88%;
 }
 .column-89 {
- width:89%
+  width: 89%;
 }
 .column-90 {
- width:90%
+  width: 90%;
 }
 .column-91 {
- width:91%
+  width: 91%;
 }
 .column-92 {
- width:92%
+  width: 92%;
 }
 .column-93 {
- width:93%
+  width: 93%;
 }
 .column-94 {
- width:94%
+  width: 94%;
 }
 .column-95 {
- width:95%
+  width: 95%;
 }
 .column-96 {
- width:96%
+  width: 96%;
 }
 .column-97 {
- width:97%
+  width: 97%;
 }
 .column-98 {
- width:98%
+  width: 98%;
 }
 .column-99 {
- width:99%
+  width: 99%;
 }
 .column-100 {
- width:100%
+  width: 100%;
 }
 .draggable-row-handle {
- cursor:move;
- color:#dedede
+  cursor: move;
+  color: #dedede;
 }
 .draggable-row-handle:hover {
- color:#333
+  color:@color-third-text;
 }
 tr.draggable-item-selected {
- background:#fff;
- border:2px solid #666;
- box-shadow:4px 2px 10px -4px rgba(0,0,0,0.55)
+  background: #fff;
+  border: 2px solid #666;
+  box-shadow: 4px 2px 10px -4px rgba(0, 0, 0, 0.55);
 }
 tr.draggable-item-selected td {
- border-top:none;
- border-bottom:none
+  border-top: none;
+  border-bottom: none;
 }
 tr.draggable-item-selected td:first-child {
- border-left:none
+  border-left: none;
 }
 tr.draggable-item-selected td:last-child {
- border-right:none
+  border-right: none;
 }
-.table-stripped tr.draggable-item-hover,.table-stripped tr.draggable-item-hover {
- background:#FEFFF2
+.table-stripped tr.draggable-item-hover,
+.table-stripped tr.draggable-item-hover {
+  background: #FEFFF2;
 }
 .table-list {
- font-size:0.85em;
- margin-bottom:20px
+  font-size: 0.85em;
+  margin-bottom: 20px;
 }
 .table-list-header {
- background: @color-borders;
- border:solid @color-borders;
- border-top: 1px;
- border-left: 0px;
- border-right: 0px;
- border-bottom: 0px;
- border-radius:5px 5px 0 0;
- line-height:28px;
- padding-left:3px;
- padding-right:3px
+  background: @color-primary;
+  border: solid @color-primary;
+  border-top: 1px;
+  border-left: 0px;
+  border-right: 0px;
+  border-bottom: 0px;
+  border-radius: 5px 5px 0 0;
+  line-height: 28px;
+  padding-left: 3px;
+  padding-right: 3px;
 }
 .table-list-header a {
- color:#333;
- font-weight:500;
- text-decoration:none;
- margin-right:10px
+  color:@color-third-text;
+  font-weight: 500;
+  text-decoration: none;
+  margin-right: 10px;
 }
-.table-list-header a:hover,.table-list-header a:focus {
- color: @color-base;
+.table-list-header a:hover,
+.table-list-header a:focus {
+  color: @color-background;
 }
 .table-list-header .table-list-header-count {
- margin-left: 10px;
- color: @color-base;
- display:inline-block;
- float:left
+  margin-left: 10px;
+  color: @color-background;
+  display: inline-block;
+  float: left;
 }
 .table-list-header .table-list-header-menu {
- text-align:right;
+  text-align: right;
 }
 .table-list-row {
- padding-left:3px;
- padding-right:3px;
- border-bottom:1px solid @color-borders;
- border-right:1px solid @color-borders;
+  padding-left: 3px;
+  padding-right: 3px;
+  border-bottom: 1px solid @color-primary;
+  border-right: 1px solid @color-primary;
 }
 .table-list-row.table-border-left {
- border-left:1px solid @color-borders;
+  border-left: 1px solid @color-primary;
 }
 .table-list-row:nth-child(odd) {
- background:#3F3F3F;
+  background: @color-odd;
 }
 .table-list-row:last-child {
- border-radius:0 0 5px 5px
+  border-radius: 0 0 5px 5px;
 }
 .table-list-row:hover {
- background:@color-rows-hover;
- border-bottom:1px solid #6EBEBE;
- border-right:1px solid #6EBEBE;
+  background: @color-toolbar;
+  border-bottom: 1px solid @color-primary;
+  border-right: 1px solid @color-primary;
 }
 .table-list-row .table-list-title {
- font-weight:500;
- line-height:23px
+  font-weight: 500;
+  line-height: 23px;
 }
 .table-list-row .table-list-title.status-closed {
- text-decoration:line-through;
- margin-right:10px
+  text-decoration: line-through;
+  margin-right: 10px;
 }
 .table-list-row .table-list-title.status-closed a {
- font-style:italic
+  font-style: italic;
 }
 .table-list-row .table-list-title a {
- color:@color-main-text;
- text-decoration:none
+  color: @color-primary;
+  text-decoration-color: @color-primary;
+  text-decoration: none;
 }
-.table-list-row .table-list-title a:hover,.table-list-row .table-list-title a:focus {
- text-decoration:underline
+.table-list-row .table-list-title a:hover,
+.table-list-row .table-list-title a:focus {
+  text-decoration: underline;
 }
 .table-list-row .table-list-details {
- color:@color-sub-text;
- font-weight:300;
- line-height:20px
+  color: @color-light-text;
+  font-weight: 300;
+  line-height: 20px;
 }
 .table-list-row .table-list-details span {
- margin-left:5px
+  margin-left: 5px;
 }
 .table-list-row .table-list-details span:first-child {
- margin-left:0
+  margin-left: 0;
 }
 .table-list-row .table-list-details li {
- display:inline;
- list-style-type:none
+  display: inline;
+  list-style-type: none;
 }
 .table-list-row .table-list-details li:after {
- content:', '
+  content: ', ';
 }
 .table-list-row .table-list-details li:last-child:after {
- content:''
+  content: '';
 }
 .table-list-row .table-list-details strong {
- font-weight:400;
- color: @color-sub-text;
+  font-weight: 400;
+  color: @color-light-text;
 }
 .table-list-row .table-list-details-with-icons {
- float:left
+  float: left;
 }
 @media (max-width: 768px) {
- .table-list-row .table-list-details-with-icons {
-  float:none
- }
+  .table-list-row .table-list-details-with-icons {
+    float: none;
+  }
 }
 .table-list-row .table-list-icons {
- font-size:0.8em;
- text-align:right;
- line-height:30px
+  font-size: 0.8em;
+  text-align: right;
+  line-height: 30px;
 }
 @media (max-width: 768px) {
- .table-list-row .table-list-icons {
-  text-align:left;
-  line-height:20px
- }
+  .table-list-row .table-list-icons {
+    text-align: left;
+    line-height: 20px;
+  }
 }
 .table-list-row .table-list-icons span {
- margin-left:5px
+  margin-left: 5px;
 }
 .table-list-row .table-list-icons a {
- text-decoration:none
+  text-decoration: none;
 }
 .table-list-row .table-list-icons a:hover {
- color:#333
+  color:@color-third-text;
 }
 .table-list-row .table-list-icons a:hover i {
- color:#333
+  color:@color-third-text;
 }
 .table-list-category {
- font-size:0.9em;
- font-weight:500;
- color:#000;
- padding:1px 2px 1px 2px;
- border-radius:3px;
- background:#fcfcfc;
- border:1px solid #ccc
+  font-size: 0.9em;
+  font-weight: 500;
+  color: @color-primary;
+  padding: 1px 2px 1px 2px;
+  border-radius: 3px;
+  background: #fcfcfc;
+  border: 1px solid @color-primary;
 }
 .table-list-category a {
- text-decoration:none;
- color:#000
+  text-decoration: none;
+  color: @color-secondary-text;
+  text-decoration-color: @color-secondary-text;
 }
 .table-list-category a:hover {
- color:@color-link
+  color: @color-toolbar;
 }
 fieldset {
- border:1px solid #ddd;
- margin-top:10px
+  border: 1px solid @color-primary;
+  margin-top: 10px;
 }
 legend {
- font-weight:500;
- font-size:1.2em
+  font-weight: 500;
+  font-size: 1.2em;
 }
 label {
- cursor:pointer;
- display:block;
- margin-top:10px;
- font-weight:400
-}
-input[type="number"],input[type="date"],input[type="email"],input[type="password"],input[type="text"]:not(.input-addon-field) {
- color:#999;
- border:1px solid #ccc;
- width:300px;
- max-width:95%;
- font-size:1em;
- height:25px;
- padding-bottom:0;
- padding-left:4px;
- font-family:sans-serif;
- -webkit-appearance:none;
- -moz-appearance:none
-}
-input[type="number"]::-webkit-input-placeholder,input[type="date"]::-webkit-input-placeholder,input[type="email"]::-webkit-input-placeholder,input[type="password"]::-webkit-input-placeholder,input[type="text"]:not(.input-addon-field)::-webkit-input-placeholder {
- color:#dedede
-}
-input[type="number"]::-moz-placeholder,input[type="date"]::-moz-placeholder,input[type="email"]::-moz-placeholder,input[type="password"]::-moz-placeholder,input[type="text"]:not(.input-addon-field)::-moz-placeholder {
- color:#dedede
-}
-input[type="number"]:-ms-input-placeholder,input[type="date"]:-ms-input-placeholder,input[type="email"]:-ms-input-placeholder,input[type="password"]:-ms-input-placeholder,input[type="text"]:not(.input-addon-field):-ms-input-placeholder {
- color:#dedede
-}
-input[type="number"]:focus,input[type="date"]:focus,input[type="email"]:focus,input[type="password"]:focus,input[type="text"]:focus {
- color:#000;
- border-color:rgba(82,168,236,0.8);
- outline:0;
- box-shadow:0 0 8px rgba(82,168,236,0.6)
+  cursor: pointer;
+  display: block;
+  margin-top: 10px;
+  font-weight: 400;
+  color: @color-primary;
+}
+input[type="number"],
+input[type="date"],
+input[type="email"],
+input[type="password"],
+input[type="text"]:not(.input-addon-field) {
+  color: @color-primary;
+  border: 1px solid @color-primary;
+  width: 300px;
+  max-width: 95%;
+  font-size: 1em;
+  height: 25px;
+  padding-bottom: 0;
+  padding-left: 4px;
+  font-family: sans-serif;
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  background-color: @color-background;
+}
+input[type="number"]::-webkit-input-placeholder,
+input[type="date"]::-webkit-input-placeholder,
+input[type="email"]::-webkit-input-placeholder,
+input[type="password"]::-webkit-input-placeholder,
+input[type="text"]:not(.input-addon-field)::-webkit-input-placeholder {
+  color: @color-primary;
+}
+input[type="number"]::-moz-placeholder,
+input[type="date"]::-moz-placeholder,
+input[type="email"]::-moz-placeholder,
+input[type="password"]::-moz-placeholder,
+input[type="text"]:not(.input-addon-field)::-moz-placeholder {
+  color: @color-primary;
+}
+input[type="number"]:-ms-input-placeholder,
+input[type="date"]:-ms-input-placeholder,
+input[type="email"]:-ms-input-placeholder,
+input[type="password"]:-ms-input-placeholder,
+input[type="text"]:not(.input-addon-field):-ms-input-placeholder {
+  color: @color-primary;
+}
+input[type="number"]:focus,
+input[type="date"]:focus,
+input[type="email"]:focus,
+input[type="password"]:focus,
+input[type="text"]:focus {
+  color: @color-primary;
+  border-color: @color-primary;
+  outline: 0;
+  box-shadow: 0 0 8px @color-primary;
 }
 input[type="number"] {
- width:70px
+  width: 70px;
 }
 input[type="text"]:not(.input-addon-field).form-numeric {
- width:70px
+  width: 70px;
+  background-color: @color-secondary-text;
 }
-input[type="text"]:not(.input-addon-field).form-datetime,input[type="text"]:not(.input-addon-field).form-date {
- width:150px
+input[type="text"]:not(.input-addon-field).form-datetime,
+input[type="text"]:not(.input-addon-field).form-date {
+  width: 150px;
+  background-color: @color-secondary-text;
 }
 input[type="text"]:not(.input-addon-field).form-input-large {
- width:400px
+  width: 400px;
+  background-color: @color-secondary-text;
 }
 input[type="text"]:not(.input-addon-field).form-input-small {
- width:150px
+  width: 150px;
+  background-color: @color-secondary-text;
 }
 textarea:focus {
- color:#000;
- border-color:rgba(82,168,236,0.8);
- outline:0;
- box-shadow:0 0 8px rgba(82,168,236,0.6)
+  color: @color-primary;
+  border-color: @color-primary;
+  outline: 0;
+  box-shadow: 0 0 8px @color-primary;
 }
 textarea {
- padding:4px;
- border:1px solid #ccc;
- width:400px;
- max-width:99%;
- height:200px;
- font-family:sans-serif;
- font-size:1em
+  padding: 4px;
+  border: 1px solid @color-primary;
+  width: 400px;
+  max-width: 99%;
+  height: 200px;
+  font-family: sans-serif;
+  font-size: 1em;
 }
 textarea::-webkit-input-placeholder {
- color:#dedede
+  color: @color-secondary-text;
 }
 textarea::-moz-placeholder {
- color:#dedede
+  color: @color-secondary-text;
 }
 textarea:-ms-input-placeholder {
- color:#dedede
+  color: @color-secondary-text;
 }
 select {
- font-size:1.0em;
- max-width:95%
+  font-size: 1em;
+  max-width: 95%;
 }
 select:focus {
- outline:0
+  outline: 0;
 }
 select[multiple] {
- width:300px
+  width: 300px;
 }
 .tag-autocomplete {
- width:400px
+  width: 400px;
 }
 span.select2-container {
- margin-top:2px
+  margin-top: 2px;
 }
 .form-actions {
- padding-top:20px;
- clear:both
+  padding-top: 20px;
+  clear: both;
 }
 .form-required {
- color:red;
- padding-left:5px;
- font-weight:bold
+  color: red;
+  padding-left: 5px;
+  font-weight: bold;
 }
 @media (max-width: 480px) {
- .form-required {
-  display:none
- }
+  .form-required {
+    display: none;
+  }
 }
 input[type="text"].form-max-width {
- width:100%
+  width: 100%;
 }
-input.form-error,textarea.form-error {
- border:2px solid #b94a48
+input.form-error,
+textarea.form-error {
+  border: 2px solid #b94a48;
 }
-input.form-error:focus,textarea.form-error:focus {
- box-shadow:none;
- border:2px solid #b94a48
+input.form-error:focus,
+textarea.form-error:focus {
+  box-shadow: none;
+  border: 2px solid #b94a48;
 }
 .form-errors {
- color:#b94a48;
- list-style-type:none
+  color: #b94a48;
+  list-style-type: none;
 }
 ul.form-errors li {
- margin-left:0
+  margin-left: 0;
 }
 .form-help {
- font-size:0.8em;
- color:brown;
- margin-bottom:15px
+  font-size: 0.8em;
+  color: brown;
+  margin-bottom: 15px;
 }
 .form-inline {
- padding:0;
- margin:0;
- border:none
+  padding: 0;
+  margin: 0;
+  border: none;
 }
 .form-inline label {
- display:inline;
- padding-right:3px
+  display: inline;
+  padding-right: 3px;
 }
-.form-inline input,.form-inline select {
- margin:0 15px 0 0
+.form-inline input,
+.form-inline select {
+  margin: 0 15px 0 0;
 }
 .form-inline .form-required {
- display:none
+  display: none;
 }
 .form-inline .form-actions {
- display:inline-block
+  display: inline-block;
 }
 .form-inline .js-submit-buttons-rendered {
- display:inline-block
+  display: inline-block;
 }
 .form-inline-group {
- display:inline
+  display: inline;
 }
 .form-columns {
- display:-webkit-flex;
- display:flex;
- -webkit-flex-direction:row;
- flex-direction:row;
- -webkit-flex-wrap:wrap;
- flex-wrap:wrap;
- -webkit-justify-content:flex-start;
- justify-content:flex-start
+  display: -webkit-flex;
+  display: flex;
+  -webkit-flex-direction: row;
+  flex-direction: row;
+  -webkit-flex-wrap: wrap;
+  flex-wrap: wrap;
+  -webkit-justify-content: flex-start;
+  justify-content: flex-start;
 }
 .form-columns .form-column {
- margin-right:25px;
- flex-grow:1
+  margin-right: 25px;
+  flex-grow: 1;
 }
 .form-columns fieldset {
- margin-top:0
+  margin-top: 0;
 }
 .form-login {
- max-width:350px;
- margin:5% auto 0
+  max-width: 350px;
+  margin: 5% auto 0;
 }
 @media (max-width: 480px) {
- .form-login {
-  margin-left:5px
- }
+  .form-login {
+    margin-left: 5px;
+  }
 }
 .form-login li {
- margin-left:25px;
- line-height:25px
+  margin-left: 25px;
+  line-height: 25px;
 }
 .form-login h2 {
- margin-bottom:30px;
- font-weight:bold
+  margin-bottom: 30px;
+  font-weight: bold;
 }
 .reset-password {
- margin-top:20px;
- margin-bottom:20px
+  margin-top: 20px;
+  margin-bottom: 20px;
 }
 .reset-password a {
- color:#999
+  color: @color-light-text;
 }
 .input-addon {
- display:flex
+  display: flex;
 }
 .input-addon-field {
- flex:1;
- font-size:1em;
- color: @input-field-fill;
- margin:0;
- -webkit-appearance:none;
- -moz-appearance:none;
- background-color: @color-input-box;
+  flex: 1;
+  font-size: 1em;
+  color: #3F3F3F;
+  margin: 0;
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  background-color: @color-secondary-text;
 }
 .input-addon-field:first-child {
- border-radius:5px 0 0 5px
+  border-radius: 5px 0 0 5px;
 }
 .input-addon-field:last-child {
- border-radius:0 5px 5px 0
+  border-radius: 0 5px 5px 0;
 }
 .input-addon-item {
- background-color: @input-field-fill;
- color:#666;
- font:inherit;
- font-weight:normal
+  background-color: #3F3F3F;
+  color: #666;
+  font: inherit;
+  font-weight: normal;
 }
 .input-addon-item:first-child {
- border-radius:5px 0 0 5px
+  border-radius: 5px 0 0 5px;
 }
 .input-addon-item:last-child {
- border-radius:0 5px 5px 0
+  border-radius: 0 5px 5px 0;
 }
 @media (max-width: 480px) {
- .input-addon-item .dropdown .fa-caret-down {
-  display:none
- }
+  .input-addon-item .dropdown .fa-caret-down {
+    display: none;
+  }
 }
-.input-addon-field,.input-addon-item {
- border-bottom:1px solid;
- padding:4px 0.75em;
- background-color: @input-field-fill;
+.input-addon-field,
+.input-addon-item {
+  border-bottom: 1px solid;
+  padding: 4px 0.75em;
+  background-color: #3F3F3F;
 }
-.input-addon-field:not(:first-child),.input-addon-item:not(:first-child) {
- border-left:0
+.input-addon-field:not(:first-child),
+.input-addon-item:not(:first-child) {
+  border-left: 0;
 }
 .icon-success {
- color:#468847
+  color: #468847;
 }
 .icon-error {
- color:#b94a48
+  color: #b94a48;
 }
 .icon-fade-out {
- opacity:1;
- animation:icon-fadeout 5s linear forwards
+  opacity: 1;
+  animation: icon-fadeout 5s linear forwards;
 }
 @keyframes icon-fadeout {
- 0% {
-  opacity:1
- }
- 100% {
-  opacity:0
- }
+  0% {
+    opacity: 1;
+  }
+  100% {
+    opacity: 0;
+  }
 }
 .alert {
- padding:8px 35px 8px 14px;
- margin-top:5px;
- margin-bottom:5px;
- color:#c09853;
- background-color:#3F3F3F;
- border:1px solid @color-base;
- border-radius:4px
+  padding: 8px 35px 8px 14px;
+  margin-top: 5px;
+  margin-bottom: 5px;
+  color: #c09853;
+  background-color: #3F3F3F;
+  border: 1px solid @color-background;
+  border-radius: 4px;
 }
 .alert-success {
- color:#468847;
- background-color:#dff0d8;
- border-color:#d6e9c6
+  color: #468847;
+  background-color: #dff0d8;
+  border-color: #d6e9c6;
 }
 .alert-error {
- color:#b94a48;
- background-color:#f2dede;
- border-color:#eed3d7
+  color: #b94a48;
+  background-color: #f2dede;
+  border-color: #eed3d7;
 }
 .alert-info {
- color:#3a87ad;
- background-color:#d9edf7;
- border-color:#bce8f1
+  color: #3a87ad;
+  background-color: #d9edf7;
+  border-color: #bce8f1;
 }
 .alert-normal {
- color:#333;
- background-color:#f0f0f0;
- border-color:#ddd
+  color:@color-third-text;
+  background-color: #f0f0f0;
+  border-color: #ddd;
 }
 .alert ul {
- margin-top:10px;
- margin-bottom:10px
+  margin-top: 10px;
+  margin-bottom: 10px;
 }
 .alert li {
- margin-left:25px
+  margin-left: 25px;
 }
 .alert-fade-out {
- text-align:center;
- position:fixed;
- bottom:0;
- left:20%;
- width:60%;
- padding-top:5px;
- padding-bottom:5px;
- margin-bottom:0;
- border-width:1px 0 0;
- border-radius:4px 4px 0 0;
- z-index:9999;
- opacity:1;
- animation:fadeout 5s linear forwards
+  text-align: center;
+  position: fixed;
+  bottom: 0;
+  left: 20%;
+  width: 60%;
+  padding-top: 5px;
+  padding-bottom: 5px;
+  margin-bottom: 0;
+  border-width: 1px 0 0;
+  border-radius: 4px 4px 0 0;
+  z-index: 9999;
+  opacity: 1;
+  animation: fadeout 5s linear forwards;
 }
 @keyframes fadeout {
- 0% {
-  opacity:1
- }
- 100% {
-  opacity:0
- }
+  0% {
+    opacity: 1;
+  }
+  100% {
+    opacity: 0;
+  }
 }
 a.btn {
- text-decoration:none
+  text-decoration: none;
 }
 .btn {
- -webkit-appearance:none;
- -moz-appearance:none;
- font-size:1.2em;
- font-weight:normal;
- cursor:pointer;
- display:inline-block;
- border-radius:2px;
- padding:3px 10px;
- margin:0;
- border:1px solid #ddd;
- background:#f5f5f5;
- color:#333
-}
-.btn:hover,.btn:focus {
- border-color:#bbb;
- background:#fafafa;
- color:#000
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  font-size: 1.2em;
+  font-weight: normal;
+  cursor: pointer;
+  display: inline-block;
+  border-radius: 2px;
+  padding: 3px 10px;
+  margin: 0;
+  border: 1px solid @color-primary;
+  background: @color-primary;
+  color: @color-primary;
+}
+.btn:hover,
+.btn:focus {
+  border-color: @color-primary;
+  background: @color-primary;
+  color: @color-primary;
 }
 .btn-red {
- border-color:#b0281a;
- background:#d14836;
- color:#fff
+  border-color: #b0281a;
+  background: #d14836;
+  color: #fff;
 }
-.btn-red:hover,.btn-red:focus {
- border-color:#b0281a;
- background:#c53727;
- color:#fff
+.btn-red:hover,
+.btn-red:focus {
+  border-color: #b0281a;
+  background: #c53727;
+  color: #fff;
 }
 .btn-blue {
- border-color:#3079ed;
- background:#4d90fe;
- color:#fff
+  border-color: #3079ed;
+  background: #4d90fe;
+  color: #fff;
 }
-.btn-blue:hover,.btn-blue:focus {
- border-color:#3079ed;
- background:#357ae8;
- color:#fff
+.btn-blue:hover,
+.btn-blue:focus {
+  border-color: #3079ed;
+  background: #357ae8;
+  color: #fff;
 }
 .btn:disabled {
- color:#ccc;
- border-color:#ccc;
- background:#f7f7f7
+  color: #ccc;
+  border-color: #ccc;
+  background: #f7f7f7;
 }
 .buttons-header {
- font-size:0.8em;
- margin-top:5px;
- margin-bottom:15px
+  font-size: 0.8em;
+  margin-top: 5px;
+  margin-bottom: 15px;
 }
 .tooltip i.fa {
- cursor:pointer
+  cursor: pointer;
 }
 .tooltip .fa-info-circle {
- color:#999
+  color: @color-light-text;
 }
 #tooltip-container {
- padding:5px;
- background:@color-base-odd;
- border:1px solid #ddd;
- border-radius:4px;
- box-shadow:0 6px 12px #aaa;
- position:absolute;
- min-width:350px
+  padding: 5px;
+  background: #3F3F3F;
+  border: 1px solid #ddd;
+  border-radius: 4px;
+  box-shadow: 0 6px 12px #aaa;
+  position: absolute;
+  min-width: 350px;
 }
 #tooltip-container .markdown p {
- margin-bottom:0
+  margin-bottom: 0;
 }
 #tooltip-container .tooltip-large {
- width:600px
+  width: 600px;
 }
 h2 .dropdown ul {
- display:none
+  display: none;
 }
 .dropdown {
- display:inline;
- position:relative
+  display: inline;
+  position: relative;
 }
 .dropdown ul {
- display:none
+  display: none;
 }
 .dropdown-smaller {
- font-size:0.85em
+  font-size: 0.85em;
 }
 ul.dropdown-submenu-open {
- display:block;
- position:absolute;
- z-index:1000;
- min-width:285px;
- list-style:none;
- margin:3px 0 0 1px;
- padding:6px 0;
- background-color: @color-base-odd;
- border:1px solid #b2b2b2;
- border-radius:3px;
- box-shadow:0 1px 3px rgba(0,0,0,0.15)
+  display: block;
+  position: absolute;
+  z-index: 1000;
+  min-width: 285px;
+  list-style: none;
+  margin: 3px 0 0 1px;
+  padding: 6px 0;
+  background-color: #3F3F3F;
+  border: 1px solid #b2b2b2;
+  border-radius: 3px;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
 }
 .dropdown-submenu-open li {
- display:block;
- margin:0;
- padding:8px 10px;
- font-size:0.9em;
- border-bottom:1px solid #f8f8f8;
- cursor:pointer
+  display: block;
+  margin: 0;
+  padding: 8px 10px;
+  font-size: 0.9em;
+  border-bottom: 1px solid #f8f8f8;
+  cursor: pointer;
 }
 .dropdown-submenu-open li.no-hover {
- cursor:default
+  cursor: default;
 }
 .dropdown-submenu-open li:last-child {
- border:none
+  border: none;
 }
 .dropdown-submenu-open li:not(.no-hover):hover {
- background:@color-rows-hover;
- color:@color-link;
+  background: @color-primary;
+  color: @color-toolbar;
 }
 .dropdown-submenu-open li:hover a {
- color:@color-link;
+  color: @color-toolbar;
 }
 .dropdown-submenu-open a {
- text-decoration:none;
- color:@color-main-text;
+  text-decoration: none;
+  color: @color-primary;
 }
 .dropdown-submenu-open a:focus {
- text-decoration:underline
+  text-decoration: underline;
 }
-.dropdown-menu-link-text,.dropdown-menu-link-icon {
- color:@color-link;
- text-decoration:none
+.dropdown-menu-link-text,
+.dropdown-menu-link-icon {
+  color: @color-toolbar;
+  text-decoration: none;
 }
 .dropdown-menu-link-text:hover {
- text-decoration:underline
+  text-decoration: underline;
 }
 td a.dropdown-menu strong {
- color:#333
+  color:@color-third-text;
 }
 td a.dropdown-menu strong i {
- color:#333
+  color:@color-third-text;
 }
 td a.dropdown-menu i {
- columns: #767676;
+  columns: #767676;
 }
 td a.dropdown-menu:hover strong {
- color:#555
+  color: #555;
 }
 td a.dropdown-menu:hover strong i {
- color:#555
+  color: #555;
 }
 td a.dropdown-menu:hover i {
- color:#333
+  color:@color-third-text;
 }
 .accordion-title {
- background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAADCAYAAABS3WWCAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NEQ5RDgxQzc2RjQ5MTFFMjhEMUNENzFGRUMwRjhBRTciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NEQ5RDgxQzg2RjQ5MTFFMjhEMUNENzFGRUMwRjhBRTciPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0RDlEODFDNTZGNDkxMUUyOEQxQ0Q3MUZFQzBGOEFFNyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0RDlEODFDNjZGNDkxMUUyOEQxQ0Q3MUZFQzBGOEFFNyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PvXFWFAAAAAYSURBVHjaYvj//z8D0/Pnz/8zgFgAAQYAS5UJscReGMIAAAAASUVORK5CYII=) repeat-x scroll 0 10px
+  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAADCAYAAABS3WWCAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NEQ5RDgxQzc2RjQ5MTFFMjhEMUNENzFGRUMwRjhBRTciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NEQ5RDgxQzg2RjQ5MTFFMjhEMUNENzFGRUMwRjhBRTciPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0RDlEODFDNTZGNDkxMUUyOEQxQ0Q3MUZFQzBGOEFFNyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0RDlEODFDNjZGNDkxMUUyOEQxQ0Q3MUZFQzBGOEFFNyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PvXFWFAAAAAYSURBVHjaYvj//z8D0/Pnz/8zgFgAAQYAS5UJscReGMIAAAAASUVORK5CYII=) repeat-x scroll 0 10px;
 }
 .accordion-title h3 {
- display:inline;
- padding-right:5px;
- background:@color-borders;
+  display: inline;
+  padding-right: 5px;
+  background: @color-primary;
+  border-radius: 2px;
+  padding-left: 5px;
+  padding-right: 5px;
 }
 .accordion-content {
- margin-top:15px;
- margin-bottom:25px
+  margin-top: 15px;
+  margin-bottom: 25px;
 }
 .accordion-toggle {
- color:#333;
- text-decoration:none
+  color:@color-third-text;
+  text-decoration: none;
 }
 .accordion-toggle:focus {
- color:#333
+  color:@color-third-text;
 }
 .accordion-toggle:hover {
- color:#999
+  color: @color-light-text;
 }
 .accordion-toggle:before {
- content:"\f0d7"
+  content: "\f0d7";
 }
 .accordion-collapsed {
- margin-bottom:25px
+  margin-bottom: 25px;
 }
 .accordion-collapsed .accordion-toggle:before {
- content:"\f0da"
+  content: "\f0da";
 }
 .accordion-collapsed .accordion-content {
- display:none
+  display: none;
 }
 #select-dropdown-menu {
- position:absolute;
- display:block;
- z-index:1000;
- min-width:160px;
- padding:5px 0;
- background:@color-base-odd;
- list-style:none;
- border:1px solid @color-link;
- border-radius:3px;
- box-shadow:0 6px 12px rgba(0,0,0,0.175);
- overflow:auto;
+  position: absolute;
+  display: block;
+  z-index: 1000;
+  min-width: 160px;
+  padding: 5px 0;
+  background: #3F3F3F;
+  list-style: none;
+  border: 1px solid @color-toolbar;
+  border-radius: 3px;
+  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
+  overflow: auto;
 }
 .select-dropdown-menu-item {
- white-space:nowrap;
- overflow:hidden;
- padding:3px 10px;
- color:@color-main-text;
- cursor:pointer;
- border-bottom:1px solid @color-link;
- line-height:1.5em;
- font-weight:400
+  white-space: nowrap;
+  overflow: hidden;
+  padding: 3px 10px;
+  color: @color-primary;
+  cursor: pointer;
+  border-bottom: 1px solid @color-toolbar;
+  line-height: 1.5em;
+  font-weight: 400;
 }
 .select-dropdown-menu-item.active {
- color:@color-link;
- background:@color-rows-hover;
+  color: @color-toolbar;
+  background: @color-primary;
 }
 .select-dropdown-menu-item:last-child {
- border:none
+  border: none;
 }
 .select-dropdown-input-container {
- position:relative;
- border-bottom:1px solid @color-borders;
- border-right: 0px;
- border-left: 0px;
- border-top: 0px;
- border-radius:5px;
- background-color:@color-logo;
- color: @color-title-bar;
+  position: relative;
+  border-bottom: 1px solid @color-primary;
+  border-right: 0px;
+  border-left: 0px;
+  border-top: 0px;
+  border-radius: 5px;
+  background-color: @color-primary;
+  color: @color-toolbar;
 }
 .select-dropdown-input-container input.select-dropdown-input {
- margin:0 0 0 5px;
- border:none;
- height:23px;
- background-color: @color-logo;
+  margin: 0 0 0 5px;
+  border: none;
+  height: 23px;
+  background-color: @color-primary;
 }
 .select-dropdown-input-container input.select-dropdown-input:focus {
- border:none;
- box-shadow:none
+  border: none;
+  box-shadow: none;
 }
 .select-dropdown-input-container .select-dropdown-chevron {
- color:@color-link;
- position:absolute;
- top:4px;
- right:5px;
- cursor:pointer
+  color: @color-toolbar;
+  position: absolute;
+  top: 4px;
+  right: 5px;
+  cursor: pointer;
 }
 .select-dropdown-input-container .select-loading-icon {
- color:#555;
- position:absolute;
- top:4px;
- right:5px
+  color: #555;
+  position: absolute;
+  top: 4px;
+  right: 5px;
 }
 #suggest-menu {
- position:absolute;
- display:block;
- z-index:1000;
- min-width:160px;
- padding:5px 0;
- background:#fff;
- list-style:none;
- border:1px solid #ccc;
- border-radius:3px;
- box-shadow:0 6px 12px rgba(0,0,0,0.175)
+  position: absolute;
+  display: block;
+  z-index: 1000;
+  min-width: 160px;
+  padding: 5px 0;
+  background: #fff;
+  list-style: none;
+  border: 1px solid #ccc;
+  border-radius: 3px;
+  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
 }
 .suggest-menu-item {
- white-space:nowrap;
- padding:3px 10px;
- color:#333;
- font-weight:bold;
- cursor:pointer
+  white-space: nowrap;
+  padding: 3px 10px;
+  color:@color-third-text;
+  font-weight: bold;
+  cursor: pointer;
 }
 .suggest-menu-item.active {
- color:#fff;
- background:#428bca
+  color: #fff;
+  background: #428bca;
 }
 .suggest-menu-item.active small {
- color:#fff
+  color: #fff;
 }
 .suggest-menu-item small {
- color:#999;
- font-weight:normal
+  color: @color-light-text;
+  font-weight: normal;
 }
 #modal-overlay {
- position:fixed;
- top:0;
- left:0;
- width:100%;
- height:100%;
- background:rgba(0,0,0,0.9);
- overflow:auto;
- z-index:100
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background: rgba(0, 0, 0, 0.9);
+  overflow: auto;
+  z-index: 100;
 }
 #modal-box {
- position:fixed;
- max-height:calc(100% - 30px);
- top:2%;
- left:50%;
- transform:translateX(-50%);
- background:#fff;
- overflow:auto;
- border-radius:5px
+  position: fixed;
+  max-height: calc(100% - 30px);
+  top: 2%;
+  left: 50%;
+  transform: translateX(-50%);
+  background: #3F3F3F;
+  overflow: auto;
+  border-radius: 5px;
 }
 #modal-content {
- padding:0 5px 5px
+  padding: 0 5px 5px;
 }
 #modal-header {
- text-align:right;
- padding-right:5px
+  text-align: right;
+  padding-right: 5px;
 }
 #modal-close-button {
- color:#333
+  color:@color-third-text;
 }
 #modal-close-button:hover {
- color:#b94a48
+  color: #b94a48;
 }
 .pagination {
- text-align:center;
- font-size:0.9em
+  text-align: center;
+  font-size: 0.9em;
 }
 .pagination-showing {
- margin-right:5px;
- padding-right:5px;
- border-right:1px solid #999
+  margin-right: 5px;
+  padding-right: 5px;
+  border-right: 1px solid @color-light-text;
 }
 .pagination-next {
- margin-left:5px
+  margin-left: 5px;
 }
 .pagination-previous {
- margin-right:5px
+  margin-right: 5px;
 }
 header {
- display:flex;
- flex-wrap:wrap;
- /*border-bottom:1px solid @color-logo;*/
- /*border-right:1px solid @color-logo;*/
- border-bottom: 0px solid;
- background-color: @color-title-bar;
- margin: 10px;
- border-radius: 5px;
- padding: 15px;
+  display: flex;
+  flex-wrap: wrap;
+  /*border-bottom:1px solid @color-logo;*/
+  /*border-right:1px solid @color-logo;*/
+  border-bottom: 0px solid;
+  background-color: @color-toolbar;
+  margin: 10px;
+  border-radius: 5px;
+  padding: 15px;
 }
 header .title-container {
- flex:1;
- min-width:300px
+  flex: 1;
+  min-width: 300px;
 }
 @media (max-width: 480px) {
- header .title-container {
-  order:3
- }
+  header .title-container {
+    order: 3;
+  }
 }
 header .board-selector-container {
- min-width:320px;
- display:flex;
- align-items:center
+  min-width: 320px;
+  display: flex;
+  align-items: center;
 }
 @media (max-width: 480px) {
- header .board-selector-container {
-  order:2;
-  min-width:300px
- }
- header .board-selector-container input[type=text] {
-  max-width:280px
- }
+  header .board-selector-container {
+    order: 2;
+    min-width: 300px;
+  }
+  header .board-selector-container input[type=text] {
+    max-width: 280px;
+  }
 }
 header .menus-container {
- min-width:120px;
- display:flex;
- align-items:center;
- justify-content:flex-end
+  min-width: 120px;
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
 }
 @media (max-width: 480px) {
- header .menus-container {
-  order:1;
-  margin-bottom:5px;
-  margin-left:auto
- }
+  header .menus-container {
+    order: 1;
+    margin-bottom: 5px;
+    margin-left: auto;
+  }
 }
 header h1 {
- font-size:1.5em;
- color: @color-logo;
+  font-size: 1.5em;
+  color: @color-primary;
 }
 header h1 .tooltip {
- opacity:0.3;
- font-size:0.7em
+  opacity: 0.3;
+  font-size: 0.7em;
 }
 a i.web-notification-icon {
- color:@color-link
+  color: @color-toolbar;
 }
-a i.web-notification-icon:focus,a i.web-notification-icon:hover {
- color:#000
+a i.web-notification-icon:focus,
+a i.web-notification-icon:hover {
+  color: @color-secondary-text;
+  text-decoration-color: @color-secondary-text;
 }
 .logo a {
- opacity:0.5;
- color:#d40000;
- text-decoration:none
+  opacity: 0.5;
+  color: #d40000;
+  text-decoration: none;
 }
 .logo span {
- color:#333
+  color:@color-third-text;
 }
 .logo a:hover {
- opacity:0.8;
- color:#333
+  opacity: 0.8;
+  color:@color-third-text;
 }
-.logo a:focus span,.logo a:hover span {
- color:#d40000
+.logo a:focus span,
+.logo a:hover span {
+  color: #d40000;
 }
 .page-header {
- margin-bottom:20px;
+  margin-bottom: 20px;
 }
-.page-header ul li a{ /*EXTRA CLASS*/
- color:@color-main-text;
+.page-header ul li a {
+  /*EXTRA CLASS*/
+  color: @color-primary;
 }
 .page-header .dropdown {
- padding-right:10px
+  padding-right: 10px;
 }
 .page-header h2 {
- margin:0;
- padding:0;
- font-weight:bold;
- border-bottom:1px dotted #ccc;
- color:@color-logo;
+  margin: 0;
+  padding: 0;
+  font-weight: bold;
+  border-bottom: 1px dotted #ccc;
+  color: @color-primary;
 }
 .page-header h2 a {
- color:@color-link;
- text-decoration:none
+  color: @color-toolbar;
+  text-decoration: none;
 }
-.page-header h2 a:focus,.page-header h2 a:hover {
- color:#999
+.page-header h2 a:focus,
+.page-header h2 a:hover {
+  color: @color-light-text;
 }
 .page-header ul {
- text-align:left;
- margin-top:5px;
- display:inline-block
+  text-align: left;
+  margin-top: 5px;
+  display: inline-block;
 }
 .page-header li {
- display:inline;
- padding-right:15px;
+  display: inline;
+  padding-right: 15px;
 }
 @media (max-width: 480px) {
- .page-header li {
-  display:block;
-  line-height:1.5em
- }
+  .page-header li {
+    display: block;
+    line-height: 1.5em;
+  }
 }
 .page-header li.active a {
- color:#333;
- text-decoration:none;
- font-weight:bold;
+  color:@color-third-text;
+  text-decoration: none;
+  font-weight: bold;
 }
-.page-header li.active a:hover,.page-header li.active a:focus {
- text-decoration:underline
+.page-header li.active a:hover,
+.page-header li.active a:focus {
+  text-decoration: underline;
 }
 .menu-inline {
- margin-bottom:5px
+  margin-bottom: 5px;
 }
 .menu-inline li {
- display:inline;
- padding-right:15px
+  display: inline;
+  padding-right: 15px;
 }
 .menu-inline li .active a {
- font-weight:bold;
- color:#000;
- text-decoration:none
+  font-weight: bold;
+  color: @color-secondary-text;
+  text-decoration: none;
 }
 .sidebar-container {
- height:100%;
- display:flex;
- flex-flow:row
+  height: 100%;
+  display: flex;
+  flex-flow: row;
 }
 @media (max-width: 768px) {
- .sidebar-container {
-  flex-flow:wrap
- }
+  .sidebar-container {
+    flex-flow: wrap;
+  }
 }
 .sidebar-content {
- max-width:100%;
- overflow-wrap:break-word
+  max-width: 100%;
+  overflow-wrap: break-word;
 }
 @media (max-width: 768px) {
- .sidebar-content {
-  padding-left:0;
-  order:1;
-  max-width:100%
- }
+  .sidebar-content {
+    padding-left: 0;
+    order: 1;
+    max-width: 100%;
+  }
 }
 @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
- .sidebar-content {
-  max-width:75%
- }
+  .sidebar-content {
+    max-width: 75%;
+  }
 }
 .sidebar {
- max-width:25%;
- min-width:230px
+  max-width: 25%;
+  min-width: 230px;
 }
 @media (max-width: 768px) {
- .sidebar {
-  flex:1 auto;
-  order:2
- }
+  .sidebar {
+    flex: 1 auto;
+    order: 2;
+  }
 }
 .sidebar h2 {
- margin-top:0
+  margin-top: 0;
 }
-.sidebar>ul a {
- text-decoration:none;
- color:#999;
- font-weight:300
+.sidebar > ul a {
+  text-decoration: none;
+  color: @color-light-text;
+  font-weight: 300;
 }
-.sidebar>ul a:hover {
- color:#333
+.sidebar > ul a:hover {
+  color:@color-third-text;
 }
-.sidebar>ul li {
- list-style-type:none;
- line-height:35px;
- border-bottom:1px dotted #efefef;
- padding-left:13px
+.sidebar > ul li {
+  list-style-type: none;
+  line-height: 35px;
+  border-bottom: 1px dotted #efefef;
+  padding-left: 13px;
 }
-.sidebar>ul li:hover {
- border-left:5px solid @color-link;
- padding-left:8px
+.sidebar > ul li:hover {
+  border-left: 5px solid @color-toolbar;
+  padding-left: 8px;
 }
-.sidebar>ul li.active {
- border-left:5px solid @color-link;
- padding-left:8px
+.sidebar > ul li.active {
+  border-left: 5px solid @color-toolbar;
+  padding-left: 8px;
 }
-.sidebar>ul li.active a {
- color:@color-link;
- font-weight:bold
+.sidebar > ul li.active a {
+  color: @color-toolbar;
+  font-weight: bold;
 }
-.sidebar-icons>ul li {
- padding-left:0
+.sidebar-icons > ul li {
+  padding-left: 0;
 }
-.sidebar-icons>ul li:hover,.sidebar-icons>ul li.active {
- padding-left:0;
- border-left:none
+.sidebar-icons > ul li:hover,
+.sidebar-icons > ul li.active {
+  padding-left: 0;
+  border-left: none;
 }
-.sidebar>ul li.active a:focus,.sidebar>ul li.active a:hover {
- color:#555
+.sidebar > ul li.active a:focus,
+.sidebar > ul li.active a:hover {
+  color: #555;
 }
-.sidebar>ul li:last-child {
- margin-bottom:15px
+.sidebar > ul li:last-child {
+  margin-bottom: 15px;
 }
 .avatar img {
- vertical-align:bottom
+  vertical-align: bottom;
 }
 .avatar-left {
- float:left;
- margin-right:10px
+  float: left;
+  margin-right: 10px;
 }
 .avatar-inline {
- display:inline-block;
- margin-right:3px
+  display: inline-block;
+  margin-right: 3px;
 }
-.avatar-48 img,.avatar-48 div {
- border-radius:30px
+.avatar-48 img,
+.avatar-48 div {
+  border-radius: 30px;
 }
 .avatar-48 .avatar-letter {
- line-height:48px;
- width:48px;
- font-size:25px
+  line-height: 48px;
+  width: 48px;
+  font-size: 25px;
 }
-.avatar-20 img,.avatar-20 div {
- border-radius:10px
+.avatar-20 img,
+.avatar-20 div {
+  border-radius: 10px;
 }
 .avatar-20 .avatar-letter {
- line-height:20px;
- width:20px;
- font-size:11px
+  line-height: 20px;
+  width: 20px;
+  font-size: 11px;
 }
 .avatar-letter {
- color:#fff;
- text-align:center
-}
-#file-dropzone,#screenshot-zone {
- position:relative;
- border:2px dashed #ccc;
- width:99%;
- height:250px;
- overflow:auto
-}
-#file-dropzone-inner,#screenshot-inner {
- position:absolute;
- left:0;
- bottom:48%;
- width:100%;
- text-align:center;
- color:#aaa
+  color: #fff;
+  text-align: center;
+}
+#file-dropzone,
+#screenshot-zone {
+  position: relative;
+  border: 2px dashed #ccc;
+  width: 99%;
+  height: 250px;
+  overflow: auto;
+}
+#file-dropzone-inner,
+#screenshot-inner {
+  position: absolute;
+  left: 0;
+  bottom: 48%;
+  width: 100%;
+  text-align: center;
+  color: #aaa;
 }
 #screenshot-zone.screenshot-pasted {
- border:2px solid #333
+  border: 2px solid@color-third-text;
 }
 #file-list {
- margin:20px
+  margin: 20px;
 }
 #file-list li {
- list-style-type:none;
- padding-top:8px;
- padding-bottom:8px;
- border-bottom:1px dotted #ddd;
- width:95%
+  list-style-type: none;
+  padding-top: 8px;
+  padding-bottom: 8px;
+  border-bottom: 1px dotted #ddd;
+  width: 95%;
 }
 #file-list li .file-error {
- font-weight:bold;
- color:#b94a48
+  font-weight: bold;
+  color: #b94a48;
 }
 .file-thumbnails {
- display:-webkit-flex;
- display:flex;
- -webkit-flex-direction:row;
- flex-direction:row;
- -webkit-flex-wrap:wrap;
- flex-wrap:wrap;
- -webkit-justify-content:flex-start;
- justify-content:flex-start
+  display: -webkit-flex;
+  display: flex;
+  -webkit-flex-direction: row;
+  flex-direction: row;
+  -webkit-flex-wrap: wrap;
+  flex-wrap: wrap;
+  -webkit-justify-content: flex-start;
+  justify-content: flex-start;
 }
 .file-thumbnail {
- width:250px;
- border:1px solid #efefef;
- border-radius:5px;
- margin-bottom:20px;
- box-shadow:4px 2px 10px -6px rgba(0,0,0,0.55);
- margin-right:15px
+  width: 250px;
+  border: 1px solid #efefef;
+  border-radius: 5px;
+  margin-bottom: 20px;
+  box-shadow: 4px 2px 10px -6px rgba(0, 0, 0, 0.55);
+  margin-right: 15px;
 }
 .file-thumbnail img {
- cursor:pointer;
- border-top-left-radius:5px;
- border-top-right-radius:5px
+  cursor: pointer;
+  border-top-left-radius: 5px;
+  border-top-right-radius: 5px;
 }
 .file-thumbnail img:hover {
- opacity:0.5
+  opacity: 0.5;
 }
 .file-thumbnail-content {
- padding-left:8px;
- padding-right:8px
+  padding-left: 8px;
+  padding-right: 8px;
 }
 .file-thumbnail-title {
- font-weight:700;
- font-size:0.9em;
- color:#555;
- overflow:hidden;
- text-overflow:ellipsis
+  font-weight: 700;
+  font-size: 0.9em;
+  color: #555;
+  overflow: hidden;
+  text-overflow: ellipsis;
 }
 .file-thumbnail-description {
- font-size:0.8em;
- color:#999;
- margin-top:8px;
- margin-bottom:5px
+  font-size: 0.8em;
+  color: @color-light-text;
+  margin-top: 8px;
+  margin-bottom: 5px;
 }
 .file-viewer {
- position:relative
+  position: relative;
 }
 .file-viewer img {
- max-width:95%;
- max-height:85%;
- margin-top:10px
+  max-width: 95%;
+  max-height: 85%;
+  margin-top: 10px;
 }
 .color-picker {
- width:180px
+  width: 180px;
 }
 .color-picker-option {
- height:25px
+  height: 25px;
 }
 .color-picker-square {
- display:inline-block;
- width:18px;
- height:18px;
- margin-right:5px;
- border:1px solid #000
+  display: inline-block;
+  width: 18px;
+  height: 18px;
+  margin-right: 5px;
+  border: 1px solid @color-secondary-text;
 }
 .color-picker-label {
- display:inline-block;
- vertical-align:bottom;
- padding-bottom:3px
+  display: inline-block;
+  vertical-align: bottom;
+  padding-bottom: 3px;
 }
 .filter-box {
- max-width:1024px
+  max-width: 1024px;
 }
 .action-menu {
- color:#333;
- text-decoration:none
+  color:@color-third-text;
+  text-decoration: none;
 }
-.action-menu:hover,.action-menu:focus {
- text-decoration:underline
+.action-menu:hover,
+.action-menu:focus {
+  text-decoration: underline;
 }
 .js-project-creation-options {
- max-width:500px;
- border-left:3px dotted #efefef;
- margin-top:20px;
- padding-left:15px;
- padding-bottom:5px;
- padding-top:5px
+  max-width: 500px;
+  border-left: 3px dotted #efefef;
+  margin-top: 20px;
+  padding-left: 15px;
+  padding-bottom: 5px;
+  padding-top: 5px;
 }
 .project-overview-columns {
- display:-webkit-flex;
- display:flex;
- -webkit-flex-direction:row;
- flex-direction:row;
- -webkit-flex-wrap:wrap;
- flex-wrap:wrap;
- -webkit-align-items:center;
- align-items:center;
- -webkit-justify-content:center;
- justify-content:center;
- margin-bottom:20px;
- font-size:1.4em
+  display: -webkit-flex;
+  display: flex;
+  -webkit-flex-direction: row;
+  flex-direction: row;
+  -webkit-flex-wrap: wrap;
+  flex-wrap: wrap;
+  -webkit-align-items: center;
+  align-items: center;
+  -webkit-justify-content: center;
+  justify-content: center;
+  margin-bottom: 20px;
+  font-size: 1.4em;
 }
 @media (max-width: 480px) {
- .project-overview-columns {
-  display:block
- }
+  .project-overview-columns {
+    display: block;
+  }
 }
 .project-overview-column {
- text-align:center;
- margin-right:3%;
- margin-top:5px;
- padding:3px 15px 3px 15px;
- border:1px dashed #ddd
+  text-align: center;
+  margin-right: 3%;
+  margin-top: 5px;
+  padding: 3px 15px 3px 15px;
+  border: 1px dashed #ddd;
 }
 @media (max-width: 480px) {
- .project-overview-column {
-  text-align:left
- }
+  .project-overview-column {
+    text-align: left;
+  }
 }
 .project-overview-column small {
- color:#999
+  color: @color-light-text;
 }
 .project-overview-column strong {
- color:#555;
- display:block
+  color: #555;
+  display: block;
 }
 @media (max-width: 480px) {
- .project-overview-column strong {
-  display:inline
- }
+  .project-overview-column strong {
+    display: inline;
+  }
 }
 .project-header {
- margin-bottom:8px
+  margin-bottom: 8px;
 }
 .project-header .dropdown-component {
- margin-top:4px;
- margin-right:5px;
- float:left
+  margin-top: 4px;
+  margin-right: 5px;
+  float: left;
 }
 @media (max-width: 768px) {
- .project-header .dropdown-component {
-  float:none
- }
+  .project-header .dropdown-component {
+    float: none;
+  }
 }
 .project-header .views-switcher-component {
- margin-top:4px;
- float:left
+  margin-top: 4px;
+  float: left;
 }
 @media (max-width: 768px) {
- .project-header .views-switcher-component {
-  float:none;
-  margin-bottom:10px
- }
+  .project-header .views-switcher-component {
+    float: none;
+    margin-bottom: 10px;
+  }
 }
 .project-header .filter-box-component form {
- margin:0
+  margin: 0;
 }
 .views {
- margin-right:10px;
- margin-top:1px;
- font-size:0.9em
+  margin-right: 10px;
+  margin-top: 1px;
+  font-size: 0.9em;
 }
 @media (max-width: 560px) {
- .views {
-  width:100%
- }
+  .views {
+    width: 100%;
+  }
 }
 @media (max-width: 768px) {
- .views {
-  margin-top:10px;
-  font-size:1em
- }
+  .views {
+    margin-top: 10px;
+    font-size: 1em;
+  }
 }
 @media (max-width: 480px) {
- .views {
-  margin-top:5px
- }
+  .views {
+    margin-top: 5px;
+  }
 }
 .views li {
- white-space:nowrap;
- background:@color-link;
- border:1px solid @color-borders;
- border-right:none;
- padding:4px 8px;
- display:inline
+  white-space: nowrap;
+  background: @color-toolbar;
+  border: 1px solid @color-primary;
+  border-right: none;
+  padding: 4px 8px;
+  display: inline;
 }
 @media (max-width: 560px) {
- .views li {
-  display:block;
-  margin-top:5px;
-  border-radius:5px;
-  border:1px solid @color-borders;
- }
+  .views li {
+    display: block;
+    margin-top: 5px;
+    border-radius: 5px;
+    border: 1px solid @color-primary;
+  }
 }
 .views li.active a {
- font-weight:bold;
- color:@color-main-text;
- text-decoration:none
+  font-weight: bold;
+  color: @color-primary;
+  text-decoration: none;
 }
 .views li:first-child {
- border-top-left-radius:5px;
- border-bottom-left-radius:5px
+  border-top-left-radius: 5px;
+  border-bottom-left-radius: 5px;
 }
 .views li:last-child {
- border-right:1px solid #ddd;
- border-top-right-radius:5px;
- border-bottom-right-radius:5px
+  border-right: 1px solid #ddd;
+  border-top-right-radius: 5px;
+  border-bottom-right-radius: 5px;
 }
 .views a {
- color:@color-base;
- text-decoration:none
+  color: @color-background;
+  text-decoration: none;
 }
 .views a:hover {
- color:@color-main-text;
- text-decoration:underline
+  color: @color-primary;
+  text-decoration: underline;
 }
 .dashboard-project-stats small {
- margin-right:10px;
- color:#999
+  margin-right: 10px;
+  color: @color-light-text;
 }
 .dashboard-table-link {
- font-weight:bold;
- color:#000;
- text-decoration:none
+  font-weight: bold;
+  color: @color-secondary-text;
+  text-decoration: none;
 }
-.dashboard-table-link:focus,.dashboard-table-link:hover {
- color:#999
+.dashboard-table-link:focus,
+.dashboard-table-link:hover {
+  color: @color-light-text;
 }
 .public-board {
- margin-top:5px
+  margin-top: 5px;
 }
 .public-task {
- max-width:800px;
- margin:5px auto 0
+  max-width: 800px;
+  margin: 5px auto 0;
 }
 #board-container {
- overflow-x:auto
+  overflow-x: auto;
 }
 #board {
- table-layout:fixed;
- margin-bottom:0
+  table-layout: fixed;
+  margin-bottom: 0;
 }
 #board th.board-column-header {
- width:240px
+  width: 240px;
 }
 #board td {
- vertical-align:top
+  vertical-align: top;
 }
 .board-container-compact {
- overflow-x:initial
+  overflow-x: initial;
 }
 @media all and (-ms-high-contrast: active), (-ms-high-contrast: none) {
- .board-container-compact #board {
-  table-layout:auto
- }
+  .board-container-compact #board {
+    table-layout: auto;
+  }
 }
 #board th.board-column-header.board-column-compact {
- width:initial
+  width: initial;
 }
 .board-column-collapsed {
- display:none
+  display: none;
 }
 td.board-column-task-collapsed {
- font-weight:bold;
- background-color:#fbfbfb
+  font-weight: bold;
+  background-color: @color-toolbar;
 }
 #board th.board-column-header-collapsed {
- width:28px;
- min-width:28px;
- text-align:center;
- overflow:hidden
+  width: 28px;
+  min-width: 28px;
+  text-align: center;
+  overflow: hidden;
 }
 .board-rotation-wrapper {
- position:relative;
- padding:8px 4px;
- min-height:150px;
- overflow:hidden
+  position: relative;
+  padding: 8px 4px;
+  min-height: 150px;
+  overflow: hidden;
 }
 .board-rotation {
- white-space:nowrap;
- -webkit-backface-visibility:hidden;
- -webkit-transform:rotate(90deg);
- -moz-transform:rotate(90deg);
- -ms-transform:rotate(90deg);
- transform:rotate(90deg);
- -webkit-transform-origin:0 100%;
- -moz-transform-origin:0 100%;
- -ms-transform-origin:0 100%;
- transform-origin:0 100%
+  white-space: nowrap;
+  -webkit-backface-visibility: hidden;
+  -webkit-transform: rotate(90deg);
+  -moz-transform: rotate(90deg);
+  -ms-transform: rotate(90deg);
+  transform: rotate(90deg);
+  -webkit-transform-origin: 0 100%;
+  -moz-transform-origin: 0 100%;
+  -ms-transform-origin: 0 100%;
+  transform-origin: 0 100%;
+}
+.board-column-title.board-rotation.board-toggle-column-view {
+  color: @color-primary;
 }
 .board-column-title .dropdown-menu {
- text-decoration:none
+  text-decoration: none;
 }
 .board-add-icon {
- float:left;
- padding:0 5px
+  float: left;
+  padding: 0 5px;
 }
 .board-add-icon i {
- text-decoration:none;
- color:@color-link;
- font-size:1.4em
+  text-decoration: none;
+  color: @color-toolbar;
+  font-size: 1.4em;
 }
-.board-add-icon i:focus,.board-add-icon i:hover {
- text-decoration:none;
- color:red
+.board-add-icon i:focus,
+.board-add-icon i:hover {
+  text-decoration: none;
+  color: red;
 }
 .board-column-header-task-count {
- color:#999;
- font-weight:normal
+  color: @color-light-text;
+  font-weight: normal;
 }
 a.board-swimlane-toggle {
- text-decoration:none
+  text-decoration: none;
 }
-a.board-swimlane-toggle:hover,a.board-swimlane-toggle:focus {
- color:#000;
- text-decoration:none;
- border:none
+a.board-swimlane-toggle:hover,
+a.board-swimlane-toggle:focus {
+  color: @color-secondary-text;
+  text-decoration: none;
+  border: none;
 }
 .board-task-list {
- min-height:60px
+  min-height: 60px;
 }
 .board-task-list .task-board:last-child {
- margin-bottom:0
+  margin-bottom: 0;
 }
 .board-task-list-limit {
- background-color:#DF5353
+  background-color: #DF5353;
 }
 .draggable-item {
- cursor:pointer;
- user-select:none;
- -webkit-user-select:none;
- -moz-user-select:none
+  cursor: pointer;
+  user-select: none;
+  -webkit-user-select: none;
+  -moz-user-select: none;
 }
 .draggable-placeholder {
- border:2px dashed #000;
- background:#fafafa;
- height:70px;
- margin-bottom:10px
+  border: 2px dashed @color-secondary-text;
+  background: #fafafa;
+  height: 70px;
+  margin-bottom: 10px;
 }
 div.draggable-item-selected {
- border:1px solid #000
+  border: 1px solid @color-secondary-text;
 }
 .task-board-sort-handle {
- float:left;
- padding-right:5px
+  float: left;
+  padding-right: 5px;
 }
 .task-board {
- position:relative;
- margin-bottom:4px;
- border:1px solid #000;
- padding:2px;
- word-wrap:break-word;
- font-size:0.9em;
- border-radius:6px
+  position: relative;
+  margin-bottom: 4px;
+  border: 1px solid @color-secondary-text;
+  padding: 2px;
+  word-wrap: break-word;
+  font-size: 0.9em;
+  border-radius: 6px;
 }
 div.task-board-recent {
- border-width:2px
+  border-width: 2px;
 }
 div.task-board-status-closed {
- user-select:none;
- border:1px dotted #555
+  user-select: none;
+  border: 1px dotted #555;
 }
 .task-board a {
- color:#000;
- text-decoration:none
+  color: @color-secondary-text;
+  text-decoration: none;
 }
 .task-board-collapsed {
- overflow:hidden;
- white-space:nowrap;
- text-overflow:ellipsis
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
 }
 .task-board-title {
- margin-top:5px;
- margin-bottom:8px
+  margin-top: 5px;
+  margin-bottom: 8px;
 }
 .task-board-title a:hover {
- text-decoration:underline
+  text-decoration: underline;
 }
 .task-board-saving-state {
- opacity:0.3
+  opacity: 0.3;
 }
 .task-board-saving-icon {
- position:absolute;
- margin:auto;
- width:100%;
- text-align:center;
- color:#000
+  position: absolute;
+  margin: auto;
+  width: 100%;
+  text-align: center;
+  color: @color-secondary-text;
 }
 .task-board-avatars {
- text-align:right;
- float:right
+  text-align: right;
+  float: right;
 }
 .task-board-change-assignee {
- cursor:pointer
+  cursor: pointer;
 }
 .task-board-change-assignee:hover {
- opacity:0.6
+  opacity: 0.6;
 }
 .task-list-avatars {
- display:inline-block;
- float:left
+  display: inline-block;
+  float: left;
 }
 @media (max-width: 768px) {
- .task-list-avatars {
-  float:none;
-  display:block
- }
+  .task-list-avatars {
+    float: none;
+    display: block;
+  }
 }
 .task-list-avatars .task-avatar-assignee {
- font-weight:300;
- color:#999
+  font-weight: 300;
+  color: @color-light-text;
 }
 .task-list-avatars:hover .task-avatar-assignee {
- font-weight:400;
- color:#000
+  font-weight: 400;
+  color: @color-secondary-text;
 }
-.task-board-icons,.task-list-icons {
- font-size:0.8em;
- text-align:right
+.task-board-icons,
+.task-list-icons {
+  font-size: 0.8em;
+  text-align: right;
 }
-.task-board-icons a,.task-list-icons a {
- text-decoration:none
+.task-board-icons a,
+.task-list-icons a {
+  text-decoration: none;
 }
-.task-board-icons a:hover,.task-list-icons a:hover {
- color:#333
+.task-board-icons a:hover,
+.task-list-icons a:hover {
+  color:@color-third-text;
 }
-.task-board-icons a:hover i,.task-list-icons a:hover i {
- color:#333
+.task-board-icons a:hover i,
+.task-list-icons a:hover i {
+  color:@color-third-text;
 }
-.task-board-icons .task-score,.task-list-icons .task-score {
- font-weight:bold
+.task-board-icons .task-score,
+.task-list-icons .task-score {
+  font-weight: bold;
 }
-.task-board-icons .flag-milestone,.task-list-icons .flag-milestone {
- color:green
+.task-board-icons .flag-milestone,
+.task-list-icons .flag-milestone {
+  color: green;
 }
 .task-board-icons {
- margin-top:7px
+  margin-top: 7px;
 }
 .task-board-icons a {
- opacity:0.5
+  opacity: 0.5;
 }
 .task-board-icons span {
- opacity:0.5;
- margin-left:4px
+  opacity: 0.5;
+  margin-left: 4px;
 }
 .task-board-icons a:hover {
- opacity:1.0;
- font-weight:bold
+  opacity: 1;
+  font-weight: bold;
 }
 .task-board-icons .task-board-icons-row {
- line-height:22px
+  line-height: 22px;
 }
 .task-list-icons {
- line-height:22px
+  line-height: 22px;
 }
-.task-list-icons a,.task-list-icons span,.task-list-icons i {
- color:#999;
- opacity:1.0
+.task-list-icons a,
+.task-list-icons span,
+.task-list-icons i {
+  color: @color-light-text;
+  opacity: 1;
 }
 .task-list-icons span {
- margin-left:5px
+  margin-left: 5px;
 }
 @media (max-width: 768px) {
- .task-list-icons {
-  text-align:left
- }
+  .task-list-icons {
+    text-align: left;
+  }
 }
 .task-icon-age {
- display:inline-block
+  display: inline-block;
 }
 span.task-icon-age-total {
- border:1px solid #e5e5e5;
- padding:1px 3px 1px 3px;
- border-top-left-radius:3px;
- border-bottom-left-radius:3px
+  border: 1px solid #e5e5e5;
+  padding: 1px 3px 1px 3px;
+  border-top-left-radius: 3px;
+  border-bottom-left-radius: 3px;
 }
 span.task-icon-age-column {
- border:1px solid #e5e5e5;
- border-left:none;
- margin-left:-5px;
- padding:1px 3px 1px 3px;
- border-top-right-radius:3px;
- border-bottom-right-radius:3px
+  border: 1px solid #e5e5e5;
+  border-left: none;
+  margin-left: -5px;
+  padding: 1px 3px 1px 3px;
+  border-top-right-radius: 3px;
+  border-bottom-right-radius: 3px;
 }
-.task-board span.task-icon-age-total,.task-board span.task-icon-age-column {
- border-color:#666
+.task-board span.task-icon-age-total,
+.task-board span.task-icon-age-column {
+  border-color: #666;
 }
 .task-board-category-container {
- text-align:right;
- margin-top:8px;
- margin-bottom:8px
+  text-align: right;
+  margin-top: 8px;
+  margin-bottom: 8px;
 }
 .task-board-category {
- border:1px solid #555;
- font-size:0.9em;
- font-weight:500;
- color:#000;
- padding:1px 3px 1px 2px;
- border-radius:3px
+  border: 1px solid #555;
+  font-size: 0.9em;
+  font-weight: 500;
+  color: @color-secondary-text;
+  padding: 1px 3px 1px 2px;
+  border-radius: 3px;
 }
 .task-board-category a:hover {
- text-decoration:underline
+  text-decoration: underline;
 }
 .task-date {
- font-weight:500;
- color:#000
+  font-weight: 500;
+  color: @color-secondary-text;
 }
 span.task-date-today {
- opacity:1.0;
- color:@color-link
+  opacity: 1;
+  color: @color-toolbar;
 }
 span.task-date-overdue {
- opacity:1.0;
- color:#b94a48
+  opacity: 1;
+  color: #b94a48;
 }
 .task-tags li {
- display:inline-block;
- margin:3px 3px 0 0;
- padding:1px 3px 1px 3px;
- color:#333;
- border:1px solid #333;
- border-radius:4px
+  display: inline-block;
+  margin: 3px 3px 0 0;
+  padding: 1px 3px 1px 3px;
+  color:@color-third-text;
+  border: 1px solid@color-third-text;
+  border-radius: 4px;
 }
 .task-summary-container .task-tags {
- margin-top:10px
+  margin-top: 10px;
 }
 .task-list-tag {
- background:#ffeb8e;
- border-color:#333
+  background: #ffeb8e;
+  border-color:@color-third-text;
 }
 #task-summary {
- margin-bottom:15px
+  margin-bottom: 15px;
 }
 #task-summary h2 {
- color:#555;
- font-size:1.6em;
- margin-top:0;
- padding-top:0
+  color: #555;
+  font-size: 1.6em;
+  margin-top: 0;
+  padding-top: 0;
 }
 .task-summary-container {
- border:2px solid #000;
- border-radius:8px;
- padding:10px
+  border: 2px solid @color-secondary-text;
+  border-radius: 8px;
+  padding: 10px;
 }
 .task-summary-columns {
- display:flex;
- flex-flow:row;
- justify-content:space-between
+  display: flex;
+  flex-flow: row;
+  justify-content: space-between;
 }
 @media (max-width: 768px) {
- .task-summary-columns {
-  flex-flow:column
- }
+  .task-summary-columns {
+    flex-flow: column;
+  }
 }
 .task-summary-column {
- color:#333
+  color:@color-third-text;
 }
 .task-summary-column span {
- color:#555
+  color: #555;
 }
 .task-summary-column li {
- line-height:23px
+  line-height: 23px;
 }
 #external-task-view {
- padding:10px;
- margin-top:10px;
- margin-bottom:10px;
- border:1px dotted #ccc
+  padding: 10px;
+  margin-top: 10px;
+  margin-bottom: 10px;
+  border: 1px dotted #ccc;
 }
 .task-form-container {
- box-sizing:border-box;
- display:flex;
- flex-wrap:wrap
+  box-sizing: border-box;
+  display: flex;
+  flex-wrap: wrap;
 }
-.task-form-container>* {
- box-sizing:border-box
+.task-form-container > * {
+  box-sizing: border-box;
 }
-.task-form-container>* {
- width:1%
+.task-form-container > * {
+  width: 1%;
 }
 .task-form-main-column {
- width:60%
+  width: 60%;
 }
 @media (max-width: 1000px) {
- .task-form-main-column {
-  width:100%
- }
+  .task-form-main-column {
+    width: 100%;
+  }
 }
 .task-form-main-column input[type="text"] {
- width:700px;
- max-width:99%
+  width: 700px;
+  max-width: 99%;
 }
 .task-form-secondary-column {
- max-width:250px;
- min-width:200px;
- max-height:600px;
- padding-left:10px;
- overflow:auto;
- width:20%
+  max-width: 250px;
+  min-width: 200px;
+  max-height: 600px;
+  padding-left: 10px;
+  overflow: auto;
+  width: 20%;
 }
 @media (max-width: 1000px) {
- .task-form-secondary-column {
-  width:100%;
-  max-width:99%;
-  max-height:none
- }
+  .task-form-secondary-column {
+    width: 100%;
+    max-width: 99%;
+    max-height: none;
+  }
 }
 @media (max-width: 768px) {
- .task-form-secondary-column {
-  padding-left:0
- }
+  .task-form-secondary-column {
+    padding-left: 0;
+  }
 }
 .task-form-secondary-column label:first-child {
- margin-top:0
+  margin-top: 0;
 }
 @media (max-width: 1000px) {
- .task-form-secondary-column label:first-child {
-  margin-top:10px
- }
+  .task-form-secondary-column label:first-child {
+    margin-top: 10px;
+  }
 }
 .task-form-bottom {
- width:100%
+  width: 100%;
 }
 .comment-sorting {
- text-align:right
+  text-align: right;
 }
 .comment-sorting a {
- color:#555;
- font-weight:normal;
- text-decoration:none
+  color: #555;
+  font-weight: normal;
+  text-decoration: none;
 }
 .comment-sorting a:hover {
- color:#999
+  color: @color-light-text;
 }
 .comment {
- padding:5px;
- margin-bottom:15px
+  padding: 5px;
+  margin-bottom: 15px;
 }
 .comment-title {
- border-bottom:1px dotted #eee;
- margin-left:55px
+  border-bottom: 1px dotted #eee;
+  margin-left: 55px;
 }
 .comment-date {
- color:#999;
- font-weight:200
+  color: @color-light-text;
+  font-weight: 200;
 }
 .comment-actions {
- text-align:right
+  text-align: right;
 }
 .comment-content {
- margin-left:55px
+  margin-left: 55px;
 }
 .comments .text-editor textarea {
- height:90px
+  height: 90px;
 }
 .comments .text-editor .text-editor-preview-area {
- height:90px
+  height: 90px;
 }
 .comments .comment-highlighted {
- background-color:#fff8dc;
- border:2px solid #ffeb8e
+  background-color: @color-odd;
+  border: 5px solid @color-odd;
 }
 .comments .comment-highlighted:hover {
- background-color:#fff8dc
+  background-color: @color-odd-hover;
+  border-radius: 5px;
 }
 .comments .comment:hover {
- background:#fff8dc
+  background: @color-odd-hover;
+  border-radius: 5px;
 }
 .comments .comment:nth-child(even):not(.comment-highlighted) {
- background:#fbfbfb
+  background: @color-odd;
+  border-radius: 5px;
 }
 .comments .comment:nth-child(even):not(.comment-highlighted):hover {
- background:#fff8dc
+  background: @color-odd-hover;
 }
 .subtask-cell {
- padding:4px 10px;
- border-top:1px dotted #dedede;
- border-left:1px dotted #dedede;
- display:table-cell;
- vertical-align:middle
+  padding: 4px 10px;
+  border-top: 1px dotted #dedede;
+  border-left: 1px dotted #dedede;
+  display: table-cell;
+  vertical-align: middle;
 }
 .subtask-cell a {
- color:#333;
- text-decoration:none
+  color:@color-third-text;
+  text-decoration: none;
 }
-.subtask-cell a:hover,.subtask-cell a:focus {
- color:@color-link
+.subtask-cell a:hover,
+.subtask-cell a:focus {
+  color: @color-toolbar;
 }
 .subtask-cell:first-child {
- border-left:none
+  border-left: none;
 }
 @media (max-width: 768px) {
- .subtask-cell {
-  width:90%;
-  display:block;
-  border-left:none
- }
+  .subtask-cell {
+    width: 90%;
+    display: block;
+    border-left: none;
+  }
 }
 .task-list-subtasks {
- display:table;
- width:100%
+  display: table;
+  width: 100%;
 }
 @media (max-width: 768px) {
- .task-list-subtasks {
-  display:block
- }
+  .task-list-subtasks {
+    display: block;
+  }
 }
 .task-list-subtask {
- display:table-row
+  display: table-row;
 }
 @media (max-width: 768px) {
- .task-list-subtask {
-  display:block
- }
+  .task-list-subtask {
+    display: block;
+  }
 }
 @media (max-width: 768px) {
- .subtask-assignee,.subtask-time-tracking-cell {
-  display:none
- }
+  .subtask-assignee,
+  .subtask-time-tracking-cell {
+    display: none;
+  }
 }
 .task-links-table td {
- vertical-align:middle
+  vertical-align: middle;
 }
 .task-links-task-count {
- color:#999;
- font-weight:normal
+  color: @color-light-text;
+  font-weight: normal;
 }
 .task-link-closed {
- text-decoration:line-through
+  text-decoration: line-through;
 }
 .text-editor {
- margin-top:10px
+  margin-top: 10px;
 }
 .text-editor a {
- font-size:1em;
- color:#999;
- text-decoration:none;
- margin-right:10px
+  font-size: 1em;
+  color: @color-light-text;
+  text-decoration: none;
+  margin-right: 10px;
 }
 .text-editor a:hover {
- color:@color-link
+  color: @color-toolbar;
 }
 .text-editor .text-editor-preview-area {
- border:1px solid #dedede;
- width:700px;
- max-width:99%;
- height:250px;
- overflow:auto;
- padding:2px
+  border: 1px solid #dedede;
+  width: 700px;
+  max-width: 99%;
+  height: 250px;
+  overflow: auto;
+  padding: 2px;
 }
 .text-editor textarea {
- width:700px;
- max-width:98%;
- height:250px
+  width: 700px;
+  max-width: 98%;
+  height: 250px;
+  background-color: @color-secondary-text;
 }
 .markdown {
- line-height:1.4em
+  line-height: 1.4em;
 }
 .markdown h1 {
- margin-top:5px;
- margin-bottom:10px;
- font-weight:bold
+  margin-top: 5px;
+  margin-bottom: 10px;
+  font-weight: bold;
 }
 .markdown h2 {
- font-weight:bold
+  font-weight: bold;
 }
 .markdown p {
- margin-bottom:10px
+  margin-bottom: 10px;
 }
-.markdown ol,.markdown ul {
- margin-left:25px;
- margin-top:10px;
- margin-bottom:10px
+.markdown ol,
+.markdown ul {
+  margin-left: 25px;
+  margin-top: 10px;
+  margin-bottom: 10px;
 }
 .markdown pre {
- background:#fbfbfb;
- padding:10px;
- border-radius:5px;
- border:1px solid #ddd;
- overflow:auto;
- overflow-wrap:initial;
- color:#555
+  background: #fbfbfb;
+  padding: 10px;
+  border-radius: 5px;
+  border: 1px solid #ddd;
+  overflow: auto;
+  overflow-wrap: initial;
+  color: #555;
 }
 .markdown blockquote {
- font-style:italic;
- border-left:3px solid #ddd;
- padding-left:10px;
- margin-bottom:10px;
- margin-left:20px
+  font-style: italic;
+  border-left: 3px solid #ddd;
+  padding-left: 10px;
+  margin-bottom: 10px;
+  margin-left: 20px;
 }
 .markdown img {
- display:block;
- max-width:80%;
- margin-top:10px
+  display: block;
+  max-width: 80%;
+  margin-top: 10px;
 }
 .documentation {
- margin:0 auto;
- padding:20px;
- max-width:850px;
- background:#fefefe;
- border:1px solid #ccc;
- border-radius:5px;
- color:#555
+  margin: 0 auto;
+  padding: 20px;
+  max-width: 850px;
+  background: #fefefe;
+  border: 1px solid #ccc;
+  border-radius: 5px;
+  color: #555;
 }
 .documentation img {
- border:1px solid #333
+  border: 1px solid@color-third-text;
 }
 .documentation h1 {
- text-decoration:none;
- margin-bottom:30px
+  text-decoration: none;
+  margin-bottom: 30px;
 }
 .documentation h2 {
- text-decoration:none;
- border-bottom:1px solid #ccc;
- margin-bottom:25px
+  text-decoration: none;
+  border-bottom: 1px solid #ccc;
+  margin-bottom: 25px;
 }
 .documentation li {
- line-height:30px
+  line-height: 30px;
 }
 .panel {
- border-radius:4px;
- padding:8px 35px 8px 10px;
- margin-top:10px;
- margin-bottom:15px;
- border:1px solid @color-borders;
- color:#333;
- background-color:@color-borders;
- overflow:auto
+  border-radius: 4px;
+  padding: 8px 35px 8px 10px;
+  margin-top: 10px;
+  margin-bottom: 15px;
+  border: 1px solid @color-primary;
+  color:@color-third-text;
+  background-color: @color-primary;
+  overflow: auto;
 }
 .panel li {
- list-style-type:square;
- margin-left:20px;
- line-height:1.35em
+  list-style-type: square;
+  margin-left: 20px;
+  line-height: 1.35em;
 }
 .activity-event {
- margin-bottom:15px;
- padding:10px;
- background-color: @color-base;
+  margin-bottom: 15px;
+  padding: 10px;
+  background-color: @color-background;
 }
 .activity-event:nth-child(even) {
- background:@color-base-odd;
+  background: #3F3F3F;
 }
 .activity-event:hover {
- background:#fff8dc
+  background: #fff8dc;
 }
 .activity-date {
- margin-left:10px;
- font-weight:normal;
- color:#999
+  margin-left: 10px;
+  font-weight: normal;
+  color: @color-light-text;
 }
 .activity-content {
- margin-left:55px
+  margin-left: 55px;
 }
 .activity-title {
- font-weight:bold;
- color:#000;
- border-bottom:1px dotted #efefef
+  font-weight: bold;
+  color: @color-secondary-text;
+  border-bottom: 1px dotted #efefef;
 }
 .activity-description {
- color:#555;
- margin-top:10px
+  color: #555;
+  margin-top: 10px;
 }
 @media (max-width: 480px) {
- .activity-description {
-  overflow:auto
- }
+  .activity-description {
+    overflow: auto;
+  }
 }
 .activity-description li {
- list-style-type:circle
+  list-style-type: circle;
 }
 .activity-description ul {
- margin-top:10px;
- margin-left:20px
+  margin-top: 10px;
+  margin-left: 20px;
 }
 .user-mention-link {
- font-weight:bold;
- color:#000;
- text-decoration:none
+  font-weight: bold;
+  color: @color-secondary-text;
+  text-decoration: none;
 }
 .user-mention-link:hover {
- color:#555
+  color: #555;
 }
 .image-slideshow-overlay {
- position:fixed;
- top:0;
- left:0;
- width:100%;
- height:100%;
- background:rgba(0,0,0,0.95);
- overflow:auto;
- z-index:100
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background: rgba(0, 0, 0, 0.95);
+  overflow: auto;
+  z-index: 100;
 }
 .image-slideshow-overlay img {
- display:block;
- margin:auto
+  display: block;
+  margin: auto;
 }
 .image-slideshow-overlay figcaption {
- color:#fff;
- opacity:0.7;
- position:absolute;
- bottom:5px;
- right:15px
+  color: #fff;
+  opacity: 0.7;
+  position: absolute;
+  bottom: 5px;
+  right: 15px;
 }
 .slideshow-icon {
- color:#fff;
- position:absolute;
- font-size:2.5em;
- opacity:0.6
+  color: #fff;
+  position: absolute;
+  font-size: 2.5em;
+  opacity: 0.6;
 }
 .slideshow-icon:hover {
- opacity:0.9;
- cursor:pointer
+  opacity: 0.9;
+  cursor: pointer;
 }
 .slideshow-previous-icon {
- left:10px;
- top:45%
+  left: 10px;
+  top: 45%;
 }
 .slideshow-next-icon {
- right:10px;
- top:45%
+  right: 10px;
+  top: 45%;
 }
 .slideshow-close-icon {
- right:10px;
- top:10px;
- font-size:1.4em
+  right: 10px;
+  top: 10px;
+  font-size: 1.4em;
 }
 .slideshow-download-icon {
- left:10px;
- bottom:10px;
- font-size:1.3em
+  left: 10px;
+  bottom: 10px;
+  font-size: 1.3em;
 }
-.list-item-links,.list-item-actions {
- display:inline-block;
- float:left;
- margin-left:10px
+.list-item-links,
+.list-item-actions {
+  display: inline-block;
+  float: left;
+  margin-left: 10px;
 }
 .list-item-links a {
- margin:0
+  margin: 0;
 }
 .list-item-action-hidden {
- display:none
+  display: none;
 }
 .bulk-change-checkbox {
- float:left
+  float: left;
 }
 .bulk-change-inputs {
- float:left;
- padding-left:10px
+  float: left;
+  padding-left: 10px;
 }
 .bulk-change-inputs label {
- margin-top:0;
- margin-bottom:3px
+  margin-top: 0;
+  margin-bottom: 3px;
 }