.tscolor { border-left-width: 10px; border-left-style: solid; padding-left: 5px; }
.tscolor.tscolor-0 { border-left-color: #000; }
.tscolor.tscolor-1 { border-left-color: #f00; }
.tscolor.tscolor-2 { border-left-color: #0f0; }
.tscolor.tscolor-3 { border-left-color: #00f; }
.tscolor.tscolor-4 { border-left-color: #ff0; }
.tscolor.tscolor-5 { border-left-color: #f0f; }
.tscolor.tscolor-6 { border-left-color: #0ff; }
.tscolor.tscolor-7 { border-left-color: #666; }
.tscolor.tscolor-8 { border-left-color: #ccc; }
.tscolor.tscolor-9 { border-left-color: #ffcc00; }
.tscolor.tscolor-10 { border-left-color: #008800; }
.tscolor.tscolor-11 { border-left-color: #001188; }

.task-hover:hover { background-color: #f5f5f5; }

.tsk-container .row { padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px dotted #ccc; }
.tsk-container .row:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; }

/* NOTIFICARI */
.ntf-area { position: relative; }
.ntf-new { position: absolute; top: -5px; left: 15px; background-color: #00ff1b; color: #000; font-weight: bold; padding: 4px 6px; font-size: 11px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;   }
.ntf-new { animation: green-pulse 2s linear  infinite; -webkit-animation:green-pulse 2s linear infinite;  }

/* green pulse... */
@keyframes green-pulse {
  0% { background-color: #00ff1b;}
  50% { background-color: #ffe600;}
  100% { background-color: #00ff1b;}
}
@-webkit-keyframes green-pulse {
  0% { background-color: #00ff1b;}
  50% { background-color: #ffe600;}
  100% { background-color: #00ff1b;}
}

#ntf-wnd {
  display: none;
  padding: 10px 0px;
  font-size: 11px;
  background: rgba(255, 255, 255, .98);
  background-color: #fff;
  border: 1px solid rgba(100, 100, 100, .4);
  box-shadow: 0 3px 8px rgba(0, 0, 0, .25);
  color: #141823;
  overflow: visible;
  position: absolute;
  top : 30px;
  right: 8px;
  width: 400px;
  z-index: 2;
}
#ntf-wnd.on { display: block; }
#ntf-wnd:before { content: "\0020"; display: block; position: absolute; top: -10px; right: 15px; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #fff;
}
.ntf-list li {  padding: 15px; border-bottom: 1px dotted #ccc; }
.ntf-list li.new { background-color: #f6f3f3; }
.ntf-wnd-scroll { overflow: hidden; max-height: 300px; position: relative }
.ntf-new[data-value='0'] { visibility: hidden; }

/* CALENDAR */
.calendar-table { width: 100%; border-collapse: collapse; text-transform: uppercase; }
.calendar-table th { background-color: #e85c00; padding: 3px; color: #fff; }
.calendar-table td { text-align: center; padding: 3px; border: 1px solid #ccc; background-color: #f4f4f4; }
.calendar-table .off { color: #ccc; }
.calendar-table .selected { font-weight: bold; background-color: #fff; color: #e85c00;  }
.calendar-table .on { cursor: pointer; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; }
.calendar-table .on:hover { background-color: #fff; }
.calendar-table .current { background-color: #434343;}

.calendar-table.taskuri th { background-color: #f4f4f4; padding: 3px; color: #444; border-bottom: 1px dotted #ccc; }
.calendar-table.taskuri td { text-align: center; padding: 10px 3px; border: 1px solid #ccc; background-color: #fff; }