@CHARSET "UTF-8";
#mytodo {
  height: auto !important; }

#mytodo .header {
  background: #009fe3; }

#mytodo .header .title {
  padding-left: 1em; }

#mytodo .todo-day {
  width: 25%;
  float: left;
  position: relative; }

#mytodo .todo-list:after {
  content: '';
  display: block;
  clear: both; }

#mytodo .todo-list .day-content {
  padding: 1em;
  position: relative;
  border-right: 1px solid #e4e4e4; }

#mytodo .todo-list .day-title {
  font-size: 0.938em;
  font-weight: 500; }

#mytodo .todo-list .todo-activities {
  margin-top: 1em; }

#mytodo .todo-list .todo-activities .location {
  font-size: 0.813em;
  font-weight: 300;
  margin-bottom: 3px; }

#mytodo .todo-list .todo-activities .info {
  font-size: 0.813em;
  font-weight: 300; }

#mytodo .todo-list .todo-activities li {
  margin-bottom: 20px; }

#mytodo .todo-list .todo-activities li:after {
  display: block;
  content: '';
  clear: both; }

#mytodo .todo-list .todo-activities li:last-child {
  margin-bottom: 0; }

#mytodo .todo-list .activity-type {
  float: left;
  margin-right: 12px; }

#mytodo .todo-list .nutrition .activity-type {
  color: #65BC9F; }

#mytodo .todo-list .nutrition .activity-type .e-icon-activity {
  background: url("../../../../images/icons/activities/food.svg") no-repeat center;
  background-size: contain; }

#mytodo .todo-list .sport .activity-type {
  color: #FF8600; }

#mytodo .todo-list .sport .activity-type .e-icon-activity {
  background: url("../../../../images/icons/activities/strengthWorkout.svg") no-repeat center;
  background-size: contain; }

#mytodo .todo-list .aerobics .activity-type {
  color: #FF8600; }

#mytodo .todo-list .test .activity-type {
  color: #FF8600; }

#mytodo .todo-list .test .activity-type .e-icon-activity {
  background: url("../../../../images/icons/activities/tests.svg") no-repeat center;
  background-size: contain; }

#mytodo .todo-list .aerobics .activity-type .e-icon-activity {
  background: url("../../../../images/icons/tests/walking.svg") no-repeat center;
  background-size: contain; }

#mytodo .todo-list .psychology .activity-type {
  color: #FF9999; }

#mytodo .todo-list .psychology .activity-type .e-icon-activity {
  background: url("../../../../images/icons/activities/psychology.svg") no-repeat center;
  background-size: contain; }

#mytodo .todo-list .relaxation .activity-type {
  color: #CC99FF; }

#mytodo .todo-list .relaxation .activity-type .e-icon-activity {
  background: url("../../../../images/icons/activities/freetime.svg") no-repeat center;
  background-size: contain; }

#mytodo .todo-list .medicine .activity-type {
  color: #99CCFF; }

#mytodo .todo-list .medicine .activity-type .e-icon-activity {
  background: url("../../../../images/icons/activities/measurement.svg") no-repeat center;
  background-size: contain; }

#mytodo .todo-list .organization .activity-type {
  color: #58AAE0; }

#mytodo .todo-list .organization .activity-type .e-icon-activity {
  background: url("../../../../images/icons/activities/organisation.svg") no-repeat center;
  background-size: contain; }

#mytodo .todo-list .knowledge .activity-type {
  color: #F7CB4B; }

#mytodo .todo-list .knowledge .activity-type .e-icon-activity {
  background: url("../../../../images/icons/activities/knowledge.svg") no-repeat center;
  background-size: contain; }

#mytodo .todo-list .general .activity-type {
  color: #00698C; }

#mytodo .todo-list .analysis .activity-type .e-icon-activity {
  background: url("../../../../images/icons/questionnaires/questionnaire.svg") no-repeat center;
  background-size: contain; }

#mytodo .todo-list .analysis .activity-type {
  color: #32C0A3; }

#mytodo .todo-list .general .activity-type .e-icon-activity {
  background: url("../../../../images/icons/questionnaires/questionnaire.svg") no-repeat center;
  background-size: contain; }

#mytodo .todo-list .free-time .activity-type {
  color: #00698C; }

#mytodo .todo-list .free-time .activity-type .e-icon-activity {
  background: url("../../../../images/icons/activities/freetime.svg") no-repeat center;
  background-size: contain; }

#mytodo .todo-list .lecture .activity-type {
  color: #F7CB4B; }

#mytodo .todo-list .lecture .activity-type .e-icon-activity {
  background: url("../../../../images/icons/activities/knowledge.svg") no-repeat center;
  background-size: contain; }

#mytodo .todo-list .health-package .activity-type .e-icon-activity {
  background: url("../../../../images/icons/activities/program.svg") no-repeat center;
  background-size: contain; }

#mytodo .todo-list .didYouKnow .activity-type {
  color: #F7CB4B; }

#mytodo .todo-list .didYouKnow .activity-type .e-icon-activity {
  background: url("../../../../images/icons/activities/knowledge.svg") no-repeat center;
  background-size: contain; }

#mytodo .todo-list .activity-info [class^="e-icon-"] {
  display: inline-block;
  vertical-align: top;
  font-size: 12px;
  margin-top: 1px;
  margin-right: 4px; }

#mytodo .todo-list .activity-type [class^="e-icon-"] {
  display: block;
  font-size: 26px;
  width: 36px;
  height: 36px; }

#mytodo .todo-list .activity-info .info span {
  padding-right: 12px; }

#mytodo .todo-list .activity-type .program-info {
  font-size: 0.750em;
  display: block;
  text-align: center;
  margin-top: 5px;
  display: none; }

#mytodo .todo-list .activity-info {
  padding-left: 40px;
  cursor: pointer; }

#mytodo .todo-list .activity-info .activity-title {
  margin-bottom: 4px;
  font-family: 'Roboto Condensed';
  word-break: break-word;
  }

#mytodo .todo-list .todo-day .more-button {
  position: absolute;
  right: 8px;
  bottom: 8px;
  font-weight: 500;
  font-size: 1.125em;
  cursor: pointer;
  transition: 200ms ease-in-out; }

#mytodo .todo-list .todo-day .more-button:hover {
  color: #60C0C2; }

#mytodo .todo-list .todo-day .more-activities {
  position: absolute;
  background-color: #fff;
  width: 100%;
  box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.1);
  margin-top: -1px;
  display: none;
  z-index: 10; }

#mytodo .todo-list .todo-day .more-activities .todo-activities {
  padding: 0 1em 1em 1em;
  margin-top: 5px; }

@media only screen and (max-width: 800px) {
  #mytodo .todo-day {
    width: 100%;
    border-bottom: 1px dashed rgba(51, 51, 51, 0.1); } }