Commit 70810885 authored by Giacomo Lavermicocca's avatar Giacomo Lavermicocca
Browse files

Modified css roules

parent f2000973

Template/css/app.css

+69 −49
Original line number Original line Diff line number Diff line 
/* HELLO LESS */

/* HELLO LESS */

/* BYE BYE LESS */

/* BYE BYE LESS */

/* EX-INLINE */

/* EX-INLINE */

.dropdown-menu.dropdown-menu-link-icon > .fa.fa-caret-down {

  color: #315C7B;

}

.fa.fa-caret-down {

.fa.fa-caret-down {

  color: #222222;

  color: #222222;

}

}

.table-list-row.color-cyan {

.color-cyan {

  border-left: 5px solid #0ce3ac !important;

  border-left: 5px solid #0ce3ac !important;

}

}

::placeholder {

  /* Chrome, Firefox, Opera, Safari 10.1+ */

  color: #315C7B !important;

  opacity: 1;

  /* Firefox */

}

/* END */

/* END */

h1,

h1,

li,

li,
@@ -70,11 +79,11 @@ a { 
}

}

a:focus {

a:focus {

  outline: 0;

  outline: 0;

  color: #0ce3ac !important;

  color: #315C7B !important;

  text-decoration: none;

  text-decoration: none;

}

}

a:hover {

a:hover {

  color: #0ce3ac !important;

  color: #315C7B !important;

  text-decoration: none;

  text-decoration: none;

}

}

a .fa {

a .fa {
@@ -135,8 +144,8 @@ table.table-striped tr:nth-child(odd) { 
table th {

table th {

  text-align: left;

  text-align: left;

  padding: 0.5em 3px;

  padding: 0.5em 3px;

  border: 1px solid #eee;

  border: 1px solid #0ce3ac;

  background: #fbfbfb;

  background: #0ce3ac;

}

}

table th a {

table th a {

  text-decoration: none;

  text-decoration: none;
@@ -147,7 +156,7 @@ table th a:hover { 
  text-decoration: underline;

  text-decoration: underline;

}

}

table td {

table td {

  border: 1px solid #eee;

  border: 1px solid #0ce3ac;

  padding: 0.5em 3px;

  padding: 0.5em 3px;

  vertical-align: top;

  vertical-align: top;

}

}
@@ -486,7 +495,7 @@ tr.draggable-item-selected td:last-child { 
}

}

.table-list-header {

.table-list-header {

  background: #0ce3ac;

  background: #0ce3ac;

  border: solid #EAEAEA;

  border: solid #0ce3ac;

  border-top: 1px;

  border-top: 1px;

  border-left: 0px;

  border-left: 0px;

  border-right: 0px;

  border-right: 0px;
@@ -531,7 +540,7 @@ tr.draggable-item-selected td:last-child { 
  border-radius: 0 0 5px 5px;

  border-radius: 0 0 5px 5px;

}

}

.table-list-row:hover {

.table-list-row:hover {

  background: #4078C0;

  background: #0ce3ac;

  border-bottom: 1px solid #6EBEBE;

  border-bottom: 1px solid #6EBEBE;

  border-right: 1px solid #6EBEBE;

  border-right: 1px solid #6EBEBE;

}

}
@@ -624,7 +633,7 @@ tr.draggable-item-selected td:last-child { 
  color: #000;

  color: #000;

}

}

.table-list-category a:hover {

.table-list-category a:hover {

  color: #0ce3ac;

  color: #315C7B;

}

}

fieldset {

fieldset {

  border: 1px solid #ddd;

  border: 1px solid #ddd;
@@ -854,10 +863,11 @@ ul.form-errors li { 
.input-addon-field {

.input-addon-field {

  flex: 1;

  flex: 1;

  font-size: 1em;

  font-size: 1em;

  color: #999;

  color: #3F3F3F;

  margin: 0;

  margin: 0;

  -webkit-appearance: none;

  -webkit-appearance: none;

  -moz-appearance: none;

  -moz-appearance: none;

  background-color: #696969;

}

}

.input-addon-field:first-child {

.input-addon-field:first-child {

  border-radius: 5px 0 0 5px;

  border-radius: 5px 0 0 5px;
@@ -866,7 +876,7 @@ ul.form-errors li { 
  border-radius: 0 5px 5px 0;

  border-radius: 0 5px 5px 0;

}

}

.input-addon-item {

.input-addon-item {

  background-color: rgba(147, 128, 108, 0.1);

  background-color: #3F3F3F;

  color: #666;

  color: #666;

  font: inherit;

  font: inherit;

  font-weight: normal;

  font-weight: normal;
@@ -884,8 +894,9 @@ ul.form-errors li { 
}

}

.input-addon-field,

.input-addon-field,

.input-addon-item {

.input-addon-item {

  border: 1px solid rgba(147, 128, 108, 0.25);

  border-bottom: 1px solid;

  padding: 4px 0.75em;

  padding: 4px 0.75em;

  background-color: #3F3F3F;

}

}

.input-addon-field:not(:first-child),

.input-addon-field:not(:first-child),

.input-addon-item:not(:first-child) {

.input-addon-item:not(:first-child) {
@@ -1031,7 +1042,7 @@ a.btn { 
}

}

#tooltip-container {

#tooltip-container {

  padding: 5px;

  padding: 5px;

  background: #fff;

  background: #3F3F3F;

  border: 1px solid #ddd;

  border: 1px solid #ddd;

  border-radius: 4px;

  border-radius: 4px;

  box-shadow: 0 6px 12px #aaa;

  box-shadow: 0 6px 12px #aaa;
@@ -1085,11 +1096,11 @@ ul.dropdown-submenu-open { 
  border: none;

  border: none;

}

}

.dropdown-submenu-open li:not(.no-hover):hover {

.dropdown-submenu-open li:not(.no-hover):hover {

  background: #4078C0;

  background: #0ce3ac;

  color: #0ce3ac;

  color: #315C7B;

}

}

.dropdown-submenu-open li:hover a {

.dropdown-submenu-open li:hover a {

  color: #0ce3ac;

  color: #315C7B;

}

}

.dropdown-submenu-open a {

.dropdown-submenu-open a {

  text-decoration: none;

  text-decoration: none;
@@ -1100,7 +1111,7 @@ ul.dropdown-submenu-open { 
}

}

.dropdown-menu-link-text,

.dropdown-menu-link-text,

.dropdown-menu-link-icon {

.dropdown-menu-link-icon {

  color: #0ce3ac;

  color: #315C7B;

  text-decoration: none;

  text-decoration: none;

}

}

.dropdown-menu-link-text:hover {

.dropdown-menu-link-text:hover {
@@ -1130,7 +1141,7 @@ td a.dropdown-menu:hover i { 
.accordion-title h3 {

.accordion-title h3 {

  display: inline;

  display: inline;

  padding-right: 5px;

  padding-right: 5px;

  background: #fff;

  background: #0ce3ac;

}

}

.accordion-content {

.accordion-content {

  margin-top: 15px;

  margin-top: 15px;
@@ -1164,47 +1175,52 @@ td a.dropdown-menu:hover i { 
  z-index: 1000;

  z-index: 1000;

  min-width: 160px;

  min-width: 160px;

  padding: 5px 0;

  padding: 5px 0;

  background: #fff;

  background: #3F3F3F;

  list-style: none;

  list-style: none;

  border: 1px solid #ccc;

  border: 1px solid #315C7B;

  border-radius: 3px;

  border-radius: 3px;

  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);

  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);

  overflow: scroll;

  overflow: auto;

}

}

.select-dropdown-menu-item {

.select-dropdown-menu-item {

  white-space: nowrap;

  white-space: nowrap;

  overflow: hidden;

  overflow: hidden;

  padding: 3px 10px;

  padding: 3px 10px;

  color: #555;

  color: #0ce3ac;

  cursor: pointer;

  cursor: pointer;

  border-bottom: 1px solid #f8f8f8;

  border-bottom: 1px solid #315C7B;

  line-height: 1.5em;

  line-height: 1.5em;

  font-weight: 400;

  font-weight: 400;

}

}

.select-dropdown-menu-item.active {

.select-dropdown-menu-item.active {

  color: #fff;

  color: #315C7B;

  background: #428bca;

  background: #0ce3ac;

}

}

.select-dropdown-menu-item:last-child {

.select-dropdown-menu-item:last-child {

  border: none;

  border: none;

}

}

.select-dropdown-input-container {

.select-dropdown-input-container {

  position: relative;

  position: relative;

  border: 1px solid #ccc;

  border-bottom: 1px solid #0ce3ac;

  border-right: 0px;

  border-left: 0px;

  border-top: 0px;

  border-radius: 5px;

  border-radius: 5px;

  background-color: #fff;

  background-color: #0ce3ac;

  color: #315C7B;

}

}

.select-dropdown-input-container input.select-dropdown-input {

.select-dropdown-input-container input.select-dropdown-input {

  margin: 0 0 0 5px;

  margin: 0 0 0 5px;

  border: none;

  border: none;

  height: 23px;

  height: 23px;

  background-color: #0ce3ac;

}

}

.select-dropdown-input-container input.select-dropdown-input:focus {

.select-dropdown-input-container input.select-dropdown-input:focus {

  border: none;

  border: none;

  box-shadow: none;

  box-shadow: none;

}

}

.select-dropdown-input-container .select-dropdown-chevron {

.select-dropdown-input-container .select-dropdown-chevron {

  color: #555;

  color: #315C7B;

  position: absolute;

  position: absolute;

  top: 4px;

  top: 4px;

  right: 5px;

  right: 5px;
@@ -1297,11 +1313,13 @@ td a.dropdown-menu:hover i { 
header {

header {

  display: flex;

  display: flex;

  flex-wrap: wrap;

  flex-wrap: wrap;

  border-bottom: 0px solid #70C0C0;

  /*border-bottom:1px solid @color-logo;*/

  border-right: 0px solid #70C0C0;

  /*border-right:1px solid @color-logo;*/

  border-bottom: 0px solid;

  background-color: #315C7B;

  background-color: #315C7B;

  margin: 10px;

  margin: 10px;

  border-radius: 5px;

  border-radius: 5px;

  padding: 15px;

}

}

header .title-container {

header .title-container {

  flex: 1;

  flex: 1;
@@ -1341,14 +1359,14 @@ header .menus-container { 
}

}

header h1 {

header h1 {

  font-size: 1.5em;

  font-size: 1.5em;

  color: #7FC0C2;

  color: #0ce3ac;

}

}

header h1 .tooltip {

header h1 .tooltip {

  opacity: 0.3;

  opacity: 0.3;

  font-size: 0.7em;

  font-size: 0.7em;

}

}

a i.web-notification-icon {

a i.web-notification-icon {

  color: #0ce3ac;

  color: #315C7B;

}

}

a i.web-notification-icon:focus,

a i.web-notification-icon:focus,

a i.web-notification-icon:hover {

a i.web-notification-icon:hover {
@@ -1385,9 +1403,10 @@ a i.web-notification-icon:hover { 
  padding: 0;

  padding: 0;

  font-weight: bold;

  font-weight: bold;

  border-bottom: 1px dotted #ccc;

  border-bottom: 1px dotted #ccc;

  color: #0ce3ac;

}

}

.page-header h2 a {

.page-header h2 a {

  color: #333;

  color: #315C7B;

  text-decoration: none;

  text-decoration: none;

}

}

.page-header h2 a:focus,

.page-header h2 a:focus,
@@ -1484,15 +1503,15 @@ a i.web-notification-icon:hover { 
  padding-left: 13px;

  padding-left: 13px;

}

}

.sidebar > ul li:hover {

.sidebar > ul li:hover {

  border-left: 5px solid #0ce3ac;

  border-left: 5px solid #315C7B;

  padding-left: 8px;

  padding-left: 8px;

}

}

.sidebar > ul li.active {

.sidebar > ul li.active {

  border-left: 5px solid #0ce3ac;

  border-left: 5px solid #315C7B;

  padding-left: 8px;

  padding-left: 8px;

}

}

.sidebar > ul li.active a {

.sidebar > ul li.active a {

  color: #0ce3ac;

  color: #315C7B;

  font-weight: bold;

  font-weight: bold;

}

}

.sidebar-icons > ul li {

.sidebar-icons > ul li {
@@ -1757,8 +1776,8 @@ a i.web-notification-icon:hover { 
}

}

.views li {

.views li {

  white-space: nowrap;

  white-space: nowrap;

  background: #fafafa;

  background: #315C7B;

  border: 1px solid #ddd;

  border: 1px solid #0ce3ac;

  border-right: none;

  border-right: none;

  padding: 4px 8px;

  padding: 4px 8px;

  display: inline;

  display: inline;
@@ -1768,12 +1787,12 @@ a i.web-notification-icon:hover { 
    display: block;

    display: block;

    margin-top: 5px;

    margin-top: 5px;

    border-radius: 5px;

    border-radius: 5px;

    border: 1px solid #ddd;

    border: 1px solid #0ce3ac;

  }

  }

}

}

.views li.active a {

.views li.active a {

  font-weight: bold;

  font-weight: bold;

  color: #000;

  color: #0ce3ac;

  text-decoration: none;

  text-decoration: none;

}

}

.views li:first-child {

.views li:first-child {
@@ -1786,11 +1805,11 @@ a i.web-notification-icon:hover { 
  border-bottom-right-radius: 5px;

  border-bottom-right-radius: 5px;

}

}

.views a {

.views a {

  color: #555;

  color: #222222;

  text-decoration: none;

  text-decoration: none;

}

}

.views a:hover {

.views a:hover {

  color: #333;

  color: #0ce3ac;

  text-decoration: underline;

  text-decoration: underline;

}

}

.dashboard-project-stats small {

.dashboard-project-stats small {
@@ -1877,7 +1896,7 @@ td.board-column-task-collapsed { 
}

}

.board-add-icon i {

.board-add-icon i {

  text-decoration: none;

  text-decoration: none;

  color: #0ce3ac;

  color: #315C7B;

  font-size: 1.4em;

  font-size: 1.4em;

}

}

.board-add-icon i:focus,

.board-add-icon i:focus,
@@ -2098,7 +2117,7 @@ span.task-icon-age-column { 
}

}

span.task-date-today {

span.task-date-today {

  opacity: 1;

  opacity: 1;

  color: #0ce3ac;

  color: #315C7B;

}

}

span.task-date-overdue {

span.task-date-overdue {

  opacity: 1;

  opacity: 1;
@@ -2276,7 +2295,7 @@ span.task-date-overdue { 
}

}

.subtask-cell a:hover,

.subtask-cell a:hover,

.subtask-cell a:focus {

.subtask-cell a:focus {

  color: #0ce3ac;

  color: #315C7B;

}

}

.subtask-cell:first-child {

.subtask-cell:first-child {

  border-left: none;

  border-left: none;
@@ -2331,7 +2350,7 @@ span.task-date-overdue { 
  margin-right: 10px;

  margin-right: 10px;

}

}

.text-editor a:hover {

.text-editor a:hover {

  color: #0ce3ac;

  color: #315C7B;

}

}

.text-editor .text-editor-preview-area {

.text-editor .text-editor-preview-area {

  border: 1px solid #dedede;

  border: 1px solid #dedede;
@@ -2416,9 +2435,9 @@ span.task-date-overdue { 
  padding: 8px 35px 8px 10px;

  padding: 8px 35px 8px 10px;

  margin-top: 10px;

  margin-top: 10px;

  margin-bottom: 15px;

  margin-bottom: 15px;

  border: 1px solid #ddd;

  border: 1px solid #0ce3ac;

  color: #333;

  color: #333;

  background-color: #fcfcfc;

  background-color: #0ce3ac;

  overflow: auto;

  overflow: auto;

}

}

.panel li {

.panel li {
@@ -2429,9 +2448,10 @@ span.task-date-overdue { 
.activity-event {

.activity-event {

  margin-bottom: 15px;

  margin-bottom: 15px;

  padding: 10px;

  padding: 10px;

  background-color: #222222;

}

}

.activity-event:nth-child(even) {

.activity-event:nth-child(even) {

  background: #fafafa;

  background: #3F3F3F;

}

}

.activity-event:hover {

.activity-event:hover {

  background: #fff8dc;

  background: #fff8dc;

Template/css/app.original.less

+74 −50
Original line number Original line Diff line number Diff line
@@ -2,26 +2,39 @@ 




/* HELLO LESS */

/* HELLO LESS */





@color-link: #0ce3ac;

@color-link: #315C7B;//#0ce3ac;



@color-nolink : #0ce3ac;

@color-title-bar: #315C7B;



@color-base: #222222;

@color-base: #222222;

@color-base-odd: #3F3F3F;

@color-base-odd: #3F3F3F;

@color-upper: #EAEAEA;

@color-upper: #EAEAEA;

@color-rows-hover: #4078C0;

@color-rows-hover: #0ce3ac;

@color-input-box:rgb(105, 105, 105);





@color-borders: #EAEAEA;

@color-borders: #0ce3ac;





@color-main-text: #0ce3ac;

@color-main-text: #0ce3ac;

@color-sub-text: #999;

@color-sub-text: #999;

@color-logo: #7FC0C2;

@color-logo: #0ce3ac;





@input-field-fill:#3F3F3F;

/* BYE BYE LESS */

/* BYE BYE LESS */





/* EX-INLINE */

/* EX-INLINE */

.dropdown-menu.dropdown-menu-link-icon > .fa.fa-caret-down{

 color: @color-link;

}

.fa.fa-caret-down{

.fa.fa-caret-down{

 color: @color-base;

 color: @color-base;

}

}

.table-list-row.color-cyan{

.color-cyan{

    border-left: 5px solid @color-link !important;

 border-left: 5px solid @color-borders !important;

}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */

    color: @color-title-bar !important;

    opacity: 1; /* Firefox */

}

}





// .dropdown-menu-link-te333t, .dropdown-menu-link-icon{

// .dropdown-menu-link-te333t, .dropdown-menu-link-icon{
@@ -122,7 +135,7 @@ a:hover { 
a .fa {

a .fa {

 padding-right:3px;

 padding-right:3px;

 text-decoration:none;

 text-decoration:none;

 color: @color-link;

 color: @color-main-text;

}

}

h1,h2,h3 {

h1,h2,h3 {

 font-weight:normal;

 font-weight:normal;
@@ -175,8 +188,8 @@ table.table-striped tr:nth-child(odd) { 
table th {

table th {

 text-align:left;

 text-align:left;

 padding:0.5em 3px;

 padding:0.5em 3px;

 border:1px solid #eee;

 border:1px solid @color-borders;

 background:#fbfbfb

 background:@color-borders;

}

}

table th a {

table th a {

 text-decoration:none;

 text-decoration:none;
@@ -186,7 +199,7 @@ table th a:focus,table th a:hover { 
 text-decoration:underline

 text-decoration:underline

}

}

table td {

table td {

 border:1px solid #eee;

 border:1px solid @color-borders;

 padding:0.5em 3px;

 padding:0.5em 3px;

 vertical-align:top

 vertical-align:top

}

}
@@ -523,7 +536,7 @@ tr.draggable-item-selected td:last-child { 
 margin-bottom:20px

 margin-bottom:20px

}

}

.table-list-header {

.table-list-header {

 background: @color-link;

 background: @color-borders;

 border:solid @color-borders;

 border:solid @color-borders;

 border-top: 1px;

 border-top: 1px;

 border-left: 0px;

 border-left: 0px;
@@ -555,11 +568,11 @@ tr.draggable-item-selected td:last-child { 
.table-list-row {

.table-list-row {

 padding-left:3px;

 padding-left:3px;

 padding-right:3px;

 padding-right:3px;

 border-bottom:1px solid @color-link;

 border-bottom:1px solid @color-borders;

 border-right:1px solid @color-link;

 border-right:1px solid @color-borders;

}

}

.table-list-row.table-border-left {

.table-list-row.table-border-left {

 border-left:1px solid @color-link;

 border-left:1px solid @color-borders;

}

}

.table-list-row:nth-child(odd) {

.table-list-row:nth-child(odd) {

 background:#3F3F3F;

 background:#3F3F3F;
@@ -866,10 +879,11 @@ ul.form-errors li { 
.input-addon-field {

.input-addon-field {

 flex:1;

 flex:1;

 font-size:1em;

 font-size:1em;

 color:#999;

 color: @input-field-fill;

 margin:0;

 margin:0;

 -webkit-appearance:none;

 -webkit-appearance:none;

 -moz-appearance:none

 -moz-appearance:none;

 background-color: @color-input-box;

}

}

.input-addon-field:first-child {

.input-addon-field:first-child {

 border-radius:5px 0 0 5px

 border-radius:5px 0 0 5px
@@ -878,7 +892,7 @@ ul.form-errors li { 
 border-radius:0 5px 5px 0

 border-radius:0 5px 5px 0

}

}

.input-addon-item {

.input-addon-item {

 background-color:rgba(147,128,108,0.1);

 background-color: @input-field-fill;

 color:#666;

 color:#666;

 font:inherit;

 font:inherit;

 font-weight:normal

 font-weight:normal
@@ -895,8 +909,9 @@ ul.form-errors li { 
 }

 }

}

}

.input-addon-field,.input-addon-item {

.input-addon-field,.input-addon-item {

 border:1px solid rgba(147,128,108,0.25);

 border-bottom:1px solid;

 padding:4px 0.75em

 padding:4px 0.75em;

 background-color: @input-field-fill;

}

}

.input-addon-field:not(:first-child),.input-addon-item:not(:first-child) {

.input-addon-field:not(:first-child),.input-addon-item:not(:first-child) {

 border-left:0

 border-left:0
@@ -1038,7 +1053,7 @@ a.btn { 
}

}

#tooltip-container {

#tooltip-container {

 padding:5px;

 padding:5px;

 background:#fff;

 background:@color-base-odd;

 border:1px solid #ddd;

 border:1px solid #ddd;

 border-radius:4px;

 border-radius:4px;

 box-shadow:0 6px 12px #aaa;

 box-shadow:0 6px 12px #aaa;
@@ -1100,7 +1115,7 @@ ul.dropdown-submenu-open { 
}

}

.dropdown-submenu-open a {

.dropdown-submenu-open a {

 text-decoration:none;

 text-decoration:none;

 color:@color-link;

 color:@color-main-text;

}

}

.dropdown-submenu-open a:focus {

.dropdown-submenu-open a:focus {

 text-decoration:underline

 text-decoration:underline
@@ -1136,7 +1151,7 @@ td a.dropdown-menu:hover i { 
.accordion-title h3 {

.accordion-title h3 {

 display:inline;

 display:inline;

 padding-right:5px;

 padding-right:5px;

 background:#fff

 background:@color-borders;

}

}

.accordion-content {

.accordion-content {

 margin-top:15px;

 margin-top:15px;
@@ -1170,47 +1185,52 @@ td a.dropdown-menu:hover i { 
 z-index:1000;

 z-index:1000;

 min-width:160px;

 min-width:160px;

 padding:5px 0;

 padding:5px 0;

 background:#fff;

 background:@color-base-odd;

 list-style:none;

 list-style:none;

 border:1px solid #ccc;

 border:1px solid @color-link;

 border-radius:3px;

 border-radius:3px;

 box-shadow:0 6px 12px rgba(0,0,0,0.175);

 box-shadow:0 6px 12px rgba(0,0,0,0.175);

 overflow:scroll

 overflow:auto;

}

}

.select-dropdown-menu-item {

.select-dropdown-menu-item {

 white-space:nowrap;

 white-space:nowrap;

 overflow:hidden;

 overflow:hidden;

 padding:3px 10px;

 padding:3px 10px;

 color:#555;

 color:@color-main-text;

 cursor:pointer;

 cursor:pointer;

 border-bottom:1px solid #f8f8f8;

 border-bottom:1px solid @color-link;

 line-height:1.5em;

 line-height:1.5em;

 font-weight:400

 font-weight:400

}

}

.select-dropdown-menu-item.active {

.select-dropdown-menu-item.active {

 color:#fff;

 color:@color-link;

 background:#428bca

 background:@color-rows-hover;

}

}

.select-dropdown-menu-item:last-child {

.select-dropdown-menu-item:last-child {

 border:none

 border:none

}

}

.select-dropdown-input-container {

.select-dropdown-input-container {

 position:relative;

 position:relative;

 border:1px solid #ccc;

 border-bottom:1px solid @color-borders;

 border-right: 0px;

 border-left: 0px;

 border-top: 0px;

 border-radius:5px;

 border-radius:5px;

 background-color:#fff

 background-color:@color-logo;

 color: @color-title-bar;

}

}

.select-dropdown-input-container input.select-dropdown-input {

.select-dropdown-input-container input.select-dropdown-input {

 margin:0 0 0 5px;

 margin:0 0 0 5px;

 border:none;

 border:none;

 height:23px

 height:23px;

 background-color: @color-logo;

}

}

.select-dropdown-input-container input.select-dropdown-input:focus {

.select-dropdown-input-container input.select-dropdown-input:focus {

 border:none;

 border:none;

 box-shadow:none

 box-shadow:none

}

}

.select-dropdown-input-container .select-dropdown-chevron {

.select-dropdown-input-container .select-dropdown-chevron {

 color:#555;

 color:@color-link;

 position:absolute;

 position:absolute;

 top:4px;

 top:4px;

 right:5px;

 right:5px;
@@ -1303,11 +1323,13 @@ td a.dropdown-menu:hover i { 
header {

header {

 display:flex;

 display:flex;

 flex-wrap:wrap;

 flex-wrap:wrap;

 border-bottom:0px solid #70C0C0;

 /*border-bottom:1px solid @color-logo;*/

 border-right:0px solid #70C0C0;

 /*border-right:1px solid @color-logo;*/

 background-color:#315C7B;

 border-bottom: 0px solid;

 background-color: @color-title-bar;

 margin: 10px;

 margin: 10px;

 border-radius: 5px;

 border-radius: 5px;

 padding: 15px;

}

}

header .title-container {

header .title-container {

 flex:1;

 flex:1;
@@ -1378,7 +1400,7 @@ a i.web-notification-icon:focus,a i.web-notification-icon:hover { 
 margin-bottom:20px;

 margin-bottom:20px;

}

}

.page-header ul li a{ /*EXTRA CLASS*/

.page-header ul li a{ /*EXTRA CLASS*/

 color:@color-link;

 color:@color-main-text;

}

}

.page-header .dropdown {

.page-header .dropdown {

 padding-right:10px

 padding-right:10px
@@ -1387,10 +1409,11 @@ a i.web-notification-icon:focus,a i.web-notification-icon:hover { 
 margin:0;

 margin:0;

 padding:0;

 padding:0;

 font-weight:bold;

 font-weight:bold;

 border-bottom:1px dotted #ccc

 border-bottom:1px dotted #ccc;

 color:@color-logo;

}

}

.page-header h2 a {

.page-header h2 a {

 color:#333;

 color:@color-link;

 text-decoration:none

 text-decoration:none

}

}

.page-header h2 a:focus,.page-header h2 a:hover {

.page-header h2 a:focus,.page-header h2 a:hover {
@@ -1751,8 +1774,8 @@ a i.web-notification-icon:focus,a i.web-notification-icon:hover { 
}

}

.views li {

.views li {

 white-space:nowrap;

 white-space:nowrap;

 background:#fafafa;

 background:@color-link;

 border:1px solid #ddd;

 border:1px solid @color-borders;

 border-right:none;

 border-right:none;

 padding:4px 8px;

 padding:4px 8px;

 display:inline

 display:inline
@@ -1762,12 +1785,12 @@ a i.web-notification-icon:focus,a i.web-notification-icon:hover { 
  display:block;

  display:block;

  margin-top:5px;

  margin-top:5px;

  border-radius:5px;

  border-radius:5px;

  border:1px solid #ddd

  border:1px solid @color-borders;

 }

 }

}

}

.views li.active a {

.views li.active a {

 font-weight:bold;

 font-weight:bold;

 color:#000;

 color:@color-main-text;

 text-decoration:none

 text-decoration:none

}

}

.views li:first-child {

.views li:first-child {
@@ -1780,11 +1803,11 @@ a i.web-notification-icon:focus,a i.web-notification-icon:hover { 
 border-bottom-right-radius:5px

 border-bottom-right-radius:5px

}

}

.views a {

.views a {

 color:#555;

 color:@color-base;

 text-decoration:none

 text-decoration:none

}

}

.views a:hover {

.views a:hover {

 color:#333;

 color:@color-main-text;

 text-decoration:underline

 text-decoration:underline

}

}

.dashboard-project-stats small {

.dashboard-project-stats small {
@@ -2395,9 +2418,9 @@ span.task-date-overdue { 
 padding:8px 35px 8px 10px;

 padding:8px 35px 8px 10px;

 margin-top:10px;

 margin-top:10px;

 margin-bottom:15px;

 margin-bottom:15px;

 border:1px solid #ddd;

 border:1px solid @color-borders;

 color:#333;

 color:#333;

 background-color:#fcfcfc;

 background-color:@color-borders;

 overflow:auto

 overflow:auto

}

}

.panel li {

.panel li {
@@ -2407,10 +2430,11 @@ span.task-date-overdue { 
}

}

.activity-event {

.activity-event {

 margin-bottom:15px;

 margin-bottom:15px;

 padding:10px

 padding:10px;

 background-color: @color-base;

}

}

.activity-event:nth-child(even) {

.activity-event:nth-child(even) {

 background:#fafafa

 background:@color-base-odd;

}

}

.activity-event:hover {

.activity-event:hover {

 background:#fff8dc

 background:#fff8dc