@CHARSET "UTF-8";
/* Goals list */
#manageGoals.popup.medium {
  padding: 0; }

#manageGoals.popup .content {
  margin-top: 26px; }

#manageGoals.popup.medium .header {
  padding: 2em 2em 0 2em; }

#manageGoals .goalsList li {
  border-bottom: 1px solid #e4e4e4;
  position: relative; }

#manageGoals .goalsList li.blue {
  border-left: 8px solid #419fd8; }

#manageGoals .goalsList li.yellow {
  border-left: 8px solid #fdc010; }

#manageGoals .goalsList li.lime {
  border-left: 8px solid #cddc37; }

#manageGoals .goalsList li.pink {
  border-left: 8px solid #e71f63; }

#manageGoals .goalsList li.red {
  border-left: 8px solid #d31f26; }

#manageGoals .goalsList li.green {
  border-left: 8px solid #4cad4c; }

#manageGoals .goalsList li.purple {
  border-left: 8px solid #8e3f97; }

#manageGoals .goalsList li.orange {
  border-left: 8px solid #f26f46; }

#manageGoals .goalsList li.brown {
  border-left: 8px solid #795548; }

#manageGoals .goalsList li.grey {
  border-left: 8px solid #607d8b; }

#manageGoals .goalsList.moreGoals li {
  cursor: pointer;
  background-color: transparent !important; }
  
  #manageGoals .goalsList.moreGoals li li {
  cursor: default;}

#manageGoals .goalsList.moreGoals li:first-of-type {
  border-top: 1px solid #e4e4e4; }

#manageGoals .goalsList.moreGoals .shortGoalsList {
  display: none; }

/* #manageGoals .goalsList.moreGoals li:first-of-type .shortGoalsList { */
/*   display: block; } */
#manageGoals .goalsList.singleGoal li {
  display: block;
  background-color: transparent !important; }

#manageGoals .goalsList li {
  display: none; }

/* #manageGoals .goalsList li:nth-child(1) { */
/*   display: block; } */
#manageGoals .goalsList.moreGoals li {
  display: block; }

#manageGoals .goalsList.moreGoals .goalCategory {
  border-bottom: transparent;
  border-top: transparent;
  background-color: transparent !important; }

#manageGoals .goalsList .goalCategory {
  border-top: 1px solid #e4e4e4;
  border-bottom: 1px solid #e4e4e4; }

#manageGoals .goalsList .goalInfo {
  display: inline-block;
  padding: 10px 16px;
  }

#manageGoals .actions {
  position: absolute;
  cursor: pointer;
  color: #009fe3;
  line-height: 60px;
  padding-right: 16px;
  font-weight: 500;
  font-size: 18px;
  right: 0;
  top: 0px; }

#manageGoals .actions .mdi-action-delete, #manageGoals .actions .mdi-action-done-all {
  margin-right: 13px;
  color: rgba(0, 159, 227, 0.8);
  font-size: 27px;
  cursor: pointer;
  transition: color 200ms ease-in-out; }

#manageGoals .actions .mdi-action-delete:hover, #manageGoals .actions .mdi-action-done-all:hover {
  color: #009fe3; }

#manageGoals .moreGoals .actions .mdi-hardware-keyboard-arrow-down {
  display: inline-block; }

#manageGoals .actions .mdi-hardware-keyboard-arrow-down {
  margin-right: 10px;
  color: rgba(0, 159, 227, 0.8);
  font-size: 32px;
  cursor: pointer;
  transition: all 200ms ease-in-out;
  vertical-align: top;
  display: none; }

#manageGoals .open .actions .mdi-hardware-keyboard-arrow-down {
  transform: rotate(180deg); }

#manageGoals .actions .mdi-hardware-keyboard-arrow-down:hover {
  color: #009fe3; }

#manageGoals .goalsList .categoryName {
  font-size: 18px;
  font-weight: 500;
  padding-bottom: 4px; }

#manageGoals .goalsList .date {
  font-weight: 300;
  padding-bottom: 4px; }

#manageGoals .shortGoalsList li {
  border-bottom: 1px solid #e4e4e4;
  padding: 5px 0 5px 16px; }

#manageGoals .shortGoalsList li:nth-child(odd) {
  background-color: #fafafa; }

#manageGoals .shortGoalsList .number {
  display: inline-block;
  background-color: #009fe3;
  color: #fff;
  height: 36px;
  width: 36px;
  line-height: 36px;
  border-radius: 50%;
  text-align: center; }

#manageGoals .shortGoalsList .mdi-action-delete{
  margin-right: 31px;
}

#manageGoals .shortGoalsList .mdi-action-delete, #manageGoals .shortGoalsList .mdi-action-done-all {
  color: rgba(0, 159, 227, 0.8);
  font-size: 27px;
  cursor: pointer;
  transition: color 200ms ease-in-out; }

#manageGoals .shortGoalsList .mdi-action-delete:hover, #manageGoals .shortGoalsList .mdi-action-done-all:hover {
  color: #009fe3; }

#manageGoals .shortGoalsList .mdi-action-thumb-up {
  font-size: 27px;
  color: rgba(0, 0, 0, 0.87); }

#manageGoals .shortGoalsList .goalInfo {
  display: inline-block;
  width: calc(100% - 280px);
  vertical-align: middle;
  padding-left: 16px;
  }

#manageGoals .shortGoalsList .due {
  font-size: 14px;
  font-weight: 300;
  padding-top: 4px; }

#manageGoals .shortGoalsList .status {
  display: inline-block;
  vertical-align: middle;
  text-align: right;
  float: right;
  margin-top: 13px;
  }

#manageGoals .shortGoalsList .status .complete-goal {
  color: #009fe3;
  vertical-align: top;
  margin-top: 8px;
  display: inline-block;
  margin-right: 12px;
  }

#manageGoals .shortGoalsList .status .mdi-navigation-check {
  color: rgba(125, 125, 125, 0.8);
  font-size: 26px;
  transition: color 200ms ease-in-out;
  vertical-align: top;
  margin-right: 29px;
  padding-top: 6px;
  float: right;
  cursor: initial;
  }

#manageGoals .shortGoalsList .newGoal {
  display: inline-block;
  margin: 5px 16px;
  width: calc(100% - 72px); }

#manageGoals .shortGoalsList .shortGoal {
  border: none;
  border-bottom: 1px solid #999;
  background: transparent;
  line-height: 100%;
  color: #333;
  width: calc(100% - 224px);
  margin-right: 32px;
  float: left;
  transition: border 200ms ease-in-out; }

#manageGoals .shortGoalsList .error .shortGoal, #manageGoals .error .datepicker {
  border-bottom-color: #f44336; }

#manageGoals .shortGoalsList .shortGoal:focus {
  border-bottom: 1px solid #009fe3; }

#manageGoals .datepicker {
  border: none;
  border-bottom: 1px solid #999;
  background: transparent;
  line-height: 100%;
  color: #333; }

#manageGoals .datepicker::-webkit-input-placeholder {
  color: #333; }

#manageGoals .addNewGoal {
  padding: 16px;
  cursor: pointer;
  display: inline-block; }

#manageGoals .addNewGoal span {
  transition: color 200ms ease-in-out;
  display: inline-block;
  vertical-align: top;
  line-height: 36px; }

#manageGoals .addNewGoal:hover span {
  color: #009fe3; }

#manageGoals .lime {
  background-color: transparent !important; }

#manageGoals .addNewGoal .add {
  cursor: pointer;
  color: #fff;
  speak: none;
  display: inline-block;
  font-family: "Material-Design-Icons";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  font-size: 20px;
  z-index: 12;
  transition: transform 200ms ease-in-out;
  background-color: #039BE5;
  border-radius: 100%;
  padding: 8px;
  margin-right: 20px; }

#manageGoals .addNewGoal .add:before {
  content: "\e701"; }

#manageGoals button {
  float: right;
  margin: 26px; }

#manageGoals button[disabled] {
  background: #999; }

#manageGoals .error-description {
  padding: 26px;
  float: left;
  color: #F44336;
  display: none; }

#manageGoals .error .error-description {
  display: block; }